mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
2 lines
25 KiB
CSS
2 lines
25 KiB
CSS
.api-input-wide-card[data-v-11e74200]{background:var(--surface-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark{box-shadow:0 25px 50px -12px #0009,0 0 0 1px #4b556333,inset 0 1px #6b728026}.api-input-wide-card[data-v-11e74200]:hover{box-shadow:0 32px 64px -12px #00000059,0 0 0 1px #ffffff14,inset 0 1px #ffffff26;transform:translateY(-1px)}.dark{box-shadow:0 32px 64px -12px #000000b3,0 0 0 1px #4b556340,inset 0 1px #6b72804d!important}.wide-card-title h2[data-v-11e74200]{text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}.dark{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wide-card-title p[data-v-11e74200]{color:#6b7280;text-shadow:0 1px 1px rgba(0,0,0,.05)}.dark{color:#9ca3af;text-shadow:0 1px 1px rgba(0,0,0,.2)}.wide-card-title .fas.fa-chart-line[data-v-11e74200]{color:#3b82f6;text-shadow:0 1px 2px rgba(59,130,246,.2)}.api-input-grid[data-v-11e74200]{align-items:end;gap:1rem}.wide-card-input[data-v-11e74200]{background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;padding:14px 16px;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);box-shadow:0 4px 6px -1px #0000001a}.dark{box-shadow:0 4px 6px -1px #0006;color:#e5e7eb}.wide-card-input[data-v-11e74200]::-moz-placeholder{color:#9ca3af}.wide-card-input[data-v-11e74200]::placeholder{color:#9ca3af}.dark{color:#64748b}.wide-card-input[data-v-11e74200]:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33,0 10px 15px -3px #0000001a;background:#fff;color:#1f2937}.dark{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26,0 10px 15px -3px #0006;background:#1f2937f2;color:#f3f4f6}.btn[data-v-11e74200]{font-weight:500;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.025em}.btn-query[data-v-11e74200]{padding:14px 24px;font-size:16px}.btn-primary[data-v-11e74200]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea0d}.btn-primary[data-v-11e74200]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 25px -5px #667eea4d,0 10px 10px -5px #667eea1a}.btn-primary[data-v-11e74200]:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-notice[data-v-11e74200]{background:#ffffff80;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 16px;color:#374151;font-size:.875rem;transition:all .3s ease}.dark{background:#1f2937cc!important;border:1px solid rgba(75,85,99,.5)!important;color:#d1d5db!important}.security-notice[data-v-11e74200]:hover{background:#fff9;border-color:#ffffff80;color:#1f2937}.dark{background:#1f2937e6!important;border-color:#4b556399!important;color:#e5e7eb!important}.security-notice .fas.fa-shield-alt[data-v-11e74200]{color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.control-bar[data-v-11e74200]{padding-bottom:.5rem;border-bottom:1px solid rgba(229,231,235,.3)}.dark{border-bottom-color:#4b55634d}.button-group[data-v-11e74200]{display:flex;align-items:center;gap:.5rem}.mode-switch-group[data-v-11e74200]{display:inline-flex;padding:4px;background:#f3f4f6;border-radius:.5rem;box-shadow:inset 0 1px 2px #0000000d}.dark{background:#1f2937;box-shadow:inset 0 1px 2px #0000004d}.mode-switch-btn[data-v-11e74200]{display:inline-flex;align-items:center;padding:6px 12px;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dark{color:#9ca3af}.mode-switch-btn[data-v-11e74200]:hover:not(.active){color:#374151;background:#0000000d}.dark{color:#d1d5db;background:#ffffff0d}.mode-switch-btn.active[data-v-11e74200]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea33}.mode-switch-btn.active[data-v-11e74200]:hover{box-shadow:0 4px 6px #667eea4d}.mode-switch-btn i[data-v-11e74200]{font-size:.875rem}.fade-enter-active[data-v-11e74200],.fade-leave-active[data-v-11e74200]{transition:all .3s ease}.fade-enter-from[data-v-11e74200],.fade-leave-to[data-v-11e74200]{opacity:0;transform:translate(-10px)}.loading-spinner[data-v-11e74200]{animation:spin-11e74200 1s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@keyframes spin-11e74200{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.control-bar[data-v-11e74200]{flex-direction:column;align-items:stretch;gap:1rem}.button-group[data-v-11e74200]{justify-content:center}.api-input-wide-card[data-v-11e74200]{padding:1.25rem}.wide-card-title[data-v-11e74200]{margin-bottom:1.25rem}.wide-card-title h2[data-v-11e74200]{font-size:1.5rem}.wide-card-title p[data-v-11e74200]{font-size:.875rem}.api-input-grid[data-v-11e74200]{gap:1rem}.wide-card-input[data-v-11e74200]{padding:12px 14px;font-size:15px}.btn-query[data-v-11e74200]{padding:12px 20px;font-size:15px}.security-notice[data-v-11e74200]{padding:10px 14px;font-size:.8rem}}@media (max-width: 480px){.mode-toggle-btn[data-v-11e74200]{padding:5px 8px}.toggle-icon[data-v-11e74200]{width:18px;height:18px}.hint-text[data-v-11e74200]{font-size:.7rem;padding:4px 8px}.api-input-wide-card[data-v-11e74200]{padding:1rem}.wide-card-title h2[data-v-11e74200]{font-size:1.25rem}.wide-card-title p[data-v-11e74200]{font-size:.8rem}.wide-card-input[data-v-11e74200]{padding:10px 12px;font-size:14px}.btn-query[data-v-11e74200]{padding:10px 16px;font-size:14px}}.card-section[data-v-b72df2cd]{display:flex;height:100%;flex-direction:column;gap:1rem;border-radius:1rem;border-width:1px;border-color:#e2e8f0b3;background-color:#ffffffe6;padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card-section[data-v-b72df2cd]:is(.dark *){border-color:#33415599;background-color:#0f172ab3}@media (min-width: 768px){.card-section[data-v-b72df2cd]{padding:1.5rem}}.dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header[data-v-b72df2cd]{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.header-icon[data-v-b72df2cd]{font-size:1rem;line-height:1.5rem}@media (min-width: 768px){.header-icon[data-v-b72df2cd]{font-size:1.125rem;line-height:1.75rem}}.header-title[data-v-b72df2cd]{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.header-title[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.header-title[data-v-b72df2cd]{font-size:1.25rem;line-height:1.75rem}}.header-tag[data-v-b72df2cd]{margin-left:auto;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.header-tag[data-v-b72df2cd]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.info-grid[data-v-b72df2cd]{display:grid;gap:.75rem}@media (min-width: 768px){.info-grid[data-v-b72df2cd]{gap:1rem}}.info-grid[data-v-b72df2cd]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.info-grid[data-v-b72df2cd]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.info-grid[data-v-b72df2cd]{grid-template-columns:repeat(3,minmax(0,1fr))}}.info-item[data-v-b72df2cd]{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#ffffffb3;padding:1rem}.info-item[data-v-b72df2cd]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a99}.info-item[data-v-b72df2cd]{min-height:86px}.info-label[data-v-b72df2cd]{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.info-value[data-v-b72df2cd]{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.info-value[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.contributor-item[data-v-b72df2cd]{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.contributor-item[data-v-b72df2cd]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.metric-grid[data-v-b72df2cd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 768px){.metric-grid[data-v-b72df2cd]{gap:1rem}}.metric-card[data-v-b72df2cd]{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#ffffffb3;padding:1rem;text-align:center;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.metric-card[data-v-b72df2cd]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a99}.metric-value[data-v-b72df2cd]{font-size:1.25rem;line-height:1.75rem;font-weight:600}@media (min-width: 768px){.metric-value[data-v-b72df2cd]{font-size:1.5rem;line-height:2rem}}.metric-label[data-v-b72df2cd]{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.metric-label[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.account-card[data-v-b72df2cd]{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#fffc;padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.account-card[data-v-b72df2cd]:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.account-card[data-v-b72df2cd]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a99}.account-icon[data-v-b72df2cd]{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.icon-claude[data-v-b72df2cd]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.icon-openai[data-v-b72df2cd]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.account-name[data-v-b72df2cd]{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.account-name[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.account-sub[data-v-b72df2cd]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.account-sub[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.rate-badge[data-v-b72df2cd]{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.rate-badge[data-v-b72df2cd]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.progress-row[data-v-b72df2cd]{display:flex;align-items:center;gap:.5rem}.progress-track[data-v-b72df2cd]{height:.375rem;flex:1 1 0%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.progress-track[data-v-b72df2cd]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.progress-bar[data-v-b72df2cd]{height:.375rem;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.progress-value[data-v-b72df2cd]{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.progress-value[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.quota-row[data-v-b72df2cd]{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#fff9;padding:.75rem}.quota-row[data-v-b72df2cd]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a80}.quota-header[data-v-b72df2cd]{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.quota-tag[data-v-b72df2cd]{display:inline-flex;min-width:34px;justify-content:center;border-radius:9999px;padding:.125rem .5rem;font-size:11px;font-weight:600}.tag-indigo[data-v-b72df2cd]{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.tag-indigo[data-v-b72df2cd]:is(.dark *){background-color:#6366f133;--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.tag-blue[data-v-b72df2cd]{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.tag-blue[data-v-b72df2cd]:is(.dark *){background-color:#0ea5e933;--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.quota-percent[data-v-b72df2cd]{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.quota-percent[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.quota-foot[data-v-b72df2cd]{margin-top:.25rem;font-size:11px;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.quota-foot[data-v-b72df2cd]:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.card[data-v-d9e5c1dd]{background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-d9e5c1dd]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-d9e5c1dd]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.card[data-v-9bba2ba4]{background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-9bba2ba4]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-9bba2ba4]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.card[data-v-39572a8e]{background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-39572a8e]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-39572a8e]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.card[data-v-b3b8dc5f]{background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-b3b8dc5f]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-b3b8dc5f]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.dark{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #00000059}.model-usage-item[data-v-b3b8dc5f]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden}@media (min-width: 768px){.model-usage-item[data-v-b3b8dc5f]{padding:16px}}.model-usage-item[data-v-b3b8dc5f]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.model-usage-item[data-v-b3b8dc5f]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#ffffff4d}.dark{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #00000040;border-color:#4b556399}.loading-spinner[data-v-b3b8dc5f]{animation:spin-b3b8dc5f 1s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@keyframes spin-b3b8dc5f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.model-usage-item .grid[data-v-b3b8dc5f]{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.model-usage-item[data-v-b3b8dc5f]{padding:10px}.model-usage-item .grid[data-v-b3b8dc5f]{grid-template-columns:1fr}}.gradient-bg[data-v-c1f23841]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;min-height:100vh;position:relative}.gradient-bg-dark[data-v-c1f23841]{background:linear-gradient(135deg,#1e293b,#334155,#475569);background-attachment:fixed;min-height:100vh;position:relative}.gradient-bg[data-v-c1f23841]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(240,147,251,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.gradient-bg-dark[data-v-c1f23841]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(100,116,139,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(71,85,105,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(30,41,59,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.glass-strong[data-v-c1f23841]{background:var(--glass-strong-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;z-index:1}.dark{box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #3741514d,inset 0 1px #4b556333}.header-title[data-v-c1f23841]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.025em}.user-login-button[data-v-c1f23841]{background:linear-gradient(135deg,#34d399,#10b981);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);text-decoration:none;box-shadow:0 4px 12px #34d39940,inset 0 1px 1px #fff3;position:relative;overflow:hidden;font-weight:600}.dark{background:linear-gradient(135deg,#34d399,#10b981);border:1px solid rgba(52,211,153,.4);color:#fff;box-shadow:0 4px 12px #34d3994d,inset 0 1px 1px #ffffff1a}.user-login-button[data-v-c1f23841]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#10b981,#34d399);opacity:0;transition:opacity .3s ease}.user-login-button[data-v-c1f23841]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #34d39959,inset 0 1px 1px #ffffff4d;border-color:#fff6}.user-login-button[data-v-c1f23841]:hover:before{opacity:1}.dark{box-shadow:0 8px 20px #34d39966,inset 0 1px 1px #fff3;border-color:#34d39980}.user-login-button[data-v-c1f23841]:active{transform:translateY(-1px) scale(1)}.user-login-button i[data-v-c1f23841],.user-login-button span[data-v-c1f23841]{position:relative;z-index:1}.admin-button-refined[data-v-c1f23841]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;box-shadow:0 4px 12px #667eea40,inset 0 1px 1px #fff3;position:relative;overflow:hidden;font-weight:600}.dark{background:#374151cc;border:1px solid rgba(107,114,128,.4);color:#f3f4f6;box-shadow:0 4px 12px #0000004d,inset 0 1px 1px #ffffff0d}.admin-button-refined[data-v-c1f23841]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.admin-button-refined[data-v-c1f23841]:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 20px #764ba259,inset 0 1px 1px #ffffff4d;border-color:#fff6;color:#fff}.admin-button-refined[data-v-c1f23841]:hover:before{opacity:1}.dark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#9333ea66;box-shadow:0 8px 20px #667eea4d,inset 0 1px 1px #ffffff1a;color:#fff}.admin-button-refined[data-v-c1f23841]:active{transform:translateY(-1px) scale(1)}.admin-button-refined i[data-v-c1f23841],.admin-button-refined span[data-v-c1f23841]{position:relative;z-index:1}.period-btn[data-v-c1f23841]{position:relative;overflow:hidden;border-radius:12px;font-weight:500;letter-spacing:.025em;transition:all .3s ease;border:none;cursor:pointer}.period-btn.active[data-v-c1f23841]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea0d;transform:translateY(-1px)}.period-btn[data-v-c1f23841]:not(.active){color:#374151;background:#fff9;border:1px solid rgba(229,231,235,.5)}html.dark{color:#e5e7eb;background:#37415166;border:1px solid rgba(75,85,99,.5)}.period-btn[data-v-c1f23841]:not(.active):hover{background:#fffc;color:#1f2937;border-color:#d1d5dbcc}html.dark{background:#4b556399;color:#fff;border-color:#6b7280cc}.test-btn[data-v-c1f23841]{position:relative;overflow:hidden;border-radius:12px;font-weight:500;letter-spacing:.025em;transition:all .3s ease;border:none;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 10px -2px #06b6d44d,0 2px 4px -1px #06b6d41a}.test-btn[data-v-c1f23841]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 15px -3px #06b6d466,0 4px 6px -2px #06b6d426}.test-btn[data-v-c1f23841]:disabled{opacity:.5;cursor:not-allowed;transform:none}.tab-pill-button[data-v-c1f23841]{padding:.5rem 1rem;border-radius:9999px;font-weight:500;font-size:.875rem;color:#fffc;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;white-space:nowrap;flex:1;justify-content:center}html.dark{color:#d1d5dbcc}@media (min-width: 768px){.tab-pill-button[data-v-c1f23841]{padding:.625rem 1.25rem;flex:none}}.tab-pill-button[data-v-c1f23841]:hover{color:#fff;background:#ffffff1a}html.dark{color:#f3f4f6;background:#64748b33}.tab-pill-button.active[data-v-c1f23841]{background:#fff;color:#764ba2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}html.dark{background:#475569e6;color:#f3f4f6;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.tab-pill-button i[data-v-c1f23841]{font-size:.875rem}.tab-content[data-v-c1f23841]{animation:tabFadeIn-c1f23841 .4s ease-out}@keyframes tabFadeIn-c1f23841{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-c1f23841]{animation:fadeIn-c1f23841 .6s ease-out}@keyframes fadeIn-c1f23841{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
|