@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root,[data-theme=dark]{--tp-primary:#6366f1;--tp-primary-light:#818cf8;--tp-bg:#07080b;--tp-surface:#0e0f17;--tp-surface-2:#151622;--tp-surface-3:#1d1e2e;--tp-border:#212338;--tp-border-subtle:#161726;--tp-text:#f1f5f9;--tp-text-heading:#fff;--tp-text-muted:#94a3b8;--tp-text-faint:#64748b;--tp-success:#10b981;--tp-warning:#f59e0b;--tp-danger:#ef4444;--tp-radius:8px;--tp-radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--tp-bg);color:var(--tp-text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5}.cmd-container{max-width:1400px;margin:0 auto;padding:24px 32px}.cmd-card{background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);padding:20px}.cmd-btn{border-radius:var(--tp-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .12s;display:inline-flex}.cmd-btn-primary{background:var(--tp-primary);color:#fff}.cmd-btn-primary:hover{background:#4f46e5}.cmd-badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.cmd-badge-success{color:#34d399;background:#10b98126}.cmd-badge-warning{color:#fbbf24;background:#f59e0b26}.cmd-badge-error{color:#f87171;background:#ef444426}.cmd-btn-danger{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.cmd-btn-danger:hover{background:#ef444438}.cmd-shell{min-height:100vh;display:flex}.cmd-sidebar{background:var(--tp-surface);border-right:1px solid var(--tp-border);flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0}.cmd-nav-item{text-align:left;border-radius:var(--tp-radius);width:100%;color:var(--tp-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;margin-bottom:2px;padding:9px 12px;font-size:.875rem;font-weight:600;transition:all .12s;display:block}.cmd-nav-item:hover{background:var(--tp-surface-2);color:var(--tp-text)}.cmd-nav-active{color:#fff;background:#6366f124;border-color:#6366f159}.cmd-main{flex-direction:column;flex:1;min-width:0;display:flex}.cmd-header{background:var(--tp-surface);border-bottom:1px solid var(--tp-border);z-index:1080;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.cmd-content{width:100%;max-width:1400px;margin:0 auto;padding:28px}.cmd-operator-btn{background:var(--tp-surface-2);border:1px solid var(--tp-border);cursor:pointer;border-radius:9999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:border-color .12s;display:flex}.cmd-operator-btn:hover{border-color:var(--tp-primary)}.cmd-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:flex}.cmd-dropdown{background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);z-index:1100;width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000008c}.cmd-dropdown-item{text-align:left;width:100%;color:var(--tp-text);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:.8125rem;font-weight:600;display:block}.cmd-dropdown-item:hover{background:var(--tp-surface-2)}.cmd-dropdown-danger{color:#f87171;border-top:1px solid var(--tp-border-subtle)}.cmd-input{border-radius:var(--tp-radius);background:var(--tp-surface-2);border:1px solid var(--tp-border);color:#fff;width:100%;padding:8px 12px;font-family:inherit;font-size:.875rem}.cmd-input:focus{border-color:var(--tp-primary);outline:none}select.cmd-input option{background:var(--tp-surface-2)}.cmd-login-wrap{background:radial-gradient(1000px 500px at 50% -10%, #6366f126, transparent), var(--tp-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.cmd-login-card{background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);width:100%;max-width:440px;padding:32px;box-shadow:0 24px 64px #00000080}.cmd-alert-error{color:#fca5a5;border-radius:var(--tp-radius);background:#ef44441a;border:1px solid #ef444459;padding:10px 14px;font-size:.8125rem;font-weight:600}:root,[data-theme=dark]{--tp-primary-faint:#6366f11f;--tp-danger-faint:#ef44441f;--tp-success-faint:#10b9811f;--tp-radius-xl:16px;--tp-shadow-lg:0 12px 48px #000000b3;--tp-transition:.12s cubic-bezier(.4,0,.2,1);--tp-primary-dark:#4f46e5}.tp-btn{cursor:pointer;border-radius:var(--tp-radius);transition:all var(--tp-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex}.tp-btn-primary{background:var(--tp-primary);color:#fff}.tp-btn-secondary{background:var(--tp-surface-2);color:var(--tp-text);border:1px solid var(--tp-border)}.tp-btn-full{width:100%}.tp-login-page{background:radial-gradient(circle at 50% 15%, #6366f11f 0%, transparent 60%), var(--tp-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.tp-login-page .tp-btn{border-radius:var(--tp-button-radius,var(--tp-radius))}.tp-login-card{background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:var(--tp-radius-xl);width:100%;max-width:440px;box-shadow:var(--tp-shadow-lg);box-sizing:border-box;padding:36px 32px 44px}.tp-login-header{text-align:center;margin-bottom:28px}.tp-login-logo{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.tp-login-logo span{color:var(--tp-primary-light)}.tp-login-subtitle{color:var(--tp-text-muted);margin-top:6px;font-size:.875rem}.tp-login-form{flex-direction:column;gap:16px;display:flex}.tp-form-field{flex-direction:column;gap:6px;display:flex}.tp-form-label{color:var(--tp-text-muted);font-size:.8125rem;font-weight:500}.tp-form-input{background:var(--tp-surface-2);border:1px solid var(--tp-border);border-radius:var(--tp-radius);width:100%;color:var(--tp-text);transition:all var(--tp-transition);padding:10px 14px;font-family:inherit;font-size:.9375rem}.tp-form-input:focus{border-color:var(--tp-primary);box-shadow:0 0 0 2px var(--tp-primary-faint);outline:none}.tp-form-error{color:var(--tp-danger);font-size:.75rem}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-auth-logo{justify-content:center;margin-bottom:14px;display:flex}.tp-auth-title{text-align:center;margin:0 0 6px;font-size:1.125rem;font-weight:600}.tp-auth-description{color:var(--tp-text-muted);text-align:center;margin:0 0 20px;font-size:.8125rem;line-height:1.5}.tp-auth-title:not(:has(+.tp-auth-description)){margin-bottom:20px}.tp-auth-submit{text-align:center;box-sizing:border-box;justify-content:center;margin-top:4px;padding:12px;text-decoration:none}.tp-auth-link{text-align:center;color:var(--tp-primary-light);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:.8125rem;text-decoration:none;display:block}.tp-auth-link:hover{text-decoration:underline}.tp-auth-footer{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 0;font-size:.75rem;display:flex}.tp-auth-footer a{color:var(--tp-primary-light)}.tp-auth-row{justify-content:space-between;align-items:center;display:flex}.tp-form-hint{color:var(--tp-text-muted);margin:0;font-size:.75rem}.tp-form-input-error{border-color:var(--tp-danger)}.tp-form-alert{border-radius:var(--tp-radius);border:1px solid #0000;padding:10px 14px;font-size:.8125rem;line-height:1.45}.tp-form-alert-error{background:var(--tp-danger-faint);border-color:var(--tp-danger);color:var(--tp-danger)}.tp-form-alert-success{background:var(--tp-success-faint,#22c55e1f);border-color:var(--tp-success,#22c55e);color:var(--tp-success,#22c55e)}.tp-password-wrap{align-items:center;display:flex;position:relative}.tp-password-input{padding-right:42px}.tp-password-toggle{color:var(--tp-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:10px}.tp-password-toggle:hover{color:var(--tp-text)}.tp-auth-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:420px){.tp-auth-grid{grid-template-columns:1fr}}.tp-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite tp-btn-spin;display:inline-block}@keyframes tp-btn-spin{to{transform:rotate(360deg)}}.tp-btn:disabled{opacity:.6;cursor:not-allowed}.tp-split{background:var(--tp-bg);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:100vh;display:grid}.tp-split-form{background:radial-gradient(circle at 50% 0%, #6366f11a 0%, transparent 55%), var(--tp-bg);justify-content:center;align-items:center;padding:40px 28px;display:flex}.tp-split-formwrap{width:100%;max-width:400px}.tp-split-form .tp-login-header{margin-bottom:24px}.tp-split-form .tp-btn{border-radius:var(--tp-button-radius,var(--tp-radius))}.tp-split-visual{isolation:isolate;color:#e5e7ff;background:radial-gradient(120% 90% at 0 0,#1a1c4a 0%,#0000 55%),radial-gradient(90% 80% at 100% 100%,#0b3a4a 0%,#0000 55%),#05060d;border-right:1px solid #818cf82e;flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.tp-visual-grid{z-index:-1;opacity:.55;background-image:linear-gradient(#818cf824 1px,#0000 1px),linear-gradient(90deg,#818cf824 1px,#0000 1px);background-size:56px 56px;animation:28s linear infinite tp-grid-drift;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(at 50% 45%,#000 20%,#0000 72%);mask-image:radial-gradient(at 50% 45%,#000 20%,#0000 72%)}.tp-orb{z-index:-1;filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.tp-orb-a{background:#6366f1;width:380px;height:380px;animation:16s ease-in-out infinite tp-float;top:-120px;left:-80px}.tp-orb-b{opacity:.38;background:#06b6d4;width:320px;height:320px;animation:19s ease-in-out infinite reverse tp-float;bottom:-110px;right:-60px}.tp-orb-c{opacity:.25;background:#a855f7;width:220px;height:220px;animation:23s ease-in-out infinite tp-float;top:46%;left:52%}@keyframes tp-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(34px,-28px)scale(1.08)}}@keyframes tp-grid-drift{to{transform:translate(56px,56px)}}.tp-visual-top{align-items:center;gap:12px;display:flex}.tp-visual-name{letter-spacing:-.02em;color:#fff;font-size:1.05rem;font-weight:800}.tp-visual-name span{color:#818cf8}.tp-visual-foot{letter-spacing:.14em;text-transform:uppercase;color:#c7d2feb3;flex-wrap:wrap;gap:10px;font-size:.6875rem;display:flex}.tp-visual-foot span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f112880;border:1px solid #818cf847;border-radius:999px;padding:5px 10px}.tp-quotes{outline:none;width:100%;max-width:560px;margin:0 auto;position:relative}.tp-quotes-counter{letter-spacing:.18em;color:#a5b4fcb3;margin-bottom:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.tp-quotes-counter span{color:#a5b4fc}.tp-quotes-stage{-webkit-backdrop-filter:blur(14px);background:linear-gradient(145deg,#1e204e8c,#0a0c208c);border:1px solid #818cf847;border-radius:20px;min-height:270px;padding:30px 32px 28px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 20px 60px #00000080,0 0 60px #6366f12e}.tp-quotes-stage:before{content:"“";color:#818cf829;pointer-events:none;font-family:Georgia,serif;font-size:7rem;line-height:1;position:absolute;top:4px;right:22px}.tp-quote{opacity:0;filter:blur(6px);pointer-events:none;flex-direction:column;justify-content:center;gap:16px;margin:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;display:flex;position:absolute;inset:30px 32px 28px;transform:translateY(14px)}.tp-quote.is-active{opacity:1;filter:none;pointer-events:auto;transform:none}.tp-quote-tag{letter-spacing:.2em;color:#22d3ee;text-shadow:0 0 12px #22d3ee80;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem}.tp-quote-text{letter-spacing:-.01em;color:#fff;margin:0;font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:600;line-height:1.45}.tp-quote-by{color:#c7d2fed9;align-items:center;gap:12px;font-size:.8125rem;display:flex}.tp-quote-by:before{content:"";background:linear-gradient(90deg,#6366f1,#22d3ee);border-radius:2px;width:34px;height:2px;box-shadow:0 0 10px #6366f1cc}.tp-quotes-progress{transform-origin:0;background:linear-gradient(90deg,#6366f1,#22d3ee);border-radius:2px;height:2px;margin:14px 4px 0;animation:linear forwards tp-progress;box-shadow:0 0 10px #22d3ee80}@keyframes tp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tp-quotes-dots{gap:8px;margin-top:16px;padding:0 4px;display:flex}.tp-quotes-dot{cursor:pointer;background:#a5b4fc4d;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.tp-quotes-dot:hover{background:#a5b4fc99}.tp-quotes-dot.is-active{background:linear-gradient(90deg,#6366f1,#22d3ee);width:26px}.tp-quotes-dot:focus-visible,.tp-quotes:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.tp-sso{margin-top:22px}.tp-sso-divider{color:var(--tp-text-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:.75rem;display:flex}.tp-sso-divider:before,.tp-sso-divider:after{content:"";background:var(--tp-border);flex:1;height:1px}.tp-sso-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.tp-sso-btn{border-radius:var(--tp-button-radius,var(--tp-radius));border:1px solid var(--tp-border);background:var(--tp-surface-2);color:var(--tp-text);justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s,transform .12s;display:inline-flex}.tp-sso-btn:hover{border-color:var(--tp-primary);background:var(--tp-surface-3,var(--tp-surface-2));transform:translateY(-1px)}@media (max-width:960px){.tp-split{grid-template-columns:1fr}.tp-split-visual{display:none}}@media (prefers-reduced-motion:reduce){.tp-visual-grid,.tp-orb,.tp-quotes-progress{animation:none}.tp-quote{filter:none;transition:opacity .15s linear;transform:none}}.tp-form-brand-default{display:none}@media (max-width:960px){.tp-form-brand-default{display:block}}[data-theme=light]{--tp-bg:#f8fafc;--tp-surface:#fff;--tp-surface-2:#f1f5f9;--tp-surface-3:#e2e8f0;--tp-border:#e2e8f0;--tp-border-subtle:#f1f5f9;--tp-border-hover:#cbd5e1;--tp-text:#0f172a;--tp-text-heading:#0f172a;--tp-text-muted:#64748b;--tp-text-faint:#94a3b8;--tp-shadow-sm:0 1px 2px #0000000a;--tp-shadow:0 4px 16px #0000000f;--tp-shadow-lg:0 12px 32px #00000014;--tp-logo-shield-start:#0f172a;--tp-logo-shield-end:#020617;--tp-logo-border-start:#4f46e5;--tp-logo-border-mid:#7c3aed;--tp-logo-border-end:#2563eb;--tp-logo-inner-stroke:#fff3;--tp-logo-symbol-color:#fff}.tp-split-form{position:relative}.tp-theme-slot{position:absolute;top:18px;right:18px}.tp-theme-toggle{border:1px solid var(--tp-border);background:var(--tp-surface-2);width:38px;height:38px;color:var(--tp-text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:color .12s,border-color .12s,transform .12s;display:inline-flex}.tp-theme-toggle:hover{color:var(--tp-text);border-color:var(--tp-primary);transform:rotate(12deg)}.tp-theme-toggle:focus-visible{outline:2px solid var(--tp-primary);outline-offset:2px}.tp-split-form .tp-login-logo{color:var(--tp-text-heading,var(--tp-text))}[data-theme=light] .tp-split-form{background:radial-gradient(circle at 50% 0%, #6366f114 0%, transparent 55%), var(--tp-bg)}[data-theme=light] .tp-split-form .tp-login-logo span{color:var(--tp-primary)}[data-theme=light] .tp-sso-btn:hover{background:var(--tp-surface-3)}