@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-canvas:#fff9fa;--bg-card:#fff;--bg-dark:#40101d;--color-text-dark:#240a12;--color-text-light:#fff9fa;--color-btn-primary:#ffd1dc;--color-btn-secondary:#fff;--color-btn-accent:#ffe1e5;--color-danger:#ffe4e6;--border-thickness:2px;--border-color:#240a12;--border-flat:var(--border-thickness) solid var(--border-color);--radius-card:24px;--radius-btn:12px;--radius-pill:24px;--shadow-flat:4px 4px 0px #240a12;--shadow-hover:6px 6px 0px #240a12;--shadow-flat-small:2px 2px 0px #240a12}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4{color:var(--color-text-dark);font-family:Figtree,sans-serif;font-weight:600}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.dashboard-header{border-bottom:var(--border-flat);background:var(--bg-card);z-index:100;justify-content:space-between;align-items:center;padding:16px 6%;display:flex;position:sticky;top:0}.logo{color:var(--color-text-dark);align-items:center;gap:4px;font-family:Figtree,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo-dot{color:var(--bg-dark)}.nav-links{align-items:center;gap:24px;display:flex}.nav-user{font-size:14px;font-weight:500}.btn{color:var(--color-text-dark);border:var(--border-flat);border-radius:var(--radius-btn);background:var(--color-btn-secondary);cursor:pointer;box-shadow:var(--shadow-flat-small);outline:none;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0px var(--border-color);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(1px,1px)}.btn-primary{background:var(--color-btn-primary)}.btn-accent{background:var(--color-btn-accent)}.btn-danger{background:var(--color-danger)}.btn-sm{padding:6px 12px;font-size:12px}.dashboard-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 6%}.welcome-section{margin-bottom:32px}.welcome-title{letter-spacing:-.5px;margin-bottom:8px;font-size:36px}.grid-dashboard{grid-template-columns:2fr 1fr;gap:32px;display:grid}@media (width<=900px){.grid-dashboard{grid-template-columns:1fr}}.card{background:var(--bg-card);border:var(--border-flat);border-radius:var(--radius-card);box-shadow:var(--shadow-flat);margin-bottom:32px;padding:30px}.card-title{border-bottom:1.5px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-size:20px}.usage-summary{flex-direction:column;gap:16px;margin-top:16px;display:flex}.usage-stats{justify-content:space-between;font-size:15px;font-weight:600;display:flex}.progress-bar-container{background:var(--bg-canvas);border:var(--border-flat);border-radius:var(--radius-pill);height:24px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--color-btn-accent);border-right:var(--border-flat);height:100%;transition:width .4s}.logs-table-container{margin-top:10px;overflow-x:auto}.logs-table{border-collapse:collapse;text-align:left;width:100%}.logs-table th{text-transform:uppercase;color:#1a1a1a99;border-bottom:var(--border-flat);padding:12px;font-size:13px;font-weight:600}.logs-table td{border-bottom:1px solid #1a1a1a1a;padding:14px 12px;font-size:14px}.logs-table tr:last-child td{border-bottom:none}.badge-status{border:1px solid var(--border-color);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{background:var(--color-btn-accent)}.badge-failed{background:var(--color-danger)}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}}.plan-card{border:var(--border-flat);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-flat);flex-direction:column;justify-content:space-between;min-height:400px;padding:32px;display:flex}.plan-card.active{background:var(--color-btn-accent)}.plan-header h3{margin-bottom:8px;font-size:28px}.plan-price{margin:16px 0;font-family:Figtree,sans-serif;font-size:40px;font-weight:700}.plan-price span{color:#1a1a1a99;font-size:16px;font-weight:400}.plan-features{flex-direction:column;gap:12px;margin:20px 0;list-style:none;display:flex}.plan-features li{align-items:center;gap:8px;font-size:15px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;display:flex}.auth-box{background:var(--bg-card);border:var(--border-flat);border-radius:var(--radius-card);width:100%;max-width:400px;box-shadow:var(--shadow-flat);padding:40px 30px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{margin-bottom:8px;font-size:28px}.auth-form-control{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-form-control label{font-size:13px;font-weight:600}.auth-input{border:var(--border-flat);border-radius:var(--radius-btn);background:var(--bg-card);color:var(--color-text-dark);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.auth-input:focus{border-color:var(--bg-dark)}.auth-submit-btn{justify-content:center;width:100%;margin-top:12px}.auth-toggle{text-align:center;margin-top:20px;font-size:14px}.auth-toggle-link{color:var(--bg-dark);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600;text-decoration:underline}.auth-error{background:var(--color-danger);border:1.5px solid var(--border-color);border-radius:var(--radius-btn);color:var(--color-text-dark);text-align:center;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500}.google-auth-btn{background:var(--bg-card);justify-content:center;width:100%;margin-bottom:16px}.spinner{border:2.5px solid #1a1a1a1a;border-top-color:var(--color-text-dark);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}