.dashboard-page{min-height:100vh;background:var(--bg-dark);padding-top:64px}.dashboard-content{padding:32px 0 60px}@media (max-width: 768px){.dashboard-page{padding-top:64px}.dashboard-content{padding:16px 12px}.profile-card{padding:16px}.avatar{width:52px;height:52px;font-size:20px}.quick-actions h3{font-size:14px}.action-item{padding:12px;gap:10px}.action-name{font-size:13px}.welcome-text h1{font-size:22px}.quick-stats{gap:20px}.stat-value{font-size:20px}}.welcome-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.welcome-text h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text p{color:var(--text-muted);margin-top:6px;font-size:15px}.quick-stats{display:flex;gap:32px}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.welcome-chat-sep{margin:0 10px;color:#475569}.welcome-chat-hint{color:#94a3b8;font-size:inherit}.welcome-chat-link{display:inline-flex;align-items:center;margin-left:8px;color:#818cf8;font-weight:600;text-decoration:none;transition:color .18s;white-space:nowrap}.welcome-chat-link:hover{color:#a5b4fc}@media (max-width: 768px){.welcome-chat-sep{display:none}.welcome-chat-hint{display:block;margin-top:6px}.welcome-chat-link{margin-left:0}}.rewards-bar{margin-bottom:24px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#6366f11f,#22d3ee14);border:1px solid rgba(99,102,241,.2)}.rewards-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}.rewards-title{font-size:16px;font-weight:700;color:#e2e8f0}.rewards-sub{font-size:13px;color:#94a3b8}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#0f172a80;border:1px solid rgba(148,163,184,.12);text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.fb-unread-bubble{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:#f43f5e;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 6px #f43f5e73;vertical-align:middle;box-sizing:border-box;animation:fb-bubble-pop .3s ease-out}.fb-unread-bubble.show{display:inline-flex}.org-pending-badge{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;border-radius:9px;background:#f43f5e;color:#fff;font-size:11px;font-weight:700;vertical-align:middle;animation:fb-bubble-pop .3s ease}.org-pending-badge.show{display:inline-flex}@keyframes fb-bubble-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.reward-card:hover{transform:translateY(-2px);border-color:#6366f180;background:#0f172acc}.reward-emoji{font-size:26px;line-height:1;flex-shrink:0}.reward-name{font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.reward-feedback .reward-name{display:flex;align-items:center}.reward-desc{font-size:12px;color:#94a3b8;line-height:1.4}@media (max-width: 768px){.rewards-grid{grid-template-columns:1fr}.rewards-bar{padding:16px}}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 960px){.dashboard-grid{grid-template-columns:1fr}.welcome-section{flex-direction:column;align-items:flex-start;gap:16px}.quick-stats{gap:24px}.dashboard-grid{display:flex;flex-direction:column}.right-column{order:1}.left-column{order:2}}@media (max-width: 768px){.dashboard-page{padding-top:64px}.dashboard-content{padding:16px 12px}.welcome-section{padding:20px 16px}.welcome-text h1{font-size:20px}.quick-stats{width:100%}}@media (max-width: 420px){.industry-tags{gap:6px}.ind-tag{padding:8px 10px;font-size:12px}.mode-tags{gap:6px}.mode-tag{padding:10px 12px}.welcome-text h1{font-size:18px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{border-color:#6366f14d;box-shadow:0 8px 32px #0000004d}.card h3{font-size:16px;font-weight:600;color:var(--text)}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.profile-card{text-align:center}.profile-header{margin-bottom:24px}.avatar-ring{position:relative;display:inline-block;padding:3px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent))}.avatar{width:64px;height:64px;background:var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:var(--primary)}.status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:3px solid var(--bg-card);border-radius:50%}.profile-info{margin-top:12px;text-align:center}.profile-info .username{font-size:18px;font-weight:600}.username-row{display:flex;align-items:center;justify-content:center;gap:8px}display: inline-block; margin-top: 6px; padding: 3px 12px; background: rgba(99,102,241,.15); color: var(--primary); border-radius: 100px; font-size: 12px; font-weight: 500; } .quota-section{margin-bottom:20px}.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.quota-amount-group{display:flex;align-items:center;gap:6px}.quota-info-wrap{position:relative;display:inline-flex;align-items:center}.quota-info-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;cursor:pointer;color:#64748b;border-radius:50%;transition:color .15s,background .15s}.quota-info-btn:hover{color:#94a3b8;background:#94a3b81f}.quota-info-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:150px;padding:10px 12px;background:#0f1729;border:1px solid rgba(148,163,184,.2);border-radius:10px;box-shadow:0 8px 24px #0006;font-size:12px;color:#94a3b8;display:none;flex-direction:column;gap:7px}.quota-info-pop.show,.quota-info-wrap:hover .quota-info-pop{display:flex}.quota-info-row{display:flex;justify-content:space-between;align-items:center;gap:16px;white-space:nowrap}.quota-info-free-row{color:#fbbf24;padding-top:7px;margin-top:1px;border-top:1px solid rgba(148,163,184,.15)}.quota-info-free-row.used-up{color:#64748b}.quota-title{font-size:13px;color:var(--text-muted)}.quota-remain{font-size:24px;font-weight:700;color:var(--accent);letter-spacing:.5px}.progress-track{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .8s ease;position:relative}.progress-glow{position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:4px;animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.quota-detail{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-muted)}.btn-gradient{width:100%;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;box-shadow:0 4px 14px #6366f166}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-gradient:active{transform:translateY(0)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:10px 18px;font-size:14px;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--text-muted);color:var(--text)}.quick-actions h3{margin-bottom:16px}.action-list{display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--bg-dark);border:1px solid transparent;transition:all .2s;cursor:pointer;text-decoration:none}.action-item:hover{border-color:var(--primary);background:#6366f114}.action-item svg{color:var(--text-muted);margin-left:auto}.action-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.action-icon.chat{background:#6366f126}.action-icon.docs{background:#22d3ee26}.action-icon.analytics{background:#22c55e26}.action-icon.profile{background:#a855f726}.action-icon.router{background:#fb923c26}.action-name{font-weight:500;font-size:14px;color:var(--text)}.action-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.apikey-card{padding:0;overflow:hidden}.apikey-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.apikey-title-group{display:flex;align-items:center;gap:12px}.apikey-icon{font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:10px}.apikey-header h3{margin:0}.apikey-desc{font-size:13px;color:var(--text-muted);margin-top:2px}.create-form{padding:20px 24px;background:var(--bg-dark);border-bottom:1px solid var(--border)}.create-form.hidden{display:none}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-title{font-weight:600;font-size:14px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-group{flex:1;min-width:160px}.form-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.input-field{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none}.input-field:focus{border-color:var(--primary)}.select-input{width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;cursor:pointer}.select-input:focus{border-color:var(--primary)}.form-actions{margin-top:16px}.create-ind-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.create-mode-tags{display:flex;gap:8px;margin-top:4px}.new-key-banner{position:relative;padding:20px 24px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-bottom:1px solid var(--border);overflow:hidden}.new-key-banner.hidden{display:none}.banner-glow{position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);pointer-events:none}.banner-content{position:relative;z-index:1}.banner-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.banner-icon{font-size:24px}.banner-title{font-weight:600;font-size:15px}.banner-warn{font-size:13px;color:#f59e0b}.banner-key-box{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;padding:12px 16px}.banner-key-box code{font-size:13px;color:var(--accent);word-break:break-all;flex:1}.close-banner{position:absolute;top:12px;right:12px}.token-list{padding:16px 24px}.token-empty{text-align:center;padding:40px 20px}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.token-empty p{color:var(--text-muted);font-size:15px;margin-bottom:4px}.token-empty span{color:var(--text-muted);font-size:13px;opacity:.7}.token-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-dark);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;transition:all .2s}.token-item:hover{border-color:#6366f14d}.token-item.disabled{opacity:.5}.token-item:last-child{margin-bottom:0}.token-status{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.token-status.inactive{background:#ef4444}.token-info{flex:1;min-width:0}.token-name-row{font-weight:600;font-size:15px;display:flex;align-items:center;gap:10px;color:#e2e8f0}.token-tag{padding:2px 10px;background:#22c55e1f;color:#4ade80;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.3px}.token-badges{display:flex;align-items:center;gap:8px;margin-top:8px}.token-badge{font-size:12px;padding:3px 12px;border-radius:100px;font-weight:500}.identity-badge{color:#c4b5fd;background:#8b5cf626;border:1px solid rgba(139,92,246,.25)}.mode-badge{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.2)}.tag-disabled{background:#ef44441f!important;color:#f87171!important}.meta-sep{margin:0 2px;color:#475569}@media (max-width: 380px){.token-config-badge{font-size:11px;padding:2px 8px}}.token-meta{font-size:12px;color:#64748b;margin-top:6px}.token-key-box{display:flex;align-items:center;gap:8px;background:var(--bg-card);border-radius:8px;padding:8px 12px;flex-shrink:0}.token-key-box code{font-size:12px;color:var(--accent)}.token-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s;flex-shrink:0}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444}.hidden{display:none!important}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay.hidden{display:none}.modal-panel{background:var(--bg-card);border:1px solid rgba(99,102,241,.4);border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 64px #00000080;animation:modalIn .25s ease}@media (max-width: 520px){.modal-panel{max-width:100%;border-radius:12px}.modal-overlay{padding:10px;align-items:flex-end}.modal-header{padding:16px 18px}.modal-body{padding:18px}.modal-footer{padding:14px 18px}.modal-token-name{font-size:12px;padding:8px 12px;margin-bottom:18px}.config-section{margin-bottom:20px}.config-label{font-size:12px;margin-bottom:10px}.ind-tag{padding:8px 12px;font-size:12px}.mode-tag{padding:10px 14px;font-size:13px}.mode-tag-hint{font-size:11px}}@media (max-width: 380px){.modal-title{font-size:14px}.modal-body{padding:14px}.ind-tag{padding:7px 10px;font-size:11px}}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text)}.modal-title svg{color:var(--primary)}.modal-close{background:transparent;border:none}.modal-body{padding:24px}.modal-token-name{font-size:13px;color:var(--text-muted);margin-bottom:24px;padding:10px 14px;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border);word-break:break-all}.modal-token-name span{color:var(--accent);font-weight:500;word-break:normal}.config-section{margin-bottom:24px}.config-section:last-child{margin-bottom:0}.config-label{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.industry-tags{display:flex;flex-wrap:wrap;gap:8px}.ind-tag{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:100px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .2s}.ind-tag:hover{border-color:var(--primary);color:var(--text)}.ind-tag.active{background:#6366f126;border-color:var(--primary);color:var(--primary);font-weight:500}.mode-tags{display:flex;flex-direction:column;gap:8px}.mode-tag{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s;text-align:left}.mode-tag:hover{border-color:var(--primary);background:#6366f10d}.mode-tag.active{border-color:var(--primary);background:#6366f11a;box-shadow:0 0 0 2px #6366f126}.mode-tag-icon{font-size:18px}.mode-tag-hint{font-size:12px;color:var(--text-muted);margin-left:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.edit-nickname-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;gap:3px;font-size:11px;transition:all .2s}.edit-nickname-btn:hover{color:var(--primary);background:#6366f11a}.modal-footer .btn-gradient{width:auto;padding:10px 24px;display:flex;align-items:center;gap:8px}@media (max-width: 520px){.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%!important;justify-content:center}.edit-nickname-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;gap:3px;font-size:11px;transition:all .2s}.edit-nickname-btn:hover{color:var(--primary);background:#6366f11a}.modal-footer .btn-gradient{padding:12px 20px}}.act-profile{color:var(--primary)!important}.act-profile:hover{background:#6366f11a!important}.profile-modal-box{max-width:560px}.profile-loading{text-align:center;padding:40px;color:var(--text-muted)}.profile-section{margin-bottom:20px}.profile-section-title{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.profile-identity-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;background:#6366f126;color:var(--primary);border:1px solid rgba(99,102,241,.3)}.profile-identity-badge.no-data{background:#ffffff0d;color:var(--text-muted);border-color:var(--border)}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.profile-stat-card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.profile-stat-card .val{font-size:20px;font-weight:700;color:var(--text)}.profile-stat-card .label{font-size:12px;color:var(--text-muted);margin-top:4px}.profile-model-list{display:flex;flex-direction:column;gap:8px}.profile-model-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:8px}.profile-model-name{font-weight:600;font-size:14px}.profile-model-meta{font-size:12px;color:var(--text-muted)}.profile-model-score{font-size:14px;font-weight:600;color:var(--primary)}.profile-empty{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.profile-empty .icon{font-size:32px;margin-bottom:8px}@media (max-width: 768px){.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-modal-box{margin:12px;max-width:calc(100% - 24px)}}.delete-panel{border-color:#ef444466}.delete-body{text-align:center;padding:32px 24px}.delete-icon{font-size:40px;margin-bottom:16px}.delete-msg{font-size:15px;color:var(--text);margin-bottom:8px}.delete-hint{font-size:13px;color:#ef4444}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:8px;padding:10px 18px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-danger:hover{background:#ef444440;border-color:#ef4444}.btn-danger svg{color:#ef4444}.savings-stat .stat-value{color:#34d399!important}.savings-stat .stat-label{color:#6ee7b7!important}.freecalls-stat .stat-value{color:#fbbf24!important}.freecalls-stat .stat-label{color:#fcd34d!important}.savings-stat:hover{background:#34d3990f;border-radius:12px}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;padding:14px 28px;color:var(--text);font-size:14px;font-weight:500;box-shadow:0 8px 32px #0006;animation:toastSlideIn .3s ease,toastFadeOut .3s ease 2.5s forwards;white-space:nowrap}.toast.error{border-color:#ef4444}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}.mobile-card .token-item{padding:16px 14px;gap:12px;flex-direction:column;align-items:stretch;border-radius:14px}.mobile-card .token-status{display:none}.mobile-card .token-info{width:100%}.mobile-card .token-name-row{font-size:14px;flex-wrap:wrap;gap:6px;align-items:center}.mobile-card .token-tag{font-size:9px;padding:2px 6px}.mobile-card .token-badge{font-size:10px;padding:2px 8px}.mobile-card .token-meta{font-size:12px;margin-top:4px;color:var(--text-muted)}.mobile-card .meta-created,.mobile-card .meta-expiry,.mobile-card .token-key-box{display:none}.mobile-card .token-actions{justify-content:flex-start;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border);flex-shrink:unset}.mobile-card .btn-icon{width:42px;height:42px;border-radius:10px}