:root{--bg:#f4f6f9;--surface:#fff;--text:#1c2430;--muted:#5d6878;--brand:#1f4e79;--brand-hover:#173d5f;--border:#d9dfe7;--error:#b42318;--error-bg:#fdecea;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1,h2{line-height:1.2}.brand{color:var(--brand);margin:0 0 8px;font-size:1.6rem}h2{margin:8px 0 0;font-size:1.15rem}.muted{color:var(--muted)}.loading{text-align:center;color:var(--muted);margin-top:30vh}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 4px 16px #141e320f}.stack{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-weight:400}input:focus{outline:2px solid var(--brand);outline-offset:1px}.code-input{letter-spacing:.3em;text-align:center;font-size:1.5rem}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:center;border-radius:8px;padding:11px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-hover)}.btn.link{color:var(--brand);background:0 0;border:none;padding:4px;font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--error);background:var(--error-bg);border-radius:8px;margin:16px 0 0;padding:10px 12px}.fine-print{font:inherit;color:#9aa3af;cursor:default;background:0 0;border:none;padding:4px;font-size:.72rem;position:fixed;bottom:10px;right:14px}.fine-print:focus-visible{outline:1px dotted #9aa3af}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn.small{padding:6px 12px;font-size:.85rem}.shell{grid-template:"top top"60px"side main"1fr/240px 1fr;min-height:100vh;display:grid}.topbar{background:var(--brand);color:#fff;grid-area:top;align-items:center;gap:16px;padding:0 20px;display:flex}.topbar-title{font-size:1.1rem;font-weight:700}.topbar-user{flex-direction:column;align-items:flex-end;margin-left:auto;line-height:1.2;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-email{opacity:.8;font-size:.75rem}.topbar .btn.small{color:#fff;background:0 0;border-color:#ffffff80}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.4rem;display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:side;justify-content:space-between;padding:16px 12px;display:flex}.sidebar ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar a{color:var(--text);border-radius:8px;padding:9px 12px;font-size:.95rem;text-decoration:none;display:block}.sidebar a:hover{background:var(--bg)}.sidebar a.active{color:var(--brand);background:#e6eef6;font-weight:600}.area-switch{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.area-switch p{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 6px 12px;font-size:.75rem}.area-switch a{padding:6px 12px;font-size:.85rem}.content{grid-area:main;width:100%;max-width:960px;padding:32px}.page-title{margin:0 0 20px;font-size:1.5rem}.placeholder{background:var(--surface);border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:12px;padding:32px}.placeholder p{max-width:480px;margin:12px auto 0}.badge{color:#8a5300;background:#fff4e0;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}@media (width<=760px){.shell{grid-template:"top"56px"main"1fr/1fr}.topbar{gap:10px;padding:0 12px}.menu-toggle{display:block}.user-email{display:none}.sidebar{z-index:10;border-right:none;display:none;position:fixed;inset:56px 0 0;overflow-y:auto}.sidebar.open{display:flex}.content{padding:20px 16px}}.content{max-width:1200px}.small{font-size:.82rem}.nowrap{white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.struck{color:var(--muted);text-decoration:line-through}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header .page-title{margin:0}.page-actions{gap:8px;display:flex}.section-title{margin:20px 0 10px;padding:0;font-size:1rem}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:12px 0 16px;display:flex}.toolbar input[type=search]{flex:1;min-width:260px;max-width:420px}.toolbar .field{min-width:150px}select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 10px}textarea{resize:vertical}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--muted)}.check{flex-direction:row;align-items:center;gap:6px;font-size:.92rem;font-weight:400;display:inline-flex}.checks{flex-wrap:wrap;gap:8px 18px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 12px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.table tr:last-child td{border-bottom:none}.table.compact td,.table.compact th{padding:7px 10px}.row-muted td{color:var(--muted)}.row-current td{background:#f3f8f3}.row-detail>td{background:var(--bg)}.diff{background:var(--surface)}.pill{color:#44505f;white-space:nowrap;background:#eef1f5;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.pill.good{color:#1d6b36;background:#e3f4e8}.pill.warn{color:#8a5300;background:#fff4e0}.pill.muted{color:#7a8391;background:#f0f1f3}.pill.brand{color:var(--brand);background:#e6eef6}.notice{border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 14px;padding:10px 14px;font-size:.92rem;display:flex}.notice.success{color:#1d6b36;background:#e3f4e8}.notice.error{background:var(--error-bg);color:var(--error)}.notice.info{color:var(--brand);background:#e6eef6}.icon-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:2px 6px;font-size:1rem;line-height:1}.btn.danger{background:var(--error);border-color:var(--error);color:#fff}.form{flex-direction:column;gap:14px;display:flex}.form.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.form.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;display:grid}.form .wide,.form-actions.wide{grid-column:1/-1}.field{border:none;flex-direction:column;gap:5px;min-width:0;margin:0;padding:0;display:flex}.field-label{font-size:.85rem;font-weight:600}.field-hint{color:var(--muted);font-size:.78rem;font-weight:400}.form-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.inline{align-items:center;gap:8px;margin-bottom:6px;display:flex}.inline input,.inline select{flex:1;min-width:0}.list{margin:0 0 10px;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.list li .btn{margin-left:auto}.modal{width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);border:none;border-radius:12px;padding:0;box-shadow:0 20px 60px #141e3240}.modal.wide{width:min(880px,100vw - 32px)}.modal::backdrop{background:#141e3273}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:18px 20px 22px}.modal-body>.section-title:first-child{margin-top:0}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tabs button{font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0 0 16px;padding:16px 18px}fieldset.card>legend{float:left;width:100%;margin-top:0}fieldset.card>legend+*{clear:both}.image-slot{border:1px dashed var(--border);background:#fafbfc;border-radius:8px;place-items:center;height:110px;display:grid;overflow:hidden}.image-slot img{object-fit:contain;max-width:100%;max-height:100px}.file-btn{align-self:flex-start}.pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.stat{color:var(--text);flex-direction:column;gap:8px;margin:0;text-decoration:none;display:flex}a.stat:hover{border-color:var(--brand)}.stat-label{color:var(--muted);font-size:.85rem;font-weight:600}.stat-value{color:var(--brand);font-size:2rem;font-weight:700}.stat.later{background:#fafbfc}.stat.later .badge{color:var(--muted);background:#eef1f5;align-self:flex-start}@media (width<=760px){.form.grid-2,.form.grid-3{grid-template-columns:1fr}.toolbar input[type=search]{width:100%;min-width:0;max-width:none}.toolbar .field{flex:140px}}.date-input{align-items:center;gap:4px;display:flex;position:relative}.date-display{min-width:0;font:inherit;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.date-display:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.date-input.disabled .date-display{background:var(--bg);color:var(--muted);cursor:default}.date-input .date-picker{opacity:0;pointer-events:none;border:0;width:100%;height:1px;padding:0;position:absolute;bottom:0;left:0}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:6px 12px;font-size:.85rem}.chip strong{margin-left:4px}.chip.warn{background:#fffaf0;border-color:#f0c78a}.chip:hover{border-color:var(--brand)}.bulkbar{background:#f3f6fa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.bulkbar .muted{margin-right:auto}.flags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.flags .pill{padding:1px 7px;font-size:.7rem}.totals{margin-top:10px}.detail-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.details{grid-template-columns:180px 1fr;gap:6px 14px;margin:0 0 16px;font-size:.92rem;display:grid}.details dt{color:var(--muted);font-weight:600}.details dd{margin:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.subform{background:var(--bg);border-radius:8px;margin-top:14px;padding:14px}.history{margin:0;padding:0;font-size:.88rem;list-style:none}.history li{border-bottom:1px solid var(--border);padding:5px 0}.stat.alert{background:#fffaf0;border-color:#f0c78a}@media (width<=760px){.details{grid-template-columns:1fr}.details dt{margin-top:6px}}.calendar-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:14px;display:grid}.card.calendar{border-left:4px solid var(--brand);margin:0}.calendar-period{color:var(--brand);margin:4px 0 10px;font-size:1.1rem;display:block}.card.calendar dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.9rem;display:grid}.card.calendar dt{color:var(--muted)}.card.calendar dd{margin:0}.card.calendar dd.due{color:#8a5300;font-weight:600}.period-info{background:#f3f6fa;border-radius:8px;margin:0 0 10px;padding:8px 12px}