@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#211537;background:#f5f6fb;font-synthesis:none;--purple: #6d42e8;--purple-dark: #3e227d;--purple-soft: #eee8ff;--ink: #211537;--muted: #77758a;--line: #e6e5ed;--surface: #ffffff;--canvas: #f5f6fb;--green: #15966b;--green-soft: #e7f8f1;--blue: #3276e8;--blue-soft: #eaf2ff;--orange: #de7625;--orange-soft: #fff1e4;--red: #dc4059;--red-soft: #ffebef;--shadow: 0 12px 38px rgba(36, 25, 68, .07)}:root[data-theme=dark]{color:#f5f2ff;background:#12101a;--ink: #f5f2ff;--muted: #aaa6ba;--line: #302c3d;--surface: #1c1926;--canvas: #12101a;--purple-soft: #322552;--shadow: 0 12px 38px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;background:var(--canvas)}.app-main{margin-left:272px;min-height:100vh}.content{max-width:1440px;margin:0 auto;padding:40px 42px 90px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:272px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.sidebar-head{height:78px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sidebar-close{display:none!important}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#191623;color:#fff;font:800 15px Manrope;box-shadow:inset 0 -3px 0 var(--purple);letter-spacing:-.4px}.brand strong,.brand span{display:block}.brand strong{font:700 14px Manrope;letter-spacing:-.25px;color:var(--ink)}.brand span{margin-top:2px;color:#817d93;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.brand-compact .brand-mark{width:38px;height:38px;border-radius:10px}.workspace-chip{margin:17px 20px 8px;padding:9px 11px;display:flex;align-items:center;gap:8px;background:var(--purple-soft);color:var(--purple-dark);border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.65px}.live-dot{width:7px;height:7px;border-radius:50%;background:#28c88b;box-shadow:0 0 0 3px #28c88b21}.side-menu{padding:4px 12px 12px;flex:1;overflow-y:auto}.side-menu small{display:block;margin:16px 10px 6px;color:#aaa7b5;font-size:9px;font-weight:800;letter-spacing:1.45px}.side-menu button{width:100%;min-height:45px;padding:0 12px;border:0;border-left:3px solid transparent;border-radius:9px;background:transparent;display:flex;align-items:center;gap:12px;color:#6a6678;cursor:pointer;font-size:13px;font-weight:600;text-align:left;transition:.18s ease}.side-menu button:hover{background:var(--canvas);color:var(--ink)}.side-menu button.active{background:var(--purple-soft);border-left-color:var(--purple);color:var(--purple)}.side-menu button span{flex:1}.menu-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--purple);color:#fff;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line)}.sync-mini{padding:10px 18px;display:flex;align-items:center;gap:7px;color:var(--muted);background:var(--canvas);font-size:11px}.sync-mini b{margin-left:auto;color:var(--orange);font-size:10px}.profile-trigger{width:100%;padding:14px 16px 16px;display:flex;align-items:center;gap:10px;border:0;background:var(--surface);text-align:left;cursor:pointer}.profile-trigger>span{min-width:0;flex:1}.profile-trigger strong,.profile-trigger small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-trigger strong{color:var(--ink);font-size:12px}.profile-trigger small{margin-top:2px;color:var(--muted);font-size:10px}.profile-trigger svg{color:#aaa7b5}.avatar{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#4a277c,#271541);color:#fff;font-size:12px;font-weight:800}.avatar-large{width:76px;height:76px;font-size:20px}.app-header{height:78px;position:sticky;top:0;z-index:20;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-context small,.header-context strong{display:block}.header-context small{margin-bottom:2px;color:#aaa7b5;font-size:9px;font-weight:800;letter-spacing:1.3px}.header-context strong{color:var(--ink);font-size:12px}.header-actions{display:flex;align-items:center;gap:10px}.connection-chip{min-height:34px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid #caecdf;border-radius:18px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.connection-chip.offline{color:var(--orange);background:var(--orange-soft);border-color:#f5d5bd}.icon-button{width:39px;height:39px;padding:0;border:1px solid var(--line);border-radius:12px;display:inline-grid;place-items:center;background:var(--surface);cursor:pointer}.notification-button{position:relative}.notification-button b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--red);color:#fff;font-size:9px}.mobile-menu,.mobile-brand,.bottom-nav{display:none}.page-head{margin:0 0 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-head small,.card small,.tabs-title small{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.45px}.page-head h1{margin:7px 0 4px;font:800 clamp(27px,3vw,38px) "Manrope";letter-spacing:-1.45px;color:var(--ink)}.page-head p{margin:0;color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr);gap:18px}.next-job{padding:27px 29px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,#a183ff) 10%,var(--surface) 70%)}.card-top,.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-top>div{display:flex;align-items:center;gap:10px}.time-badge{display:flex;align-items:center;gap:6px;color:var(--purple);font-size:14px;font-weight:700}.next-job h2{margin:23px 0 5px;font:800 25px Manrope;letter-spacing:-.7px}.next-job>p{margin:0;color:var(--muted);font-size:14px}.location-line{margin-top:16px;display:flex;align-items:flex-start;gap:8px;color:#5d596b;font-size:13px}.location-line svg{flex:none;color:var(--purple)}.job-meta{margin:19px 0 22px;display:flex;flex-wrap:wrap;gap:8px}.job-meta span,.stop-meta span{padding:8px 10px;display:flex;align-items:center;gap:6px;border-radius:8px;background:var(--canvas);color:var(--muted);font-size:11px;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:9px}.button{min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);font-size:12px;font-weight:700;cursor:pointer;transition:transform .14s,box-shadow .14s,background .14s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #6d42e838}.button.soft{background:var(--purple-soft);color:var(--purple)}.button.ghost{border-color:var(--line);color:#6d687d}.button.tiny{min-height:34px;padding:0 13px;border-radius:9px;background:var(--canvas);font-size:10px}.button.tiny.primary{background:var(--purple);color:#fff}.text-button{padding:4px;border:0;display:inline-flex;align-items:center;gap:4px;background:none;color:var(--purple);font-size:11px;font-weight:800;cursor:pointer}.route-progress-card{padding:25px}.card-title-row h3{margin:6px 0 0;font:700 18px Manrope}.progress-label{margin:24px 0 7px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.progress-label strong{color:var(--purple)}.progress{height:7px;overflow:hidden;border-radius:5px;background:var(--purple-soft)}.progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#7e55ef,#a284f5)}.route-mini-list{margin-top:18px}.mini-stop{min-height:54px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line)}.mini-stop>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--canvas);color:var(--muted);font-size:10px;font-weight:800}.mini-stop.current>span{background:var(--purple);color:#fff}.mini-stop div{min-width:0;flex:1}.mini-stop strong,.mini-stop small{display:block}.mini-stop strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stop small{margin-top:2px;color:var(--muted);font-size:9px}.status{width:max-content;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:9px;font-weight:800;white-space:nowrap}.status-purple{color:var(--purple);background:var(--purple-soft)}.status-green{color:var(--green);background:var(--green-soft)}.status-blue{color:var(--blue);background:var(--blue-soft)}.status-orange{color:var(--orange);background:var(--orange-soft)}.status-red{color:var(--red);background:var(--red-soft)}.status-neutral{color:#777384;background:var(--canvas)}.metric-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-height:120px;padding:21px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.metric-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px}.metric-icon.purple{color:var(--purple);background:var(--purple-soft)}.metric-icon.green{color:var(--green);background:var(--green-soft)}.metric-icon.blue{color:var(--blue);background:var(--blue-soft)}.metric-icon.orange{color:var(--orange);background:var(--orange-soft)}.metric-card strong,.metric-card b,.metric-card small{display:block}.metric-card strong{font:800 24px Manrope;letter-spacing:-.7px}.metric-card b{margin-top:1px;font-size:11px}.metric-card small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:0;font-weight:500}.dashboard-bottom{margin-top:18px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.demands-card,.quick-card{padding:25px}.demand{min-height:72px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}.demand:first-of-type{margin-top:18px}.demand>div{min-width:0;flex:1}.demand strong,.demand small{display:block}.demand strong{font-size:12px}.demand small{margin-top:4px;color:var(--muted);font-weight:500;letter-spacing:0}.quick-card>h3{margin:6px 0 20px;font:700 18px Manrope}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{min-height:85px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--purple);cursor:pointer}.quick span{color:var(--ink);font-size:11px;font-weight:700;text-align:left}.offline-note{margin-top:14px;padding:11px;display:none;align-items:flex-start;gap:9px;border-radius:10px;color:var(--orange);background:var(--orange-soft);font-size:10px}.offline-note.visible{display:flex}.route-layout{display:grid;gap:18px}.route-summary{padding:28px}.route-summary-top{display:flex;align-items:center;justify-content:space-between}.route-summary h2{margin:5px 0 3px;font:800 25px Manrope}.route-summary p{margin:0;color:var(--muted);font-size:12px}.route-score{width:86px;height:86px;display:grid;place-content:center;border-radius:50%;background:var(--purple-soft);text-align:center}.route-score strong,.route-score span{display:block}.route-score strong{font:800 25px Manrope;color:var(--purple)}.route-score span{font-size:9px;color:var(--muted)}.route-stats{margin-top:23px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.route-stats>span{padding:20px 17px 0;display:grid;grid-template-columns:23px 1fr;gap:1px 7px;border-right:1px solid var(--line)}.route-stats>span:first-child{padding-left:0}.route-stats>span:last-child{border:0}.route-stats svg{grid-row:span 2;color:var(--purple)}.route-stats b{font-size:13px}.route-stats small{color:var(--muted);font-weight:500;letter-spacing:0}.stops-card{padding:26px 28px}.stops-list{margin-top:24px}.stop-row{display:flex;gap:15px}.stop-track{width:32px;flex:none;display:flex;flex-direction:column;align-items:center}.stop-track span{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800}.stop-track i{width:2px;min-height:150px;flex:1;background:var(--line)}.stop-row.active .stop-track span{border-color:var(--purple);color:#fff;background:var(--purple);box-shadow:0 0 0 5px var(--purple-soft)}.stop-content{flex:1;padding:2px 0 25px}.stop-heading{display:flex;justify-content:space-between;gap:20px}.stop-heading small{color:var(--purple)}.stop-heading h3{margin:5px 0 3px;font:700 17px Manrope}.stop-heading p{margin:0;color:var(--muted);font-size:11px}.stop-meta{margin:12px 0;display:flex;gap:7px}.button-row.compact .button{min-height:36px;padding:0 13px;font-size:10px}.filter-row{margin-bottom:18px;display:flex;align-items:center;gap:8px}.search{width:min(390px,100%);min-height:42px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.filter-button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.filter-button.active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.order-card{padding:21px;cursor:pointer;transition:transform .15s,border-color .15s}.order-card:hover{transform:translateY(-2px);border-color:#c8b9f7}.order-card>small{display:block;margin-top:18px;color:var(--purple)}.order-card h3{margin:6px 0;font:700 17px Manrope}.order-card p{min-height:36px;margin:0;color:var(--muted);font-size:11px}.order-card .location-line{min-height:40px;font-size:10px}.order-foot{margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.client-card{padding:20px;display:flex;align-items:center;gap:15px}.client-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:14px;color:var(--purple);background:var(--purple-soft)}.client-card>div:nth-child(2){min-width:0;flex:1}.client-card h3{margin:5px 0;font:700 16px Manrope}.client-card p{margin:0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.tag-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.tag-row span{padding:5px 7px;border-radius:7px;background:var(--canvas);color:var(--muted);font-size:9px}.role-card{padding:24px 27px;display:flex;align-items:center;gap:17px}.role-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;color:var(--purple);background:var(--purple-soft)}.role-main{flex:1}.role-main h2{margin:5px 0 2px;font:800 21px Manrope}.role-main p{margin:0;color:var(--muted);font-size:11px}.completion-ring{width:91px;height:91px;display:grid;place-content:center;border:8px solid var(--purple-soft);border-top-color:var(--purple);border-radius:50%;text-align:center}.completion-ring strong,.completion-ring span{display:block}.completion-ring strong{font:800 19px Manrope}.completion-ring span{color:var(--muted);font-size:8px}.items-metrics{margin-bottom:28px}.tabs-title{margin:25px 0 13px;display:flex;align-items:end;justify-content:space-between}.tabs-title h2{margin:0 0 3px;font:700 18px Manrope}.tabs-title p{margin:0;color:var(--muted);font-size:11px}.custody-list,.request-list,.doc-list,.notification-list{display:grid;gap:9px}.custody-row{min-height:82px;padding:15px 17px;display:grid;grid-template-columns:44px minmax(220px,1.5fr) minmax(100px,.6fr) minmax(115px,.7fr) auto 40px;align-items:center;gap:14px;border-radius:14px;box-shadow:none}.category-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:var(--purple);background:var(--purple-soft)}.custody-row small,.custody-row strong,.custody-row span,.owner small,.owner strong{display:block}.custody-row small,.owner small{color:var(--muted);font-size:8px;letter-spacing:.8px}.custody-row strong{margin-top:3px;font-size:11px}.custody-name>strong{font-size:12px}.custody-name>span{margin-top:3px;color:var(--muted);font-size:9px}.requirements-title{margin-top:36px}.requirements-table{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.requirements-head,.requirement-row{display:grid;grid-template-columns:1.25fr .65fr .45fr 1fr 1fr .65fr;gap:12px;align-items:center}.requirements-head{padding:13px 16px;background:var(--canvas);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.requirement-row{min-height:55px;padding:10px 16px;border-top:1px solid var(--line);font-size:10px}.requirement-row strong{font-size:11px}.request-row{min-height:83px;padding:16px 18px;display:grid;grid-template-columns:44px 1.4fr .7fr auto 40px;align-items:center;gap:14px;border-radius:14px;box-shadow:none}.request-row h3,.doc-row h3{margin:3px 0;font:700 13px Manrope}.request-row p{margin:0;color:var(--muted);font-size:10px}.owner strong{margin-top:4px;font-size:10px}.vehicle-card{padding:28px;display:flex;gap:28px;align-items:center}.vehicle-visual{width:200px;height:140px;display:grid;place-items:center;border-radius:17px;color:var(--purple);background:linear-gradient(135deg,var(--purple-soft),var(--canvas))}.vehicle-info{flex:1}.vehicle-info h2{margin:12px 0 3px;font:800 23px Manrope}.vehicle-info p{margin:0;color:var(--muted);font-size:11px}.vehicle-data{margin-top:23px;display:grid;grid-template-columns:repeat(3,1fr)}.vehicle-data>span{padding:0 15px;border-right:1px solid var(--line)}.vehicle-data>span:first-child{padding-left:0}.vehicle-data>span:last-child{border:0}.vehicle-data small,.vehicle-data strong{display:block}.vehicle-data small{color:var(--muted)}.vehicle-data strong{margin-top:5px;font-size:13px}.doc-row{min-height:80px;padding:16px 18px;display:grid;grid-template-columns:44px 1fr .7fr auto auto;align-items:center;gap:15px;border-radius:14px;box-shadow:none}.doc-row>div small,.doc-row>div strong{display:block}.doc-row>div small{color:var(--muted)}.doc-row>div strong{margin-top:4px;font-size:11px}.empty-feature{min-height:275px;margin-top:18px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-feature svg{color:var(--purple)}.empty-feature h2{margin:13px 0 5px;font:700 19px Manrope}.empty-feature p{max-width:470px;margin:0 0 18px;color:var(--muted);font-size:12px}.notification-row{min-height:87px;padding:17px 20px;display:flex;align-items:center;gap:14px;position:relative;border-radius:14px;box-shadow:none}.notification-row.unread{border-color:#cdbff8}.notification-row>div{flex:1}.notification-row h3{margin:0;font:700 13px Manrope}.notification-row p{margin:4px 0;color:var(--muted);font-size:11px}.notification-row small{color:#aaa7b5}.notification-row>i{position:absolute;right:17px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--purple)}.modal-layer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#130e1d6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-panel,.settings-panel{width:min(540px,100%);height:100%;display:flex;flex-direction:column;background:var(--surface);box-shadow:-20px 0 50px #140e222e}.drawer-head{min-height:78px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head small{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.35px}.drawer-head h2{margin:4px 0 0;font:800 20px Manrope}.drawer-body,.settings-scroll{flex:1;padding:24px;overflow-y:auto}.drawer-body>h2{margin:14px 0 5px;font:800 23px Manrope}.drawer-body>p{margin:0;color:var(--muted);font-size:12px}.address-card{margin:20px 0;padding:14px;display:flex;align-items:center;gap:11px;border-radius:12px;background:var(--canvas)}.address-card>div{min-width:0;flex:1}.address-card strong,.address-card span{display:block}.address-card strong{font-size:11px}.address-card span{margin-top:3px;color:var(--muted);font-size:9px}.address-card>svg{color:var(--purple)}.steps{margin:24px 0 27px;display:flex;justify-content:space-between;position:relative}.steps:before{content:"";position:absolute;left:20px;right:20px;top:15px;height:2px;background:var(--line)}.steps>div{width:20%;position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:#aaa7b5;font-size:8px;text-align:center}.steps span{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--surface);font-size:9px;font-weight:800}.steps .done span{border-color:var(--purple);background:var(--purple);color:#fff}.steps .current span{box-shadow:0 0 0 4px var(--purple-soft)}.check-row{min-height:45px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:11px;cursor:pointer}.check-row input{accent-color:var(--purple)}.field{margin:16px 0;display:block}.field>span{display:block;margin-bottom:7px;color:#656174;font-size:10px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;outline:none;background:var(--surface);color:var(--ink);font-size:12px}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.upload-area{min-height:96px;margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c8bce6;border-radius:12px;background:color-mix(in srgb,var(--purple-soft) 45%,var(--surface));color:var(--purple);cursor:pointer}.upload-area strong{margin-top:5px;font-size:11px}.upload-area span{margin-top:3px;color:var(--muted);font-size:9px}.drawer-footer{padding:16px 23px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:var(--surface)}.profile-settings{padding:3px 0 23px;display:flex;align-items:center;gap:16px}.profile-settings h3{margin:0 0 3px;font:700 17px Manrope}.profile-settings p{margin:0 0 5px;color:var(--muted);font-size:10px}.photo-button{position:relative;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.photo-button>span{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;display:grid;place-items:center;border:3px solid var(--surface);border-radius:50%;background:var(--purple);color:#fff}.setting-section{padding:20px 0;border-top:1px solid var(--line)}.setting-section>h3{margin:0 0 12px;display:flex;align-items:center;gap:9px;font:700 13px Manrope}.setting-section>h3 svg{color:var(--purple)}.setting-section>p{margin:-5px 0 12px;color:var(--muted);font-size:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-grid button{min-height:62px;padding:10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:10px;font-weight:700;text-align:left}.choice-grid button span{flex:1}.choice-grid button.selected{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.toggle-row{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.toggle-row:last-child{border:0}.toggle{width:39px;height:22px;padding:3px;border:0;border-radius:12px;background:#d6d3de;cursor:pointer}.toggle i{width:16px;height:16px;display:block;border-radius:50%;background:#fff;transition:.18s}.toggle.on{background:var(--purple)}.toggle.on i{transform:translate(17px)}.setting-link{width:100%;min-height:40px;padding:0;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;cursor:pointer;font-size:11px}.sync-card{padding:12px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:var(--canvas)}.sync-card>div{display:flex;align-items:center;gap:10px}.sync-card svg{color:var(--green)}.sync-card strong,.sync-card small{display:block}.sync-card strong{font-size:10px}.sync-card small{margin-top:3px;color:var(--muted);font-size:9px}.app-version{padding:17px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:var(--canvas)}.app-version>span strong,.app-version>span small{display:block}.app-version>span strong{font-size:11px}.app-version>span small{margin-top:3px;color:var(--muted);font-size:8px}.button.logout{width:100%;margin-top:12px;color:var(--red);background:var(--red-soft)}.request-modal{width:min(470px,calc(100% - 28px));margin:auto;padding-bottom:0;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 20px 60px #140e2240}.request-modal>.field,.request-modal>.upload-area{margin-left:23px;margin-right:23px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#171321}.login-brand{padding:clamp(35px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(125,80,242,.32),transparent 37%),linear-gradient(145deg,#211531,#14111c)}.login-brand:after{content:"PH";position:absolute;right:-45px;bottom:-95px;color:#ffffff06;font:800 360px Manrope;letter-spacing:-30px}.login-brand .brand strong{color:#fff}.login-brand .brand-mark{background:#fff;color:#22162f}.eyebrow{color:#aa8cff;font-size:10px;font-weight:800;letter-spacing:1.6px}.login-brand h1{max-width:680px;margin:13px 0 15px;font:800 clamp(37px,5vw,67px)/1.05 "Manrope";letter-spacing:-3px}.login-brand p{max-width:590px;margin:0;color:#bcb5c8;font-size:15px;line-height:1.7}.login-feature{width:max-content;max-width:100%;padding:15px 17px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff0d}.login-feature svg{color:#a887ff}.login-feature strong,.login-feature span{display:block}.login-feature strong{font-size:11px}.login-feature span{margin-top:3px;color:#a9a2b4;font-size:9px}.login-card{padding:clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:#fff;color:#211537}.login-card>div>small{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.4px}.login-card h2{margin:9px 0 5px;font:800 30px Manrope;letter-spacing:-1px}.login-card>div>p{margin:0 0 22px;color:#817c8c;font-size:12px}.login-card .field>span{color:#656174}.login-card .field input{background:#fff;color:#211537}.login-button{width:100%;min-height:48px;margin-top:8px}.centered{margin:12px auto}.demo-note{margin-top:18px;padding:12px;display:flex;gap:10px;border-radius:10px;background:#f3efff;color:#7150bd}.demo-note span,.demo-note strong{display:block}.demo-note span{font-size:9px}.demo-note strong{margin-bottom:2px;font-size:10px}.mobile-login-mark,.sidebar-backdrop{display:none}@media(max-width:1180px){.content{padding-left:25px;padding-right:25px}.hero-grid{grid-template-columns:1fr 380px}.metric-grid,.order-grid{grid-template-columns:1fr 1fr}.custody-row{grid-template-columns:42px 1fr auto auto}.custody-row>div:nth-of-type(2),.custody-row>div:nth-of-type(3){display:none}.requirements-head,.requirement-row{grid-template-columns:1.2fr .6fr .4fr 1fr .7fr}.requirements-head span:nth-child(4),.requirement-row span:nth-child(4){display:none}}@media(max-width:920px){.app-main{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 50px #150f222e}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-grid!important}.sidebar-backdrop.visible{position:fixed;inset:0;z-index:29;display:block;background:#120d1b66}.app-header{padding:0 20px}.mobile-menu{display:inline-grid}.header-context{display:none}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand .brand{display:none}.mobile-brand>span{font:700 14px Manrope}.hero-grid,.dashboard-bottom{grid-template-columns:1fr}.bottom-nav{position:fixed;inset:auto 0 0;z-index:25;height:calc(67px + env(safe-area-inset-bottom));padding:7px 12px env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{min-width:52px;height:49px;padding:3px 5px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.bottom-nav button.active{color:var(--purple)}.client-grid,.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:100vh;max-width:520px;width:100%;margin:auto}.mobile-login-mark{margin-bottom:36px;display:block}}@media(max-width:640px){.app-header{height:65px;padding:0 14px}.connection-chip{width:34px;padding:0;justify-content:center}.connection-chip span{display:none}.notification-button{width:36px;height:36px}.content{padding:24px 14px 92px}.page-head{margin-bottom:19px;align-items:flex-start;flex-direction:column;gap:13px}.page-head h1{font-size:27px;letter-spacing:-1px}.page-head p{font-size:12px;line-height:1.5}.page-head>.button{width:100%}.hero-grid{display:block}.route-progress-card{margin-top:13px}.next-job,.route-progress-card,.demands-card,.quick-card,.route-summary,.stops-card{padding:20px;border-radius:16px}.next-job h2{margin-top:19px;font-size:21px}.time-badge{font-size:12px}.button-row .button{flex:1}.button-row .button.ghost{flex-basis:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:135px;padding:15px;align-items:flex-start;flex-direction:column;gap:9px}.metric-card strong{font-size:20px}.metric-card b{font-size:10px}.dashboard-bottom{margin-top:13px;gap:13px}.demand{padding:10px 0}.demand .button{min-width:72px}.route-summary-top{align-items:flex-start}.route-score{width:68px;height:68px}.route-stats{grid-template-columns:1fr}.route-stats>span,.route-stats>span:first-child{padding:13px 0;border-right:0;border-bottom:1px solid var(--line)}.route-stats>span:last-child{border-bottom:0}.stop-heading{display:block}.stop-heading .status{margin-top:9px}.stop-track i{min-height:220px}.filter-row{flex-wrap:wrap}.search{flex-basis:100%}.order-grid{grid-template-columns:1fr}.client-card{align-items:flex-start}.role-card{padding:19px;align-items:flex-start}.role-icon{width:43px;height:43px}.role-main h2{font-size:16px}.completion-ring{width:67px;height:67px;border-width:6px}.completion-ring strong{font-size:15px}.completion-ring span{display:none}.items-metrics{margin-bottom:20px}.custody-row{min-height:105px;padding:14px;grid-template-columns:40px 1fr auto;gap:10px}.custody-row>.status{grid-column:2}.custody-row>.button,.custody-row>.icon-button{grid-row:1 / span 2;grid-column:3}.requirements-table{overflow-x:auto}.requirements-head,.requirement-row{min-width:760px}.request-row{grid-template-columns:40px 1fr auto}.request-row .owner{display:none}.request-row .status{grid-column:2}.request-row .icon-button{grid-row:1 / span 2;grid-column:3}.vehicle-card{padding:20px;display:block}.vehicle-visual{width:100%;height:105px;margin-bottom:17px}.vehicle-data{grid-template-columns:1fr}.vehicle-data>span,.vehicle-data>span:first-child{padding:11px 0;border:0;border-bottom:1px solid var(--line)}.doc-row{grid-template-columns:40px 1fr auto}.doc-row>div:nth-of-type(2){display:none}.doc-row .status{grid-column:2}.doc-row .button{grid-row:1 / span 2;grid-column:3}.drawer-panel,.settings-panel{width:100%}.drawer-head{min-height:68px;padding:15px 17px}.drawer-body,.settings-scroll{padding:18px 16px}.address-card{align-items:flex-start;flex-wrap:wrap}.address-card .button{width:100%}.steps>div b{display:none}.steps>div{width:auto;flex:1}.choice-grid{grid-template-columns:1fr}.request-modal{width:100%;height:100%;border-radius:0;overflow-y:auto}.login-card{padding:32px 24px}.login-card h2{font-size:26px}}@media(display-mode:standalone){.app-header{padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top))}}.login-alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:11px;font-size:12.5px;font-weight:600;line-height:1.45}.login-alert.erro{background:var(--red-soft);color:var(--red)}.login-alert.ok{background:var(--green-soft);color:var(--green)}.login-alert svg{flex:none;margin-top:1px}.login-button:disabled{opacity:.62;cursor:progress}.login-page.splash{place-items:center}.centered-splash{align-items:center;text-align:center;gap:18px}.centered-splash p{color:var(--muted);font-size:13px;font-weight:600}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--purple-soft);border-top-color:var(--purple);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.portal-block+.portal-block{margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}.portal-label{display:flex;align-items:center;gap:8px;margin:14px 10px 2px}.portal-label strong{font-size:11.5px;font-weight:800;letter-spacing:.3px;color:var(--ink)}.portal-label em{margin-left:auto;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.portal-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);flex:none}.portal-label.tone-blue .portal-dot{background:var(--blue)}.portal-label.tone-green .portal-dot{background:var(--green)}.portal-label.tone-orange .portal-dot{background:var(--orange)}.portal-label.tone-red .portal-dot{background:var(--red)}.portal-label.tone-neutral .portal-dot{background:var(--muted)}.erro-detalhe{margin-top:7px;font-weight:600}.erro-detalhe summary{cursor:pointer;font-size:11.5px;opacity:.85}.erro-detalhe code{display:block;margin-top:6px;padding:8px 9px;border-radius:8px;background:#0000000f;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;font-weight:500;line-height:1.5;word-break:break-word}
