:root{--bg: #f4f1ea;--surface: #fbfaf6;--surface-2: #FBEDEC;--sidebar: #1c2530;--sidebar-2: #232f3c;--ink: #1A1A1A;--ink-soft: #4d5965;--ink-faint: #8a95a0;--line: #e3ddd0;--line-strong: #d2cabb;--accent: #C75B54;--accent-soft: #FBEDEC;--gray: #6b7682;--gray-bg: #eceae3;--amber: #9a6b00;--amber-bg: #f7eccf;--blue: #2a5a8c;--blue-bg: #dbe8f4;--green: #3E8D5B;--green-bg: #D6EDE1;--red: #a83232;--red-bg: #f4dada;--deep: #234d33;--deep-bg: #cfe0d2;--orange: #C17B2A;--orange-bg: #F6E9D5;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(28,37,48,.06), 0 6px 20px rgba(28,37,48,.05);--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:248px 1fr;height:100%}.sidebar{background:var(--sidebar);color:#c5cdd6;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;padding:0 8px 12px;color:#fff}.brand-mark{font-family:var(--font-display);font-size:22px;font-weight:600;color:#fff;letter-spacing:-.01em}.brand-sub{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.nav{margin-top:28px;display:flex;flex-direction:column;gap:2px}.nav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6c7a89;padding:14px 12px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:#aeb8c2;text-decoration:none;font-weight:500;font-size:13.5px;transition:background .12s,color .12s}.nav a:hover{background:var(--sidebar-2);color:#e8edf2}.nav a.active{background:var(--accent);color:#fff}.nav a.active .ico{opacity:1}.ico{width:16px;height:16px;opacity:.7;flex:none}.sidebar-foot{margin-top:auto;padding:12px;font-size:11px;color:#6c7a89;border-top:1px solid #2c3845;font-family:var(--font-mono)}.main{overflow-y:auto;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.page-title{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.015em}.page-sub{color:var(--ink-faint);font-size:12.5px;margin-top:2px}.topbar-user{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);background:var(--surface-2);padding:5px 11px;border-radius:100px;border:1px solid var(--line)}.content{padding:28px 32px 64px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:28px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.85}.kpi.alert:before{background:var(--red)}.kpi.alert .kpi-value{color:var(--red)}.kpi-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:8px;line-height:1}.kpi-note{font-size:11.5px;color:var(--ink-soft);margin-top:7px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-strong)}.panel-title{font-weight:600;font-size:15px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{font-family:var(--font-body);font-size:13px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);min-width:220px}.search:focus{outline:none;border-color:var(--accent)}.search:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select{font-family:var(--font-body);font-size:13px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:11px 16px;border-bottom:1px solid var(--line-strong);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}thead th.num,td.num{text-align:right;font-family:var(--font-mono)}tbody td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}.po-link{color:var(--accent);font-weight:600;font-family:var(--font-mono)}.muted{color:var(--ink-faint)}.truncate{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap}.tone-gray{color:var(--gray);background:var(--gray-bg)}.tone-amber{color:var(--amber);background:var(--amber-bg)}.tone-blue{color:var(--blue);background:var(--blue-bg)}.tone-green{color:var(--green);background:var(--green-bg)}.tone-red{color:var(--red);background:var(--red-bg)}.tone-deep{color:var(--deep);background:var(--deep-bg)}.tone-orange{color:var(--orange);background:var(--orange-bg)}.flag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--red);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.on{background:var(--green)}.dot.off{background:var(--line-strong)}.state{padding:48px;text-align:center;color:var(--ink-faint)}.spinner{width:22px;height:22px;border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.count-pill{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);background:var(--surface-2);padding:3px 9px;border-radius:100px}.row-foot{padding:12px 20px;font-size:12px;color:var(--ink-faint);font-family:var(--font-mono)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.field{background:var(--surface);padding:14px 16px}.field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.field-value{font-size:14px;margin-top:5px;font-weight:500}.section-h{font-family:var(--font-display);font-size:17px;font-weight:600;margin:30px 0 12px}.back{color:var(--accent);text-decoration:none;font-size:12.5px;font-family:var(--font-mono)}.banner{background:#f7d9d7;color:#c75b54;border:1px solid #EBA9A4;padding:8px 14px;border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:18px;display:inline-flex;gap:8px;align-items:center}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:opacity .12s;white-space:nowrap;flex:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){opacity:.87}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{font-family:var(--font-mono);font-size:10.5px;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.add-strip{display:flex;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}.add-strip .search{flex:1;min-width:0}.inline-msg{font-size:12px;font-family:var(--font-mono)}.inline-msg.ok{color:var(--green)}.inline-msg.err{color:var(--red)}.add-form{padding:16px 20px 14px;border-bottom:1px solid var(--line);background:var(--bg)}.add-form-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));margin-bottom:12px}.add-form-field{display:flex;flex-direction:column;gap:4px}.add-form-field .search{min-width:0}.add-form-actions{display:flex;gap:8px;align-items:center}