:root{--bg: #020617;--bg-elevated: #020a16;--card: #020617;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .15);--border-subtle: #1f2937;--border-strong: #374151;--text: #e5e7eb;--muted: #9ca3af;--danger: #f97373;--danger-soft: rgba(248, 113, 113, .15);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at top,#0f172a 0,#020617 55%);color:var(--text)}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-root{min-height:100vh;display:flex;flex-direction:column}.main-layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:radial-gradient(circle at top left,#0b1120 0,#020617 60%)}@media(max-width:900px){.main-layout{grid-template-columns:minmax(0,1fr)}}.sidebar{border-right:1px solid var(--border-subtle);background:linear-gradient(180deg,#020617,#020617f0);padding:1rem 1.25rem}.sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.sidebar-logo{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#4ade80,#16a34a 45%,#14532d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#ecfdf5;font-size:.9rem;box-shadow:0 0 20px #22c55e99}.sidebar-title{font-weight:700;letter-spacing:.08em;font-size:.78rem;text-transform:uppercase}.sidebar-subtitle{font-size:.7rem;color:var(--muted)}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.nav-item{font-size:.85rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:.6rem;color:var(--muted);border:1px solid transparent}.nav-link span.icon{width:18px;text-align:center}.nav-link.active{background:var(--accent-soft);color:#bbf7d0;border-color:#22c55e4d}.nav-link:hover{background:#0f172acc;color:var(--text);border-color:#374151cc}.nav-footer{margin-top:2rem;font-size:.75rem;color:var(--muted)}.main-content{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(to right,#0f172af5,#0f172ae6)}.topbar-title{font-size:.95rem;font-weight:500}.topbar-chip{border-radius:999px;padding:.15rem .65rem;border:1px solid rgba(148,163,184,.4);font-size:.7rem;color:var(--muted);display:inline-flex;align-items:center;gap:.35rem}.topbar-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px #22c55e66}.content-inner{padding:1.5rem;width:100%;margin:0 auto}.card{background:radial-gradient(circle at top,#020617,#020617f5 55%);border-radius:1.25rem;border:1px solid var(--border-subtle);-webkit-box-shadow:1px 3px 13px 5px rgba(0,0,0,.39);box-shadow:1px 3px 13px 5px #00000063;padding:1.1rem 1.25rem}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem}.card-title{font-size:.95rem;font-weight:600}.card-subtitle{font-size:.78rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;padding:.35rem .9rem;font-size:.8rem;cursor:pointer;font-weight:500;gap:.3rem}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 10px 25px #22c55e73}.btn-outline{background:transparent;border:1px solid rgba(148,163,184,.5);color:var(--text)}.btn-outline:hover{border-color:var(--accent)}.input,textarea{width:100%;border-radius:.6rem;border:1px solid var(--border-strong);background:#0f172ae6;padding:.4rem .6rem;color:var(--text);font-size:.82rem}.input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #22c55e66}.login-root{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}@media(max-width:900px){.login-root{grid-template-columns:minmax(0,1fr)}}.login-hero{padding:2rem;background:radial-gradient(circle at top,#22c55e22,#020617 55%);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between}.login-hero-main{max-width:420px}.login-hero-title{font-size:1.6rem;font-weight:700;margin-bottom:.75rem}.login-hero-subtitle{font-size:.9rem;color:var(--muted)}.login-hero-footer{font-size:.75rem;color:var(--muted)}.login-form-wrapper{padding:2rem 1.75rem;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px}.modal-backdrop{position:fixed;inset:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#020617;border-radius:1rem;border:1px solid var(--border-strong);box-shadow:0 20px 40px #0f172ae6;width:100%;max-width:420px;padding:1rem 1.1rem 1.25rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modal-title{font-size:.95rem;font-weight:600}.modal-close{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table th,.table td{padding:.4rem .25rem;border-bottom:1px solid var(--border-subtle);text-align:left}.table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:999px;font-size:.68rem;border:1px solid rgba(148,163,184,.5);color:var(--muted)}.badge-accent{border-color:#22c55eb3;color:#bbf7d0;background:var(--accent-soft)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:.9rem}.mt-lg{margin-top:1.4rem}.page-transition{animation:pageFadeSlideIn .26s ease-out}@keyframes pageFadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{animation:backdropFadeIn .16s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalScaleIn .19s ease-out}@keyframes modalScaleIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.main-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;border-right:none;border-bottom:1px solid var(--border-subtle);padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar-header{margin-bottom:0}.nav-list{flex-direction:row;align-items:center;justify-content:flex-end;gap:.25rem;overflow-x:auto;padding-bottom:.1rem;margin-left:.5rem}.nav-link{padding:.3rem .55rem;font-size:.78rem;white-space:nowrap}.nav-footer{display:none}.topbar{padding:.6rem .9rem}.content-inner{padding:1rem .9rem 1.3rem}.grid-2{grid-template-columns:minmax(0,1fr)}.card{border-radius:1rem;padding:.9rem}.login-root{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.login-form-wrapper{padding:1.75rem 1.25rem}}html[data-theme=light]{--bg: #f3f4f6;--bg-elevated: #ffffff;--bg-subtle: #e5e7eb;--border-subtle: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--muted: #6b7280}html[data-theme=light] .login-hero{background:linear-gradient(135deg,#dbeafe,#eef2ff 40%,#fff);color:#1e293b;border-right:1px solid #e2e8f0}html[data-theme=light] .login-hero-title{color:#0f172a}html[data-theme=light] .login-hero-subtitle{color:#475569}html[data-theme=dark] .login-hero{background:linear-gradient(135deg,#0f172a,#1e293b 40%,#111827)}html[data-theme=light] body{background:radial-gradient(circle at top,#e5e7eb 0,#f9fafb 55%);color:var(--text)}html[data-theme=light] .main-layout{background:transparent}html[data-theme=light] .sidebar{background:#fff;border-right-color:#e5e7eb}html[data-theme=light] .topbar{background:#ffffffe6;border-bottom-color:#e5e7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-theme=light] .card{background:#fff;border-color:#e5e7eb}html[data-theme=light] .input,html[data-theme=light] textarea{background:#f9fafb;border-color:#e5e7eb}html[data-theme=light] .badge{background:#eef2ff;color:#4f46e5}html[data-theme=light] .nav-link-active{background:#e0f2fe;color:#0369a1}html.theme-transition,html.theme-transition *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,fill .5s ease,stroke .5s ease}html[data-theme=light] .nav-link{color:#4b5563;background:transparent}html[data-theme=light] .nav-link-active{background:#0f172a!important;color:#f9fafb!important;font-weight:600}html[data-theme=light] .nav-link-active svg{stroke:#f9fafb!important;fill:#f9fafb!important}.components-container{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.25rem;flex:0 0 auto}.field--small{flex:0 0 auto}@media(max-width:640px){.components-container{flex-direction:column;align-items:stretch}.field,.field--small{flex:1 1 auto}.btn-evaluate{width:100%;text-align:center}}.btn-spinner{width:14px;height:14px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-btn .7s linear infinite}@keyframes spin-btn{to{transform:rotate(360deg)}}.tabs-container{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:.4rem;margin-bottom:1rem}.tab:hover{background:#94a3b81f}.tab{position:relative;display:inline-flex;align-items:center;gap:6px;border:none;background:#94a3b81f;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;cursor:pointer;color:var(--muted, #6b7280);transition:.15s ease}.tab--active{background:var(--accent-soft, rgba(59, 130, 246, .12));color:var(--accent-strong, #2563eb);border:1px solid rgba(59,130,246,.35);font-weight:600}.tab-close{font-size:.85rem;color:#9ca3af;cursor:pointer;padding:0 4px;border-radius:50%;transition:.15s}.tab-close:hover{color:#ef4444;background:#ef44441a}.tab-content{opacity:0;transform:translateY(4px);animation:tabFadeIn .5s ease-out forwards}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.basic-tier-button-margin,.free-tier-button-margin{height:95px}@media(max-width:640px){.basic-tier-button-margin,.free-tier-button-margin{height:5px}}