:root{--color-navy: #151d2b;--color-navy-raised: #1f2937;--color-accent: #2d5be3;--color-accent-hover: #2449b5;--color-accent-ring: rgba(45, 91, 227, .18);--color-page-bg: #f4f6fa;--color-surface: #ffffff;--color-surface-hover: #f8f9fc;--color-track: #eef1f5;--color-text: #1a2332;--color-text-muted: #6b7280;--color-text-strong-muted: #374151;--color-text-placeholder: #9ca3af;--color-border: #e4e7ec;--color-border-strong: #d0d5dd;--color-warning: #d97706;--color-warning-bg: #fff7e6;--color-warning-border: #fcd48a;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-bg-subtle: #fff8f8;--color-success: #15803d;--color-success-bg: #ecfdf3;--color-info: #1d4ed8;--color-info-bg: #e8f0fe;--color-neutral-chip-bg: #eceff3;--color-accent-soft-bg: #eef3ff;--color-wa-bubble: #dbeafe;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 9px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 20px;--space-10: 24px;--sidebar-width-expanded: 232px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--content-padding: 24px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-base: 14px;--font-size-sm: 12px;--line-height-base: 1.45;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--radius-circle: 50%;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-raised: 0 4px 12px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);--shadow-dialog: 0 24px 48px rgba(16, 24, 40, .22), 0 4px 12px rgba(16, 24, 40, .08);--overlay-scrim: rgba(17, 24, 39, .5)}@media(max-width:640px){:root{--content-padding: 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius-sm);padding:8px var(--space-7);min-height:36px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;line-height:1.3;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);box-shadow:0 1px 2px #2d5be340}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1px 2px #1018280a}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.btn-sm{padding:5px 10px;min-height:30px;font-size:12.5px}.btn-block{width:100%}.card,.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-9);box-shadow:var(--shadow-card)}.stat-tile{min-width:0}.stat-tile__label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-tile__value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:var(--space-4);overflow-wrap:anywhere}.stat-tile__sub{font-size:12px;margin-top:var(--space-2);color:var(--color-text-muted)}.stat-tile__sub--success{color:var(--color-success)}.stat-tile__sub--warning{color:var(--color-warning)}.stat-tile__sub--danger{color:var(--color-danger)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{border-collapse:collapse;width:100%}@media(max-width:900px){.table-wrap table{min-width:720px}}.table-wrap th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-page-bg);padding:10px var(--space-8);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.table-wrap th.align-right{text-align:right}.table-wrap td{font-size:13.5px;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);vertical-align:middle}.table-wrap td.align-right{text-align:right}.table-wrap tbody tr{background:var(--color-surface);transition:background .15s}.table-wrap tbody tr:last-child td{border-bottom:none}.table-wrap tbody tr:hover{background:var(--color-surface-hover)}.row-link,.row-name{font-weight:600}.row-sub{font-size:12px;color:var(--color-text-muted);margin-top:2px}.muted{color:var(--color-text-muted)}.nowrap{white-space:nowrap}.nowrap .btn+.btn{margin-left:var(--space-4)}.field{display:block;margin-bottom:var(--space-8);min-width:0}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:var(--space-3);color:var(--color-text-strong-muted)}.field-input,input.field-input,select.field-input,textarea.field-input{width:100%;min-height:38px;padding:8px var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s,box-shadow .15s}.field-input::placeholder,input.field-input::placeholder,select.field-input::placeholder,textarea.field-input::placeholder{color:var(--color-text-placeholder)}.field-input:hover:not(:disabled):not(:focus),input.field-input:hover:not(:disabled):not(:focus),select.field-input:hover:not(:disabled):not(:focus),textarea.field-input:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.field-input:focus,input.field-input:focus,select.field-input:focus,textarea.field-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.field-input:disabled,input.field-input:disabled,select.field-input:disabled,textarea.field-input:disabled{background:var(--color-page-bg);color:var(--color-text-muted)}select.field-input{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}textarea.field-input{resize:vertical;min-height:84px}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}.field-error{font-size:12px;color:var(--color-danger);margin-top:var(--space-2)}.field-hint{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-2)}.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}.dialog-backdrop{position:fixed;inset:0;background:var(--overlay-scrim);display:flex;align-items:flex-start;justify-content:center;padding:56px var(--space-10);overflow-y:auto;z-index:50;animation:fade-in .12s ease-out}.dialog-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-10);width:100%;max-width:720px;box-shadow:var(--shadow-dialog);animation:rise-in .16s ease-out}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-8)}.dialog-title{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.dialog-close{appearance:none;border:none;background:transparent;flex:0 0 auto;width:32px;height:32px;margin:-6px -8px 0 0;border-radius:var(--radius-sm);font-size:15px;line-height:1;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.dialog-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.dialog-close:hover{background:var(--color-track);color:var(--color-text)}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-8)}@media(max-width:640px){.dialog-backdrop{padding:12px;align-items:flex-start}.dialog-panel{padding:var(--space-9) var(--space-8);border-radius:var(--radius-md)}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1 1 auto}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.banner-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-8);font-size:13px;color:var(--color-warning);overflow-wrap:anywhere}.banner-success{background:var(--color-success-bg);border:1px solid #a7e3bf;border-radius:var(--radius-sm);padding:var(--space-6) var(--space-8);font-size:13px;color:var(--color-success)}.state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:96px var(--space-8);color:var(--color-text-muted);font-size:13px;text-align:center}@media(max-width:640px){.state-panel{padding:56px var(--space-8)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-9)}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}.page-sub{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-2)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-3)}.section-title{font-size:14px;font-weight:600;margin:0 0 var(--space-6)}.toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:640px){.page-header{align-items:stretch;flex-direction:column}.toolbar{width:100%}.toolbar>.btn,.toolbar>.field-input{flex:1 1 auto}}.filter-bar{display:flex;gap:var(--space-6);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-8);padding:var(--space-8)}.filter-bar .field{margin-bottom:0;flex:1 1 160px}.filter-search{flex:2 1 220px}.filter-spacer{flex:1 1 auto}@media(max-width:640px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .field,.filter-bar .filter-search{flex:0 0 auto}.filter-bar .filter-spacer{display:none}.filter-bar>.btn{width:100%}}.pager{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8);font-size:13px;flex-wrap:wrap}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-5) var(--space-7);font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.tab:hover:not(:disabled){color:var(--color-text)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.secret-value{font-family:var(--font-family-mono);font-size:18px;font-weight:600;letter-spacing:.04em;background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-8);word-break:break-all;-webkit-user-select:all;user-select:all}.row-inactive td{opacity:.6}.pill-tabs{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.pill-tab{appearance:none;font-family:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.pill-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.pill-tab:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.pill-tab--active{border-color:var(--color-accent);background:var(--color-accent-soft-bg);color:var(--color-accent)}.pill-tab__count{color:var(--color-text-muted)}.choice-chip{appearance:none;font-family:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-strong-muted);border-radius:var(--radius-pill);padding:6px 12px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.choice-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-ring)}.choice-chip:hover{border-color:var(--color-border-strong)}.choice-chip--active{border-color:var(--color-accent);background:var(--color-accent-soft-bg);color:var(--color-accent)}.stock-bar{width:40px;height:6px;border-radius:3px;background:var(--color-border);overflow:hidden;flex:0 0 40px}.stock-bar__fill{height:6px;border-radius:3px}.stepper{display:flex;align-items:flex-start}.stepper__step{flex:1 1 0;min-width:0}.stepper__row{display:flex;align-items:center}.stepper__dot{width:22px;height:22px;flex:0 0 22px;border-radius:11px;border:1px solid var(--color-border);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.stepper__line{flex:1 1 auto;height:2px}.stepper__label{font-size:13px;font-weight:600;margin-top:var(--space-4)}.stepper__when{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-1)}@media(max-width:640px){.stepper__label{font-size:11px}.stepper__when{font-size:10px}}.kv-row{display:flex;justify-content:space-between;gap:var(--space-8);padding:var(--space-4) 0;border-bottom:1px solid var(--color-track);font-size:13px}.kv-row:last-child{border-bottom:none}.kv-row__value{font-weight:500;text-align:right;overflow-wrap:anywhere}html,body{margin:0;padding:0;height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--color-page-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;margin:0}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}img,svg{max-width:100%}table{border-collapse:collapse;width:100%}input,select,textarea,button{font-family:inherit;font-size:inherit}button{color:inherit}::selection{background:var(--color-accent-soft-bg)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}