:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20272d;background:#f2f4f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20272d;--muted: #68747e;--line: #d9dfe3;--line-strong: #c8d0d5;--surface: #ffffff;--surface-soft: #f7f8f9;--charcoal: #202427;--blue: #2258c7;--blue-soft: #e9effc;--green: #167250;--green-soft: #e5f4ed;--red: #b33434;--red-soft: #fae9e9;--amber: #9a650d;--amber-soft: #fff2d6;--purple: #7250a0;--purple-soft: #f1eaf8}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f2f4f5}button,input,select,textarea{font:inherit;letter-spacing:0}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,88,199,.18);outline-offset:1px}code{display:inline-block;max-width:100%;padding:2px 6px;overflow-wrap:anywhere;border:1px solid #dde2e5;border-radius:4px;background:#f5f6f7;color:#313940;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:0}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;display:flex;width:224px;height:100vh;flex-direction:column;padding:18px 14px;background:var(--charcoal);color:#f5f7f8}.brand,.login-brand{display:flex;align-items:center;gap:11px}.brand{min-height:50px;padding:0 8px 16px;border-bottom:1px solid #383d40}.brand-mark{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border-radius:7px;background:#f3f5f6;color:#1f5ebf}.brand-copy,.login-brand>span:last-child{display:grid;gap:2px;min-width:0}.brand strong,.login-brand strong{font-size:15px;letter-spacing:0}.brand small,.login-brand small{color:#aeb8be;font-size:11px;letter-spacing:0}.navigation{display:grid;gap:5px;margin-top:18px}.nav-button{display:flex;width:100%;min-height:42px;align-items:center;gap:11px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#bfc7cc;text-align:left}.nav-button:hover{background:#2b3033;color:#fff}.nav-button.active{border-color:#40474b;background:#343a3e;color:#fff}.nav-button.active svg{color:#7ca7ff}.nav-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.sidebar-status{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px 10px 3px;border-top:1px solid #383d40}.sidebar-status>span:last-child{display:grid;gap:1px}.sidebar-status strong,.sidebar-status small{font-size:11px}.sidebar-status small{color:#9ba6ac}.status-dot{width:8px;height:8px;border-radius:50%;background:#40bb7f;box-shadow:0 0 0 3px #40bb7f26}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:15;display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;border-bottom:1px solid var(--line);background:#fffffff5}.page-heading{display:flex;min-width:0;align-items:center;gap:11px}.page-icon{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--blue)}.page-heading h1,.page-heading p,.section-head h3,.section-head p,.login-form h1,.login-form p{margin:0;letter-spacing:0}.page-heading h1{font-size:19px;line-height:1.2}.page-heading p{margin-top:3px;color:var(--muted);font-size:12px}.topbar-actions,.button-row,.row-actions{display:flex;align-items:center;gap:8px}.date-control{display:flex;min-height:40px;align-items:center;gap:8px;padding:0 8px 0 11px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--muted)}.date-control span{font-size:11px;font-weight:650}.date-control input{width:132px;height:30px;padding:0 5px;border:0;background:transparent;color:var(--ink);font-size:12px}.view-container{width:100%;max-width:1680px;margin:0 auto;padding:22px 24px 38px}.view-stack{display:grid;gap:16px}.section{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.section-head{display:flex;min-height:61px;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #e5e9eb}.section-head h3{font-size:14px;line-height:1.3}.section-head p{margin-top:3px;color:var(--muted);font-size:11px}.section-symbol{color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(9,minmax(105px,1fr));gap:8px}.metric{position:relative;display:grid;min-width:0;min-height:102px;align-content:space-between;padding:12px 13px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.metric:before{position:absolute;inset:0 auto 0 0;width:3px;background:#9aa4ab;content:""}.metric-blue:before{background:var(--blue)}.metric-green:before{background:var(--green)}.metric-amber:before{background:#d18b18}.metric-red:before{background:var(--red)}.metric span,.metric small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.metric span{font-size:11px;font-weight:700;text-transform:uppercase}.metric strong{color:#1f272d;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:0}.metric small{font-size:10px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}.button,.icon-button,.file-button{border:1px solid transparent;border-radius:6px;font-weight:650;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:12px;white-space:nowrap}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#1749ad}.button-secondary{border-color:var(--line-strong);background:#fff;color:#39434a}.button-secondary:hover,.icon-button:hover{border-color:#aeb9c0;background:#f5f7f8}.button-quiet{background:transparent;color:var(--blue)}.icon-button{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-color:var(--line-strong);background:#fff;color:#465159}.icon-button-primary{border-color:var(--blue);background:var(--blue);color:#fff}.icon-button-primary:hover{border-color:#1749ad;background:#1749ad}.icon-button-danger{color:var(--red)}.icon-button-danger:hover{border-color:#e1aaaa;background:var(--red-soft)}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 12px;border-bottom:1px solid #e7eaec;text-align:left;vertical-align:middle}th{background:#f7f8f9;color:#66727b;font-size:10px;font-weight:750;text-transform:uppercase;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafbfb}td select{min-width:160px;max-width:280px}.person-cell{display:grid;gap:2px;min-width:120px}.person-cell strong{font-size:12px;font-weight:700}.person-cell small{color:var(--muted);font-size:10px}.badge{display:inline-flex;min-height:22px;align-items:center;justify-content:center;padding:2px 7px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:750;white-space:nowrap}.badge-neutral{border-color:#d7dde1;background:#f1f3f4;color:#536068}.badge-blue{border-color:#cbd9f7;background:var(--blue-soft);color:#2353ac}.badge-green{border-color:#bbdfcf;background:var(--green-soft);color:#146544}.badge-red{border-color:#edc5c5;background:var(--red-soft);color:#a62f2f}.badge-amber{border-color:#edd49d;background:var(--amber-soft);color:#875705}.badge-purple{border-color:#d8c6e8;background:var(--purple-soft);color:#66418d}.empty-state,.loading-state{display:flex;min-height:104px;align-items:center;justify-content:center;gap:9px;padding:20px;color:var(--muted);font-size:12px}.loading-state{min-height:180px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-grid,.settings-grid,.filter-bar{display:grid;align-items:end;gap:12px;padding:16px}.form-grid-person{grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(145px,.8fr)) auto}.card-link-form{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.5fr) auto}.manual-form{grid-template-columns:minmax(250px,1.4fr) minmax(120px,.5fr) minmax(210px,.8fr) minmax(230px,1fr) auto}.settings-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.settings-save{justify-self:start}.field{display:grid;gap:6px;min-width:0}.field>span{color:#59656d;font-size:10px;font-weight:750;text-transform:uppercase}input,select,textarea{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--ink);font-size:12px}input::placeholder{color:#9aa4ab}.search-input{display:flex;width:min(320px,40vw);min-height:38px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--muted)}.search-input input{min-height:34px;padding:0;border:0;background:transparent}.filter-bar{grid-template-columns:repeat(4,minmax(145px,1fr)) auto;border-bottom:1px solid #e7eaec;background:#fbfcfc}.compact-field select{min-width:0}.filter-clear{padding-inline:5px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.details-grid div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;padding:13px 16px;border-bottom:1px solid #e7eaec}.details-grid div:nth-last-child(-n+2){border-bottom:0}.details-grid dt{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase}.details-grid dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:12px}.status-strip{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));border-bottom:1px solid #e7eaec}.status-strip>div{display:grid;gap:7px;min-height:70px;align-content:center;justify-items:start;padding:11px 14px;border-right:1px solid #e7eaec}.status-strip>div:last-child{border-right:0}.status-strip span:first-child{color:var(--muted);font-size:10px;font-weight:700}.file-button{display:inline-flex;max-width:190px;align-items:center;gap:5px;padding:3px 0;overflow:hidden;border:0;background:transparent;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-button:hover{color:#1749ad;text-decoration:underline}.inline-error,.form-error{color:var(--red);font-size:12px}.inline-error{margin:0;padding:13px 16px;border-bottom:1px solid #efcccc;background:#fff5f5}.toast{position:fixed;right:20px;bottom:20px;z-index:100;max-width:min(380px,calc(100vw - 32px));padding:11px 14px;border:1px solid #9ed0bb;border-radius:6px;background:#edf8f3;color:#145b40;box-shadow:0 8px 24px #1a242a29;font-size:12px;font-weight:650}.toast-error{border-color:#e2adad;background:#fff1f1;color:#962d2d}.login-screen,.boot-screen{min-height:100vh;background:#eef1f2}.login-screen{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:28px}.login-brand{justify-self:start;color:var(--ink)}.login-brand small{color:var(--muted)}.login-form{display:grid;width:min(390px,100%);align-self:center;gap:17px;padding:26px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;box-shadow:0 12px 38px #232c311a}.login-form h1{font-size:22px}.login-form p{margin-top:5px;color:var(--muted);font-size:12px}.login-foot{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px}.boot-screen strong{color:var(--ink);font-size:16px}@media(max-width:1280px){.metrics-grid{grid-template-columns:repeat(5,minmax(110px,1fr))}.form-grid-person,.manual-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.form-submit{justify-self:start}.settings-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.filter-bar{grid-template-columns:repeat(4,minmax(130px,1fr))}.filter-clear{grid-column:1 / -1;justify-self:start}}@media(max-width:920px){.app-shell{display:block}.sidebar{position:sticky;display:grid;width:100%;height:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:8px 12px}.brand{min-height:44px;padding:0 12px 0 0;border-right:1px solid #383d40;border-bottom:0}.brand-copy,.sidebar-status{display:none}.brand-mark{width:36px;height:36px;flex-basis:36px}.navigation{display:flex;gap:4px;margin:0 0 0 10px;overflow-x:auto}.nav-button{width:auto;min-width:44px;min-height:42px;justify-content:center;padding:0 11px}.nav-button span{display:none}.topbar{top:60px}.dashboard-columns,.details-grid{grid-template-columns:1fr}.details-grid div:nth-last-child(-n+2){border-bottom:1px solid #e7eaec}.details-grid div:last-child{border-bottom:0}.status-strip{grid-template-columns:repeat(3,minmax(100px,1fr))}.status-strip>div:nth-child(3){border-right:0}.status-strip>div:nth-child(-n+3){border-bottom:1px solid #e7eaec}}@media(max-width:680px){.navigation{gap:2px;margin-left:6px}.nav-button{min-width:34px;padding:0}.topbar{min-height:70px;padding:10px 12px}.page-icon,.date-control>span,.logout-button span{display:none}.page-heading h1{font-size:17px}.page-heading p{display:none}.topbar-actions{gap:5px}.date-control{padding:0 5px 0 8px}.date-control input{width:120px}.logout-button{width:38px;padding:0}.view-container{padding:12px 10px 28px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:94px}.section-head{align-items:flex-start;flex-direction:column}.section-head .button-row{width:100%;overflow-x:auto}.search-input{width:100%}.form-grid,.settings-grid,.filter-bar,.form-grid-person,.card-link-form,.manual-form{grid-template-columns:1fr}.form-submit,.settings-save{width:100%}.details-grid div{grid-template-columns:1fr;gap:5px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip>div,.status-strip>div:nth-child(3){border-right:1px solid #e7eaec;border-bottom:1px solid #e7eaec}.status-strip>div:nth-child(2n){border-right:0}.status-strip>div:nth-last-child(-n+2){border-bottom:0}.login-screen{padding:18px}.login-brand{justify-self:center}.login-form{padding:21px}}