:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#1f2a37;background:radial-gradient(circle at top left,rgba(15,108,189,.12),transparent 28%),linear-gradient(160deg,#f3efe7,#dbe8f2)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}button,input,select{font:inherit}.page{min-height:100vh;padding:24px}.card{background:#fffdf8f2;border:1px solid #d7d2c8;border-radius:20px;box-shadow:0 20px 40px #1418211f}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:460px;padding:28px}.login-title{margin:0 0 8px;font-size:2rem}.login-subtitle{margin:0 0 20px;color:#52606d}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:.9rem;color:#52606d}.field input{width:100%;border:1px solid #c8d2db;border-radius:12px;padding:11px 12px;background:#fff}.primary-button,.secondary-button,.ghost-button{border-radius:12px;padding:11px 14px;border:1px solid transparent;cursor:pointer}.primary-button{background:#0f6cbd;color:#fff}.secondary-button{background:#f6fafc;color:#17466e;border-color:#bcd3e6}.ghost-button{background:transparent;color:#17466e;border-color:#bcd3e6}.login-actions{display:grid;gap:10px}.hint{color:#52606d;font-size:.9rem}.error-banner{margin-bottom:16px;border-radius:12px;padding:10px 12px;background:#fdeeee;color:#9d2d2d;border:1px solid #f6c2c2}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:24px 18px;border-right:1px solid #d7d2c8;background:#fffdf8e6}.brand{margin:0 0 4px;font-size:1.5rem}.brand-subtitle{margin:0 0 24px;color:#52606d}.nav{display:grid;gap:8px}.nav a{text-decoration:none;padding:10px 12px;border-radius:12px}.nav a.active{background:#e7f1fa;color:#0f6cbd;font-weight:600}.content{padding:24px}.section-card{padding:22px}.section-title{margin:0 0 8px}.section-subtitle{margin:0 0 18px;color:#52606d}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.filters{display:flex;gap:12px;flex-wrap:wrap}.compact-field{min-width:180px;margin-bottom:0}.compact-field span{font-size:.82rem;color:#52606d}.compact-field input,.compact-field select{border:1px solid #c8d2db;border-radius:12px;padding:10px 12px;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.metric{padding:16px;border-radius:16px;border:1px solid #d7d2c8;background:#fff}.metric-label{color:#52606d;font-size:.86rem}.metric-value{margin-top:6px;font-size:1.4rem;font-weight:700}.metric-small{font-size:1rem;line-height:1.4}.utilization-grid{margin-bottom:18px}.dual-metric-grid{margin-bottom:20px}.chart-card{margin-bottom:20px;padding:18px;border-radius:16px;border:1px solid #d7d2c8;background:linear-gradient(160deg,#fff,#f7fafc)}.chart-label{font-size:.86rem;color:#52606d;margin-bottom:10px}.progress-track{height:18px;border-radius:999px;background:#e6edf3;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#0f6cbd,#58a6df)}.progress-fill-cost{background:linear-gradient(135deg,#d18b00,#f0b94c)}.token-stack{display:flex;height:18px;border-radius:999px;background:#e6edf3;overflow:hidden}.token-stack-input{height:100%;background:linear-gradient(135deg,#0f6cbd,#58a6df)}.token-stack-output{height:100%;background:linear-gradient(135deg,#14532d,#38b26e)}.token-legend{margin-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.86rem;color:#52606d}.chart-footnote{margin-top:10px;font-size:.86rem;color:#52606d}.split-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.subsection-title{margin:0 0 12px;font-size:1rem}.table-placeholder{padding:18px;border:1px dashed #bcd3e6;border-radius:16px;color:#52606d;background:#f8fbfd}.table-wrap{overflow-x:auto;border:1px solid #d7d2c8;border-radius:16px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #ece7de;vertical-align:top}.data-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#52606d;background:#faf7f1}.data-table tbody tr:last-child td{border-bottom:0}.data-table code{font-size:.86rem;color:#17466e}.table-primary{font-weight:600}.table-secondary{margin-top:4px;color:#52606d;font-size:.84rem;word-break:break-all}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{border-radius:999px;padding:3px 8px;background:#eef4f8;border:1px solid #d5e4ef;color:#17466e;font-size:.76rem}.pill.muted{color:#52606d}.table-action{border:1px solid #c8d8e7;border-radius:10px;background:#f5f9fc;color:#17466e;padding:8px 10px;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.table-action:disabled{opacity:.6;cursor:default}.table-action.danger{border-color:#f1c8c8;background:#fff5f5;color:#9d2d2d}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d7d2c8}.section-header{flex-direction:column}.split-layout{grid-template-columns:1fr}}