:root{--bg:#0a0a0a;--side:#0f0f0f;--panel:#1c1c1c;--edge:#333;--text:#f5f5f5;--muted:#b8b8b8;--gold:#e7b122}
*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.55 Manrope,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hidden,[hidden]{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:none;position:sticky;top:0;height:100vh;overflow:auto;background:var(--side);border-right:1px solid var(--edge);padding:25px 16px;display:flex;flex-direction:column;gap:30px}
.signature{display:flex;align-items:center;gap:13px;white-space:nowrap}.signature strong{display:block;font-weight:800;font-size:17px;letter-spacing:-.5px}.signature small{color:var(--muted)}.mark{height:45px;width:45px;border-radius:12px;background:var(--gold);color:#0a0a0a;font-weight:800;font-size:19px;display:grid;place-items:center;letter-spacing:-1.3px}
#nav{display:grid;gap:5px}#nav button{border:0;background:none;text-align:left;color:var(--muted);font-weight:600;padding:12px 16px;border-radius:10px;white-space:nowrap}#nav button.active,#nav button:hover{background:#292519;color:var(--text)}#nav button.active{border-left:3px solid var(--gold)}.side-bottom{margin-top:auto;border-top:1px solid var(--edge);padding:16px 8px;color:var(--muted);font-size:12px;display:grid;gap:5px}
.main{flex:1;min-width:0;max-width:1700px;margin:0 auto;padding:30px clamp(16px,3.6vw,56px) 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:23px}h1{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-1.25px;margin:0 0 5px;font-weight:800}h2{margin:0 0 15px;font-size:17px;letter-spacing:-.35px}.topbar p{color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{border-radius:10px;border:1px solid var(--edge);background:#242424;color:var(--text);padding:11px 16px;font-weight:700}.button.primary{border-color:var(--gold);background:var(--gold);color:#0a0a0a}.button:hover:not(:disabled){filter:brightness(1.11)}
.panel{border:1px solid var(--edge);background:var(--panel);border-radius:16px;padding:23px;min-width:0}.auth-panel{max-width:520px;margin:7vh auto}.auth-panel p,.panel p{color:var(--muted)}.fine-print{font-size:12px;color:var(--muted)}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.form-stack input,.form-stack select,.actions select{width:100%;min-width:0;border:1px solid #383838;border-radius:9px;background:#141414;color:var(--text);padding:12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:18px}.stat{display:flex;flex-direction:column;gap:6px}.stat>span,.stat small{color:var(--muted)}.stat strong{font-size:31px;line-height:1.3;font-weight:800;font-family:Manrope,Arial,sans-serif}.cols{display:grid;grid-template-columns:1fr 1.3fr;gap:17px}.item-list{display:grid;gap:0}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--edge);padding:15px 0;min-width:0}.item:last-child{border:0}.item-main{min-width:0;overflow-wrap:anywhere}.item-main strong{font-weight:700;display:block}.item-main small{color:var(--muted);display:block;margin-top:4px}.item button{background:transparent;border:1px solid var(--edge);border-radius:7px;padding:5px 9px;color:var(--muted);white-space:nowrap}.muted,.empty{color:var(--muted)}.empty{padding:15px 0}.done{text-decoration:line-through;opacity:.55}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{display:inline-block;border:1px solid #6d571d;color:#f3c64a;border-radius:99px;padding:2px 8px;font-size:11px;white-space:nowrap}#status:not(:empty){background:#292314;border:1px solid #685522;color:#f1d994;padding:11px 14px;border-radius:10px;margin:0 0 18px}#status.error{color:#f1aaa0;border-color:#8e4637;background:#321c18}.bottom-nav{display:none}
@media(max-width:1050px){.cols{grid-template-columns:1fr}.sidebar{width:224px}}
@media(max-width:750px){.sidebar{display:none}.main{padding:23px 14px calc(100px + env(safe-area-inset-bottom));width:100%}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stats>.stat:last-child{grid-column:span 2}.pair{grid-template-columns:1fr 1fr}.panel{padding:17px}.bottom-nav{display:grid;position:fixed;inset:auto 0 0;grid-template-columns:repeat(4,1fr);background:#101010f2;border-top:1px solid var(--edge);padding:10px 5px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(14px);z-index:10}.bottom-nav button{padding:12px 2px;background:none;color:var(--muted);border:0;border-radius:9px;font-size:12px}.bottom-nav button.active{color:var(--gold);background:#292519}.topbar{margin-bottom:18px}.auth-panel{margin:3vh auto}}
@media(max-width:370px){.pair{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats>.stat:last-child{grid-column:span 1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Keep row actions usable on narrow screens without showing scrollbars. */
.item{flex-wrap:wrap}.item-main{flex:1 1 185px}.formactions{display:flex;gap:10px;flex-wrap:wrap}.formactions .button{flex:0 0 auto}

/* Projects, time tracking, quotation estimator */
.form-stack textarea{width:100%;min-width:0;border:1px solid #383838;border-radius:9px;background:#141414;color:var(--text);padding:12px;font:inherit;resize:vertical}
.form-stack textarea:focus-visible{outline-color:var(--gold)}
.soft-divider{border:0;border-top:1px solid var(--edge);margin:25px 0}
.timer-running-box{border:1px solid #62501f;border-radius:13px;padding:16px;margin-top:16px;background:#262113;display:grid;gap:12px}
.timer-running-box p{margin:0;color:var(--text)}
.timer-running-box strong{font:800 26px/1.2 Manrope,Arial,sans-serif;color:#f3c64a}
.timer-running-box button{justify-self:start}
.estimate-context{border-left:2px solid var(--gold);padding:8px 12px;background:#292519;border-radius:0 8px 8px 0;font-size:12px}
.quote-total{border:1px solid #62501f;background:#292519;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:6px}
.quote-total strong{font-size:26px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:#f3c64a}
.quote-total small{font-size:11px;color:var(--muted)}
.item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.item-actions button{white-space:nowrap}
.item-main strong{overflow-wrap:anywhere}
@media(max-width:750px){
  .bottom-nav{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:4px;padding-inline:8px}
  .bottom-nav button{min-width:76px;flex:1 0 76px;scroll-snap-align:center;white-space:nowrap}
  .main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}

.list-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;color:var(--muted);font-size:12px}.list-filter select{color:var(--text);background:#141414;border:1px solid var(--edge);border-radius:8px;padding:8px 10px;max-width:190px;width:100%}

/* Real project-to-task workload planning. Estimates are indicative, never calendar availability. */
.workload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:16px;margin-top:18px}
.workload-member{display:flex;flex-direction:column;gap:11px}
.workload-member h3{font-size:16px;font-weight:800;margin:0;letter-spacing:-.25px}
.workload-member p{margin:0}
.workload-member .workload-number{font:800 24px/1.3 Manrope,Arial,sans-serif;color:#f3c64a}
.workload-meter{height:8px;border-radius:9px;background:#363636;overflow:hidden}
.workload-meter-fill{height:100%;width:0;border-radius:9px;background:#e7b122}
.workload-meter-fill.over{background:#d67f59}
.workload-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#b8b8b8}
.workload-details strong{display:block;color:#f5f5f5;font-size:14px}
.workload-explain p{max-width:85ch}
.workload-warn{color:#f4bd94!important}
.workload-ok{color:#d3c69d!important}
.workload-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.workload-actions button{background:#242424;border:1px solid #4c4534;border-radius:8px;color:#eee;padding:8px 12px;font:600 12px Manrope,Arial,sans-serif}
.workload-actions button:hover{border-color:#e7b122}

/* Calendar-aware personal planner */
#planner-section .estimate-context{margin-top:17px}
#planner-section .form-stack{gap:14px}
#planner-section .workload-warn{margin-top:10px}
#planner-section .formactions{margin-top:16px}
#planner-section .item{padding:14px 0}
#planner-section .item-main small{font-variant-numeric:tabular-nums}
#planner-section .empty{line-height:1.65}