:root{--pilot-navy:#172b3f;--pilot-yellow:#f7b731;--pilot-ink:#203248;--pilot-bg:#f3f5f7;--pilot-card:#fff;--pilot-line:#e3e8ed;--pilot-muted:#728093;color:var(--pilot-ink);background:var(--pilot-bg);font-family:"Segoe UI",Arial,sans-serif}
body.pilot{background:var(--pilot-bg)}.pilot .topbar{height:82px;padding:0 32px;position:sticky;top:0;z-index:30;background:var(--pilot-card);border-color:var(--pilot-line)}.pilot .brand .mark{background:var(--pilot-navy);border-radius:12px;width:44px;height:44px;font-size:28px;letter-spacing:-2px;position:relative}.pilot .mark span{color:var(--pilot-yellow);font-size:23px;margin-left:-5px}.pilot .brand b{font-size:22px;letter-spacing:-.8px}.pilot .brand small{font-size:9px;letter-spacing:1.3px}.pilot .version-badge{font-size:10px;vertical-align:middle;background:#edf1f5;color:#63758a;padding:3px 6px;letter-spacing:0}.pilot main{max-width:1600px;padding:0 36px 40px;margin:0 0 0 232px;min-height:calc(100vh - 154px)}.pilot main:has(#auth-view:not([hidden])){margin:0 auto;max-width:1200px}.pilot main:has(#company-onboarding:not([hidden])){margin:0 auto;max-width:900px}.pilot footer{max-width:none;margin-left:268px;margin-right:36px;padding:22px 0;border-color:var(--pilot-line)}.pilot .company-banner{background:none;border:none;padding:18px 0 4px;margin:0;color:var(--pilot-muted);font-size:12px}.pilot .primary{background:var(--pilot-navy);border-color:var(--pilot-navy)}.pilot .primary:hover{background:#254761}.pilot .secondary{color:var(--pilot-ink);border-color:var(--pilot-line);background:var(--pilot-card)}.pilot .text-button{color:#366e92}.pilot .eyebrow{color:#70869b;letter-spacing:1.6px;font-size:10px}.pilot h1{font-size:32px;letter-spacing:-1.1px;font-weight:750}.pilot h2{font-size:21px}.pilot h3{font-size:17px}.pilot button{font-family:inherit}.pilot button:focus-visible,.pilot a:focus-visible{outline:3px solid #f7b731;outline-offset:3px}.pilot svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.pilot-rail{position:fixed;top:82px;bottom:0;left:0;width:232px;padding:30px 16px;background:var(--pilot-card);border-right:1px solid var(--pilot-line);display:flex;flex-direction:column;z-index:25;gap:6px}.pilot-rail-label{font-size:10px;letter-spacing:1.8px;color:#8995a4;padding:0 16px;margin:4px 0 17px}.pilot-rail button{display:flex;align-items:center;gap:13px;border:0;background:none;padding:14px 16px;border-radius:9px;color:#6c7d8d;font-weight:600;text-align:left;cursor:pointer;font-size:13px}.pilot-rail button.active{background:#eef3f7;color:var(--pilot-navy);box-shadow:inset 3px 0 var(--pilot-yellow)}.pilot-rail button.active svg{color:#9a710e}.pilot-rail button:hover{background:#f3f5f8}.pilot-rail-foot{margin-top:auto;padding:20px 12px;color:#7b8997;font-size:10px;border-top:1px solid var(--pilot-line);line-height:2}.pilot-rail-foot small{display:block;padding-left:16px}.pilot-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2d9a75;margin-right:4px}.pilot-screen{padding-top:18px;animation:pilot-in .18s ease-out}.pilot-page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pilot-page-heading h1{margin:5px 0}.pilot-date{font-size:12px;color:var(--pilot-muted)}.pilot-hero{display:grid;grid-template-columns:1.4fr 1fr;background:var(--pilot-navy);border-radius:16px;padding:30px 34px;color:#fff;gap:30px;min-height:245px;overflow:hidden;position:relative}.pilot-hero-tag{font-size:9px;letter-spacing:1.8px;color:#b7cada;font-weight:700}.pilot-hero h2{font-size:30px;letter-spacing:-.7px;line-height:1.2;max-width:440px;margin:15px 0 12px;color:white}.pilot-hero p{color:#b9c9d7;font-size:13px;max-width:430px;line-height:1.7;margin:0 0 20px}.pilot-hero button{display:inline-flex;align-items:center;gap:24px;background:var(--pilot-yellow);border:0;border-radius:7px;font-weight:750;font-size:12px;color:#263341;padding:13px 17px;cursor:pointer}.pilot-hero button svg{width:18px;height:18px}.pilot-hero-art{display:grid;place-items:center}.pilot-drawing{width:100%;max-width:285px;transform:rotate(-7deg);border:1px solid #6e879c66;padding:13px 19px;background:linear-gradient(#40648222 1px,transparent 1px),linear-gradient(90deg,#40648222 1px,transparent 1px);background-size:17px 17px;border-radius:5px}.pilot-drawing-number{font-size:10px;letter-spacing:3px;color:var(--pilot-yellow)}.pilot-drawing svg{width:100%;height:148px;stroke:#bed4e3;stroke-width:1;display:block}.pilot-drawing-caption{font-size:6px;letter-spacing:1.5px;color:#91aabd}.pilot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 26px}.pilot-stat{padding:20px 22px;background:var(--pilot-card);border:1px solid var(--pilot-line);border-radius:12px}.pilot-stat>span{display:block;color:var(--pilot-muted);font-size:11px;font-weight:600}.pilot-stat strong{font-size:31px;display:block;letter-spacing:-1px;margin:6px 0 4px}.pilot-stat small{font-size:9px;color:#8c98a4}.pilot-dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.pilot-dashboard-card{background:var(--pilot-card);border:1px solid var(--pilot-line);border-radius:13px;padding:23px;min-width:0}.pilot-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.pilot-card-heading h2{font-size:16px;margin:0}.pilot-card-heading .text-button{font-size:10px}.pilot-small-tag{font-size:8px;letter-spacing:1px;color:#8b98a5}.pilot-project-row{border:0;border-bottom:1px solid var(--pilot-line);background:none;display:flex;width:100%;align-items:center;padding:16px 0;gap:12px;text-align:left;color:inherit;cursor:pointer}.pilot-project-row:last-child{border-bottom:0}.pilot-project-avatar{width:38px;height:42px;display:grid;place-items:center;border-radius:8px;background:#edf3f7;color:#688499;font-size:12px;flex-shrink:0}.pilot-project-row>span:nth-child(2){min-width:0;flex:1}.pilot-project-row b,.pilot-shortcut b{font-size:12px;display:block}.pilot-project-row small,.pilot-shortcut small{display:block;color:var(--pilot-muted);font-size:10px;margin-top:5px;line-height:1.5}.pilot-project-row svg{width:15px;color:#8b9aa9}.pilot-active-pill{border-radius:12px;background:#eaf6ef;color:#438665;padding:4px 9px;font-size:9px}.pilot-shortcut{width:100%;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--pilot-line);padding:15px 0;background:none;text-align:left;color:inherit;cursor:pointer}.pilot-shortcut>svg:first-child{background:#f6f0df;color:#977e41;box-sizing:content-box;padding:10px;border-radius:10px;width:19px;height:19px}.pilot-shortcut>span{flex:1}.pilot-shortcut>svg:last-child{width:16px;color:#8294a5}.pilot-hint{font-size:10px;color:#8a98a6;margin:18px 0 0}.pilot-bottom{display:none}.pilot .site-columns{grid-template-columns:1fr}.pilot .site-column .site-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pilot .site-column>summary{margin-bottom:14px}.pilot .site-card{border-color:var(--pilot-line);border-radius:12px;padding:23px;box-shadow:0 3px 7px #20324803}.pilot .site-icon{background:#edf3f8;color:#627f97}.pilot .report-filter-bar{background:var(--pilot-card);border-color:var(--pilot-line)}.pilot .heading{margin-bottom:22px}.pilot .heading p{font-size:13px}.pilot .heading-tools{gap:10px}.pilot .status{margin:0 0 18px}.pilot-screen>details{background:var(--pilot-card);border:1px solid var(--pilot-line);padding:24px;border-radius:13px;margin:0}.pilot-screen>details>summary{display:none}.pilot #workspace-times .attendance-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:18px}.pilot #workspace-times .attendance-worker-grid{grid-template-columns:1fr}.pilot .attendance-worker-tile{min-height:65px;border-color:var(--pilot-line);background:#f7f9fb}.pilot .attendance-worker-tile:has(input:checked){background:#eaf1f7;border-color:#7592a9}.pilot .attendance-action .primary{min-height:50px}.pilot .reports-panel{margin:0;padding:16px 0;border:0}.pilot-back{margin:0 0 12px;padding:8px 0;font-size:12px}.pilot-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pilot-action-card{display:grid;grid-template-columns:38px 1fr 20px;text-align:left;align-items:center;gap:14px;border:1px solid var(--pilot-line);border-radius:12px;background:var(--pilot-card);color:inherit;padding:23px;cursor:pointer}.pilot-action-card b{font-size:14px}.pilot-action-card span{grid-column:2;font-size:11px;color:var(--pilot-muted)}.pilot-action-card>svg:last-child{grid-column:3;grid-row:1/3}.pilot .auth-card{max-width:480px;margin:65px auto;padding:42px;border-radius:18px;border-color:var(--pilot-line);box-shadow:0 12px 50px #172b3f08}.pilot .auth-card h1{font-size:34px;line-height:1.15;margin:13px 0}.pilot .auth-card>p{font-size:13px}.pilot-demo-link{display:flex;justify-content:space-between;margin:24px 0 16px;border:1px solid var(--pilot-line);border-radius:8px;padding:14px;color:var(--pilot-ink);text-decoration:none;font-weight:650;font-size:13px}.pilot-demo-link span{color:#ab7d18}.pilot-demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;background:#fff1c8;border:1px solid #f1d88b;color:#755a1c;border-radius:8px;padding:8px 12px;margin:15px 0 0;font-size:10px}.pilot-demo-banner>span{flex:1}.pilot-demo-banner label{display:flex;align-items:center;gap:8px;font-size:10px;margin:0;color:inherit}.pilot-demo-banner select{font-size:10px;padding:5px;margin:0;border:1px solid #dfcb91;width:auto;background:#fff9e8}.pilot-demo-banner button{border:0;background:none;text-decoration:underline;color:inherit;font-size:10px;cursor:pointer}.pilot-demo-banner a{color:inherit;font-weight:600}.pilot .company-admin-grid{gap:20px}.pilot .company-onboarding{margin-top:40px}.pilot .attendance-site-card summary{padding:8px 0}.pilot .site-status-toggle{font-size:12px}.pilot .pilot-screen .empty{padding:45px 20px}.pilot .company-admin{overflow-x:auto}.pilot .saved-table th,.pilot .entry-table th{background:#f0f4f7}.pilot input:focus,.pilot textarea:focus,.pilot select:focus{outline-color:#bfd2e4;border-color:#6587a3}
:root[data-theme="dark"]{--pilot-navy:#152b40;--pilot-ink:#e1e9f1;--pilot-bg:#101b26;--pilot-card:#192938;--pilot-line:#304453;--pilot-muted:#9aafbf;background:var(--pilot-bg);color:var(--pilot-ink)}:root[data-theme="dark"] .pilot .brand .mark{background:#29445d}:root[data-theme="dark"] .pilot-rail button{color:#b6c8d8}:root[data-theme="dark"] .pilot-rail button.active,:root[data-theme="dark"] .pilot-rail button:hover{background:#294052;color:#fff}:root[data-theme="dark"] .pilot-project-avatar,:root[data-theme="dark"] .pilot .site-icon{background:#253e53;color:#bad3e5}:root[data-theme="dark"] .pilot-shortcut>svg:first-child{background:#403d2a;color:#e3c776}:root[data-theme="dark"] .pilot .attendance-worker-tile{background:#203445}:root[data-theme="dark"] .pilot .attendance-worker-tile:has(input:checked){background:#2c465b;border-color:#7295ae}:root[data-theme="dark"] .pilot .report-filter-bar{background:var(--pilot-card)}:root[data-theme="dark"] .pilot .saved-table th,:root[data-theme="dark"] .pilot .entry-table th{background:#243b4e}:root[data-theme="dark"] .pilot-demo-banner{background:#3e3621;border-color:#6a5d39;color:#efce79}:root[data-theme="dark"] .pilot-demo-banner select{background:#302b1d;color:#efce79}:root[data-theme="dark"] .pilot .version-badge{background:#2c4355;color:#b5c9da}
@keyframes pilot-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pilot-screen{animation:none}*{scroll-behavior:auto!important}}
@media(min-width:1500px){.pilot main{padding:0 50px 40px;margin-left:248px}.pilot-rail{width:248px}.pilot .pilot-hero{padding:38px 42px}.pilot-hero h2{font-size:36px}}
@media(max-width:1100px){.pilot-rail{width:196px;padding:24px 10px}.pilot-rail button{padding:13px 12px;font-size:12px;gap:10px}.pilot main{margin-left:196px;padding:0 24px 32px}.pilot footer{margin-left:220px;margin-right:24px}.pilot-hero-art{display:none}.pilot-hero{grid-template-columns:1fr}.pilot-dashboard-grid{grid-template-columns:1fr}.pilot-stats{gap:10px}.pilot-stat{padding:17px 14px}.pilot .report-filter-bar{grid-template-columns:1fr 1fr}.pilot .report-filter-bar button{grid-column:1/-1}.pilot .site-column .site-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media(max-width:760px){.pilot .topbar{height:68px;padding:0 18px}.pilot .brand .mark{width:37px;height:37px;font-size:25px}.pilot .brand b{font-size:20px}.pilot .brand small{font-size:7px;letter-spacing:1px}.pilot .topbar-tools{gap:8px}.pilot #theme-toggle{font-size:0;padding:8px;width:35px;height:35px}.pilot #theme-toggle:before{content:'◐';font-size:18px}.pilot #logout{font-size:11px;padding:4px}.pilot-rail{display:none}.pilot main{margin:0;padding:0 18px 100px;min-height:calc(100vh - 150px)}.pilot footer{margin:0 18px 70px;padding:15px 0;font-size:10px}.pilot .company-banner{font-size:10px;padding-top:17px;line-height:1.5}.pilot-screen{padding-top:18px}.pilot-page-heading{margin-bottom:20px;align-items:flex-end}.pilot h1{font-size:28px}.pilot-date{font-size:10px;max-width:80px;text-align:right}.pilot-hero{padding:25px 23px;border-radius:13px;gap:0;min-height:0}.pilot-hero h2{font-size:28px;margin:13px 0}.pilot-hero p{font-size:12px;margin-bottom:19px;line-height:1.65}.pilot-hero-tag{font-size:8px;letter-spacing:1.4px}.pilot-hero button{font-size:12px;padding:13px 16px}.pilot-stats{grid-template-columns:1fr 1fr;gap:11px;margin:16px 0 22px}.pilot-stat{padding:16px 18px}.pilot-stat strong{font-size:29px;margin:5px 0}.pilot-stat small{font-size:8px}.pilot-stat>span{font-size:10px}.pilot-dashboard-card{padding:19px}.pilot-card-heading h2{font-size:15px}.pilot-dashboard-grid{gap:17px}.pilot-active-pill{display:none}.pilot-project-row{gap:10px}.pilot-project-row b{font-size:12px}.pilot-project-row small{font-size:10px}.pilot-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 5px max(10px,env(safe-area-inset-bottom));background:var(--pilot-card);border-top:1px solid var(--pilot-line);z-index:40;box-shadow:0 -4px 20px #172b3f06}.pilot-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:46px;flex:1;max-width:90px;border:0;background:none;color:#8a9baa;font-size:9px;font-weight:600;cursor:pointer;position:relative}.pilot-bottom button svg{width:21px;height:21px}.pilot-bottom button.active{color:#9d761b}.pilot-bottom button.active:before{content:'';position:absolute;top:-10px;width:28px;height:3px;background:var(--pilot-yellow);border-radius:2px}.pilot .heading-tools{width:100%;flex-wrap:wrap}.pilot .heading-tools input{flex:1;min-width:170px}.pilot .heading-tools .primary{font-size:12px}.pilot .heading{gap:14px}.pilot .site-column .site-grid{grid-template-columns:1fr}.pilot-screen>details{padding:16px}.pilot #workspace-times .attendance-site-grid{grid-template-columns:1fr}.pilot .attendance-worker-tile{min-height:65px;padding:13px}.pilot .attendance-worker-tile input{width:22px;height:22px;accent-color:#254761;flex-shrink:0}.pilot .attendance-worker-tile small{font-size:11px}.pilot .attendance-actions button{min-height:48px}.pilot-demo-banner{font-size:9px;gap:7px 10px}.pilot-demo-banner>span{display:none}.pilot-demo-banner select{max-width:120px}.pilot-demo-banner a{font-size:9px}.pilot .auth-card{padding:30px 24px;margin:35px auto}.pilot .auth-card h1{font-size:31px}.pilot .report-tools{flex-wrap:wrap;gap:10px}.pilot .heading.compact h2{font-size:22px}.pilot .report-filter-bar{padding:12px}.pilot .report-filter-bar label{margin:5px 0}.pilot .report-meta{flex-wrap:wrap}.pilot .report-actions{flex-wrap:wrap}.pilot .company-admin-grid{grid-template-columns:1fr}.pilot-more-grid{grid-template-columns:1fr}.pilot .pilot-screen .time-period{flex-wrap:wrap}.pilot-small-tag{font-size:7px}.pilot .company-onboarding{margin-top:25px}}

.pilot .brand .mark span{position:absolute;right:4px;top:1px;font-size:19px}.pilot-notice{padding:12px 16px;border-radius:8px;background:#e7f4ec;color:#276449;font-size:12px;margin:12px 0 0;border:1px solid #c6e4d2}:root[data-theme="dark"] .pilot-notice{background:#203b32;color:#b2d9c3;border-color:#3b6552}
