:root{--color-bg:#f4f5f7;--color-bg-subtle:#fafbfc;--color-surface:#ffffff;--color-border:#e2e4e9;--color-border-strong:#cbced6;--color-text:#1a1d24;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#2451c4;--color-primary-hover:#1d3f9e;--color-primary-bg:#eaf0fd;--color-success:#157a4a;--color-success-bg:#e6f6ee;--color-warning:#b45309;--color-warning-bg:#fdf1e2;--color-danger:#c0271f;--color-danger-bg:#fbeaea;--color-info:#1a5fb4;--color-info-bg:#eaf1fb;--nav-bg:#12151c;--nav-text:#c7cad3;--nav-text-active:#ffffff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(16,20,30,0.06);--shadow-md:0 4px 14px rgba(16,20,30,0.08);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light}:root[data-theme=dark]{--color-bg:#14161b;--color-bg-subtle:#20232b;--color-surface:#1c1f26;--color-border:#2b2e37;--color-border-strong:#3d4150;--color-text:#e6e7eb;--color-text-muted:#9ca0ac;--color-text-faint:#6b6f7b;--color-primary:#4c82f0;--color-primary-hover:#6a99f4;--color-primary-bg:#1c2a4a;--color-success:#22c55e;--color-success-bg:#10301f;--color-warning:#f59e0b;--color-warning-bg:#392710;--color-danger:#ef4444;--color-danger-bg:#391616;--color-info:#60a5fa;--color-info-bg:#16233a;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow-md:0 4px 14px rgba(0,0,0,0.45);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:650;letter-spacing:-.01em;margin:0 0 4px}h1{font-size:22px}h2{font-size:16px;margin-top:28px;margin-bottom:12px;color:var(--color-text)}p{margin:0 0 12px;color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{background:var(--nav-bg);padding:0 24px;display:flex;align-items:center;gap:4px;height:52px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.app-nav__brand{color:var(--nav-text-active);font-weight:700;font-size:15px;margin-right:20px;white-space:nowrap}.app-nav__link{color:var(--nav-text);text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:background .12s,color .12s;white-space:nowrap}.app-nav__link:hover{text-decoration:none}.app-nav__link:hover,.theme-toggle{color:var(--nav-text-active);background:rgba(255,255,255,.08)}.theme-toggle{border:none;border-radius:var(--radius-sm);width:30px;height:30px;font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover{background:rgba(255,255,255,.16)}.app-main{flex:1 1;padding:28px 32px 60px;max-width:1280px;width:100%;margin:0 auto}.breadcrumb{font-size:13px;margin-bottom:4px}.page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:-4px;margin-bottom:20px;max-width:720px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card+.card{margin-top:16px}.section{margin-bottom:32px}.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 24px}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 18px;min-width:150px;box-shadow:var(--shadow-sm)}.stat-tile__label{font-size:12px;color:var(--color-text-muted);font-weight:500;margin-bottom:4px}.stat-tile__value{font-size:21px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-tile--highlight .stat-tile__value{color:var(--color-primary)}.stat-tile--accent{border-left:3px solid var(--stat-accent,var(--color-border-strong))}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s,opacity .12s;line-height:1.2}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);text-decoration:none}.btn-success{background:var(--color-success);color:white}.btn-success:hover:not(:disabled){background:#0f6139;text-decoration:none}.btn-warning{background:var(--color-warning);color:white}.btn-warning:hover:not(:disabled){background:#964408;text-decoration:none}.btn-outline{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-outline:hover:not(:disabled){background:var(--color-bg);text-decoration:none}.btn-outline--active{background:var(--color-primary);border-color:var(--color-primary);color:white}.btn-danger-ghost{background:transparent;border-color:var(--color-danger);color:var(--color-danger);padding:3px 10px;font-size:12px}.btn-danger-ghost:hover:not(:disabled){background:var(--color-danger-bg);text-decoration:none}.btn-sm{padding:5px 11px;font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--color-text-muted);margin-bottom:5px}.field-row{display:flex;gap:12px}.field-row>.field{flex:1 1}.input{width:100%;padding:8px 11px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:13.5px;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color .12s,box-shadow .12s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.input:disabled{background:var(--color-bg)}.hint,.input:disabled{color:var(--color-text-faint)}.hint{font-size:12px;margin:4px 0 0}.form-error{color:var(--color-danger);background:var(--color-danger-bg)}.form-error,.form-success{font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);margin:0}.form-success{color:var(--color-success);background:var(--color-success-bg)}.autocomplete-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:4px;max-height:200px;overflow-y:auto;background:var(--color-surface);box-shadow:var(--shadow-md)}.autocomplete-item{padding:8px 11px;cursor:pointer;border-bottom:1px solid var(--color-border);font-size:13.5px}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--color-primary-bg)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.table-search{position:relative;max-width:320px;flex:1 1}.table-search input{padding-left:32px}.table-search:before{content:"";position:absolute;left:10px;top:50%;width:13px;height:13px;transform:translateY(-50%);background:var(--color-text-faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center /contain no-repeat}.table-scroll{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table thead th.sortable{cursor:pointer}.data-table thead th.sortable:hover{color:var(--color-text)}.data-table tbody td{padding:10px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-bg-subtle)}.data-table .empty-row td{color:var(--color-text-faint);text-align:center;padding:28px 14px}.sort-indicator{font-size:10px;margin-left:4px;color:var(--color-text-faint)}.sort-indicator--active{color:var(--color-primary)}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--color-text-muted)}.muted{color:var(--color-text-faint)}.divider{border:none;border-top:1px solid var(--color-border);margin:24px 0}