@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #0a0e1a;--color-bg-card: rgba(15, 20, 40, .85);--color-bg-card-hover: rgba(20, 28, 55, .9);--color-surface: rgba(25, 35, 65, .6);--color-border: rgba(100, 140, 255, .12);--color-border-active: rgba(100, 160, 255, .4);--color-primary: #4d8aff;--color-primary-glow: rgba(77, 138, 255, .25);--color-accent: #00d4aa;--color-accent-glow: rgba(0, 212, 170, .2);--color-text: #e4e8f1;--color-text-muted: #7a8bb5;--color-text-dim: #4a5a80;--color-success: #00d4aa;--color-success-bg: rgba(0, 212, 170, .08);--color-error: #ff5c7c;--color-error-bg: rgba(255, 92, 124, .08);--color-vw-blue: #001e50;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--space-xl) var(--space-md)}.app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 600px 400px at 20% 20%,rgba(77,138,255,.06) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(0,212,170,.04) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at 60% 10%,rgba(130,80,255,.03) 0%,transparent 70%);pointer-events:none;z-index:0;animation:bgShift 20s ease-in-out infinite alternate}@keyframes bgShift{0%{transform:translate(0)}to{transform:translate(-30px,-20px)}}.header{width:min(100%,980px);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);text-align:left;margin-bottom:var(--space-xl);position:relative;z-index:1}.header__brand{min-width:0}.header__badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;padding:6px 16px;font-size:.75rem;font-weight:600;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__badge-dot{width:6px;height:6px;border-radius:100%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--color-accent-glow)}50%{opacity:.6;box-shadow:0 0 0 6px transparent}}.header__title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#fff 0%,var(--color-primary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__subtitle{font-size:1rem;color:var(--color-text-muted);font-weight:400;max-width:480px;margin:0 auto}.header__auth{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-md);min-width:min(100%,320px);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__auth-meta{display:grid;gap:4px;text-align:left;min-width:0}.header__auth-label{font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.header__auth-user{font-size:.85rem;font-weight:600;color:var(--color-text)}.header__logout{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--color-text);padding:8px 12px;border-radius:999px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);align-self:start}.header__logout:hover{border-color:var(--color-border-active);background:#4d8aff1f}.card{width:100%;max-width:600px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff08 inset;transition:var(--transition-normal)}.card:hover{border-color:var(--color-border-active);box-shadow:0 8px 40px #0006,0 0 60px var(--color-primary-glow),0 0 0 1px #ffffff0d inset}.auth-card{text-align:center;display:grid;gap:var(--space-md);justify-items:center}.auth-card__intro{display:grid;gap:var(--space-sm)}.auth-card__title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.auth-card__text{color:var(--color-text-muted);font-size:.92rem;max-width:420px}.auth-card__error{width:100%;margin-top:0;text-align:left}.auth-form{width:100%;display:grid;gap:var(--space-md)}.auth-form__group{display:grid;gap:6px;text-align:left}.auth-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.auth-input{width:100%;border:1px solid rgba(255,255,255,.12);background:#080c18bf;color:var(--color-text);border-radius:var(--radius-sm);padding:13px 14px;font:inherit;transition:var(--transition-normal)}.auth-input::placeholder{color:var(--color-text-dim)}.auth-input:focus{outline:none;border-color:var(--color-border-active);box-shadow:0 0 0 4px #4d8aff1f}.auth-form__submit{margin-top:var(--space-xs)}.app-loading{min-height:220px;align-content:center}.app-loading__text{font-size:.95rem;color:var(--color-text-muted)}.mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mode-toggle__text{min-width:0}.mode-toggle__title{font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--color-text);margin-bottom:2px}.mode-toggle__desc{font-size:.78rem;color:var(--color-text-muted);line-height:1.35}.mode-toggle__note{margin-top:6px;font-size:.76rem;font-weight:600;color:#e4e8f1d1}.switch{position:relative;width:52px;height:32px;flex-shrink:0}.switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.switch__track{position:absolute;inset:0;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:var(--transition-normal)}.switch__thumb{position:absolute;top:50%;left:5px;width:22px;height:22px;border-radius:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ffffffe6,#c8dcffe6);box-shadow:0 10px 18px #00000059,0 0 0 1px #ffffff14 inset;transition:var(--transition-normal)}.switch input:focus-visible+.switch__track{outline:2px solid rgba(77,138,255,.45);outline-offset:3px}.switch input:checked+.switch__track{background:#00d4aa24;border-color:#00d4aa40;box-shadow:0 0 24px #00d4aa1f}.switch input:checked~.switch__thumb{left:25px;background:linear-gradient(135deg,#00d4aaf2,#4d8afff2)}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.switch__track{opacity:.55}.switch input:disabled~.switch__thumb{opacity:.7}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--color-primary-glow) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-normal)}.dropzone:hover,.dropzone--active{border-color:var(--color-primary);background:#4d8aff08}.dropzone:hover:before,.dropzone--active:before{opacity:1}.dropzone--processing{cursor:default;border-color:var(--color-accent)}.dropzone--processing:before{background:radial-gradient(circle at center,var(--color-accent-glow) 0%,transparent 70%);opacity:1}.dropzone__icon{color:var(--color-text-muted);margin-bottom:var(--space-md);position:relative;z-index:1;transition:var(--transition-normal)}.dropzone:hover .dropzone__icon{color:var(--color-primary);transform:translateY(-4px)}.dropzone--active .dropzone__icon{color:var(--color-primary);transform:translateY(-8px) scale(1.1)}.dropzone__title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs);position:relative;z-index:1}.dropzone__subtitle{font-size:.85rem;color:var(--color-text-muted);position:relative;z-index:1}.spinner{width:48px;height:48px;border:3px solid var(--color-surface);border-top:3px solid var(--color-accent);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results{margin-top:var(--space-lg);animation:slideUp .4s var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.results__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.results__icon{width:32px;height:32px;border-radius:50%;background:var(--color-success-bg);display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.results__title{font-size:1rem;font-weight:600}.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.stat{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-md);border:1px solid var(--color-border)}.stat__label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.stat__value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.stat__value--small{font-size:.95rem;font-weight:500}.monthly-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.monthly-stats__title{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.monthly-stats__empty{font-size:.82rem;color:var(--color-text-muted)}.monthly-stats__list{display:grid;gap:8px}.monthly-stats__row{display:grid;grid-template-columns:minmax(84px,auto) 1fr auto;align-items:center;gap:var(--space-sm)}.monthly-stats__month{font-size:.82rem;color:var(--color-text-muted);text-transform:capitalize}.monthly-stats__bar-wrap{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.monthly-stats__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.monthly-stats__count{min-width:24px;text-align:right;font-size:.82rem;font-weight:600;color:var(--color-text)}.monthly-stats--compact{margin-top:var(--space-sm);margin-bottom:0;padding:12px;background:#080c188c}.monthly-stats--compact .monthly-stats__title{font-size:.66rem;margin-bottom:10px}.monthly-stats--compact .monthly-stats__list{gap:6px}.monthly-stats--compact .monthly-stats__row{grid-template-columns:minmax(72px,auto) 1fr auto;gap:6px}.monthly-stats--compact .monthly-stats__month,.monthly-stats--compact .monthly-stats__count,.monthly-stats--compact .monthly-stats__empty{font-size:.76rem}.monthly-stats--compact .monthly-stats__bar-wrap{height:7px}.models{margin-bottom:var(--space-md)}.models__label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.models__list{display:flex;flex-wrap:wrap;gap:6px}.models__pill{background:#4d8aff1a;border:1px solid rgba(77,138,255,.2);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:500;color:var(--color-primary);animation:fadeIn .3s ease backwards}.models__pill:nth-child(2){animation-delay:.05s}.models__pill:nth-child(3){animation-delay:.1s}.models__pill:nth-child(4){animation-delay:.15s}.models__pill:nth-child(5){animation-delay:.2s}.models__pill:nth-child(6){animation-delay:.25s}.models__pill:nth-child(7){animation-delay:.3s}.models__pill:nth-child(8){animation-delay:.35s}.models__pill:nth-child(9){animation-delay:.4s}.models__pill:nth-child(10){animation-delay:.45s}.models__pill:nth-child(11){animation-delay:.5s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cost-card{background:#ffc13c0f;border:1px solid rgba(255,193,60,.15);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);animation:slideUp .3s ease}.cost-card__header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:#e0a830;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.cost-card__price{font-size:1.6rem;font-weight:700;color:#ffc13c;margin-bottom:2px}.cost-card__tokens{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.cost-card__sep{color:var(--color-text-dim)}.download-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.btn-download{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:14px var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,#3a6fd8 100%);color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);box-shadow:0 4px 16px #4d8aff4d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4d8aff73}.btn-download:active{transform:translateY(0)}.btn-download--csv{background:linear-gradient(135deg,#00b894,#00a67f);box-shadow:0 4px 16px #00b8944d}.btn-download--csv:hover{box-shadow:0 8px 28px #00b89466}.error{margin-top:var(--space-md);background:var(--color-error-bg);border:1px solid rgba(255,92,124,.2);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--color-error);font-size:.85rem;animation:slideUp .3s ease}.error__title{font-weight:600;margin-bottom:var(--space-xs)}.footer{margin-top:var(--space-xl);text-align:center;color:var(--color-text-dim);font-size:.75rem;position:relative;z-index:1}.stage-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-md);position:relative;z-index:1}.stage-step{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--color-text-dim);transition:var(--transition-normal)}.stage-step--active{color:var(--color-accent)}.stage-step--done{color:var(--color-success)}.stage-step__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim);transition:var(--transition-normal)}.stage-step--active .stage-step__dot{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);animation:pulse 1.5s ease-in-out infinite}.stage-step--done .stage-step__dot{background:var(--color-success)}.stage-step__line{width:32px;height:2px;background:var(--color-text-dim);margin:0 8px;border-radius:1px;transition:var(--transition-normal)}.stage-step__line--done{background:var(--color-success)}@media(max-width:860px){.header{flex-direction:column;align-items:stretch}.header__auth{min-width:0;width:100%}}@media(max-width:640px){.header__title{font-size:1.8rem}.header__auth{grid-template-columns:1fr}.header__logout{width:100%}.card{padding:var(--space-lg)}.mode-toggle{flex-direction:column;align-items:stretch}.switch{align-self:flex-end}.dropzone{padding:var(--space-xl) var(--space-md)}.stats,.download-actions{grid-template-columns:1fr}.monthly-stats__row{grid-template-columns:minmax(74px,auto) 1fr auto}}