:root,:root[data-theme=light]{--bg: #f3f0ff;--bg-2: #e9f6ff;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-2: rgba(124, 92, 255, .07);--surface-3: rgba(124, 92, 255, .13);--glass-border: rgba(20, 16, 60, .1);--ink: #0e0b2b;--text: #0e0b2b;--text-2: #3d3a5c;--muted: #6e6a8f;--primary: #0e0b2b;--on-primary: #ffffff;--lime: #b8f52b;--violet: #7c5cff;--pink: #ff4fd8;--cyan: #00c2ff;--orange: #ff8a3d;--indigo: #5b3df5;--indigo-soft: rgba(124, 92, 255, .14);--success: #12c48b;--success-ink: #08875f;--warning: #ffb020;--warning-ink: #a86500;--danger: #ff4d6d;--danger-ink: #c81e43;--ring: rgba(124, 92, 255, .35);--shadow-1: 0 2px 4px rgba(14, 11, 43, .05), 0 12px 32px -10px rgba(91, 61, 245, .25);--shadow-2: 0 30px 70px -20px rgba(91, 61, 245, .45);--pop: 4px 4px 0 var(--ink);--hero: linear-gradient(120deg, #5b3df5 0%, #b14bff 40%, #ff4fd8 75%, #ff8a3d 100%);--grad-lime: linear-gradient(120deg, #b8f52b, #00c2ff);--grid-line: rgba(14, 11, 43, .06);color-scheme:light}:root[data-theme=dark]{--bg: #07051a;--bg-2: #0d0a2e;--surface: rgba(22, 17, 58, .62);--surface-solid: #140f38;--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--ink: #000000;--text: #f4f1ff;--text-2: #c9c3f0;--muted: #8f88bd;--primary: #b8f52b;--on-primary: #0e0b2b;--indigo: #a996ff;--indigo-soft: rgba(169, 150, 255, .16);--success: #2bf0a8;--success-ink: #5ef5bf;--warning: #ffc44d;--warning-ink: #ffd27a;--danger: #ff6b86;--danger-ink: #ff9aad;--ring: rgba(184, 245, 43, .35);--shadow-1: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px -14px rgba(0, 0, 0, .7);--shadow-2: 0 30px 80px -20px rgba(124, 92, 255, .5);--pop: 4px 4px 0 #b8f52b;--grid-line: rgba(255, 255, 255, .05);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 700px at 10% -10%,color-mix(in srgb,var(--violet) 22%,transparent),transparent 60%),radial-gradient(900px 600px at 110% 10%,color-mix(in srgb,var(--pink) 16%,transparent),transparent 60%),radial-gradient(900px 700px at 50% 120%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}h1,h2,h3,.display{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;letter-spacing:-.03em}a{color:var(--indigo)}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--lime);color:#0e0b2b}.ms{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 500;-webkit-user-select:none;user-select:none}.ms.fill{font-variation-settings:"FILL" 1,"wght" 600}.grad-text{background:var(--hero);-webkit-background-clip:text;background-clip:text;color:transparent}.lime-text{background:var(--grad-lime);-webkit-background-clip:text;background-clip:text;color:transparent}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--violet) 14%,transparent),transparent 70%);transition:background .05s}.shell{position:relative;z-index:2;display:grid;grid-template-columns:272px 1fr;min-height:100vh}.sidebar{position:sticky;top:14px;height:calc(100vh - 28px);margin:14px 0 14px 14px;padding:20px 14px;display:flex;flex-direction:column;gap:6px;background:var(--surface);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1.5px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-1)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}.brand-cube{width:42px;height:42px;perspective:170px}.brand-cube .cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spin3d 8s linear infinite}.brand-cube .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;display:grid;place-items:center;color:#0e0b2b;background:var(--grad-lime);border:1.5px solid rgba(14,11,43,.6)}.brand-cube .face:nth-child(1){transform:translateZ(21px)}.brand-cube .face:nth-child(2){transform:rotateY(90deg) translateZ(21px);background:linear-gradient(135deg,#7c5cff,#ff4fd8);color:#fff}.brand-cube .face:nth-child(3){transform:rotateY(180deg) translateZ(21px)}.brand-cube .face:nth-child(4){transform:rotateY(-90deg) translateZ(21px);background:linear-gradient(135deg,#7c5cff,#ff4fd8);color:#fff}@keyframes spin3d{0%{transform:rotateX(-16deg) rotateY(0)}to{transform:rotateX(-16deg) rotateY(360deg)}}.brand-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.03em}.brand-sub{font-size:10.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-decoration:none;color:var(--text-2);font-weight:700;font-size:14px;transition:background .2s,color .2s,transform .25s cubic-bezier(.2,.9,.3,1.4)}.nav-link:hover{background:var(--surface-3);color:var(--text);transform:translate(4px) rotate(-.5deg)}.nav-link.active{background:var(--primary);color:var(--on-primary);box-shadow:var(--pop);transform:translate(-2px,-2px)}.nav-link .count{margin-left:auto;font-size:11px;padding:2px 9px;border-radius:99px;background:var(--pink);color:#fff;font-weight:800;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.me-card{display:flex;gap:10px;align-items:center;padding:12px;border-radius:20px;background:var(--surface-2);border:1.5px dashed var(--glass-border)}.avatar{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#0e0b2b;background:var(--grad-lime);flex-shrink:0;transform:rotate(-6deg)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:18px 28px 10px}.topbar h1{font-size:30px;margin:0;font-weight:700}.topbar .spacer{flex:1}.content{padding:8px 28px 70px;max-width:1320px;animation:fadeUp .55s cubic-bezier(.2,.8,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}.menu-btn{display:none!important}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;width:280px;left:0;top:0;height:100vh;margin:0;border-radius:0 28px 28px 0;transform:translate(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.sidebar.open{transform:none}.menu-btn{display:inline-flex!important}.content{padding:8px 14px 70px}.topbar{padding:14px}.topbar h1{font-size:22px}}.marquee{overflow:hidden;border-block:1.5px solid var(--glass-border);background:var(--primary);color:var(--on-primary);border-radius:16px;margin-bottom:18px;transform:rotate(-.6deg)}.marquee-track{display:inline-flex;gap:38px;padding:9px 0;white-space:nowrap;animation:marquee 28s linear infinite;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.card{position:relative;background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border:1.5px solid var(--glass-border);border-radius:26px;box-shadow:var(--shadow-1);padding:22px}.card h2,.card h3{margin:0 0 12px}.card h3{font-size:18px;font-weight:700}.grid{display:grid;gap:16px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.two{grid-template-columns:1.4fr 1fr}.bento{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.bento .span2{grid-column:span 2}@media (max-width: 1100px){.grid.two{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.bento{grid-template-columns:1fr}.bento .span2{grid-column:auto}}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--glass-border);background:var(--surface-solid);color:var(--text);font-weight:800;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .2s cubic-bezier(.2,.9,.3,1.5),box-shadow .2s,background .2s,opacity .2s;will-change:transform}.btn:hover:not(:disabled){box-shadow:var(--shadow-1)}.btn:active:not(:disabled){transform:scale(.95)!important}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:transparent;box-shadow:var(--pop)}.btn.primary:hover:not(:disabled){box-shadow:6px 6px 0 var(--pink)}.btn.success{background:var(--grad-lime);color:#0e0b2b;border-color:transparent;box-shadow:4px 4px 0 var(--ink)}.btn.danger{background:transparent;color:var(--danger-ink);border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.btn.ghost{background:transparent}.btn.sm{height:36px;padding:0 14px;font-size:13px}.btn.icon{width:44px;padding:0}.btn.block{width:100%;height:54px;font-size:16px}.input,select.input,textarea.input{width:100%;padding:13px 16px;border-radius:16px;border:1.5px solid var(--glass-border);background:var(--surface-solid);outline:none;transition:border .2s,box-shadow .2s,transform .2s}.input:focus{border-color:var(--violet);box-shadow:0 0 0 5px var(--ring);transform:translateY(-1px)}textarea.input{resize:vertical;min-height:90px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--surface-3);color:var(--text-2);white-space:nowrap;border:1.5px solid transparent}.badge.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.badge.success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success-ink)}.badge.warning{background:color-mix(in srgb,var(--warning) 22%,transparent);color:var(--warning-ink)}.badge.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger-ink)}.badge.info{background:var(--indigo-soft);color:var(--indigo)}.sticker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-weight:800;font-size:12px;background:var(--lime);color:#0e0b2b;border:1.5px solid #0e0b2b;box-shadow:3px 3px #0e0b2b;transform:rotate(-3deg)}.sticker.pink{background:var(--pink);color:#fff;transform:rotate(2deg)}.table-wrap{overflow-x:auto;border-radius:20px;border:1.5px solid var(--glass-border);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:13px 14px;background:var(--surface-2);white-space:nowrap;font-weight:800}table.t td{padding:13px 14px;border-top:1.5px solid var(--glass-border);vertical-align:top}table.t tr.click{cursor:pointer;transition:background .15s,transform .2s}table.t tr.click:hover td{background:var(--surface-3)}.tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--surface);border:1.5px solid var(--glass-border);flex-wrap:wrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabs button{border:0;background:transparent;padding:9px 16px;border-radius:999px;font-weight:800;font-size:13px;color:var(--text-2);cursor:pointer;transition:background .25s,color .25s,transform .2s}.tabs button:hover{transform:translateY(-1px)}.tabs button.on{background:var(--primary);color:var(--on-primary)}.spinner{width:30px;height:30px;border-radius:10px;border:3px solid transparent;background:conic-gradient(from 0deg,var(--violet),var(--pink),var(--lime),var(--violet)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:60px}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty .ms{font-size:46px;color:var(--violet);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(6deg)}}.error{padding:13px 16px;border-radius:16px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger-ink);font-weight:700;font-size:14px;border:1.5px solid color-mix(in srgb,var(--danger) 35%,transparent)}.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s;will-change:transform}.tilt:hover{box-shadow:var(--shadow-2)}.tilt .glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.35),transparent 55%);mix-blend-mode:soft-light}.tilt:hover .glare{opacity:1}.stat{overflow:hidden;min-height:150px}.stat .ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--grad-lime);color:#0e0b2b;transform:translateZ(40px) rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}.stat .val{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.04em;margin-top:16px;transform:translateZ(30px)}.stat .lbl{color:var(--muted);font-size:13px;font-weight:700;transform:translateZ(18px)}.stat:after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pink) 35%,transparent),transparent 70%)}.stat.v2 .ico{background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff}.stat.v3 .ico{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff}.stat.v4 .ico{background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff}.flip{perspective:1000px;min-height:170px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;min-height:170px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.flip:hover .flip-inner,.flip.on .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg);background:var(--hero)!important;color:#fff;display:flex;flex-direction:column;justify-content:center}.flip-back .muted{color:#fffc}.hero{position:relative;overflow:hidden;border-radius:32px;padding:30px;color:#fff;background:var(--hero);box-shadow:var(--shadow-2);border:1.5px solid rgba(255,255,255,.25)}.hero h2{margin:0;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.02}.hero p{margin:10px 0 0;color:#ffffffd9;font-size:15px}.hero>*:not(.hero-3d){position:relative;z-index:1}.hero-3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.chip-glass{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.25)}.login{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{position:relative;overflow:hidden;margin:16px;border-radius:36px;background:radial-gradient(900px 600px at 20% 10%,#5b3df5,#24116b 45%,#07051a);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-2)}.login-art>*:not(.hero-3d){position:relative;z-index:1}.login-art h1{font-size:clamp(38px,5.2vw,72px);line-height:.95;margin:0 0 16px;font-weight:700;max-width:640px;text-shadow:0 6px 30px rgba(7,5,26,.6)}.login-copy{padding:18px 20px 20px 0;border-radius:26px;background:linear-gradient(90deg,#07051a8c,#07051a00)}.login-art p{color:#ffffffc7;max-width:470px;font-size:16px;line-height:1.6}.login-form{display:grid;place-items:center;padding:28px}.login-card{width:100%;max-width:430px;animation:fadeUp .7s cubic-bezier(.2,.8,.2,1)}.login-card h2{font-size:40px;margin:0 0 6px;line-height:1}.feature-pills{display:flex;gap:10px;flex-wrap:wrap}.wave{display:inline-block;animation:wave 2.2s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}@media (max-width: 900px){.login{grid-template-columns:1fr}.login-art{min-height:360px;padding:26px;margin:10px}}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:3px;border-radius:3px;background:linear-gradient(var(--violet),var(--pink),var(--lime));opacity:.5}.tl-item{position:relative;padding:0 0 20px;animation:fadeUp .45s ease both}.tl-dot{position:absolute;left:-30px;top:0;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:var(--surface-solid);color:var(--indigo);border:1.5px solid var(--glass-border);transform:rotate(-8deg)}.tl-dot .ms{font-size:14px}.tl-item.status .tl-dot{background:var(--lime);color:#0e0b2b}.tl-item.note .tl-dot{background:var(--warning);color:#0e0b2b}.tl-item.user .tl-dot{background:var(--pink);color:#fff}.tl-meta{font-size:12px;color:var(--muted);font-weight:700}.tl-body{margin-top:4px;white-space:pre-wrap;line-height:1.55}.chart3d{position:relative;height:270px;perspective:900px;padding:20px 6px 30px;overflow-x:auto;overflow-y:visible}.chart3d-stage{height:100%;display:flex;align-items:flex-end;gap:10px;transform:rotateX(18deg) rotateY(-14deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);min-width:max-content;padding:0 12px}.chart3d:hover .chart3d-stage{transform:rotateX(8deg) rotateY(-4deg)}.bar3d{position:relative;width:22px;transform-style:preserve-3d;transition:height .9s cubic-bezier(.2,.8,.2,1);cursor:pointer}.bar3d .front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--pink),var(--violet))}.bar3d .side{position:absolute;top:0;bottom:0;right:-10px;width:10px;transform:skewY(-45deg);transform-origin:left;background:color-mix(in srgb,var(--violet) 70%,#000);border-radius:0 3px 3px 0}.bar3d .top{position:absolute;left:0;right:0;top:-10px;height:10px;transform:skew(-45deg);transform-origin:bottom;background:color-mix(in srgb,var(--pink) 70%,#fff);border-radius:3px 3px 0 0}.bar3d.pending .front{background:repeating-linear-gradient(45deg,var(--warning),var(--warning) 6px,color-mix(in srgb,var(--warning) 60%,#fff) 6px,color-mix(in srgb,var(--warning) 60%,#fff) 12px)}.bar3d.pending .side{background:color-mix(in srgb,var(--warning) 60%,#000)}.bar3d.pending .top{background:color-mix(in srgb,var(--warning) 60%,#fff)}.bar3d.rejected .front{background:var(--danger)}.bar3d.missing .front,.bar3d.missing .side,.bar3d.missing .top{background:var(--surface-3)}.bar3d.peak .front{background:var(--grad-lime)}.bar3d.peak .top{background:#e6ff9e}.bar3d.peak .side{background:#6ea312}.bar3d:hover{filter:brightness(1.15)}.bar3d .lbl{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;color:var(--muted)}.bar3d .tip{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%) translateY(6px);background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:800;padding:5px 9px;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:3}.bar3d:hover .tip{opacity:1;transform:translate(-50%)}.progress{height:12px;border-radius:99px;background:var(--surface-3);overflow:hidden;border:1.5px solid var(--glass-border)}.progress>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--pink),var(--orange));background-size:200% 100%;animation:shimmer 3s linear infinite;transition:width 1s cubic-bezier(.2,.8,.2,1)}@keyframes shimmer{to{background-position:-200% 0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#07051a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:var(--surface-solid);border-radius:28px;box-shadow:var(--shadow-2),var(--pop);padding:26px;border:1.5px solid var(--glass-border);animation:pop .4s cubic-bezier(.2,.9,.3,1.3)}@keyframes pop{0%{opacity:0;transform:translateY(20px) scale(.9) rotate(-2deg)}}.modal h3{margin:0 0 14px;font-size:24px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toasts{position:fixed;z-index:200;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px}.toast{padding:13px 18px;border-radius:16px;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:14px;box-shadow:var(--pop);animation:pop .35s cubic-bezier(.2,.9,.3,1.3);max-width:360px;border:1.5px solid var(--glass-border)}.toast.bad{background:var(--danger);color:#fff;box-shadow:4px 4px #0e0b2b}.toast.good{background:var(--lime);color:#0e0b2b;box-shadow:4px 4px #0e0b2b}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:300;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translate3d(var(--dx),110vh,0) rotate(var(--rot));opacity:.9}}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px 14px;font-size:14px}.kv dt{color:var(--muted);font-weight:700}.kv dd{margin:0}@media (max-width: 560px){.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}}.attach{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;background:var(--surface-solid);border:1.5px solid var(--glass-border);text-decoration:none;color:var(--text);font-size:13px;font-weight:700;transition:transform .2s}.attach:hover{transform:translateY(-2px) rotate(-1deg)}.section-title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;margin:0 0 14px}.section-title .ms{color:var(--violet)}.hr{height:1.5px;background:var(--glass-border);margin:18px 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}