:root{--navy:#121c30;--navy2:#1b2943;--red:#ed1c24;--amber:#f5a400;--bg:#f4f6fa;--ink:#172033;--muted:#718096;--line:#e4e8ef;--white:#fff;--green:#0ca678;--blue:#2878d0}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:50;background:linear-gradient(#121c30,#18243b);flex-direction:column;width:270px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand img{object-fit:contain;width:48px;height:44px}.brand>div{min-width:0}.brand strong{letter-spacing:-.3px;white-space:nowrap;font-size:15px;display:block}.brand strong span{color:var(--red)}.brand small{color:#9da9ba;letter-spacing:2px;margin-top:3px;font-size:7px;font-weight:700;display:block}.brand-large img{width:78px;height:70px}.brand-large strong{font-size:23px}.brand-large small{font-size:9px}.sidebar nav{gap:6px;margin-top:42px;display:grid}.sidebar nav button{color:#b9c2d0;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;padding:13px 14px;font-weight:650;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff1a}.sidebar nav button.active:before{content:"";background:var(--red);border-radius:0 4px 4px 0;width:4px;height:25px;position:absolute;left:-18px}.sidebar nav button i{background:var(--amber);border-radius:50%;width:8px;height:8px;margin-left:auto}.sidebar-user{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:11px;min-width:0;margin-top:auto;padding:14px;display:flex}.avatar{background:var(--red);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:grid}.sidebar-user div:last-child{min-width:0}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{font-size:13px}.sidebar-user small{color:#99a6b9;margin-top:3px;font-size:10px}.mobile-close,.scrim{display:none}main{min-height:100vh;margin-left:270px}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;align-items:center;gap:18px;height:82px;padding:0 34px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:21px}.topbar p{color:var(--muted);margin:3px 0 0;font-size:12px}.menu-button{display:none}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.profile-chip{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;display:flex}.profile-chip span{background:var(--navy);width:36px;height:36px;color:var(--amber);border-radius:11px;place-items:center;font-size:11px;font-weight:800;display:grid}.profile-chip b{font-size:13px}.offline{color:#ad5f00;background:#fff4e6;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.offline svg{width:15px}.content{max-width:1400px;margin:auto;padding:30px 34px 50px}.page-stack{gap:22px;display:grid}.welcome,.section-head{border:1px solid var(--line);background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.eyebrow{letter-spacing:1.7px;font-weight:800;color:var(--red)!important;margin:0 0 7px!important;font-size:11px!important}.welcome h2,.section-head h2{margin:0;font-size:27px}.welcome p,.section-head p{color:var(--muted);margin:7px 0 0}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:13px;place-items:center;display:grid}.icon-button:hover{background:#f7f8fb}.status-hero{color:#fff;background:radial-gradient(circle at 85% 15%,#f5a40038,#0000 28%),linear-gradient(135deg,#17233a,#101827);border-radius:25px;justify-content:space-between;align-items:end;gap:25px;min-height:225px;padding:32px;display:flex;box-shadow:0 18px 45px #121c3029}.status-hero.blue{background:radial-gradient(circle at 85% 15%,#3591ff59,#0000 28%),linear-gradient(135deg,#142641,#101827)}.status-hero.green{background:radial-gradient(circle at 85% 15%,#0ca67859,#0000 28%),linear-gradient(135deg,#12382f,#101827)}.status-hero.amber{background:radial-gradient(circle at 85% 15%,#f5a40066,#0000 28%),linear-gradient(135deg,#413016,#101827)}.status-hero h2{margin:22px 0 8px;font-size:30px}.status-hero p{color:#b7c1d0;margin:0}.status-pill{color:#536174;background:#eef2f7;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.status-hero .status-pill{color:#fff;background:#ffffff1c}.status-pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.hero-action,.primary,.secondary,.danger{border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:750;display:inline-flex}.hero-action{background:var(--amber);color:var(--ink);border:0}.hero-action:hover{filter:brightness(1.06)}.primary{background:var(--navy);color:#fff;border:0}.secondary{color:var(--ink);background:#fff;border:1px solid #dbe1ea}.danger{color:#fff;background:#d93645;border:0}.danger.outline{color:#bc2e3b;background:#fff;border:1px solid #f2c3c8;width:100%}.quick-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quick-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:19px;align-items:center;gap:14px;min-height:105px;padding:18px;transition:all .2s;display:flex}.quick-card:hover{border-color:#cdd4df;transform:translateY(-2px);box-shadow:0 12px 30px #17203314}.quick-card>span{width:46px;height:46px;color:var(--red);background:#fff1f2;border-radius:14px;flex:none;place-items:center;display:grid}.quick-card div{min-width:0}.quick-card strong{font-size:14px}.quick-card p{color:var(--muted);margin:5px 0 0;font-size:11px}.quick-card>svg{color:#a4afbf;width:17px;margin-left:auto}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;align-items:center;gap:17px;padding:22px;display:flex}.project-card:hover{border-color:#bbc4d1;box-shadow:0 10px 28px #17203312}.project-card>div:nth-child(2){flex:1;min-width:0}.project-icon{width:54px;height:54px;color:var(--navy);background:#edf2f9;border-radius:16px;place-items:center;display:grid}.project-state{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:800}.project-card h3{margin:5px 0 4px}.project-card p{color:var(--muted);margin:0;font-size:12px}.project-card small{color:#7b8799;align-items:center;gap:5px;margin-top:12px;display:flex}.project-card small svg{width:14px}.project-card>svg{color:#aab4c2}.back-link{color:#5e6a7a;background:0 0;border:0;justify-self:start;align-items:center;gap:8px;display:flex}.project-detail{border:1px solid var(--line);background:#fff;border-radius:25px;grid-template-columns:310px 1fr;display:grid;overflow:hidden}.project-cover{min-height:400px;color:var(--amber);background:linear-gradient(145deg,#17243b,#253653);place-items:center;display:grid}.project-cover svg{width:100px;height:100px}.project-info{padding:42px}.project-info h2{margin:18px 0 5px;font-size:31px}.project-info .code{color:var(--muted)}.address{background:#f5f7fa;border-radius:13px;align-items:center;gap:8px;padding:14px;display:flex;margin:25px 0!important}.action-row{flex-wrap:wrap;gap:11px;margin-top:35px;display:flex}.timer-card,.detail-card,.profile-card,.password-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 35px #1720330d}.timer-top,.detail-title{justify-content:space-between;align-items:start;display:flex}.timer-top h2{margin:16px 0 6px;font-size:24px}.timer-top p{color:var(--muted);gap:6px;margin:0;display:flex}.timer-top p svg{width:17px}.clock{text-align:center;padding:45px 20px}.clock p{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:800}.clock strong{font-variant-numeric:tabular-nums;letter-spacing:-3px;margin:10px 0;font-size:clamp(48px,7vw,78px);display:block}.clock span{color:var(--muted)}.timer-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:11px;padding-top:22px;display:flex}.alert{border-radius:12px;margin:15px 0;padding:12px 14px;font-size:13px}.alert.error{color:#ae2633;background:#fff0f1}.alert.info{color:#2465a7;background:#edf6ff}.success-alert{color:#087b5a;background:#eafaf4}.loading,.empty{border:1px solid var(--line);min-height:300px;color:var(--muted);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.loading.compact{border:0;min-height:100px}.loading svg{color:var(--red)}.empty>span{background:#f0f3f7;border-radius:19px;place-items:center;width:64px;height:64px;display:grid}.empty>span svg{width:30px;height:30px}.empty h2{color:var(--ink);margin:4px 0 0}.empty p{margin:0}.empty .primary{margin-top:10px}.workday-list{gap:11px;display:grid}.workday-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:18px;padding:17px 20px;display:flex}.workday-row:hover{border-color:#c6ced9}.date-box{background:#f0f3f7;border-radius:14px;place-items:center;width:57px;height:59px;display:grid}.date-box strong{font-size:20px}.date-box span{text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:800}.workday-main{flex:1}.workday-main h3{margin:6px 0 3px}.workday-main p{color:var(--muted);margin:0;font-size:11px}.work-status{color:#637083;text-transform:uppercase;background:#eef1f5;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.work-status.approved{color:#087d5b;background:#e6f8f1}.work-status.rejected{color:#b42d3a;background:#fff0f1}.work-status.completed{color:#9b6500;background:#fff6df}.work-status.open{color:#2767ad;background:#eaf3ff}.workday-total{text-align:right}.workday-total span{color:var(--muted);font-size:10px;display:block}.workday-total strong{font-size:18px}.workday-row>svg{color:#a9b3c1}.detail-title h2{margin:16px 0 4px}.detail-title p{color:var(--muted)}.detail-title>svg{color:#c8d0db;width:45px;height:45px}.totals{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.totals>div{background:#f6f8fb;border-radius:15px;padding:17px}.totals span{color:var(--red)}.totals p{color:var(--muted);margin:12px 0 4px;font-size:11px}.totals strong{font-size:20px}.time-line{border:1px solid var(--line);border-radius:15px;align-items:center;gap:20px;margin-top:25px;padding:20px;display:flex}.time-line div{flex:1}.time-line div:last-child{text-align:right}.time-line span{color:var(--muted);font-size:11px;display:block}.time-line strong{margin-top:5px;font-size:18px;display:block}.time-line i{background:#d9dfe7;flex:2;height:2px}.profile-grid{grid-template-columns:.8fr 1.2fr;gap:20px;display:grid}.profile-card{text-align:center}.profile-avatar{background:var(--navy);width:84px;height:84px;color:var(--amber);border-radius:24px;place-items:center;margin:0 auto 18px;font-size:24px;font-weight:850;display:grid}.profile-card h2{margin:0}.profile-card>p{color:var(--muted)}.profile-card>span{color:#087b5a;background:#eafaf4;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:750;display:inline-flex}.profile-card dl{text-align:left;border:1px solid var(--line);border-radius:15px;margin:25px 0;overflow:hidden}.profile-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:14px;display:flex}.profile-card dl div:last-child{border:0}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0;font-weight:700}.success{color:var(--green)}.card-heading{gap:13px;display:flex}.card-heading>span{width:44px;height:44px;color:var(--blue);background:#edf3fb;border-radius:13px;place-items:center;display:grid}.card-heading h2{margin:0}.card-heading p{color:var(--muted);margin:5px 0 0}form label{color:#4b5667;gap:8px;margin-top:18px;font-size:12px;font-weight:700;display:grid}input{width:100%;height:47px;color:var(--ink);background:#fff;border:1px solid #d9dfe8;border-radius:12px;outline:none;padding:0 14px}input:focus{border-color:#76859b;box-shadow:0 0 0 3px #17203314}.password-card form .primary{margin-top:22px}.login-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 85% 20%,#ed1c2447,#0000 25%),linear-gradient(145deg,#111a2b,#1b2943);flex-direction:column;justify-content:space-between;padding:55px 7vw;display:flex}.login-visual h1{letter-spacing:-3px;margin:0;font-size:clamp(45px,5vw,75px);line-height:1.02}.login-visual>div:nth-child(2) p{color:#b5bfce;max-width:580px;font-size:17px;line-height:1.7}.login-visual ul{color:#cbd3df;gap:13px;padding:0;list-style:none;display:grid}.login-visual li{align-items:center;gap:10px;display:flex}.login-visual li svg{color:var(--red)}.login-panel{place-items:center;padding:35px;display:grid}.login-panel form{width:min(430px,100%)}.login-panel h2{margin:5px 0 10px;font-size:33px}.login-panel form>p:not(.eyebrow){color:var(--muted)}.login-panel .primary{background:var(--red);width:100%;margin-top:22px}.login-arrow{transform:rotate(180deg)}.secure{color:#8792a3;justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.secure svg{width:16px}.mobile-login-brand{display:none}.splash{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;display:flex}.splash>p{color:#9aa7ba}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{display:none}@media (max-width:1050px){.quick-grid{grid-template-columns:repeat(2,1fr)}.project-detail{grid-template-columns:240px 1fr}.profile-grid,.project-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{transition:all .25s;transform:translate(-105%);box-shadow:20px 0 50px #0003}.sidebar-open{transform:translate(0)}.mobile-close{color:#fff;background:#ffffff14;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:14px}.scrim{z-index:45;background:#070c168c;border:0;display:block;position:fixed;inset:0}main{margin-left:0;padding-bottom:76px}.topbar{height:72px;padding:0 17px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.topbar h1{font-size:17px}.topbar p,.profile-chip b,.offline{display:none}.content{padding:18px 14px 35px}.welcome,.section-head{padding:20px}.welcome h2,.section-head h2{font-size:22px}.status-hero{flex-direction:column;align-items:stretch;min-height:300px;padding:25px}.status-hero h2{font-size:25px}.hero-action{margin-top:auto}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{min-height:88px}.bottom-nav{z-index:40;height:70px;padding:7px 5px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8490a2;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav button svg{width:19px}.bottom-nav button.active{color:var(--red);font-weight:800}.project-card{padding:16px}.project-detail{grid-template-columns:1fr}.project-cover{min-height:170px}.project-cover svg{width:70px;height:70px}.project-info{padding:23px}.project-info h2{font-size:25px}.action-row{display:grid}.timer-card,.detail-card,.profile-card,.password-card{padding:20px}.timer-top{gap:10px}.clock{padding:35px 5px}.clock strong{font-size:47px}.timer-actions{display:grid}.timer-actions button{width:100%}.workday-row{gap:11px;padding:14px}.date-box{width:48px;height:52px}.workday-total{display:none}.totals{grid-template-columns:repeat(2,1fr)}.time-line{gap:8px}.login-page{background:var(--bg);padding:18px;display:block}.login-visual{display:none}.login-panel{background:#fff;border-radius:25px;min-height:calc(100vh - 36px);padding:25px}.mobile-login-brand{margin-bottom:40px;display:block}.login-panel h2{font-size:27px}.empty{text-align:center;padding:30px 20px}}@media (max-width:390px){.topbar p{display:none}.topbar{gap:10px}.profile-chip{padding:0}.quick-card>svg,.workday-row>svg{display:none}.totals{grid-template-columns:1fr 1fr}}.event-section{margin-top:30px}.event-section>h3{margin:0 0 18px;font-size:18px}.muted{color:var(--muted)}.event-list{display:grid}.event-item{grid-template-columns:42px 1fr;gap:13px;min-height:86px;display:grid}.event-dot{z-index:1;color:#68778c;background:#f1f4f8;border:2px solid #b9c4d2;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:relative}.event-dot:after{content:"";z-index:-1;background:#dce2e9;width:2px;height:50px;position:absolute;top:34px}.event-item:last-child .event-dot:after{display:none}.event-dot svg{width:17px}.event-work_start,.event-break_end,.event-return_drive_end{color:#07815d;background:#e7f8f1;border-color:#36ae84}.event-drive_start,.event-return_drive_start{color:#9c6500;background:#fff5df;border-color:#e2a22f}.event-work_end{color:#bd3140;background:#fff0f1;border-color:#dc6772}.event-item>div:last-child{border-bottom:1px solid var(--line);padding:4px 0 18px}.event-item:last-child>div:last-child{border:0}.event-item>div>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.event-item time{color:#59677a;background:#f2f4f7;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:700}.event-item p{color:var(--muted);margin:6px 0 0;font-size:12px}.event-item small{color:#566174;background:#f5f7fa;border-radius:9px;margin-top:8px;padding:8px 10px;display:block}