.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:32px;font-weight:700;color:#212529;margin-bottom:8px}.auth-header p{color:#6c757d;font-size:16px}.auth-form{margin-bottom:24px}.btn-full{width:100%;margin-top:8px}.auth-footer{text-align:center;display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid #e9ecef}.auth-link{color:#667eea;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.dashboard{min-height:100vh;background:#f8f9fa}.dashboard-header{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.dashboard-header-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:24px;font-weight:700;color:#212529;margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:16px}.user-email{color:#6c757d;font-size:14px}.dashboard-main{padding:32px 20px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.dashboard-tabs{display:flex;gap:8px;margin-bottom:32px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.tab-button{flex:1;padding:12px 24px;border:none;background:transparent;color:#6c757d;font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:#667eea;color:#fff}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stat-label{font-size:14px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-icon{font-size:32px}.stat-value{font-size:36px;font-weight:700;color:#212529}.stat-change{margin-top:8px;font-size:14px;color:#6c757d}.usage-stats{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014}.usage-stats h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#212529}.usage-period{color:#6c757d;font-size:14px;margin:0 0 32px}.cost-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.cost-card{padding:24px;border-radius:12px;text-align:center;border:2px solid #e9ecef;transition:all .2s ease}.cost-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cost-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.cost-card.tts{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none}.cost-card.twilio{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none}.cost-card.llm{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border:none}.cost-card h3{margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.cost-value{font-size:32px;font-weight:700;margin-bottom:8px}.cost-detail{margin:0;font-size:13px;opacity:.8}.usage-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e9ecef}.usage-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.usage-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#212529}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8f9fa;border-radius:8px}.stat-item .stat-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-item .stat-value{font-size:24px;font-weight:700;color:#212529}.pricing-table{display:flex;flex-direction:column;gap:16px}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px}.pricing-service{display:flex;flex-direction:column;gap:4px}.pricing-service strong{font-size:16px;color:#212529}.pricing-service small{font-size:12px;color:#6c757d}.pricing-rate{font-size:14px;font-weight:600;color:#667eea}.loading-stats{text-align:center;padding:40px;color:#6c757d;font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f1f3f5;color:#495057}.btn-secondary:hover{background:#e9ecef}.btn-danger{background:#f03e3e;color:#fff}.btn-danger:hover{background:#c92a2a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#343a40}.form-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#667eea}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a}.card-header{margin-bottom:20px}.card-title{font-size:24px;font-weight:700;color:#212529}.alert{padding:16px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-success{background:#d3f9d8;color:#2b8a3e;border:1px solid #8ce99a}.alert-error{background:#ffe3e3;color:#c92a2a;border:1px solid #ffa8a8}.alert-info{background:#d0ebff;color:#1864ab;border:1px solid #74c0fc}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057}.table td{padding:12px;border-top:1px solid #e9ecef}.table tr:hover{background:#f8f9fa}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:#d3f9d8;color:#2b8a3e}.badge-warning{background:#ffe8cc;color:#e67700}.badge-danger{background:#ffe3e3;color:#c92a2a}.badge-info{background:#d0ebff;color:#1864ab}