*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f8f5ff;background:#10071f;isolation:isolate}button,input{font:inherit}button{cursor:pointer;transition:.2s ease}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible{outline:3px solid #c28cff;outline-offset:3px}button:disabled{opacity:.55}#workspace[hidden],#login[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 12%,#301454 0%,transparent 42%),linear-gradient(135deg,#100923 0%,#1a0c31 48%,#10091d 100%)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#ab6afe0a 1px,transparent 1px),linear-gradient(90deg,#ab6afe0a 1px,transparent 1px);background-size:63px 63px;mask-image:linear-gradient(transparent,#000 45%,transparent)}.ambient i{position:absolute;width:44vw;height:44vw;border-radius:50%;filter:blur(90px);opacity:.29;animation:float 17s ease-in-out infinite alternate}.ambient i:nth-of-type(1){background:#7627ce;top:-25%;left:-15%}.ambient i:nth-of-type(2){background:#ad51fa;bottom:-33%;right:-13%;animation-delay:-7s}.ambient i:nth-of-type(3){width:26vw;height:26vw;background:#4c24ac;top:30%;right:32%;animation-delay:-11s}@keyframes float{to{transform:translate(18%,14%) scale(1.15)}}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#c39bff}.violet-dot,.heading-spark{color:#bf7fff}.brand{display:flex;align-items:center;gap:10px;font-weight:500;font-size:16px;letter-spacing:1.8px}.brand strong{font-weight:900}.brandicon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:white;background:linear-gradient(145deg,#a256f3,#5525a7);font-size:26px;box-shadow:0 6px 26px #ae5fff48}.brand-version{border:1px solid #ac72e34d;background:#a26ef523;padding:5px 8px;border-radius:6px;font-size:10px;color:#d9baff}.demo-pill,.badge{font-size:10px;font-weight:800;letter-spacing:1px;border:1px solid #b57aff69;background:#8041b839;color:#e2cbff;padding:9px 12px;border-radius:30px}.login-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);width:min(1080px,calc(100% - 48px));min-height:615px;margin:max(5vh,36px) auto;border:1px solid #9a66d052;border-radius:25px;overflow:hidden;box-shadow:0 35px 110px #030107aa;background:#130b24d9;backdrop-filter:blur(24px)}.login-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:615px;padding:35px 38px;background:radial-gradient(ellipse at 54% 48%,#55208a8e 0%,#2b155361 39%,transparent 76%),linear-gradient(145deg,#25103e,#1a102f)}.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.showcase-art{height:295px;position:relative;display:grid;place-items:center;perspective:900px}.orb{position:absolute;border-radius:50%}.orb-back{width:265px;height:265px;background:radial-gradient(circle at 30% 24%,#dbabff7a,#8a38c533 36%,#3b0e7530 67%,transparent 73%);box-shadow:0 0 88px #ac4ff652, inset 0 0 75px #b17bfa35;animation:orbreathe 9s ease-in-out infinite alternate}.orb-front{width:139px;height:139px;display:grid;place-items:center;color:#ffebff;font-size:86px;background:radial-gradient(circle at 28% 15%,#bb87fa,#752ece 57%,#48217b);box-shadow:inset -10px -15px 35px #330c71,0 0 55px #bd6dfd9c;animation:orbreathe 7s ease-in-out infinite alternate}.orbit{position:absolute;width:350px;height:140px;border:1px solid #d2a5ff6b;border-radius:50%;transform:rotate(-31deg)}.orbit-b{transform:rotate(54deg);opacity:.5}.particle{position:absolute;color:#e7c4ff;font-size:20px;animation:twinkle 2.7s ease-in-out infinite alternate}.p1{top:11%;left:20%}.p2{right:19%;bottom:20%;animation-delay:.7s}.p3{right:24%;top:28%;animation-delay:1.4s}@keyframes orbreathe{to{transform:scale(1.08) translateY(-9px)}}@keyframes twinkle{to{opacity:.18;transform:scale(.6)}}.showcase-copy h2{font-size:clamp(32px,3.25vw,45px);letter-spacing:-1.7px;line-height:1.19;margin:13px 0}.showcase-copy em{font-style:normal;background:linear-gradient(100deg,#f0c9ff,#a87fff);color:transparent;background-clip:text}.showcase-copy p,.login-panel p{color:#b7a9cb;line-height:1.8;font-size:14px}.showcase-bottom{font-size:9px;letter-spacing:2px;font-weight:700;color:#7d6a9b}.showcase-bottom span{color:#d9acff;padding:0 8px}.login-panel{display:grid;place-items:center;background:#160d29d9;padding:42px}.login-panel-inner{width:min(345px,100%)}.login-panel h1{font-size:43px;letter-spacing:-2px;margin:14px 0 10px}.login-panel label,dialog label{display:block;font-size:12px;font-weight:700;color:#ddd2ef;margin-top:32px}.field{position:relative}.field span{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#b77cf7}input{width:100%;display:block;padding:14px 15px;border-radius:11px;border:1px solid #80659d70;background:#120b25;color:white;margin-top:8px;outline:none}input::placeholder{color:#756589}.field input{padding-left:42px}.primary{border:0;color:white;background:linear-gradient(100deg,#8740d5,#a653ee);font-weight:800;box-shadow:0 9px 29px #9c48e93b}.login-panel .primary{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:16px 19px;border-radius:11px}.error{color:#ffc3d2;margin-top:17px;font-size:13px}.disclaimer{color:#8c7e9d;font-size:11px;margin-top:28px;line-height:1.6}.topbar{position:sticky;top:0;z-index:3;background:#150d26e6;border-bottom:1px solid #9c62d144;backdrop-filter:blur(25px)}.topbar-inner{max-width:1280px;margin:auto;padding:16px 30px;display:flex;align-items:center;justify-content:space-between}.toolbar{display:flex;align-items:center;gap:16px}.status{font-size:12px;color:#ada0c3}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a879ff;box-shadow:0 0 13px #a879ff;margin-right:7px}.secondary{border:1px solid #9a72d268;color:#e2d2ff;background:#6343972b;padding:12px 18px;border-radius:10px;font-weight:700}.workspace-body{max-width:1280px;padding:0 30px;margin:auto}.hero{margin-top:34px;display:flex;justify-content:space-between;align-items:center;min-height:292px;position:relative;overflow:hidden;background:linear-gradient(106deg,#301651ed 0%,#21133dd4 58%,#4b2076a1 100%);border:1px solid #a47cdd60;border-radius:23px;padding:42px 55px;box-shadow:0 20px 75px #07031373}.hero:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:#a450e936;filter:blur(70px);right:80px;top:-40px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(34px,4.7vw,58px);margin:13px 0 10px;letter-spacing:-2.4px}.hero p{color:#c4b3d9;font-size:15px}.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.hero-chips span{border:1px solid #a975cf57;color:#d6c0ed;border-radius:50px;font-size:11px;padding:8px 12px;background:#170c2c78}.hero-visual{width:220px;height:210px;position:relative;display:grid;place-items:center;flex-shrink:0}.hero-ring{position:absolute;border:1px solid #c6a3ed82;border-radius:50%;transform:rotate(-29deg);width:205px;height:76px}.ring2{transform:rotate(72deg)}.hero-center{display:grid;place-items:center;width:104px;height:104px;border-radius:28px;transform:rotate(-12deg);font-size:83px;background:linear-gradient(125deg,#c88cff,#5925ab);box-shadow:0 0 65px #b870f98b;animation:orbreathe 7s ease-in-out infinite alternate}.hero-spark{position:absolute;color:#eed2ff}.s1{top:16px;right:20px}.s2{left:5px;bottom:22px}.content{padding:48px 8px 28px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px}.sectionhead h2{font-size:29px;margin:12px 0 6px;letter-spacing:-.8px}.sectionhead p{font-size:13px;color:#a99cbe}.add-btn{white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px;margin-top:24px}.card{position:relative;overflow:hidden;background:linear-gradient(143deg,#2d1946df,#1b102feb);border:1px solid #9b6ec04f;border-radius:17px;padding:26px;min-height:232px;box-shadow:0 14px 30px #08041442;transition:transform .23s,border-color .23s,box-shadow .23s}.card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6e32af,#d49cff);opacity:.6}.card:hover{transform:translateY(-5px);border-color:#c38cff;box-shadow:0 24px 55px #7c36bd32}.appicon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#a957ef,#5925ac);font-size:29px;box-shadow:0 7px 22px #9d4edd66}.card h3{font-size:18px;margin:18px 0 8px}.card p{font-size:13px;color:#afa2c1;min-height:37px;line-height:1.6}.actions{display:flex;gap:10px;margin-top:15px}.actions button{padding:10px 15px;border-radius:9px;flex:1;background:#7534c8;color:#fff;border:1px solid #b581eb60;font-size:12px;font-weight:800}.actions .delete{flex:0;background:#682c4b65;border-color:#a85c6c70}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;border-radius:17px;border:1px dashed #b184df75;background:#28183f65;color:#c7b6dd}footer{border-top:1px solid #8864b233;padding:28px 12px 45px;text-align:center;font-size:10px;font-weight:800;letter-spacing:2px;color:#756587}footer span{color:#b784ff;padding:0 7px}dialog{width:min(480px,calc(100% - 30px));border:1px solid #a273d5;background:#211333;color:#f9f3ff;border-radius:20px;padding:28px;box-shadow:0 35px 100px #000b}dialog::backdrop{background:#080512d9;backdrop-filter:blur(8px)}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:18px}.modalhead h2{margin:8px 0}.iconbutton{border:0;background:#7d47bb45;border-radius:9px;color:white;padding:10px 12px}dialog p{font-size:13px;line-height:1.7;color:#ad9dc3}dialog label{margin-top:18px}dialog .primary{width:100%;padding:14px;margin-top:24px;border-radius:10px}.result{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#130d25;padding:14px;border:1px solid #7742a0;border-radius:8px;margin-top:14px}@media(max-width:850px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-showcase{min-height:0;padding:24px}.showcase-art{height:160px;transform:scale(.6);margin:-24px 0}.showcase-copy h2{font-size:29px}.showcase-bottom{display:none}.login-panel{padding:38px 24px}.hero{padding:34px}.hero-visual{display:none}}@media(max-width:570px){.login-shell{width:calc(100% - 24px);margin:12px auto}.login-showcase{padding:20px}.showcase-copy h2{font-size:27px}.login-panel h1{font-size:36px}.topbar-inner{padding:14px 16px}.brand{font-size:11px;letter-spacing:.4px}.brand-version,.status,.badge{display:none}.toolbar{gap:8px}.secondary{padding:10px}.workspace-body{padding:0 15px}.hero{margin-top:20px;padding:28px 22px;min-height:240px}.hero h1{letter-spacing:-1px}.content{padding:33px 0}.sectionhead{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}