:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#0f172a;--card-bg:#1e293b;--text:#f8fafc;--text-dim:#94a3b8;--border:#ffffff14;--success:#22c55e;--danger:#ef4444}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-feature-settings:"ss01" on, "ss02" on;font-family:Space Grotesk,Inter,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:3rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--primary);border:none}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#0003;border-radius:8px;outline:none;padding:.75rem 1rem;transition:border-color .2s}.input:focus{border-color:var(--primary);background:#0000004d}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:1rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--border);padding:1.25rem 1rem;font-size:.875rem}.data-table tr:hover td{background:#ffffff05}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;padding:2.5rem;box-shadow:0 20px 25px -5px #0000004d}@keyframes pulse-soft{0%{opacity:.4;transform:scale(.95)}50%{opacity:1;shadow:0 0 15px var(--success);transform:scale(1.05)}to{opacity:.4;transform:scale(.95)}}@keyframes mesh-move{0%{transform:translate(0)}50%{transform:translate(-5%,-5%)}to{transform:translate(0)}}.usage-segment{background:#ffffff0d;border-radius:1px;flex:1;height:100%;transition:all .5s}.usage-segment.active{background:var(--primary);box-shadow:0 0 8px var(--primary)}.loading-container{z-index:9999;background:#08090d;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;display:flex}.loader{aspect-ratio:1;color:#6366f1;background:radial-gradient(11px,currentColor 94%,#0000);width:45px;position:relative}.loader:before{content:"";background-color:#0000;background-image:radial-gradient(9px at 100% 100%,#0000 94%,currentColor),radial-gradient(9px at 0 100%,#0000 94%,currentColor),radial-gradient(9px at 100% 0,#0000 94%,currentColor),radial-gradient(9px at 0 0,#0000 94%,currentColor);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:50%;animation:1.5s cubic-bezier(.3,1,0,1) infinite l18;position:absolute;inset:0}@keyframes l18{33%{inset:-12px;transform:rotate(0)}66%{inset:-12px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}.loading-text{color:#fff3;text-transform:uppercase;letter-spacing:.4em;font-size:.7rem;font-weight:900;animation:2s ease-in-out infinite pulse-txt}@keyframes pulse-txt{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.5;transform:scale(1.02)}}