:root{--bg:#f5efe4;--bg-soft:#fbf6ee;--surface:#fffcf6;--surface-sunken:#f4eee4;--card:#fffcf6;--text:#1d2f25;--text-strong:#0f1d17;--muted:#5c5549;--muted-weak:#8a8278;--on-accent:#f7f0e7;--accent:#0f3d2e;--accent-deep:#0a2a20;--accent-bright:#1a5a45;--accent-tint:#e7efe9;--gold:#c99b3a;--gold-deep:#9b7420;--gold-bright:#e0b85a;--gold-soft:#f4e8c9;--success:#2a8e54;--success-soft:#e0f5e9;--danger:#c0392b;--danger-soft:#fde8e5;--border:#0f3d2e1f;--border-strong:#0f3d2e38;--border-subtle:#0f3d2e0f;--shadow-sm:0 2px 8px #0f1e190d;--shadow:0 8px 24px #0000000f;--shadow-lg:0 20px 48px #0f1e191f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.24s;--dur-fast:.16s}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-sm{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.page-container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--dur) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-deep)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-soft)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--accent-tint)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-deep)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-gold{background:var(--gold-soft);color:var(--gold-deep)}.badge-muted{background:var(--surface-sunken);color:var(--muted)}.skeleton{background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--bg-soft) 50%, var(--surface-sunken) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:4px;padding:4px;display:flex}.tab-item{border-radius:var(--radius);color:var(--muted);cursor:pointer;transition:all var(--dur) var(--ease-out);white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 16px;font-size:13px;font-weight:600}.tab-item:hover{color:var(--text);background:var(--bg-soft)}.tab-item.active{background:var(--accent);color:var(--on-accent)}.range-bar{background:var(--surface-sunken);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.range-item{color:var(--muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.range-item:hover{color:var(--text)}.range-item.active{background:var(--accent);color:var(--on-accent)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fade-in var(--dur) var(--ease-out);background:#0f1d1780;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-lg);animation:slide-up var(--dur) var(--ease-out);padding:28px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);padding:12px;font-size:14px}.data-table tr:hover td{background:var(--accent-tint)}.data-table .text-right{text-align:right}.data-table .text-mono{font-variant-numeric:tabular-nums}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--muted)}.text-gold{color:var(--gold)}.text-strong{color:var(--text-strong);font-weight:700}.font-mono{font-variant-numeric:tabular-nums}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-label{color:var(--muted);font-size:12px;font-weight:600}.stat-value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.stat-change{font-size:12px;font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:768px){.page-container{padding:0 16px}.card{padding:16px}.modal-content{margin:16px;padding:20px}.tab-item{padding:8px 10px;font-size:12px}.hide-mobile{display:none!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);transition:border-color var(--dur-fast);padding:10px 14px;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.safety-aa{color:#1a6b3a;background:#e0f5e9}.safety-a{color:#2a8e54;background:#e0f5e9}.safety-bbb{color:#856404;background:#fef3cd}.safety-nr{background:var(--surface-sunken);color:var(--muted)}.allocation-bar{background:var(--surface-sunken);border-radius:4px;height:8px;display:flex;overflow:hidden}.allocation-segment{height:100%;transition:width var(--dur) var(--ease-out)}.tooltip{position:relative}.tooltip-text{visibility:hidden;background:var(--text-strong);color:#fff;white-space:nowrap;z-index:100;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text{visibility:visible}