@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";.login-container{z-index:9999;opacity:0;background:#050a1a;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.login-container.mounted{opacity:1}#space-stars-1{pointer-events:none;z-index:0;background:0 0;width:100%;height:100%;animation:4s ease-in-out infinite alternate twinkle1;position:absolute;inset:0;box-shadow:12px 45px #fff9,150px 120px #ffffff80,320px 80px #fff6,480px 200px #ffffffb3,620px 30px #ffffff80,780px 160px #fff9,900px 90px #fff6,1050px 250px #ffffff80,1200px 60px #fff9,1350px 180px #ffffff80,80px 300px #fff6,240px 380px #fff9,400px 450px #ffffff80,560px 320px #ffffffb3,700px 500px #fff6,850px 420px #fff9,1000px 350px #ffffff80,1150px 480px #fff6,1300px 400px #ffffffb3,50px 550px #ffffff80,200px 620px #fff9,360px 580px #fff6,520px 650px #ffffff80,680px 600px #ffffffb3,840px 700px #fff6,1000px 680px #fff9,1160px 750px #ffffff80,1320px 620px #fff6,130px 780px #fff9,290px 850px #ffffff80,450px 800px #ffffffb3,610px 870px #fff6,770px 810px #fff9,930px 900px #ffffff80,1090px 860px #fff6,1250px 920px #ffffffb3,40px 960px #ffffff80,200px 1020px #fff9,360px 980px #fff6,520px 1050px #ffffff80}#space-stars-2{pointer-events:none;z-index:0;background:0 0;width:100%;height:100%;animation:6s ease-in-out infinite alternate twinkle2;position:absolute;inset:0;box-shadow:100px 70px 0 .5px #b4d2ffb3,350px 150px 0 .5px #b4d2ff80,580px 280px 0 .5px #b4d2ff99,820px 50px 0 .5px #b4d2ffcc,1100px 190px 0 .5px #b4d2ff80,1380px 110px 0 .5px #b4d2ffb3,230px 420px 0 .5px #b4d2ff99,460px 520px 0 .5px #b4d2ff80,690px 380px 0 .5px #b4d2ffb3,920px 560px 0 .5px #b4d2ff99,1160px 440px 0 .5px #b4d2ffcc,70px 640px 0 .5px #b4d2ff80,310px 720px 0 .5px #b4d2ffb3,540px 800px 0 .5px #b4d2ff99,780px 680px 0 .5px #b4d2ff80,1010px 760px 0 .5px #b4d2ffcc,1250px 700px 0 .5px #b4d2ff99,160px 900px 0 .5px #b4d2ffb3,400px 960px 0 .5px #b4d2ff80,640px 920px 0 .5px #b4d2ff99,880px 1000px 0 .5px #b4d2ffb3,1120px 880px 0 .5px #b4d2ff80,1360px 950px 0 .5px #b4d2ffcc}#space-stars-3{pointer-events:none;z-index:0;background:0 0;width:100%;height:100%;animation:8s ease-in-out infinite alternate twinkle3;position:absolute;inset:0;box-shadow:250px 100px 0 1px #c8e1ffe6,700px 220px 0 1px #c8e1ffb3,1150px 80px 0 1px #c8e1ffcc,400px 500px 0 1px #c8e1ff99,850px 440px 0 1px #c8e1ffe6,1300px 360px 0 1px #c8e1ffb3,150px 700px 0 1px #c8e1ffcc,600px 750px 0 1px #c8e1ff99,1050px 650px 0 1px #c8e1ffe6,300px 900px 0 1px #c8e1ffb3,750px 880px 0 1px #c8e1ffcc,1200px 820px 0 1px #c8e1ff99,500px 1020px 0 1px #c8e1ffe6,950px 980px 0 1px #c8e1ffb3}@keyframes twinkle1{0%{opacity:.6}50%{opacity:1}to{opacity:.5}}@keyframes twinkle2{0%{opacity:.5}50%{opacity:.9}to{opacity:.4}}@keyframes twinkle3{0%{opacity:.4}50%{opacity:1}to{opacity:.6}}.floating-text{color:#64b4ff1f;letter-spacing:2px;text-transform:uppercase;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;text-shadow:0 0 20px #64b4ff14;will-change:transform;font-family:Segoe UI,Inter,sans-serif;font-weight:700;animation:12s ease-in-out infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-18px)rotate(.5deg)}50%{transform:translateY(-8px)rotate(-.3deg)}75%{transform:translateY(-22px)rotate(.3deg)}to{transform:translateY(0)rotate(0)}}.network-canvas{pointer-events:none;z-index:0;opacity:.03;background-image:linear-gradient(#64b4ff4d 1px,#0000 1px),linear-gradient(90deg,#64b4ff4d 1px,#0000 1px),radial-gradient(circle at 20% 30%,#64b4ff26 0%,#0000 50%),radial-gradient(circle at 80% 70%,#3c8cdc1a 0%,#0000 50%);background-size:120px 120px,120px 120px,100% 100%,100% 100%;width:100%;height:100%;position:absolute;inset:0}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);opacity:0;background:#0a1228a6;border:1px solid #64b4ff1f;border-radius:20px;width:100%;max-width:440px;padding:40px;animation:.9s cubic-bezier(.22,1,.36,1) forwards cardEntrance;position:relative;transform:translateY(40px);box-shadow:0 8px 32px #00000080,0 0 60px #3c82dc0f,inset 0 1px #ffffff0a}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#64b4ff80,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:20%;right:20%}.login-logo-area{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-logo{object-fit:contain;filter:hue-rotate(210deg)brightness(1.2);background:#14285080;border:1px solid #64b4ff26;border-radius:50%;width:72px;height:72px;margin-bottom:16px;padding:8px;transition:box-shadow .4s,transform .4s;box-shadow:0 0 24px #3c82dc26,0 0 48px #3c82dc0f}.login-logo:hover{transform:scale(1.05);box-shadow:0 0 32px #3c82dc40,0 0 64px #3c82dc1a}.login-brand-title{color:#e0ecff;letter-spacing:3px;text-shadow:0 0 20px #64b4ff26;margin:0;font-size:28px;font-weight:800}.login-subtitle{color:#8caadc99;letter-spacing:4px;text-transform:uppercase;margin:8px 0 0;font-size:12px;font-weight:400}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-input-group label{color:#a0bef0b3;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.login-input-wrapper{background:#081023b3;border:1px solid #64b4ff1a;border-radius:12px;align-items:center;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative}.login-input-wrapper:focus-within{background:#0a142dcc;border-color:#64b4ff59;box-shadow:0 0 16px #3c82dc1a,inset 0 0 12px #3c82dc08}.login-input-icon{color:#64a0f066;flex-shrink:0;justify-content:center;align-items:center;width:44px;transition:color .3s;display:flex}.login-input-wrapper:focus-within .login-input-icon{color:#64b4ffb3}.login-input{color:#d0dfff;letter-spacing:.3px;background:0 0;border:none;outline:none;flex:1;padding:14px 14px 14px 0;font-family:inherit;font-size:15px;font-weight:400}.login-input::placeholder{color:#82a0d24d}.login-input:hover,.login-input:focus{background:0 0}.login-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d0dfff!important;-webkit-box-shadow:inset 0 0 0 1000px #081023e6!important}.login-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d0dfff!important;-webkit-box-shadow:inset 0 0 0 1000px #081023e6!important}.login-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d0dfff!important;-webkit-box-shadow:inset 0 0 0 1000px #081023e6!important}.login-password-toggle{color:#64a0f059;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;transition:color .25s,background .25s;display:flex}.login-password-toggle:hover{color:#64b4ffb3;background:#64b4ff0f}.login-checkbox-group{align-items:center;gap:8px;margin-top:-4px;display:flex}.login-checkbox-group input[type=checkbox]{appearance:none;cursor:pointer;background:#08102399;border:1.5px solid #64b4ff33;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:border-color .25s,background .25s,box-shadow .25s;position:relative}.login-checkbox-group input[type=checkbox]:checked{background:#3c82dc4d;border-color:#64b4ff80;box-shadow:0 0 8px #3c82dc26}.login-checkbox-group input[type=checkbox]:checked:after{content:"✓";color:#80bfff;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-checkbox-group label{color:#8caadc99;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;transition:color .25s}.login-checkbox-group label:hover{color:#a0c3f0cc}.login-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);border:1px solid #64b4ff26;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;padding:15px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .3s,filter .3s;display:flex;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)scale(1.01);box-shadow:0 6px 24px #2563eb59,0 0 40px #2563eb1a}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)scale(.99);box-shadow:0 2px 8px #2563eb33}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn .spin{animation:1s linear infinite loginSpin}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-error{color:#ff8a8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dc28281a;border:1px solid #ff505033;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:13px;font-weight:500;animation:.4s errorShake;display:flex}.login-error-icon{color:#ff6b6b;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}@keyframes errorShake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}.login-footer{text-align:center;z-index:10;animation:1.2s .6s both footerFadeIn;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.login-footer p{color:#7896c859;letter-spacing:.5px;margin:0;font-size:11px;line-height:1.8}.login-footer .login-footer-company{color:#8caadc66;letter-spacing:1px;font-size:12px;font-weight:600}@keyframes footerFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=520px){.login-card{border-radius:16px;max-width:100%;margin:0 16px;padding:28px 20px}.login-brand-title{letter-spacing:2px;font-size:22px}.login-subtitle{letter-spacing:2px;font-size:10px}.login-logo{width:56px;height:56px}.login-input{padding:12px 12px 12px 0;font-size:14px}.login-btn{padding:13px 20px;font-size:14px}.login-footer{bottom:12px}.login-footer p{font-size:10px}.floating-text{display:none}}@media (width<=360px){.login-card{margin:0 8px;padding:24px 16px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){#space-stars-1,#space-stars-2,#space-stars-3{image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.floating-text,#space-stars-1,#space-stars-2,#space-stars-3{animation:none!important}.login-card{opacity:1;transform:none;animation:none!important}.login-footer{opacity:1;animation:none!important}}:root{--jt-seed-primary:#1f2328;--jt-seed-accent:#305cde;--jt-neutral-0:#fff;--jt-neutral-50:#f7f8f9;--jt-neutral-100:#eef0f2;--jt-neutral-200:#dee2e6;--jt-neutral-300:#c5cbd1;--jt-neutral-400:#9da5af;--jt-neutral-500:#757f8a;--jt-neutral-600:#5a6470;--jt-neutral-700:#434b55;--jt-neutral-800:#2e343b;--jt-neutral-900:#1f2328;--jt-neutral-950:#14171a;--jt-gray-50:#f9fafb;--jt-gray-100:#f2f4f6;--jt-gray-200:#e5e8eb;--jt-gray-300:#d1d6db;--jt-gray-400:#b0b8c1;--jt-gray-500:#8b95a1;--jt-gray-600:#6b7684;--jt-gray-700:#4e5968;--jt-gray-800:#333d4b;--jt-gray-900:#191f28;--jt-color-primary-bg:#eef0f2;--jt-color-primary-border:#dee2e6;--jt-color-primary-hover:#2e343b;--jt-color-primary:#1f2328;--jt-color-primary-active:#14171a;--jt-color-primary-text:#1f2328;--jt-color-accent-bg:#eef3fe;--jt-color-accent-border:#d6e1fc;--jt-color-accent-hover:#5578e8;--jt-color-accent:#305cde;--jt-color-accent-active:#2a4ec0;--jt-color-accent-text:#24419e;--jt-green-50:#e7f7f0;--jt-green-100:#c2ecd9;--jt-green-500:#14a870;--jt-green-600:#0f8e5f;--jt-green-700:#0c744e;--jt-yellow-50:#fef6e4;--jt-yellow-100:#fbe8b4;--jt-yellow-500:#f0b01c;--jt-yellow-900:#6b4a0c;--jt-red-50:#fdecec;--jt-red-100:#fad3d3;--jt-red-500:#e14b4b;--jt-red-600:#c93a3f;--jt-red-700:#a82f35;--jt-blue-50:#eef3fe;--jt-blue-100:#d6e1fc;--jt-blue-300:#7e9df1;--jt-blue-400:#5578e8;--jt-blue-500:#305cde;--jt-blue-600:#2a4ec0;--jt-blue-700:#24419e;--jt-purple-500:#6c3baa;--jt-teal-500:#12a3a3;--jt-font-base:"Pretendard Variable", Pretendard, "Figtree", "Noto Sans SC", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", "PingFang SC", "Microsoft YaHei", "PingFang TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--jt-font-num:"Figtree", "Pretendard Variable", ui-monospace, sans-serif;--jt-fs-2xs:10px;--jt-fs-xs:11px;--jt-fs-sm:12px;--jt-fs-base:14px;--jt-fs-lg:16px;--jt-fs-xl:18px;--jt-fs-2xl:22px;--jt-fs-3xl:26px;--jt-fs-4xl:30px;--jt-lh-tight:1.35;--jt-lh-snug:1.45;--jt-lh-normal:1.6;--jt-lh-relaxed:1.75;--jt-space-1:4px;--jt-space-2:8px;--jt-space-3:12px;--jt-space-4:16px;--jt-space-5:20px;--jt-space-6:24px;--jt-space-7:32px;--jt-space-8:40px;--jt-space-9:48px;--jt-space-10:56px;--jt-space-11:64px;--jt-space-12:72px;--jt-r-sm:4px;--jt-r-md:8px;--jt-r-lg:16px;--jt-r-xl:24px;--jt-r-full:9999px;--jt-shadow-1:0 1px 2px #191f280f, 0 1px 3px #191f280a;--jt-shadow-2:0 2px 8px #191f280f, 0 1px 3px #191f280d;--jt-shadow-3:0 8px 24px #191f281a, 0 2px 6px #191f280f;--jt-shadow-4:0 20px 40px #191f2824, 0 4px 10px #191f2814;--jt-dur-instant:.1s;--jt-dur-fast:.16s;--jt-dur-base:.24s;--jt-dur-slow:.36s;--jt-dur-page:.48s;--jt-ease-standard:cubic-bezier(.4, 0, .2, 1);--jt-ease-decelerate:cubic-bezier(0, 0, .2, 1);--jt-ease-accelerate:cubic-bezier(.4, 0, 1, 1);--jt-color-text:var(--jt-neutral-900);--jt-color-text-secondary:var(--jt-neutral-500);--jt-color-text-tertiary:var(--jt-neutral-400);--jt-color-text-disabled:var(--jt-neutral-300);--jt-color-bg-layout:var(--jt-gray-50);--jt-color-bg-container:var(--jt-neutral-0);--jt-color-bg-elevated:var(--jt-neutral-0);--jt-color-border:var(--jt-neutral-200);--jt-color-split:var(--jt-neutral-100);--jt-color-link:var(--jt-color-accent);--jt-color-link-hover:var(--jt-color-accent-hover);--jt-color-focus-ring:var(--jt-color-accent);--jt-control-height:36px;--jt-control-height-sm:28px;--jt-control-height-lg:44px}[data-theme=dark]{--jt-color-text:#ffffffe0;--jt-color-text-secondary:#ffffff8c;--jt-color-text-tertiary:#ffffff61;--jt-color-bg-layout:#0f172a;--jt-color-bg-container:#1e293b;--jt-color-bg-elevated:#273449;--jt-color-border:#ffffff24;--jt-color-split:#ffffff14;--jt-color-primary:var(--jt-neutral-50);--jt-color-primary-text:var(--jt-neutral-900);--jt-color-accent:#7e9df1;--jt-color-link:#7e9df1;--jt-color-focus-ring:#7e9df1;--jt-elev-0:#0f172a;--jt-elev-1:#1e293b;--jt-elev-2:#273449;--jt-elev-3:#2e3c52;--jt-elev-4:#35435b;--jt-elev-hairline:inset 0 1px 0 #ffffff0f;--jt-shadow-dark:0 8px 24px #0000005c}:root,[data-theme=dark]{--radius-sm:6px;--radius-md:6px;--radius-lg:6px;--radius-xl:6px;--color-primary:var(--jt-blue-500);--color-primary-hover:var(--jt-blue-400);--color-primary-glow:#305cde40;--color-primary-rgb:48, 92, 222;--overlay-rgb:255, 255, 255;--overlay-black-rgb:0, 0, 0;--color-secondary:var(--jt-neutral-300);--color-secondary-hover:var(--jt-neutral-400);--color-danger:var(--jt-red-500);--color-danger-glow:#e14b4b33;--color-warning:var(--jt-yellow-500);--color-success:var(--jt-green-500);--color-info:var(--jt-blue-300);--color-bg-main:#0f172a;--color-bg-panel:#1e293b;--glass-bg:#1e293bb3;--glass-bg-hover:#334155d9;--glass-border:#cbd5e11f;--glass-border-focused:#305cde80;--text-main:#ffffffe0;--text-muted:#ffffff8c;--text-dark:#0f172a;--color-bg-modal:#0f172a;--border-modal:#7e9df133;--shadow-modal:0 20px 60px #00000080;--bg-input:#0000004d;--bg-input-hover:#00000080;--shadow-premium:0 8px 32px 0 #00000080;--shadow-emerald:0 0 20px 0 #cbd5e126;--transition-fast:all .2s ease;--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--bg-panel:var(--color-bg-panel);--bg-card:var(--color-bg-panel);--card-bg:var(--color-bg-panel);--bg-main:var(--color-bg-main);--bg-primary:var(--color-bg-main);--bg-canvas:var(--color-bg-main);--bg-secondary:var(--glass-bg);--bg-tertiary:var(--glass-bg-hover);--bg-lighter:var(--glass-bg-hover);--color-bg-sub:var(--glass-bg-hover);--primary-color:var(--color-primary);--accent-color:var(--color-primary);--accent:var(--color-primary);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--text-sub:var(--text-muted);--border-color:var(--glass-border);--text-muted-rgb:148, 163, 184;--bg-card-rgb:30, 41, 59}[data-theme=light]{--radius-sm:6px;--radius-md:6px;--radius-lg:6px;--radius-xl:6px;--color-primary:var(--jt-blue-500);--color-primary-hover:var(--jt-blue-600);--color-primary-glow:#305cde26;--color-primary-rgb:48, 92, 222;--overlay-rgb:0, 0, 0;--overlay-black-rgb:255, 255, 255;--color-secondary:var(--jt-gray-400);--color-secondary-hover:var(--jt-gray-500);--color-info:var(--jt-blue-500);--color-bg-main:var(--jt-gray-50);--color-bg-panel:#fff;--glass-bg:#ffffffe6;--glass-bg-hover:#f1f5f9;--glass-border:#94a3b84d;--glass-border-focused:#305cde80;--text-main:var(--jt-neutral-900);--text-muted:var(--jt-gray-700);--text-dark:#f8fafc;--color-bg-modal:#fff;--border-modal:#94a3b880;--shadow-modal:0 10px 40px #00000026;--bg-input:#f8fafc;--bg-input-hover:#f1f5f9;--shadow-premium:0 8px 32px 0 #0000000d;--shadow-emerald:0 0 20px 0 #94a3b833;--text-muted-rgb:78, 89, 104;--bg-card-rgb:255, 255, 255}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#0275d80d 0,#0000 50%),radial-gradient(at 100% 100%,#cbd5e10d 0,#0000 50%);min-height:100vh;font-family:Outfit,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);transition:var(--transition-fast);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-normal)}.glass-panel:hover{box-shadow:0 12px 40px 0 #00000080, var(--shadow-emerald);border-color:#ffffff26}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff05;padding:20px}.glass-card:hover{background:#ffffff0a;border-color:#10b9814d}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #0275d833}50%{box-shadow:0 0 25px #0275d866}}.pulse-border-emerald{animation:3s ease-in-out infinite pulse-glow;border-color:var(--color-primary)!important}input,select,textarea{background:var(--bg-input,rgba(var(--overlay-rgb), .05));border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}input:hover,select:hover,textarea:hover{background:var(--bg-input-hover,rgba(var(--overlay-rgb), .08))}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--bg-input,rgba(var(--overlay-rgb), .08));box-shadow:0 0 0 3px var(--color-primary-glow)}label{color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 4px 14px #0275d84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0275d880}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-hover));color:#fff;box-shadow:0 4px 14px #cbd5e14d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #cbd5e180}.btn-glass{background:rgba(var(--overlay-rgb), .05);border:1px solid var(--glass-border);color:var(--text-main)}.btn-glass:hover{background:rgba(var(--overlay-rgb), .1);border-color:rgba(var(--overlay-rgb), .2);color:var(--color-primary)}.btn-danger{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover{background:#ef444433;border-color:#ef444466;box-shadow:0 4px 14px #ef444426}.chip-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip-btn:hover{color:var(--text-main);background:#ffffff1a;border-color:#fff3}.chip-btn.delete:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=light] .chip-btn{background:#0000000a;border-color:#00000014}[data-theme=light] .chip-btn:hover{background:#00000014}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-emerald{color:var(--color-info);background:#0dcaf026;border:1px solid #0dcaf04d}.badge-purple{color:#cbd5e1;background:#cbd5e126;border:1px solid #cbd5e14d}.badge-danger{background:var(--color-danger-glow);color:#fca5a5;border:1px solid #ef44444d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.container{max-width:1400px;margin:0 auto;padding:24px}.main-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand-logo{background:linear-gradient(135deg, #cbd5e1, var(--color-primary));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-2,.grid-3{grid-template-columns:1fr}}.header-badge-proto{color:#cbd5e1;letter-spacing:.5px;background:linear-gradient(135deg,#cbd5e11a,#0275d81a);border:1px solid #cbd5e133;border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.header-btn-theme{background-color:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;border-radius:20px;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000000d}.header-btn-theme:hover{background-color:var(--color-bg-sub);transform:translateY(-1px)}.header-btn-logout{background:linear-gradient(135deg, var(--color-danger), #f43f5e);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef44444d}.header-btn-logout:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}option{background-color:var(--color-bg-panel);color:var(--text-main)}.sidebar{background:var(--glass-bg);border-right:1px solid var(--glass-border);z-index:10;width:220px;transition:var(--transition-normal);flex-direction:column;padding:24px 16px;display:flex;box-shadow:4px 0 24px #0003}.brand-logo-sidebar{align-items:center;gap:12px;margin-bottom:16px;padding:0 8px;display:flex}.brand-title{background:linear-gradient(135deg, #cbd5e1, var(--color-primary));-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.brand-subtitle{color:var(--text-muted);letter-spacing:.5px;margin:0;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-btn{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:12px;padding:12px 16px 12px 26px;font-size:15px;font-weight:500;display:flex}.sidebar-btn:hover{color:var(--text-main);background:#ffffff08;border-color:#ffffff0d;transform:translate(4px)}.sidebar-btn.active{color:var(--color-info);box-shadow:inset 3px 0 0 var(--color-primary);background:linear-gradient(135deg,#0ea5e91a,#6366f11a);border:1px solid #38bdf826;font-weight:600}.sidebar-footer{border-top:1px solid var(--glass-border);justify-content:center;margin-top:20px;padding-top:20px;display:flex}.prototype-badge{color:#a78bfa;letter-spacing:1px;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600}.resizer{cursor:col-resize;z-index:1;background:0 0;width:4px;height:100%;position:absolute;top:0;right:0}.resizer:hover{background:var(--color-primary);opacity:.5}.table-row-hover:hover{background:rgba(var(--overlay-rgb), .05)}.tab-navigation{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px;padding:10px;display:grid;border-radius:6px!important;padding:20px 28px!important}@media (width<=768px){.tab-navigation{grid-template-columns:repeat(2,1fr)}}.tab-btn{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.tab-btn.active{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 15px #0ea5e94d}.phase-card{border-left:4px solid var(--color-primary);margin-bottom:16px}.phase-card.phase-B{border-left-color:var(--color-secondary)}.phase-card.phase-C{border-left-color:var(--color-warning)}.experiment-row.weighed{opacity:.7;background:#10b9810d;border-color:#10b9814d;text-decoration:line-through}.experiment-row{transition:var(--transition-fast)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.marketing-result-box{background:var(--glass-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden}.marketing-result-box:before{content:"";background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary));width:4px;height:100%;position:absolute;top:0;left:0}.radar-chart-container{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff03;justify-content:center;align-items:center;height:250px;display:flex}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);width:48px;height:48px;color:var(--color-primary);cursor:pointer;z-index:999;opacity:0;pointer-events:none;border:1.5px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(15px)scale(.9);box-shadow:0 8px 32px #0000005e}.scroll-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-to-top-btn:hover{border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px var(--color-primary-glow), 0 12px 24px #00000080;background:#10b98126;animation:2s ease-in-out infinite floatUpDown;transform:translateY(-4px)scale(1.05)}.scroll-to-top-btn:active{box-shadow:0 0 8px var(--color-primary-glow);transform:translateY(-1px)scale(.98)}@keyframes floatUpDown{0%,to{transform:translateY(-4px)scale(1.05)}50%{transform:translateY(-8px)scale(1.05)}}.hero-header-panel{background:linear-gradient(135deg, var(--glass-bg) 0%, #0ea5e91a 100%);-webkit-backdrop-filter:blur(20px);border:1px solid #0ea5e933;border-left:4px solid var(--color-primary);margin-bottom:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a;border-radius:6px!important;padding:20px 28px!important}.hero-header-panel:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0ea5e91a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hero-header-panel>*{z-index:1;position:relative}.hero-header-panel h2{letter-spacing:-.5px;text-shadow:0 2px 10px #0ea5e94d;color:var(--text-main)!important;font-size:26px!important;font-weight:800!important}.hero-header-panel p{font-size:14px;color:var(--text-muted)!important}