:root{--navy: #17324d;--navy-dark: #10263b;--navy-soft: #edf2f6;--navy-faint: #f5f8fa;--ink: #1d2d3c;--muted: #6c7b88;--line: #dfe6eb;--canvas: #f4f6f8;--white: #ffffff;--success: #168565;--success-soft: #e9f7f2;--warning: #ca7a12;--warning-soft: #fff4df;--blue: #2679a9;--blue-soft: #eaf5fb;--danger: #c44c4c;--shadow: 0 10px 30px rgba(20, 46, 68, .07)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;inset:0 0 0 auto;width:270px;background:var(--white);border-left:1px solid var(--line);padding:22px 16px;z-index:30;display:flex;flex-direction:column}.brand-block{display:flex;align-items:center;gap:12px;padding:0 4px 22px;border-bottom:1px solid var(--line)}.brand-block>div:nth-child(2){min-width:0}.brand-block strong{display:block;font-size:15px;white-space:nowrap}.brand-block span{color:var(--muted);font-size:12px;margin-top:4px;display:block}.logo-placeholder{width:54px;height:54px;border:1.5px dashed #9babb7;color:var(--navy);border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:#fbfcfd;font-size:9px;line-height:1;gap:0;padding:5px}.logo-placeholder span{color:var(--navy);font-size:9px;margin:-4px 0 0}.logo-placeholder.compact{width:42px;height:42px;border-radius:13px}.nav-list{display:grid;gap:6px;padding:20px 0}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:13px;min-height:48px;border-radius:14px;padding:0 14px;color:#405464;cursor:pointer;font-weight:700;transition:.16s ease}.nav-item:hover{background:var(--navy-faint);color:var(--navy)}.nav-item.active{background:var(--navy-soft);color:var(--navy);box-shadow:inset -3px 0 var(--navy)}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.driver-preview{border:1px solid var(--line);background:var(--navy-faint);min-height:64px;border-radius:15px;padding:10px 12px;display:flex;gap:10px;align-items:center;cursor:pointer;text-align:right;color:var(--navy)}.driver-preview span{flex:1}.driver-preview b,.driver-preview small{display:block}.driver-preview small{color:var(--muted);margin-top:4px}.logout-button{border:0;background:transparent;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:9px;color:var(--muted);cursor:pointer}.sidebar-close{display:none!important;margin-right:auto}.main-area{margin-right:270px;min-height:100vh}.topbar{height:96px;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title h1{font-size:24px;margin:0 0 6px;letter-spacing:-.3px}.topbar-title p{font-size:13px;color:var(--muted);margin:0}.topbar-actions{display:flex;align-items:center;gap:10px}.date-chip{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;margin-left:8px}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:var(--white);display:inline-grid;place-items:center;border-radius:13px;cursor:pointer;transition:.16s ease}.icon-button:hover{background:var(--navy-faint);border-color:#bac8d2}.icon-button.danger{color:var(--danger)}.notification-button{position:relative}.notification-button i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d48720;top:8px;left:8px;border:2px solid white}.menu-button{display:none}.button{min-height:46px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.16s ease;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.985)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{color:#fff;background:var(--navy);box-shadow:0 8px 18px #17324d26}.button.primary:hover{background:var(--navy-dark)}.button.soft{background:var(--navy-soft);color:var(--navy)}.button.outline{background:#fff;border-color:#b8c5cf;color:var(--navy)}.button.ghost{background:transparent;color:var(--muted)}.full-button{width:100%}.page-content{max-width:1460px;margin:0 auto;padding:28px 30px 90px}.mobile-welcome{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card{background:#fff;min-height:142px;border:1px solid var(--line);border-radius:21px;padding:22px;box-shadow:var(--shadow);display:flex;gap:16px;align-items:center}.stat-card>div:last-child{display:grid}.stat-card span{color:#415667;font-size:14px;font-weight:700}.stat-card strong{font-size:34px;line-height:1.15;margin:7px 0 4px;color:var(--navy)}.stat-card small{color:var(--muted);font-size:11px}.stat-card.has-details{min-height:174px;align-items:flex-start}.stat-content{flex:1;min-width:0}.stat-details{display:grid;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.stat-details div{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-details div span{color:var(--muted);font-size:10px;font-weight:700}.stat-details div b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--warning-soft);color:var(--warning);font-size:12px}.stat-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto}.stat-icon.navy{background:var(--navy-soft);color:var(--navy)}.stat-icon.amber{background:var(--warning-soft);color:var(--warning)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.slate{background:#eef1f4;color:#536575}.content-card,.settings-card,.movement-log{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.section-head h2{margin:4px 0 7px;font-size:21px}.section-head p{color:var(--muted);margin:0;font-size:13px}.section-head.compact{margin-bottom:14px;align-items:center}.eyebrow{color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.3px}.text-button{border:0;background:transparent;color:var(--navy);display:inline-flex;align-items:center;gap:5px;font-weight:800;cursor:pointer}.table-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-box{width:290px;height:45px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd;display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--muted)}.search-box input{min-width:0;width:100%;outline:0;border:0;background:transparent}.filter-button{min-height:45px;border:1px solid var(--line);border-radius:13px;padding:0 15px;background:#fff;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.responsive-table{overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:810px;overflow:hidden;border:1px solid var(--line);border-radius:16px}th,td{text-align:right;padding:15px 14px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}th{background:#fafbfc;color:#60717f;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfd}td strong,td small{display:block}td small{color:var(--muted);font-size:10px;margin-top:4px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:29px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.success{color:var(--success);background:var(--success-soft);border:1px solid #b8e1d3}.status-pill.warning{color:var(--warning);background:var(--warning-soft);border:1px solid #f2d394}.status-pill.info{color:var(--blue);background:var(--blue-soft);border:1px solid #beddec}.mobile-record-list{display:none}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.quick-action{min-height:82px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 17px;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:right;box-shadow:0 6px 18px #142e440a}.quick-action>span:nth-child(2){flex:1}.quick-action b,.quick-action small{display:block}.quick-action small{color:var(--muted);margin-top:5px}.quick-icon,.settings-icon,.report-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:var(--navy);background:var(--navy-soft);flex:0 0 auto}.assignment-list,.attendance-list,.user-table{display:grid;gap:10px}.assignment-row{display:grid;grid-template-columns:64px 1fr auto 44px;gap:14px;align-items:center;min-height:76px;border:1px solid var(--line);border-radius:17px;padding:8px 12px}.assignment-date{width:54px;height:54px;border-radius:14px;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;align-content:center}.assignment-date b{font-size:19px;line-height:1}.assignment-date span{font-size:10px;margin-top:5px}.assignment-main strong,.assignment-main span{display:block}.assignment-main span{color:var(--muted);font-size:12px;margin-top:6px}.assignment-main .action-time{color:var(--success);font-weight:800}.notice-card{background:var(--navy);color:#fff;border-radius:18px;padding:18px 20px;display:flex;gap:13px;align-items:center;margin-bottom:16px}.notice-card b,.notice-card span{display:block}.notice-card span{color:#dbe5ed;font-size:12px;margin-top:4px}.attendance-row{display:grid;grid-template-columns:48px minmax(130px,1fr) repeat(4,minmax(100px,.7fr)) 42px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px}.attendance-row small,.attendance-row b{display:block}.attendance-row small{color:var(--muted);font-size:10px;margin-bottom:5px}.movement-main span{color:var(--muted);font-size:11px;display:block;margin-top:4px}.movement-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy)}.movement-icon.extra{background:var(--warning-soft);color:var(--warning)}.trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trip-card{border:1px solid var(--line);border-radius:18px;padding:18px}.trip-top,.trip-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.trip-id{color:var(--muted);font-size:11px;font-weight:800}.trip-card h3{margin:18px 0 14px}.route-line{display:grid;gap:7px;position:relative}.route-line span{display:flex;align-items:center;gap:8px;font-size:12px}.route-line i{width:1px;height:14px;background:var(--line);margin-right:8px}.trip-meta{color:var(--muted);border-top:1px solid var(--line);margin:16px 0;padding-top:14px;font-size:11px}.trip-meta span{display:flex;align-items:center;gap:5px}.trip-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:15px}.trip-progress span{border:1px solid var(--line);border-radius:10px;padding:7px 9px;color:var(--muted);font-size:10px}.trip-progress span b{display:block;color:var(--text);margin-top:3px}.trip-progress span.done{background:var(--success-soft);border-color:#b8e1d3;color:var(--success)}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.person-card{min-height:110px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:17px;padding:14px}.avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);font-weight:900;flex:0 0 auto}.avatar.navy{background:var(--navy);color:#fff}.person-info{flex:1;min-width:0}.person-info strong,.person-info span{display:flex;align-items:center;gap:5px}.person-info span{color:var(--muted);font-size:11px;margin-top:7px}.person-actions{display:flex;gap:6px}.person-actions .icon-button{width:36px;height:36px}.user-row{display:grid;grid-template-columns:50px minmax(130px,1fr) .8fr 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:13px}.user-row strong,.user-row span,.user-row small,.user-row b{display:block}.user-row span,.user-row small{color:var(--muted);font-size:11px;margin-top:4px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.report-summary>div{padding:20px;background:var(--navy);color:#fff;border-radius:19px;display:grid}.report-summary span,.report-summary small{color:#cfdae3;font-size:11px}.report-summary strong{font-size:30px;margin:6px 0}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:24px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.report-card h3{margin:18px 0 8px}.report-card p{color:var(--muted);line-height:1.8;font-size:13px;margin:0 0 20px}.report-card .button{margin-top:auto}.settings-stack{display:grid;gap:18px}.settings-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px}.settings-head>div:nth-child(2){flex:1}.settings-head h2{margin:0 0 6px;font-size:19px}.settings-head p{margin:0;color:var(--muted);font-size:12px}.location-map{min-height:130px;border-radius:18px;background:linear-gradient(135deg,#f0f4f7,#fafcfd);margin:20px 0;display:flex;align-items:center;gap:22px;padding:20px;overflow:hidden}.location-map b,.location-map span,.location-map small{display:block}.location-map span{color:var(--navy);direction:ltr;text-align:right;margin:8px 0}.location-map small{color:var(--muted)}.map-rings{width:100px;height:100px;position:relative;display:grid;place-items:center;flex:0 0 auto}.map-rings i{position:absolute;inset:3px;border-radius:50%;border:1px solid #bac9d4}.map-rings i:nth-child(2){inset:18px;background:#17324d0a}.map-rings span{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;z-index:2;margin:0}.settings-form{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.field{display:grid;gap:8px;color:#526574;font-size:12px;font-weight:800}.field.full,.form-actions.full{grid-column:1 / -1}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9e0;border-radius:12px;background:#fff;color:var(--ink);padding:0 12px;outline:0;transition:.15s ease}.field input,.field select{height:45px}.field textarea{padding-top:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #17324d17}.input-suffix{position:relative}.input-suffix input{padding-left:55px}.input-suffix span{position:absolute;left:12px;top:14px;color:var(--muted);font-size:11px}.rule-preview{border:1px solid #cbd8e1;background:var(--navy-faint);border-radius:15px;padding:15px;display:flex;gap:12px;align-items:center;margin-top:18px;color:var(--navy)}.rule-preview b,.rule-preview span{display:block}.rule-preview span{color:var(--muted);margin-top:5px;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#0d1f2e8f;z-index:100;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(500px,100%);max-height:calc(100vh - 36px);overflow-y:auto;background:#fff;border-radius:22px;box-shadow:0 24px 70px #00000038;padding:22px}.modal-card.wide{width:min(760px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.modal-head h2{margin:5px 0 0;font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.toast{position:fixed;z-index:200;left:24px;bottom:24px;max-width:min(410px,calc(100vw - 32px));background:var(--navy);color:#fff;border-radius:15px;padding:14px 17px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px #0a1f3040;animation:toast-in .25s ease both;font-size:13px}.toast.error{background:#9e3434}.toast.info{background:#315b7a}.mobile-bottom-nav,.nav-scrim{display:none}.spin{animation:spin 1s linear infinite}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{background:var(--navy);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.11);border-radius:50%;left:-180px;bottom:-220px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.login-brand .logo-placeholder{background:#ffffff14;border-color:#ffffff73;color:#fff}.login-brand .logo-placeholder span{color:#fff}.login-brand>div:last-child{position:relative;z-index:2;max-width:520px}.login-brand>div:last-child>span{color:#cddbe5;font-size:13px}.login-brand h1{font-size:clamp(36px,4vw,58px);margin:18px 0;line-height:1.25}.login-brand p{color:#d5e0e8;line-height:1.9;font-size:16px}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%);display:grid;gap:16px}.login-card h2{margin:0;font-size:30px}.login-card>p{margin:-8px 0 10px;color:var(--muted)}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;right:13px;top:13px;color:var(--muted)}.input-with-icon input{padding-right:42px}.login-button{width:100%;min-height:52px;margin-top:6px}.login-help{color:var(--muted);text-align:center}.form-error{color:var(--danger);font-size:12px}.mobile-login-logo{display:none}.driver-page{min-height:100vh;background:#f2f5f7}.driver-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(18px,calc((100vw - 780px)/2));position:sticky;top:0;z-index:15}.driver-brand{display:flex;align-items:center;gap:11px}.driver-brand strong,.driver-brand span{display:block}.driver-brand span{font-size:11px;color:var(--muted);margin-top:4px}.driver-header-actions{display:flex;gap:7px}.driver-content{width:min(780px,100%);margin:0 auto;padding:26px 18px 70px;display:grid;gap:16px}.driver-greeting span{color:var(--muted);font-size:12px}.driver-greeting h1{margin:8px 0 6px;font-size:27px}.driver-greeting p{margin:0;color:var(--muted);font-size:13px}.driver-task,.driver-actions-card,.extra-return{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.task-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.task-day{font-size:12px;color:var(--navy);font-weight:900}.manager-line{display:flex;gap:13px;align-items:center;padding:18px 0}.manager-line small{color:var(--muted)}.manager-line h2{margin:4px 0 7px;font-size:20px}.manager-line a{display:flex;align-items:center;gap:6px;color:var(--navy);font-size:12px;text-decoration:none}.driver-route{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.driver-route>span{background:var(--navy-faint);border-radius:15px;padding:13px;display:flex;align-items:center;gap:10px;color:var(--navy)}.driver-route small,.driver-route b{display:block}.driver-route small{color:var(--muted);font-size:10px;margin-bottom:4px}.driver-route b{font-size:12px;color:var(--ink)}.big-action{width:100%;min-height:54px;font-size:15px}.confirmed-box{background:var(--success-soft);color:var(--success);border-radius:15px;padding:13px;display:flex;align-items:center;gap:10px}.confirmed-box b,.confirmed-box small{display:block}.confirmed-box small{margin-top:4px;color:#4f786a}.driver-actions-card>div:first-child h2{margin:6px 0;font-size:20px}.driver-actions-card>div:first-child p{color:var(--muted);margin:0 0 17px;font-size:12px}.driver-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-action{min-height:150px;border:0;border-radius:19px;padding:16px;display:grid;place-items:center;align-content:center;cursor:pointer;transition:.16s ease}.location-action:active{transform:scale(.98)}.location-action span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:10px}.location-action b,.location-action small{display:block}.location-action b{font-size:17px}.location-action small{font-size:10px;margin-top:6px}.location-action.arrival{background:var(--success-soft);color:var(--success)}.location-action.arrival span{background:#fff}.location-action.departure{background:var(--navy-soft);color:var(--navy)}.location-action.departure span{background:#fff}.extra-return{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;border-color:#ecd4a8}.extra-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--warning);background:var(--warning-soft)}.extra-return span{color:var(--warning);font-size:10px;font-weight:900}.extra-return h3{margin:5px 0;font-size:16px}.extra-return p{color:var(--muted);margin:0;font-size:11px}.extra-buttons{display:flex;gap:8px}.movement-log-row{display:flex;gap:9px;align-items:center;min-height:42px;color:var(--success);border-top:1px solid var(--line);font-size:12px}.time-now{font-size:11px;color:var(--muted)}.manager-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.manager-checks label{min-height:42px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:8px;background:#fff;cursor:pointer}.manager-checks input{width:18px;height:18px;accent-color:var(--navy)}.driver-work-list{display:grid;gap:14px}.trip-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.daily-row .extra-times b{font-size:11px;line-height:1.7}.daily-row{grid-template-columns:48px minmax(130px,1fr) repeat(5,minmax(90px,.7fr)) 42px}.date-filter{display:flex;align-items:center;gap:8px;color:var(--navy)}.date-filter input{width:auto;min-height:42px}.manager-map-list{display:grid;gap:8px;padding:15px 0}.manager-map-list>div{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;align-items:center;background:var(--navy-faint);border-radius:14px;padding:10px 12px}.manager-map-list a:not(.button){color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:5px}@keyframes toast-in{0%{transform:translateY(18px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.stats-grid,.settings-form{grid-template-columns:repeat(2,1fr)}.attendance-row{grid-template-columns:48px 1fr repeat(2,.7fr) 42px}.attendance-row>div:nth-child(4),.attendance-row>div:nth-child(5){display:none}.trip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.sidebar{transform:translate(105%);box-shadow:-20px 0 50px #142b3d2e;transition:.22s ease}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-grid!important}.nav-scrim{display:block;position:fixed;inset:0;background:#0c1d2b73;border:0;z-index:25}.main-area{margin-right:0}.menu-button{display:inline-grid}.topbar{height:80px;padding:0 18px}.topbar-title p,.date-chip{display:none}.topbar-title h1{font-size:19px;margin:0}.top-create{padding:0 13px}.page-content{padding:20px 18px 96px}.trip-grid,.people-grid{grid-template-columns:1fr}.user-row{grid-template-columns:46px 1fr auto}.user-row>div:nth-child(3),.user-row>div:nth-child(4){display:none}.report-grid{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;z-index:24;inset:auto 0 0;height:70px;background:#fffffff7;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-bottom-nav button{border:0;background:transparent;color:#71818d;display:grid;place-items:center;align-content:center;gap:4px;font-size:9px;font-weight:700}.mobile-bottom-nav button.active{color:var(--navy)}.mobile-bottom-nav button.active:before{content:"";position:absolute;top:0;width:34px;height:3px;background:var(--navy);border-radius:0 0 6px 6px}.mobile-bottom-nav button{position:relative}}@media(max-width:620px){.topbar-actions .notification-button,.top-create span{display:none}.top-create{min-height:43px}.mobile-welcome{display:flex;align-items:center;justify-content:space-between;margin:2px 0 16px}.mobile-welcome span{color:var(--muted);font-size:11px}.mobile-welcome h2{font-size:19px;margin:5px 0 0}.mobile-welcome .button{min-height:42px;padding:0 13px}.stats-grid{gap:10px}.stat-card{min-height:110px;border-radius:17px;padding:14px;gap:10px;align-items:flex-start}.stat-icon{width:40px;height:40px;border-radius:13px}.stat-icon svg{width:20px}.stat-card span{font-size:11px}.stat-card strong{font-size:27px;margin:5px 0 2px}.stat-card small{font-size:9px;line-height:1.4}.stat-card.has-details{grid-column:1 / -1;min-height:auto}.stat-card.has-details .stat-details{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card.has-details .stat-details div{align-items:flex-start}.stat-card.has-details .stat-details div span{line-height:1.35}.content-card,.settings-card{padding:16px;border-radius:19px}.section-head{align-items:center;margin-bottom:16px}.section-head h2{font-size:18px}.section-head p{display:none}.section-head .text-button{font-size:11px}.table-tools,.responsive-table table{display:none}.mobile-record-list{display:grid;gap:10px}.mobile-record{border:1px solid var(--line);border-radius:16px;padding:13px}.record-head,.record-foot{display:flex;justify-content:space-between;align-items:center}.record-head strong,.record-head span{display:block}.record-head span{color:var(--muted);font-size:10px;margin-top:5px}.record-times{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy-faint);border-radius:13px;margin:12px 0;padding:10px}.record-times span{text-align:center;border-left:1px solid var(--line)}.record-times span:last-child{border:0}.record-times small,.record-times b{display:block}.record-times small{color:var(--muted);font-size:9px;margin-bottom:5px}.record-times b{font-size:11px}.record-foot button{border:0;background:transparent;color:var(--navy)}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-action{min-height:72px}.assignment-row{grid-template-columns:54px 1fr 40px}.assignment-row .status-pill{display:none}.attendance-row{grid-template-columns:42px 1fr auto;padding:10px}.attendance-row>div:not(:first-child):not(:nth-child(2)):not(:nth-child(6)){display:none}.attendance-row>button{display:none}.trip-grid{grid-template-columns:1fr}.person-card{align-items:flex-start}.person-actions{flex-direction:column}.user-row{grid-template-columns:42px 1fr}.user-row .button{grid-column:1 / -1}.report-summary{grid-template-columns:repeat(2,1fr);gap:9px}.report-summary>div{padding:14px;border-radius:16px}.report-summary strong{font-size:25px}.settings-head{align-items:flex-start}.settings-head .status-pill{display:none}.settings-form{grid-template-columns:1fr}.location-map{display:grid;justify-items:center;text-align:center}.location-map span{text-align:center}.settings-actions{display:grid;grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:end}.modal-card,.modal-card.wide{border-radius:22px 22px 0 0;max-height:92vh;padding:18px}.toast{left:16px;right:16px;bottom:82px}.login-page{grid-template-columns:1fr;background:var(--canvas)}.login-brand{display:none}.login-panel{padding:22px}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.mobile-login-logo{display:block}.driver-header{padding:0 14px}.driver-content{padding:20px 14px 55px}.driver-greeting h1{font-size:23px}.driver-task,.driver-actions-card,.extra-return{padding:16px;border-radius:19px}.driver-route{grid-template-columns:1fr}.location-action{min-height:138px;padding:12px 8px}.location-action b{font-size:15px}.extra-return{grid-template-columns:44px 1fr}.extra-icon{width:42px;height:42px}.extra-buttons{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.extra-buttons .button{padding:0 10px;font-size:11px}.trip-action-grid{grid-template-columns:1fr}.manager-map-list>div{grid-template-columns:1fr}.date-filter input{max-width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}