:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e2e6ec;--text: #16202e;--muted: #5d6b7f;--faint: #8b97a8;--brand: #1f5f4e;--brand-ink: #ffffff;--brand-soft:#e6f2ee;--good: #1a7f4b;--good-soft: #e4f4ea;--warn: #9a6206;--warn-soft: #fdf1dc;--bad: #b3261e;--bad-soft: #fbe9e7;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--shadow-lg: 0 8px 28px rgba(16,24,40,.14);--nav-h: 58px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1520;--surface: #172130;--surface-2: #1e2a3b;--border: #2a3849;--text: #e8edf4;--muted: #9dabbe;--faint: #6f7f94;--brand: #2f9678;--brand-soft:#16302a;--good-soft: #12301f;--warn-soft: #33260d;--bad-soft: #351814;--shadow: 0 1px 2px rgba(0,0,0,.4);--shadow-lg: 0 8px 28px rgba(0,0,0,.5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.35rem;margin:0 0 .2rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 .6rem}h3{font-size:.95rem;margin:0 0 .4rem}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.6rem;height:var(--nav-h);padding:0 .85rem;background:var(--brand);color:var(--brand-ink);padding-top:env(safe-area-inset-top);height:calc(var(--nav-h) + env(safe-area-inset-top))}.topbar .brand{font-weight:650;letter-spacing:.01em;font-size:1.05rem}.topbar .spacer{flex:1}.topbar button{background:#ffffff24;color:inherit;border:0;height:38px;min-width:38px;padding:0 .7rem;border-radius:var(--radius-sm);font:inherit;cursor:pointer}.topbar button:hover{background:#ffffff3d}.shell{display:flex;flex:1;min-height:0}.sidebar{width:224px;flex:0 0 224px;background:var(--surface);border-right:1px solid var(--border);padding:.6rem;overflow-y:auto}.sidebar .group{margin-bottom:.9rem}.sidebar .group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);padding:.3rem .55rem;font-weight:600}.sidebar a{display:block;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--text);font-size:.88rem;text-decoration:none}.sidebar a:hover{background:var(--surface-2);text-decoration:none}.sidebar a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.main{flex:1;min-width:0;padding:1rem 1rem 5rem}@media(max-width:900px){.sidebar{position:fixed;inset:calc(var(--nav-h) + env(safe-area-inset-top)) auto 0 0;z-index:40;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:none}.main{padding:.8rem .8rem 6rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35}}@media(min-width:901px){.menu-button,.scrim{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem;margin-bottom:.85rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}.card-head h2{margin:0}.grid{display:grid;gap:.85rem}@media(min-width:720px){.grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}}.stat{padding:.8rem .9rem}.stat .stat-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat .stat-value{font-size:1.5rem;font-weight:650;letter-spacing:-.02em;margin-top:.15rem;font-variant-numeric:tabular-nums}.stat .stat-note{font-size:.78rem;color:var(--muted);margin-top:.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:0 .95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--brand)}.btn.small{min-height:34px;padding:0 .6rem;font-size:.84rem}.btn.block{width:100%}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.field{margin-bottom:.8rem}.field label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.28rem}.field .req{color:var(--bad)}.field .hint{font-size:.76rem;color:var(--faint);margin-top:.25rem}.field .error{font-size:.78rem;color:var(--bad);margin-top:.25rem}input,select,textarea{width:100%;min-height:42px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}@media(max-width:640px){input,select,textarea{font-size:16px}}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}textarea{min-height:84px;resize:vertical}input[type=checkbox]{width:22px;height:22px;min-height:0}.checkbox-row{display:flex;align-items:center;gap:.55rem}.checkbox-row label{margin:0;font-weight:500;color:var(--text);font-size:.9rem}.form-grid{display:grid;gap:0 .85rem}@media(min-width:720px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.9rem;padding:0 .9rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:.5rem .55rem;border-bottom:1px solid var(--border);white-space:nowrap}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}td{padding:.6rem .55rem;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:hover{background:var(--surface-2)}tbody tr.clickable{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}[data-desktop-table]{display:none}@media(min-width:760px){[data-mobile-list]{display:none}[data-desktop-table]{display:block}}.record-list{display:grid;gap:.55rem}.record-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem;cursor:pointer}.record-card:hover{background:var(--surface-2)}.record-card .rc-title{font-weight:600;margin-bottom:.2rem}.record-card .rc-meta{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.8rem;color:var(--muted)}.record-card .rc-meta b{font-weight:600;color:var(--text)}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.alert{padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);font-size:.88rem;margin-bottom:.85rem}.alert.error{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.alert.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.alert.good{background:var(--good-soft);border-color:var(--good);color:var(--good)}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.empty{padding:2.2rem 1rem;text-align:center;color:var(--muted)}.empty .empty-title{font-weight:600;color:var(--text);margin-bottom:.25rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}.toolbar input[type=search]{flex:1;min-width:180px}.chip-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}.chip{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.82rem;cursor:pointer;min-height:34px;display:inline-flex;align-items:center}.chip.active{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin:1.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}.lines{display:grid;gap:.55rem}.line-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem}.line-row .line-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:.45rem}.line-row .remove{background:none;border:0;color:var(--bad);cursor:pointer;font-size:.8rem;padding:.2rem .35rem;min-height:30px}.sticky-actions{position:sticky;bottom:0;z-index:20;display:flex;gap:.5rem;padding:.7rem 0;padding-bottom:calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 65%,transparent);margin-top:.5rem}.sticky-actions .btn{flex:1}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:1.2rem;background:var(--bg)}.auth-card{width:100%;max-width:380px}.auth-card .logo{font-size:1.6rem;font-weight:700;color:var(--brand);text-align:center;margin-bottom:.2rem;letter-spacing:-.02em}.auth-card .tagline{text-align:center;color:var(--muted);font-size:.85rem;margin-bottom:1.2rem}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);padding:.65rem 1rem;border-radius:999px;box-shadow:var(--shadow-lg);font-size:.88rem;max-width:90vw}.toast.error{background:var(--bad);color:#fff}@media print{.topbar,.sidebar,.sticky-actions,.toolbar,.btn{display:none!important}.main{padding:0}.card{box-shadow:none;border:0}}