.startday-shell{color:#16213b;background:#f4f7fb;min-height:100vh;padding:88px clamp(18px,4vw,56px) 56px}.startday-header{background:#fff;border:1px solid #e5eaf2;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:1180px;margin:0 auto 24px;padding:22px 26px;display:grid;box-shadow:0 12px 36px #1a2b4d12}.startday-header>div:nth-child(2) h1{margin:2px 0;font-size:clamp(25px,3vw,38px)}.startday-header>div:nth-child(2) p:last-child{color:#65708a;margin:0}.startday-tabs{background:#e8edf5;border-radius:14px;gap:8px;max-width:1180px;margin:0 auto 20px;padding:6px;display:flex}.startday-tabs button{color:#68748c;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:13px;font-weight:800}.startday-tabs button.active{color:#2049a8;background:#fff;box-shadow:0 3px 12px #1e355c1a}.startday-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;max-width:1180px;margin:auto;display:grid}.startday-card{background:#fff;border:1px solid #e3e8f1;border-radius:20px;padding:26px;box-shadow:0 10px 30px #1c2d500f}.startday-card h2{margin:10px 0 4px;font-size:23px}.muted{color:#707b91;margin-top:0}.card-kicker{letter-spacing:.04em;color:#4b5d83;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:900;display:flex}.card-kicker b{background:#edf2f8;border-radius:999px;padding:7px 10px}.card-kicker .status-wait,.urgent-chip{color:#9a6100;background:#fff2d8}.card-kicker .status-active{color:#137548;background:#dcf7e9}.firstday-clock{color:#fff;background:linear-gradient(135deg,#153485,#346fe1);border-radius:18px;gap:2px;margin:22px 0;padding:23px;display:grid}.firstday-clock small{opacity:.78}.firstday-clock strong{font-size:38px;line-height:1.15}.firstday-clock span{margin-top:7px;font-size:13px}.record-list{border:1px solid #e6eaf1;border-radius:14px;overflow:hidden}.record-list div{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:16px;padding:13px 15px;display:flex}.record-list div:last-child{border-bottom:0}.record-list span{color:#6c768b}.record-list strong{text-align:right}.safe-notice{color:#17664b;background:#eaf7f2;border-left:4px solid #27a675;border-radius:10px;flex-direction:column;gap:3px;margin-top:16px;padding:13px 15px;display:flex}.safe-notice span{font-size:13px}.hq-action>p{color:#65708a}.verification-box{background:#f3f7ff;border:1px solid #dae5fb;border-radius:14px;align-items:center;gap:13px;margin:22px 0;padding:16px;display:flex}.verify-icon{color:#118058;background:#d9f5e8;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.verification-box div{flex-direction:column;display:flex}.verification-box small{color:#6d7890}.activate-button,.no-show-button{cursor:pointer;border:0;border-radius:12px;width:100%;padding:14px 16px;font-weight:900}.activate-button{color:#fff;background:#2049a8;box-shadow:0 8px 18px #2049a833}.no-show-button{color:#b04141;background:0 0;margin-top:8px}.activation-success,.activation-noshow{text-align:center;padding:24px 4px}.activation-success>span,.activation-noshow>span{border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:28px;font-weight:900;display:grid}.activation-success>span{color:#138159;background:#dff8eb}.activation-noshow>span{color:#b35a1e;background:#fff0e2}.vehicle-swap{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:20px 0;display:grid}.vehicle-swap>div{border:1px solid #e3e8f1;border-radius:14px;flex-direction:column;padding:15px;display:flex}.vehicle-swap .reserve{background:#f3f7ff;border-color:#a8c2ff}.vehicle-swap small{color:#737d91}.vehicle-swap strong{font-size:19px}.vehicle-swap i{color:#5570a4;font-size:22px;font-style:normal}.reserve-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.reserve-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.reserve-form .full{grid-column:1/-1}.reserve-form input,.reserve-form select,.reserve-form textarea{color:#26324b;font:inherit;background:#fff;border:1px solid #dce2ec;border-radius:10px;padding:11px}.reserve-form textarea{resize:vertical;min-height:74px}.photo-evidence{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.photo-evidence button{color:#49618d;background:#f8faff;border:1px dashed #9caccc;border-radius:11px;padding:13px;font-weight:800}.timeline{margin:22px 0}.timeline>div{grid-template-columns:34px 1fr;gap:12px;padding-bottom:22px;display:grid;position:relative}.timeline>div:not(:last-child):before{content:"";border-left:2px solid #e1e6ee;position:absolute;top:34px;bottom:0;left:16px}.timeline i{color:#748096;z-index:1;background:#edf0f5;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.timeline .done i{color:#2050b8;background:#dce8ff}.timeline p{flex-direction:column;margin:4px 0;display:flex}.timeline span{color:#758096;font-size:13px}.audit-note{background:#f4f6fa;border-radius:12px;flex-direction:column;gap:4px;padding:15px;display:flex}.audit-note span{color:#68748a;font-size:13px}@media (max-width:800px){.startday-shell{padding:82px 14px 40px}.startday-header{grid-template-columns:1fr;gap:12px;padding:18px}.startday-header .partner-mark{justify-self:start}.startday-grid{grid-template-columns:1fr}.startday-tabs button{font-size:13px}.record-list div{flex-direction:column;gap:3px}.record-list strong{text-align:left}.reserve-form{grid-template-columns:1fr}.reserve-form .full{grid-column:auto}.photo-evidence,.vehicle-swap{grid-template-columns:1fr}.vehicle-swap i{justify-self:center;transform:rotate(90deg)}}.startday-back{color:#3157a4;cursor:pointer;background:0 0;border:0;padding:0 0 6px;font-weight:800}.firstday-entry{text-align:left;color:#1d315f;cursor:pointer;background:linear-gradient(135deg,#f2f6ff,#fff);border:1px solid #cddbf8;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0 0 16px;padding:14px 16px;display:grid}.firstday-entry>span{color:#fff;background:#2049a8;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}.firstday-entry>div{flex-direction:column;display:flex}.firstday-entry small{color:#6a7894;margin-top:2px}.firstday-entry>b{color:#365daf;font-size:24px}.reserve-entry{color:#2850a3;cursor:pointer;background:#eef4ff;border:0;border-radius:10px;width:100%;margin:10px 0 2px;padding:11px;font-weight:800}.demo-only{text-align:center;color:#7a8497;margin-top:8px;display:block}.inline-reserve-panel{background:#f8faff;border:1px solid #cbdaf8;border-radius:16px;margin:14px 0 18px;padding:16px}.inline-reserve-head{justify-content:space-between;align-items:start;display:flex}.inline-reserve-head h2{margin:2px 0;font-size:19px}.inline-reserve-head small{color:#6e7c98}.inline-reserve-head>button{color:#52617d;cursor:pointer;background:#e5ebf5;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.inline-reserve-panel>p{color:#65738e;font-size:13px}.inline-swap{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:12px 0;display:grid}.inline-swap span{background:#fff;border:1px solid #dde5f2;border-radius:10px;flex-direction:column;padding:10px;display:flex}.inline-swap small{color:#74809a}.inline-swap i{color:#3b5fa9;font-style:normal}.inline-upload{color:#365995;background:#fff;border:1px dashed #9cadd0;border-radius:9px;padding:10px;font-weight:800}.attendance-reserve-choice{color:#2a52a2;cursor:pointer;background:#f2f6ff;border:1px solid #b9caed;border-radius:11px;width:100%;margin:13px 0 0;padding:12px;font-weight:800}.attendance-reserve-detail{background:#f6f8fc;border-radius:11px;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding:12px;display:grid}.attendance-reserve-detail label{flex-direction:column;gap:5px;font-size:12px;font-weight:800;display:flex}.attendance-reserve-detail select{background:#fff;border:1px solid #d8dfeb;border-radius:8px;padding:9px}.attendance-reserve-detail small{color:#64728d;grid-column:1/-1}@media (max-width:600px){.inline-swap,.attendance-reserve-detail{grid-template-columns:1fr}.inline-swap i{justify-self:center;transform:rotate(90deg)}.attendance-reserve-detail small{grid-column:auto}}.daily-progress{color:#3157a4;background:#edf3ff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.checklist-list{gap:10px;display:grid}.checklist-list>button{text-align:left;color:#24314c;cursor:pointer;background:#fff;border:1px solid #e1e6ee;border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.checklist-list>button>span{color:#5e6d88;background:#edf1f7;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.checklist-list>button>div{flex-direction:column;display:flex}.checklist-list small{color:#748097;margin-top:2px}.checklist-list>button>b{color:#72809b;font-size:12px}.checklist-list>button.urgent{background:#fffaf0;border-color:#f0c985}.checklist-list>button.urgent>span{color:#9c6505;background:#fff0d2}.checklist-list>button.urgent>b{color:#a66b05}.checklist-list>button.done{background:#f3fbf7;border-color:#b9e3d0}.checklist-list>button.done>span{color:#137951;background:#d9f4e7}.checklist-list>button.done>b{color:#137951}.occasional-section{margin-top:18px}.occasional-grid,.bottom-nav.three-items{grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.checklist-list>button{grid-template-columns:34px 1fr}.checklist-list>button>b{grid-column:2}.occasional-grid{grid-template-columns:repeat(2,1fr)}}.daily-summary-form>p:not(.eyebrow){color:#68758d}.summary-input-grid{grid-template-columns:1fr 1fr;gap:13px;margin:20px 0;display:grid}.summary-input-grid label{flex-direction:column;gap:6px;font-size:13px;font-weight:800;display:flex}.summary-input-grid .full{grid-column:1/-1}.summary-input-grid input,.summary-input-grid select,.summary-input-grid textarea{color:#26334d;font:inherit;background:#fff;border:1px solid #d8e0ec;border-radius:10px;padding:12px}.summary-input-grid textarea{resize:vertical;min-height:86px}.summary-note{color:#405b8f;background:#eef4ff;border-radius:11px;margin-bottom:15px;padding:13px;font-size:13px}.summary-result{grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0;display:grid}.summary-result span{color:#31538f;background:#f2f6fd;border-radius:10px;padding:12px;font-weight:800}@media (max-width:600px){.summary-input-grid{grid-template-columns:1fr}.summary-input-grid .full{grid-column:auto}}.ai-fab{z-index:70;color:#fff;cursor:pointer;background:#183c92;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 15px 10px 10px;font-weight:900;display:flex;position:fixed;bottom:82px;right:18px;box-shadow:0 10px 28px #19377d4d}.ai-fab>span{color:#2049a8;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.admin-ai{bottom:24px}.ai-overlay{z-index:100;background:#0c162b61;justify-content:flex-end;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.ai-panel{background:#fff;border-radius:22px;flex-direction:column;width:min(410px,100%);height:min(650px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 22px 70px #0a19374d}.ai-panel>header{color:#fff;background:linear-gradient(135deg,#173783,#2f65cc);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.ai-panel>header>div{align-items:center;gap:10px;display:flex}.ai-panel>header>div>span{color:#2049a8;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.ai-panel header div div{flex-direction:column;display:flex}.ai-panel header small{opacity:.78}.ai-panel header>button{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;width:32px;height:32px;font-size:21px}.ai-messages{background:#f5f7fb;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow:auto}.ai-message{border-radius:14px;max-width:85%;padding:11px 13px;font-size:14px;line-height:1.55}.ai-message.ai{background:#fff;border:1px solid #e0e6f0;align-self:flex-start}.ai-message.user{color:#fff;background:#2857b5;align-self:flex-end}.ai-suggestions{gap:6px;padding:10px 12px 4px;display:flex;overflow-x:auto}.ai-suggestions button{color:#315696;cursor:pointer;background:#f6f9ff;border:1px solid #cdd9f0;border-radius:999px;flex:none;padding:7px 10px;font-size:12px}.ai-input{grid-template-columns:1fr auto;gap:8px;padding:10px 12px;display:grid}.ai-input input{border:1px solid #d8dfeb;border-radius:12px;padding:12px}.ai-input button{color:#fff;background:#2049a8;border:0;border-radius:11px;padding:0 17px;font-weight:800}.ai-panel>footer{color:#7b8598;text-align:center;padding:0 12px 10px;font-size:10px}@media (max-width:600px){.ai-overlay{padding:0}.ai-panel{border-radius:20px 20px 0 0;height:92vh}.ai-fab{bottom:76px}}.portal-page{padding-bottom:95px}.header-ai{font-weight:900;color:#fff!important;background:#2049a8!important;border:0!important;border-radius:10px!important;width:40px!important;height:40px!important;margin-left:auto!important}.personal-summary{color:#fff;background:linear-gradient(135deg,#173783,#326bd4);border-radius:20px;justify-content:space-between;align-items:start;gap:16px;margin:18px 0;padding:22px;display:flex}.personal-summary h1{margin:5px 0;font-size:36px}.personal-summary p{color:#bcd0ff}.personal-summary span{opacity:.8}.personal-summary>b{background:#ffffff29;border-radius:999px;padding:7px 10px;font-size:11px}.portal-card{background:#fff;border:1px solid #e1e7f0;border-radius:18px;margin:15px 0;padding:20px;box-shadow:0 8px 24px #192b4d0d}.earnings-list>div{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:11px 0;display:flex}.earnings-list span{color:#68748a}.earnings-list .plus{color:#16805c}.earnings-list .minus{color:#b64b4b}.estimate-warning{color:#825b13;background:#fff6e5;border-radius:10px;margin-top:14px;padding:12px;font-size:12px}.month-metrics{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.month-metrics div{background:#f4f7fb;border-radius:11px;flex-direction:column;padding:12px;display:flex}.month-metrics strong{color:#244c9e;font-size:22px}.month-metrics span{color:#758097;font-size:11px}.attendance-right{color:#167150;background:#e9f7f1;border-radius:10px;margin-top:12px;padding:11px;font-weight:800}.notification-title{justify-content:space-between;display:flex}.notification-title h1{margin:3px 0 18px}.notification-title>span{color:#2853a7;background:#e9effd;border-radius:999px;height:max-content;padding:7px 10px;font-size:12px;font-weight:900}.notification-list{gap:10px;display:grid}.notification-list article{border:1px solid #e0e6ef;border-radius:12px;grid-template-columns:34px 1fr auto;gap:11px;padding:13px;display:grid}.notification-list i{color:#3157a2;background:#e9effb;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;font-weight:900;display:grid}.notification-list p{color:#65728a;margin:3px 0;font-size:13px}.notification-list small{color:#8791a4}.notification-list button{color:#fff;background:#244fa7;border:0;border-radius:9px;height:max-content;padding:8px}.notification-list .critical{background:#fff9ed;border-color:#efd092}.notification-list .critical i{color:#9b6300;background:#ffedc9}.line-status{background:#effaf3;border-radius:12px;gap:11px;margin-top:15px;padding:13px;display:flex}.line-status>span{color:#fff;background:#06c755;border-radius:9px;place-items:center;padding:8px;font-weight:900;display:grid}.line-status div{flex-direction:column;display:flex}.line-status small{color:#64766b}.service-list{gap:8px;display:grid}.service-list button{text-align:left;color:#293752;background:#fff;border:1px solid #e1e6ef;border-radius:11px;grid-template-columns:30px 1fr auto;align-items:center;padding:12px;display:grid}.service-list button>span{color:#2b56a8;background:#edf2fb;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.service-list button>b:last-child{color:#8793a7}.profile-page{text-align:center}.profile-page .profile-circle{margin:auto}.profile-facts{text-align:left;margin-top:20px}.profile-facts div{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:12px 0;display:flex}.profile-facts span{color:#707c92}.bottom-nav.five-items{grid-template-columns:repeat(5,1fr)}.bottom-nav.five-items button{font-size:10px}.bottom-nav.five-items button span{font-size:17px}@media (max-width:600px){.month-metrics{grid-template-columns:repeat(2,1fr)}.notification-list article{grid-template-columns:32px 1fr}.notification-list article>button{grid-column:2}.personal-summary{flex-direction:column}.bottom-nav.five-items{gap:0}}.camera-proof{color:#365995;text-align:left;background:#f8faff;border:1px dashed #9fb1d1;border-radius:13px;align-items:center;gap:12px;width:100%;margin:14px 0;padding:14px;display:flex}.camera-proof>span{background:#e7eefc;border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.camera-proof>div{flex-direction:column;display:flex}.camera-proof small{color:#7d899e;margin-top:3px}.camera-proof.done{color:#167458;background:#effaf5;border-style:solid;border-color:#93d4bd}.ot-estimate{color:#fff;background:linear-gradient(135deg,#173783,#326bd4);border-radius:13px;flex-direction:column;margin:12px 0;padding:14px;display:flex}.ot-estimate strong{margin:3px 0;font-size:25px}.ot-estimate small{color:#cbdcff}.checkout-field,.correction-form>label{color:#65728a;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;font-weight:800;display:flex}.checkout-field select,.correction-form input,.correction-form textarea{font:inherit;background:#fff;border:1px solid #d9e1ec;border-radius:10px;padding:11px}.correction-form textarea{min-height:90px}.attendance-warning{color:#9a5c0d;background:#fff3db;border-radius:10px;margin:10px 0;padding:11px}.contract-nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contract-nav .primary-button,.contract-nav .outline-button{width:100%;margin:0}.correction-link{color:#4567aa;background:0 0;border:0;margin:8px auto 0;font-size:11px;font-weight:800;display:block}.attendance-exceptions{background:#fff;border:1px solid #dfe6f0;border-radius:18px;margin:16px 0;padding:18px}.attendance-exceptions>header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.attendance-exceptions h3{margin:3px 0;font-size:18px}.attendance-exceptions header small{color:#77859a}.attendance-exceptions header>b{color:#9c5f0b;background:#fff2db;border-radius:9px;padding:7px 10px}.exception-layout{grid-template-columns:320px 1fr;gap:13px;display:grid}.exception-list{gap:7px;display:grid}.exception-list button{text-align:left;background:#fff;border:1px solid #e2e7ef;border-radius:11px;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.exception-list button.active{background:#f3f7ff;border-color:#5579bd}.exception-list span{flex-direction:column;display:flex}.exception-list small{color:#8190a6}.risk{border-radius:50%;width:10px;height:10px}.risk.yellow{background:#f0a62c}.risk.red{background:#d94e5b}.exception-layout>article{background:#f7f9fc;border-radius:13px;padding:14px}.exception-summary{grid-template-columns:145px 1fr;gap:12px;display:grid}.risk-card{border-radius:12px;flex-direction:column;justify-content:center;padding:14px;display:flex}.risk-card.yellow{color:#875500;background:#fff0ce}.risk-card.red{color:#9f2f3c;background:#ffe8eb}.risk-card b{font-size:20px}.exception-summary dl{margin:0}.exception-summary dl>div{border-bottom:1px solid #e4e8ef;justify-content:space-between;padding:5px 0;display:flex}.exception-summary dt{color:#768399}.exception-summary dd{margin:0;font-weight:800}.exception-layout article>label{flex-direction:column;gap:5px;margin-top:10px;display:flex}.exception-layout textarea{border:1px solid #d9e0eb;border-radius:9px;min-height:60px;padding:9px}.exception-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.exception-actions button{background:#fff;border:1px solid #dbe2ec;border-radius:9px;padding:9px 11px}.exception-actions .primary{color:#fff;background:#315fac;border-color:#315fac}.audit-line{color:#7d899d;margin-top:9px;display:block}@media (max-width:720px){.exception-layout,.exception-summary{grid-template-columns:1fr}.contract-nav{grid-template-columns:1fr 1fr}}.attendance-review-page{color:#152449;background:#f5f7fb;min-height:100vh;padding:28px 18px 64px}.attendance-review-head,.attendance-review-summary,.attendance-case-list{max-width:980px;margin:0 auto}.attendance-review-head{color:#fff;background:linear-gradient(135deg,#152f70,#245ec4);border-radius:24px;padding:28px;box-shadow:0 18px 46px #152f702e}.attendance-review-head .back-link{color:#fff;margin-bottom:22px;text-decoration:none;display:inline-flex}.attendance-review-head h1{margin:4px 0 8px;font-size:clamp(26px,4vw,42px)}.attendance-review-head p{opacity:.88;margin:0}.attendance-review-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.attendance-review-summary article{background:#fff;border:1px solid #e4e9f3;border-radius:18px;flex-direction:column;padding:18px;display:flex}.attendance-review-summary strong{font-size:30px}.attendance-review-summary span{color:#6f7b94}.attendance-case-list{gap:16px;margin-top:18px;display:grid}.attendance-case{background:#fff;border:1px solid #e3e8f2;border-left:6px solid #f1b438;border-radius:20px;padding:22px;box-shadow:0 8px 24px #1d2f580f}.attendance-case.red{border-left-color:#d94b4b}.attendance-case.done{opacity:.58}.attendance-case-top,.attendance-case-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-case h2{margin:14px 0 0}.attendance-case p{color:#6b7690;margin:4px 0 12px}.attendance-case label{gap:7px;margin-top:16px;display:grid}.attendance-case textarea{min-height:76px;font:inherit;border:1px solid #cfd7e7;border-radius:12px;padding:12px}.risk-badge{color:#7d5b00;background:#fff2ca;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.risk-badge.red{color:#a32323;background:#ffe0e0}.attendance-case-actions{justify-content:flex-end;margin-top:14px}.attendance-case-actions button{border-radius:12px;min-height:44px;padding:0 16px;font-weight:700}.primary-button{color:#fff;background:#1758b7;border:0}.secondary-button{color:#30415f;background:#fff;border:1px solid #ccd5e5}@media (max-width:640px){.attendance-review-summary{grid-template-columns:1fr}.attendance-case-actions{flex-direction:column;align-items:stretch}.attendance-case-actions button{width:100%}}.live-camera-stage{background:#101827;border:1px solid #c9d5e8;border-radius:16px;margin:14px 0;overflow:hidden}.live-camera-stage video{object-fit:cover;aspect-ratio:3/4;width:100%;max-height:440px;display:block}.live-camera-stage>div{background:#fff;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.live-camera-stage button{width:100%;margin:0}.live-camera-preview{background:#effaf5;border:2px solid #80caae;border-radius:16px;margin:14px 0;position:relative;overflow:hidden}.live-camera-preview img{object-fit:cover;aspect-ratio:3/4;width:100%;max-height:440px;display:block}.live-camera-preview span{color:#fff;background:#13815f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;bottom:12px;left:12px}.live-camera-preview button{color:#274b91;background:#fff;border:0;border-radius:999px;padding:7px 10px;font-weight:900;position:absolute;bottom:12px;right:12px}.camera-test-input{display:none}.camera-error{color:#8c3542;background:#fff0f1;border-radius:10px;gap:8px;margin:8px 0;padding:13px;display:grid}.camera-error strong{font-size:12px}.camera-error small{color:#8d5c63;font-size:10px;line-height:1.5}.camera-error button{color:#fff;background:#315fac;border:0;border-radius:9px;justify-self:start;padding:9px 12px;font-weight:800}.rider-branch-badge{color:#173b7d;background:#edf4ff;border:1px solid #bfd3f4;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 11px;display:inline-flex;box-shadow:0 4px 12px #2a55a014}.rider-branch-badge span{color:#657da6!important;font-size:10px!important}.rider-branch-badge strong{white-space:nowrap;font-size:13px}.vehicle-proof{background:#fffaf0;border:1px solid #e3c982;border-radius:14px;margin:12px 0;padding:14px}.vehicle-proof>strong,.vehicle-proof>small{display:block}.vehicle-proof>small{color:#796b4a;margin-top:4px}.returned-reason{color:#704b10;background:#fff4de;border-left:4px solid #e39a25;border-radius:10px;flex-direction:column;gap:6px;margin:14px 0;padding:14px;display:flex}.returned-reason span{line-height:1.55}.evidence-upload{background:#f8faff;border:2px dashed #aebdd7;border-radius:13px;flex-direction:column;gap:7px;padding:14px;display:flex!important}.evidence-upload input{opacity:0;width:1px;height:1px;position:absolute}.evidence-upload b{color:#315fac;text-align:center;background:#fff;border-radius:9px;padding:11px}.evidence-upload small{color:#758199;font-weight:500}.summary-lock-note,.unfinished-summary-alert{border-radius:12px;flex-direction:column;gap:4px;margin:12px 0;padding:13px;display:flex}.summary-lock-note{color:#6e5314;background:#fff6da}.unfinished-summary-alert{color:#93412f;background:#fff0e9;padding-right:170px;position:relative}.unfinished-summary-alert span{line-height:1.5}.unfinished-summary-alert button{color:#fff;background:#c6533b;border:0;border-radius:9px;padding:9px 11px;font-weight:900;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.locked-summary .success-check{background:#315fac}@media (max-width:600px){.unfinished-summary-alert{padding-right:13px}.unfinished-summary-alert button{margin-top:7px;position:static;transform:none}}.timecard-blocked{text-align:center}.blocked-icon{color:#9a5e0b;background:#fff0ce;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;font-weight:900;display:grid}.timecard-blocked>p:not(.eyebrow){color:#68758c;max-width:520px;margin:10px auto 22px;line-height:1.65}.late-reason{color:#7d5910;background:#fff8e7;border:1px solid #edc772;border-radius:13px;flex-direction:column;gap:7px;margin:14px 0;padding:14px;font-weight:900;display:flex}.late-reason textarea{min-height:90px;font:inherit;resize:vertical;background:#fff;border:1px solid #dec98f;border-radius:9px;padding:11px}.correction-form label em{color:#bc3346;margin-left:5px;font-size:10px;font-style:normal}.field-missing textarea,.field-missing.evidence-upload{background:#fff8f8;border-color:#d94c5c!important}.field-error{color:#b72f42!important;font-weight:800!important}.required-summary{color:#8e2938;background:#fff0f2;border-left:4px solid #d94c5c;border-radius:10px;flex-direction:column;gap:3px;margin:12px 0;padding:12px;display:flex}.correction-success{gap:7px;margin-top:14px}.correction-success small{color:#477463}.correction-success button{color:#fff;background:#17775e;border:0;border-radius:8px;align-self:flex-start;padding:8px 11px;font-weight:800}.test-data-toolbar{background:#f7f2ff;border:1px solid #d7c6ff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px;padding:11px 12px;display:flex}.test-data-toolbar>div{align-items:center;gap:9px;display:flex}.test-data-toolbar>div>span{color:#fff;background:#6947b8;border-radius:8px;place-items:center;padding:6px 8px;font-size:10px;font-weight:900;display:grid}.test-data-toolbar p{flex-direction:column;margin:0;display:flex}.test-data-toolbar strong{color:#513592;font-size:12px}.test-data-toolbar small{color:#7a6b94;font-size:9px}.test-data-toolbar button{color:#5d3da6;background:#fff;border:1px solid #baa4e5;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800}.test-data-toolbar button:disabled{opacity:.55}@media (max-width:390px){.test-data-toolbar{flex-direction:column;align-items:stretch}.test-data-toolbar button{width:100%}}.day-state-banner{border-radius:12px;margin:14px 0;padding:11px 13px;font-size:11px}.day-state-banner.loading{color:#52637f;background:#eef3fa}.day-state-banner.offline{color:#7a4c09;background:#fff2d8;justify-content:space-between;align-items:center;gap:10px;display:flex}.day-state-banner.offline>div{flex-direction:column;display:flex}.day-state-banner.offline span{margin-top:2px;font-size:9px}.day-state-banner.offline button{color:#fff;background:#b36b08;border:0;border-radius:8px;padding:8px 10px;font-weight:800}.day-state-banner.offline button:disabled{opacity:.55}.offline-success .success-check{color:#98600e;background:#ffedc7}@media (max-width:390px){.day-state-banner.offline{flex-direction:column;align-items:stretch}.day-state-banner.offline button{width:100%}}.close-day-progress{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 18px;display:grid}.close-day-progress span,.close-day-progress b{color:#7b879b;text-align:center;background:#eef1f6;border-radius:10px;padding:10px 7px;font-size:11px}.close-day-progress b,.close-day-progress .done{color:#fff;background:#2558b5}.ot-proof-block{background:#fff8e7;border:1px solid #edc66e;border-radius:13px;gap:10px;padding:14px;display:grid}.ot-proof-block>strong{color:#82570b}.ot-proof-block textarea{min-height:76px}.ot-proof-block .evidence-upload{background:#fff}.close-day-status{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.close-day-status span{color:#6b7890;text-align:center;background:#f0f3f8;border-radius:9px;padding:9px;font-size:10px}.close-day-status .done{color:#146e52;background:#e8f7f1}@media (max-width:420px){.close-day-progress{gap:4px}.close-day-progress span,.close-day-progress b{padding:9px 3px;font-size:9px}}.ocr-grid input[readonly]{color:#34445f;cursor:not-allowed;background:#eef2f7}.ocr-box>div:first-child span:after{content:" • ข้อมูลต้นฉบับ แก้ไขไม่ได้";color:#6f7d94;font-weight:600}.ocr-dispute-toggle{color:#8a5700;background:#fff9eb;border:1px solid #e0a84d;border-radius:10px;width:100%;margin:10px 0;padding:11px;font-weight:800}.ocr-dispute-form{background:#fffaf0;border:1px solid #ead39c;border-radius:13px;gap:10px;margin:0 0 12px;padding:14px;display:grid}.ocr-dispute-form>strong{color:#6d4b0d}.ocr-dispute-form>p{color:#836f4d;margin:0;font-size:10px}.ocr-dispute-form label{color:#56637a;gap:5px;font-size:10px;font-weight:700;display:grid}.ocr-dispute-form input,.ocr-dispute-form select,.ocr-dispute-form textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:9px;padding:11px}.ocr-dispute-form textarea{resize:vertical;min-height:72px}.ocr-correction-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ocr-correction-list label{background:#fff;border:1px solid #e2e6ed;border-radius:10px;padding:9px}.ocr-correction-list label.selected{background:#fff7e7;border-color:#dca43e}.ocr-correction-list label>span{align-items:center;gap:7px;display:flex}.ocr-correction-list label>span input{accent-color:#bf7b00;width:auto}.ocr-correction-list label>input:disabled{color:#a0a8b6;background:#f1f3f6}@media (max-width:420px){.ocr-correction-list{grid-template-columns:1fr}}.live-camera-stage{position:relative}.camera-loading{z-index:2;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;inset:0 0 72px;background:#101827!important;padding:20px!important;display:flex!important;position:absolute!important}.camera-loading span{border:4px solid #526079;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite camera-spin}.camera-loading button{color:#fff;background:#263653;border:1px solid #91a5c8;border-radius:9px;padding:9px 12px;width:auto!important}.live-camera-stage>div.camera-loading+div{z-index:3;position:relative}@keyframes camera-spin{to{transform:rotate(360deg)}}.service-list .service-button{color:#293752;text-align:left;background:#fff;border:1px solid #e1e6ef;border-radius:11px;grid-template-columns:30px 1fr auto;align-items:center;padding:12px;text-decoration:none;display:grid}.service-list .service-button>span{color:#2b56a8;background:#edf2fb;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.service-list .service-button>b:last-child{color:#8793a7}