:root{--bg: #0d1117;--surface: #151922;--card: #1a1f2e;--text: #f0f4ff;--text-muted: #9099b3;--text-faint: #747c98;--border: #2a3045;--border-dim: #1e2535;--border-input: #3a4060;--accent: #4c8dff;--accent-dim: rgba(76, 141, 255, .14);--accent-text: #0d1117;--success: #4ade80;--success-dim: rgba(74, 222, 128, .14);--danger: #ff6666;--danger-dim: rgba(255, 102, 102, .14);--warn: #fbbf24;--warn-dim: rgba(251, 191, 36, .14);--chip: rgba(255, 255, 255, .06);--btn-bg: rgba(255, 255, 255, .04);--input-bg: rgba(255, 255, 255, .05);--phase-pre: #ff8c00;--phase-pre-dim: rgba(255, 140, 0, .15);--phase-trim: #38bdf8;--phase-trim-dim: rgba(56, 189, 248, .15);--phase-install: #4ade80;--phase-install-dim: rgba(74, 222, 128, .15);--font-base: "Barlow", system-ui, -apple-system, sans-serif;--font-cond: "Barlow Condensed", "Arial Narrow", sans-serif;--font-mono: ui-monospace, SFMono-Regular, monospace;font-family:var(--font-base);color-scheme:dark}:root[data-theme=light]{--bg: #f2f4f8;--surface: #ffffff;--card: #ffffff;--text: #1c2430;--text-muted: #5b6674;--text-faint: #8a93a6;--border: #d9dde3;--border-dim: #e8ecf2;--border-input: #b9c2d4;--accent: #1f6feb;--accent-dim: rgba(31, 111, 235, .1);--accent-text: #ffffff;--success: #027a48;--success-dim: rgba(2, 122, 72, .1);--danger: #b42318;--danger-dim: rgba(180, 35, 24, .09);--warn: #8a6d1a;--warn-dim: rgba(138, 109, 26, .12);--chip: #eef1f5;--btn-bg: #f6f8fb;--input-bg: #ffffff;--phase-pre: #e07b00;--phase-trim: #0284c7;--phase-install: #16a34a;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}input::placeholder,textarea::placeholder{color:var(--text-faint)}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin-top:0;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}button{font-family:var(--font-cond);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);border-radius:7px;background:var(--btn-bg);color:var(--text);padding:.5rem 1rem;min-height:40px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.inline-form button,.stack-form button,.auth-card button[type=submit]{border:none;background:var(--accent);color:var(--accent-text)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;animation:fadeIn .25s ease}.notice{background:var(--warn-dim);border:1px solid var(--warn);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--warn)}.form-error{color:var(--danger)}.form-ok{color:var(--success)}.screen-note{padding:2rem;color:var(--text-muted)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:380px}.auth-card label{display:block;margin-bottom:.75rem;font-size:.9rem;color:var(--text-muted)}.auth-card input{display:block;width:100%;margin-top:.25rem;padding:.55rem .65rem;font:inherit;background:var(--input-bg);color:var(--text);border:1px solid var(--border-input);border-radius:6px}.auth-card button[type=submit]{width:100%;margin-top:.5rem}.auth-alt{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.office-shell{display:flex;min-height:100vh}.office-sidebar{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:1rem}.office-sidebar h1{font-size:1.15rem;margin-bottom:1.25rem}.office-sidebar nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.office-sidebar nav a{padding:.5rem .75rem;border-radius:6px;color:var(--text-muted);font-family:var(--font-cond);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.office-sidebar nav a.active{background:var(--accent-dim);color:var(--accent)}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border-dim);padding-top:.75rem}.sidebar-footer button{align-self:flex-start;min-height:34px;padding:.3rem .7rem}.office-main{flex:1;min-width:0;padding:1.5rem 2rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th{font-family:var(--font-cond);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.data-table th,.data-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-dim)}.inline-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.inline-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.inline-form input,.inline-form select{padding:.5rem .6rem;font:inherit;background:var(--input-bg);color:var(--text);border:1px solid var(--border-input);border-radius:6px}@media(max-width:1023px){.office-shell{display:block}.office-sidebar{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--surface),var(--bg));border-right:none;border-bottom:2px solid var(--accent);padding:.65rem .75rem 0;padding-top:calc(.65rem + env(safe-area-inset-top))}.office-sidebar h1{margin:0;flex:1;min-width:0}.office-sidebar nav{order:3;flex:0 0 100%;flex-direction:row;gap:2px;overflow-x:auto;margin-top:.35rem;scrollbar-width:none}.office-sidebar nav a{padding:.65rem .85rem;border-radius:6px 6px 0 0;border-bottom:2px solid transparent;white-space:nowrap}.office-sidebar nav a.active{background:var(--accent-dim);color:var(--accent);border-bottom-color:var(--accent);border-radius:5px 5px 0 0}.sidebar-footer{flex-direction:row;align-items:center;border-top:none;padding-top:0}.sidebar-footer span{display:none}.office-main{padding:1rem .85rem}.card{overflow-x:auto}.data-table{font-size:.9rem}}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-open{background:var(--chip);color:var(--text-muted)}.badge-scheduled{background:var(--accent-dim);color:var(--accent)}.badge-in_progress{background:var(--success-dim);color:var(--success)}.badge-blocked{background:var(--warn-dim);color:var(--warn)}.badge-completed{background:var(--text);color:var(--bg)}.badge-needs_info{background:var(--warn-dim);color:var(--warn)}.badge-needs_billing{background:var(--danger-dim);color:var(--danger)}.badge-billed{background:var(--success-dim);color:var(--success)}.badge-not_billable{background:var(--chip);color:var(--text-muted)}.badge-phase-pre{background:var(--phase-pre-dim);color:var(--phase-pre)}.badge-phase-trim{background:var(--phase-trim-dim);color:var(--phase-trim)}.badge-phase-install{background:var(--phase-install-dim);color:var(--phase-install)}.stack-form label,.stack-form>div{display:block;margin-bottom:.6rem;font-size:.9rem;color:var(--text-muted)}.stack-form input,.stack-form textarea,.stack-form select{display:block;width:100%;margin-top:.25rem;padding:.5rem .6rem;font:inherit;background:var(--input-bg);color:var(--text);border:1px solid var(--border-input);border-radius:6px}.field-label{display:block;margin-bottom:.25rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.photo{margin:0}.photo img{width:100%;height:110px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.photo.flagged img{border:2px solid var(--danger)}.event-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;border-top:1px solid var(--border-dim)}.event-row:first-of-type{border-top:none}.event-meta{color:var(--text-muted);font-size:.9rem}.event-desc{font-size:.9rem;margin-top:.25rem;white-space:pre-wrap}.event-row a{flex-shrink:0;font-size:.9rem}.tech-shell{display:flex;flex-direction:column;min-height:100vh}.tech-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:2px solid var(--accent);color:var(--text);font-weight:700}.tech-header-actions{display:flex;gap:.4rem}.tech-header button{min-height:34px;padding:.3rem .6rem;font-size:12px}.tech-main{flex:1;padding:1rem}.tech-tabbar{display:flex;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tech-tabbar a{flex:1;text-align:center;padding:.85rem 0;color:var(--text-muted);font-family:var(--font-cond);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-top:2px solid transparent}.tech-tabbar a.active{color:var(--accent);border-top-color:var(--accent);background:var(--accent-dim)}