:root{font:15px/1.55 Arial,Helvetica,sans-serif;color:#252328;background:#f6f5f2;--ink:#252328;--accent:#ff8c42;--line:#e6e3df;--muted:#77747b}
body{padding-bottom:env(safe-area-inset-bottom)}header{background:#fff;border-bottom:1px solid var(--line);padding:16px 28px;gap:16px;min-height:86px}.brand{display:flex;align-items:center;gap:26px}.brand img{width:150px;height:45px;object-fit:contain}.brand>span{border-left:1px solid var(--line);padding-left:26px;font-size:10px;letter-spacing:2px;color:var(--muted)}#mode{font-size:10px;max-width:220px;line-height:1.6;letter-spacing:.6px;background:#f6f5f2;border-radius:6px;padding:7px 10px;color:#65616a}
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1440px;margin:auto}main{max-width:1100px;width:100%;padding:32px 40px 70px;min-width:0}#navigation{padding:32px 16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);position:sticky;top:0;height:calc(100vh - 86px)}#navigation button{display:flex;align-items:center;gap:12px;background:transparent;color:#77717b;font-size:13px;border-radius:9px;margin:0;padding:13px 15px;text-align:left}svg{width:22px;height:22px;flex:none}#navigation button.active{background:#252328;color:#fff}#navigation button.active svg{color:var(--accent)}h1{font-size:34px;font-weight:600;letter-spacing:-1.3px;margin:8px 0 20px;line-height:1.15}h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin-top:0}h3{font-size:17px}.eyebrow{font-size:9px;color:#969099;letter-spacing:1.8px;margin:0 0 12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading h1{margin-bottom:24px}.badge{display:inline-block;flex:none;border:1px solid var(--line);border-radius:30px;padding:5px 10px;font-size:10px;letter-spacing:.3px;background:#fff;color:#6e6872}.hero{display:flex;justify-content:space-between;align-items:center;min-height:235px;background:#252328;color:#fff;border-radius:18px;padding:32px 36px;margin:4px 0 24px;overflow:hidden}.hero .eyebrow{color:#b7b1bc}.hero h2{font-size:30px;font-weight:400;line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}.hero p:not(.eyebrow){font-size:12px;color:#beb8c3;line-height:1.8}.hero button{background:var(--accent);color:var(--ink);font-size:12px;font-weight:600;padding:12px 17px}.hero .curtain{width:240px;height:180px;color:#fff;margin-left:20px;flex:0 1 240px}
button{background:var(--ink);color:#fff;font-size:13px;min-height:44px;border-radius:9px;padding:12px 17px;transition:background .15s,transform .15s}button:hover{background:#403c43}button:active{transform:translateY(1px)}button.secondary{background:#efeeeb;color:var(--ink)}button.secondary:hover{background:#e4e1dd}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ef7d31;outline-offset:3px}a{color:#9e4b12}.muted{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}.section-heading h2{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid>article{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:12px}.metric-grid span{display:block;color:var(--muted);font-size:10px}.metric-grid strong{display:block;font-size:31px;font-weight:400;letter-spacing:-1px;margin-top:8px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card,form{border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;margin:16px 0}.project-grid .card{margin:0;padding:22px}.project-icon{background:#f8f1e9;color:#b47444;display:inline-flex;padding:10px;border-radius:10px;margin-bottom:25px}.project-number{display:block;color:#9c959f;letter-spacing:1.2px;font-size:9px;margin-bottom:6px}.project-card h2{font-size:23px;margin-bottom:5px}.project-card p{margin:4px 0 25px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}.card-bottom>span{font-size:11px;color:var(--muted)}.card-bottom button{font-size:11px;margin:0}.empty{grid-column:1/-1;border:1px dashed #d9d4ce;border-radius:14px;padding:36px 24px;text-align:center;color:#867d88}.empty h3{font-weight:400;color:#514955}.empty p{font-size:12px}.inline-note{border-left:3px solid var(--accent);background:#fff5eb;padding:14px 18px;font-size:12px;color:#805d44;border-radius:0 9px 9px 0;margin:20px 0}.identity{display:flex;justify-content:space-between;align-items:center;gap:16px}.identity h2{margin:0}.avatar{display:grid;place-items:center;border:1px solid var(--line);background:white;border-radius:50%;width:44px;height:44px;color:#b67543;font-size:18px}
label{font-size:12px;color:#5d5761;margin:18px 0 6px}input,select,textarea{border:1px solid #ded9d3;color:var(--ink);font-size:15px;padding:12px;background:#fff;border-radius:8px;margin-top:7px;min-height:45px}textarea{min-height:95px;resize:vertical}input[type=checkbox]{min-height:0;accent-color:#e57c37;margin:0 7px 0 0;width:16px;height:16px;vertical-align:middle}form{max-width:760px}form>h2{margin:0}#error:empty{display:none}#error{position:relative;background:#fff0eb;color:#9c3925;border:1px solid #e4b7a8;border-radius:8px;padding:13px 15px;font-size:13px}pre{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.total{color:#b55b20}.document-actions{border-top:1px solid var(--line);padding-top:20px}.filter-row{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:20px 0}.filter-row>label{margin:0}.segmented{display:flex;background:#eae7e2;padding:4px;border-radius:10px}.segmented button{margin:0;min-height:36px;padding:8px 16px;color:#7c737e;font-size:12px;background:transparent}.segmented .selected{background:#fff;color:var(--ink);box-shadow:0 1px 5px #25232812}.check-label{font-size:11px;white-space:nowrap}.hour-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;margin-top:26px}.hour-chart>div{min-width:0}.bar-track{height:130px;position:relative;border-bottom:1px solid var(--line);background:linear-gradient(to top,#faf9f7,#fff)}.bar-track>span{position:absolute;bottom:0;width:100%;min-height:2px;background:#f28a42;border-radius:3px 3px 0 0}.hour-chart small{display:block;height:20px;font-size:8px;color:#aaa0aa;padding-top:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#8b818d;font-size:10px;font-weight:400}th,td{padding:12px 8px;border-bottom:1px solid var(--line)}td small{display:block;color:#aaa0aa;font-size:10px}.daily-list{display:flex;flex-wrap:wrap;gap:8px}.daily-list>span{background:#f7f5f2;border-radius:6px;padding:6px 9px;color:#918797;font-size:9px}.daily-list strong{color:#4b414f;margin-left:7px}.test-label{font-size:9px;letter-spacing:1.2px;color:#b47444;margin-bottom:0}.request-card .section-heading{margin-top:0}.request-card h2{margin-bottom:4px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);max-width:90vw;z-index:20;opacity:0;pointer-events:none;background:#252328;color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 6px 30px #25232820;font-size:12px;transition:.2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1200px){.hero h2{font-size:36px}.hero .curtain{width:300px;flex-basis:300px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.app-shell{grid-template-columns:145px minmax(0,1fr)}main{padding:28px 24px 60px}#navigation{padding:28px 8px}#navigation button{padding:12px 10px;font-size:11px;gap:9px}.hero{padding:26px}.hero h2{font-size:27px}.hero .curtain{width:150px;flex-basis:150px}.metric-grid>article{padding:17px 15px}.project-grid{grid-template-columns:1fr}.check-label{white-space:normal}}
@media(max-width:600px){header{padding:12px 18px;min-height:73px;gap:9px}.brand img{width:120px;height:39px}.brand>span{display:none}#mode{font-size:8px;padding:5px 7px;max-width:145px}.app-shell{display:block}main{padding:26px 18px 110px}main>.eyebrow{font-size:8px}#navigation{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;z-index:10;display:flex;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line);background:#fff;padding:6px 8px calc(7px + env(safe-area-inset-bottom))}#navigation button{display:flex;flex:1;flex-direction:column;gap:4px;padding:8px 3px;font-size:9px;border-radius:8px;min-height:50px}#navigation button.active{background:#fff3e9;color:#a45520}#navigation button.active svg{color:#df7d3c}#navigation svg{width:20px;height:20px}h1{font-size:30px;letter-spacing:-1.2px}.hero{padding:25px 23px;position:relative;min-height:260px;border-radius:14px}.hero>div{position:relative;z-index:1}.hero .eyebrow{font-size:7px}.hero h2{font-size:29px}.hero p:not(.eyebrow){font-size:10px}.hero .curtain{position:absolute;right:-35px;bottom:20px;width:170px;height:150px;opacity:.3;margin:0}.hero button{margin-top:14px}.heading .badge{font-size:8px;padding:4px 8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-grid.compact{gap:8px}.metric-grid>article{padding:15px 11px;border-radius:10px}.metric-grid span{font-size:8px;line-height:1.4}.metric-grid strong{font-size:27px;margin-top:9px}.section-heading{gap:8px;align-items:center}.section-heading>.muted{font-size:9px;text-align:right}.section-heading h2{font-size:17px}.card,form{padding:20px 17px;border-radius:12px}.project-card h2{font-size:23px}.card-bottom button{font-size:10px;padding:10px 12px}.identity{align-items:flex-start}.identity h2{font-size:17px}.identity .badge{font-size:8px}.filter-row{flex-wrap:wrap;gap:14px}.filter-row .check-label{display:flex;align-items:center;white-space:normal;margin:0;font-size:10px}.segmented{flex:1}.segmented button{flex:1;padding:8px 12px;font-size:11px}.bar-track{height:100px}.hour-chart{gap:3px}.table-scroll table{font-size:10px}th,td{padding:10px 6px}#toast{bottom:90px}.document-actions button{width:100%}button{font-size:12px}pre{font-size:12px}.inline-note{font-size:11px}.empty p{font-size:11px}}
h1,h2,h3,.card p,td{overflow-wrap:anywhere}.heading>div{min-width:0}
.request-filters{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.request-filters label{margin:0;min-width:0}.request-search{grid-column:1/-1}.request-filter-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.request-filter-actions button{margin:0}.request-filters input,.request-filters select{min-width:0;font-size:13px}
@media(max-width:600px){.request-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.request-filters select{padding:11px 8px;font-size:12px}.request-filter-actions button{flex:1;min-width:130px}.request-search input{font-size:14px}}
@media(max-width:600px){.filter-row .segmented{flex-basis:100%}.segmented button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
