:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#0f172a;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}button,input{font:inherit}header{margin-bottom:1.5rem}.layout{display:grid;gap:1.5rem;grid-template-columns:minmax(280px,360px) 1fr}.card{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.25rem;box-shadow:0 20px 45px #0206174d}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;color:#cbd5e1}input,select{border:1px solid rgba(148,163,184,.4);border-radius:10px;padding:.7rem .8rem;background:#111827;color:#f8fafc}textArea{border:1px solid rgba(148,163,184,.4);border-radius:10px;padding:.7rem .8rem;background:#111827;color:#f8fafc}.input-row{display:flex;gap:.6rem;align-items:center}.composite-input{padding:.35rem;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0f172ad9;box-shadow:inset 0 1px #ffffff0a}.composite-input .input-with-posix,.composite-input .input-with-suffix{flex:120px 0}.composite-input input[type=text]{flex:1;border:none;background:transparent;padding:.6rem .7rem;box-shadow:none}.composite-input input[type=range]{flex:1;padding:0;margin:0 .25rem;accent-color:#38bdf8;height:6px;cursor:pointer}*/ .input-row .input-with-suffix{flex:1;text-align:right}.input-row .input-with-posix input[type=text]{flex:1;text-align:right}.input-row input[type=range]{flex:1;padding:0;accent-color:#38bdf8}.input-with-suffix{position:relative;flex:1}.input-with-suffix input{width:100%;padding-right:2rem}.suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-with-posix{position:relative;flex:1}.input-with-posix input{width:100%;padding-left:2rem}.posix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}button{border:none;border-radius:999px;padding:.75rem 1rem;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metrics>div,.breakdown-grid>div{background:#1e293be6;border-radius:12px;padding:.8rem}.metrics span,.breakdown-grid span{display:block;color:#94a3b8;font-size:.85rem}.metrics strong,.breakdown-grid strong{font-size:1.05rem}.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.toggle-row{display:flex;gap:.5rem;margin:.5rem 0 1rem}.toggle-row button{background:#1e293be6;color:#e2e8f0;border:1px solid rgba(148,163,184,.2)}.toggle-row button.active{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.chart-card{height:320px}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:left;padding:.55rem;border-bottom:1px solid rgba(148,163,184,.2);vertical-align:top}th{color:#94a3b8;font-size:.74rem;text-transform:uppercase;line-height:1.2;white-space:normal;word-break:break-word}th:nth-child(6){width:16%}th:nth-child(1),th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5){width:14%}@media (max-width: 900px){.layout,.metrics,.breakdown-grid{grid-template-columns:1fr}}