:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#10b981;--secondary-hover:#059669;--accent:#f59e0b;--accent-hover:#d97706;--bg-main:#f9fafb;--bg-card:#ffffff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--success:#22c55e;--error:#ef4444;--warning:#facc15;--info:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-premium:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:white;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary);color:white}.btn-secondary:hover{background:var(--secondary-hover)}.card{border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border)}.card,.premium-card{background:var(--bg-card)}.premium-card{border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-premium);border:1px solid var(--border)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}h1{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4)}h1,h2{letter-spacing:-.025em}h2{font-size:2rem;font-weight:700;margin-bottom:var(--space-3)}h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}p{color:var(--text-muted);line-height:1.6}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:500;display:flex;align-items:center;gap:var(--space-2)}.alert-success{background-color:rgba(34,197,94,.1);color:var(--success);border:1px solid rgba(34,197,94,.2)}.alert-error{background-color:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.2)}.alert-warning{background-color:rgba(250,204,21,.1);color:var(--warning);border:1px solid rgba(250,204,21,.2)}.alert-info{background-color:rgba(59,130,246,.1);color:var(--info);border:1px solid rgba(59,130,246,.2)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}.usage-item{flex-direction:column;align-items:flex-start!important;gap:.5rem}}.usage-card{margin-top:var(--space-8);border-top:4px solid var(--info)}.usage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.usage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s ease}.usage-item:hover{transform:translateX(4px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.usage-info{display:flex;flex-direction:column;gap:.25rem}.usage-info .resource-type{font-weight:600;color:var(--text-main);text-transform:capitalize}.usage-info .timestamp{font-size:.85rem;color:var(--text-muted)}.usage-amount{font-size:1.1rem;color:var(--text-main);background:rgba(99,102,241,.1);padding:.25rem .75rem;border-radius:var(--radius-sm);color:var(--primary)}.no-usage{text-align:center;padding:var(--space-6) 0;color:var(--text-muted)}