@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Josefin+Sans:wght@200;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Josefin+Sans:wght@200;300;400&family=JetBrains+Mono:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Josefin+Sans:wght@200;300;400&family=JetBrains+Mono:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Josefin+Sans:wght@200;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Josefin+Sans:wght@200;300;400&family=JetBrains+Mono:wght@300;400&display=swap";.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:floatOrb var(--dur) ease-in-out infinite alternate;pointer-events:none}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}to{transform:translate(-20px,30px) scale(.95)}}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.noise-overlay{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none}.card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;padding:52px 48px;width:420px;box-shadow:0 0 0 1px #00000080,0 32px 64px #0009,inset 0 1px #ffffff0f;transition:box-shadow .4s ease;z-index:10}.card:hover{box-shadow:0 0 0 1px #00000080,0 40px 80px #000000b3,0 0 80px #38bdf81a,inset 0 1px #ffffff14}.card-accent{position:absolute;top:0;left:48px;right:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.7),transparent)}.eyebrow{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fccc;margin-bottom:16px}.title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:38px;line-height:1.1;color:#e0f4ff;margin-bottom:6px;letter-spacing:-.5px}.title em{font-style:italic;color:#7dd3fc}.subtitle{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:12px;letter-spacing:1px;color:#ffffff4d;margin-bottom:28px}.alert-error{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:12px;letter-spacing:.5px;color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:2px;padding:10px 14px;margin-bottom:20px;animation:fadeSlideIn .25s ease}.alert-success{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:12px;letter-spacing:.5px;color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:2px;padding:10px 14px;margin-bottom:20px;animation:fadeSlideIn .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.field-group{margin-bottom:20px}.field-label{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-bottom:8px;display:block;transition:color .2s}.field-label.active{color:#7dd3fce6}.field-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:14px 16px;color:#ffffffe6;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:14px;letter-spacing:1px;outline:none;transition:all .25s ease}.field-input:focus{background:#38bdf812;border-color:#7dd3fc73;box-shadow:0 0 0 3px #38bdf81a}.field-input::placeholder{color:#fff3}.field-input:disabled{opacity:.5;cursor:not-allowed}.field-input.input-error{border-color:#ef444480;background:#ef44440d}.field-input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.1),transparent);margin:28px 0}.btn-submit{width:100%;padding:15px 24px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:2px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.btn-submit:hover:not(:disabled):before{opacity:1}.btn-submit:hover:not(:disabled){box-shadow:0 8px 32px #38bdf859;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.btn-submit.loading{background:linear-gradient(135deg,#0e78b4b3,#1e96d2b3);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.btn-submit.success{background:linear-gradient(135deg,#22c55ee6,#4ade80e6)}@media(max-width:768px){.bg-orb{animation:none!important;transition:none!important;opacity:.1}.pulse-ring{animation:none}.card{backdrop-filter:none;-webkit-backdrop-filter:none}.noise-overlay,.grid-bg{display:none}}.footer-links{display:flex;justify-content:space-between;margin-top:24px}.footer-link{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:11px;letter-spacing:1.5px;color:#3bb6defb;cursor:pointer;transition:color .2s;text-decoration:none}.footer-link:hover{color:#7dd3fccc}.corner-deco{position:absolute;width:20px;height:20px;border-color:#7dd3fc40;border-style:solid;pointer-events:none}.corner-tl{top:16px;left:16px;border-width:1px 0 0 1px}.corner-tr{top:16px;right:16px;border-width:1px 1px 0 0}.corner-bl{bottom:16px;left:16px;border-width:0 0 1px 1px}.corner-br{bottom:16px;right:16px;border-width:0 1px 1px 0}.pulse-ring{position:absolute;inset:-1px;border-radius:5px;border:1px solid rgba(125,211,252,.15);animation:pulseRing 3s ease-in-out infinite;pointer-events:none}@keyframes pulseRing{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.05;transform:scale(1.01)}}.brand-mark{position:absolute;top:24px;right:24px;width:32px;height:32px;opacity:.5}.ti-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column-reverse;gap:8px;z-index:9999;pointer-events:none}.ti-toast{display:flex;align-items:flex-start;gap:10px;width:320px;padding:12px 14px 16px;background:var(--color-background-primary, #071e34);border:.5px solid var(--color-border-secondary);border-radius:12px;pointer-events:all;position:relative;overflow:hidden;opacity:0;transform:translate(20px);transition:opacity .25s ease,transform .25s ease}.ti-toast.ti-show{opacity:1;transform:translate(0)}.ti-toast.ti-hide{opacity:0;transform:translate(20px)}.ti-default{border-left:3px solid var(--color-border-primary)}.ti-info{border-left:3px solid #378add}.ti-success{border-left:3px solid #639922}.ti-warning{border-left:3px solid #ef9f27}.ti-danger{border-left:3px solid #e24b4a}.ti-icon-wrap{flex-shrink:0;margin-top:1px}.ti-icon{width:16px;height:16px;display:block;color:var(--color-text-secondary)}.ti-body{flex:1;min-width:0}.ti-title{margin:0 0 2px;font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.ti-message{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.5}.ti-close{background:none;border:none;padding:0;cursor:pointer;font-size:12px;line-height:1;color:var(--color-text-tertiary);flex-shrink:0;transition:color .15s}.ti-close:hover{color:var(--color-text-primary)}.ti-bar{position:absolute;bottom:0;left:0;height:2px;width:100%;animation:ti-drain 4s linear forwards}.ti-default .ti-bar{background:var(--color-border-primary)}.ti-info .ti-bar{background:#378add}.ti-success .ti-bar{background:#639922}.ti-warning .ti-bar{background:#ef9f27}.ti-danger .ti-bar{background:#e24b4a}@keyframes ti-drain{0%{width:100%}to{width:0%}}@media(max-width:480px){.ti-container{right:1rem;left:1rem;bottom:1rem}.ti-toast{width:100%}}:root{--bg: #060d1a;--bg2: #091526;--bg3: #0f1e35;--surf: #111f38;--surf2: #162844;--b1: rgba(99, 179, 255, .1);--b2: rgba(99, 179, 255, .22);--acc: #4aa3f5;--acc2: #7ec8ff;--acc3: #1a6fc4;--glow: rgba(74, 163, 245, .28);--tx: #e8f0fe;--tx2: #8ba8cc;--tx3: #3d607f;--gold: #f0c060;--gold2: #e8a830;--hd: "Syne", sans-serif;--bd: "DM Sans", sans-serif;--r: 12px;--r2: 18px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:var(--bd);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--acc3);border-radius:99px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:#060d1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b1)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--hd);font-weight:800;font-size:1.28rem;color:var(--tx);text-decoration:none;display:flex;align-items:center;gap:9px;cursor:pointer;background:none;border:none;padding:0}.logo-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--acc3),var(--acc));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 0 14px var(--glow);flex-shrink:0}.nav-links{display:none;list-style:none;gap:26px;align-items:center}@media(min-width:768px){.nav-links{display:flex}}.nav-links button{background:none;border:none;color:var(--tx2);font-family:var(--bd);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.nav-links button:hover{color:var(--acc2)}.nav-right{display:flex;align-items:center;gap:10px}.btn-ghost-sm{background:transparent;border:1px solid var(--b2);color:var(--tx2);padding:7px 15px;border-radius:var(--r);font-family:var(--bd);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .2s;display:none}@media(min-width:768px){.btn-ghost-sm{display:block}}.btn-ghost-sm:hover{border-color:var(--acc);color:var(--tx);background:#4aa3f512}.btn-cta-sm{background:var(--acc);color:#fff;border:none;padding:8px 17px;border-radius:var(--r);font-family:var(--bd);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-cta-sm:hover{background:var(--acc2);box-shadow:0 0 16px var(--glow);transform:translateY(-1px)}.ham{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:5px;background:none;border:none;flex-shrink:0}@media(min-width:768px){.ham{display:none}}.ham-bar{display:block;width:21px;height:2px;background:var(--tx2);border-radius:2px;transition:all .3s ease}.ham.open .ham-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.ham.open .ham-bar:nth-child(2){opacity:0;transform:scaleX(0)}.ham.open .ham-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer{position:fixed;top:64px;left:0;right:0;z-index:190;background:var(--bg2);border-bottom:1px solid var(--b1);overflow:hidden;max-height:0;transition:max-height .36s cubic-bezier(.4,0,.2,1)}.drawer.open{max-height:300px}.drawer-inner{padding:16px 24px 24px;display:flex;flex-direction:column;gap:4px}.drawer-link{background:none;border:none;border-bottom:1px solid var(--b1);color:var(--tx2);font-family:var(--bd);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;padding:13px 0;transition:color .2s;width:100%}.drawer-link:last-of-type{border-bottom:none}.drawer-link:hover{color:var(--acc2)}.drawer-cta-btn{margin-top:14px;width:100%;padding:13px;border-radius:var(--r);background:var(--acc);color:#fff;border:none;font-family:var(--bd);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.drawer-cta-btn:hover{background:var(--acc2)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 20px 72px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(74,163,245,.11) 0%,transparent 65%),radial-gradient(ellipse 50% 35% at 85% 85%,rgba(26,111,196,.08) 0%,transparent 60%),radial-gradient(ellipse 45% 30% at 5% 65%,rgba(74,163,245,.06) 0%,transparent 60%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--b1) 1px,transparent 1px),linear-gradient(90deg,var(--b1) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 55% at 50% 50%,black 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 50%,black 35%,transparent 78%)}.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:drift 9s ease-in-out infinite}.orb1{width:300px;height:300px;background:#4aa3f512;top:8%;left:2%;animation-delay:0s}.orb2{width:220px;height:220px;background:#1a6fc417;bottom:12%;right:6%;animation-delay:4s}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}.hero-content{position:relative;max-width:780px;animation:fadeUp .75s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#4aa3f517;border:1px solid var(--b2);border-radius:99px;padding:6px 16px;font-size:.77rem;color:var(--acc2);font-weight:500;margin-bottom:26px;letter-spacing:.04em}.badge-dot{width:6px;height:6px;background:var(--acc);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 8px var(--acc)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero h1{font-family:var(--hd);font-size:clamp(2rem,6.5vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin-bottom:20px}.hero h1 em{font-style:normal;background:linear-gradient(130deg,var(--acc2) 0%,#b3dfff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(.9rem,2.2vw,1.1rem);color:var(--tx2);max-width:520px;margin:0 auto 34px;font-weight:300;line-height:1.75}.hero-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{background:var(--acc);color:#fff;border:none;padding:14px 28px;border-radius:var(--r);font-family:var(--bd);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 0 26px #4aa3f545}.btn-primary:hover{background:var(--acc2);box-shadow:0 0 38px #4aa3f580;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--tx2);border:1px solid var(--b2);padding:14px 28px;border-radius:var(--r);font-family:var(--bd);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{color:var(--tx);border-color:var(--acc);background:#4aa3f512}.stats{background:var(--surf);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:36px 20px}.stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;text-align:center}@media(min-width:768px){.stats-inner{grid-template-columns:repeat(4,1fr)}}.stat-n{font-family:var(--hd);font-size:2rem;font-weight:800;color:var(--acc2);line-height:1;margin-bottom:5px}.stat-l{font-size:.74rem;color:var(--tx3);letter-spacing:.07em;text-transform:uppercase}.sec{padding:80px 20px}.sec-in{max-width:1100px;margin:0 auto}.lbl{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}.sec-title{font-family:var(--hd);font-size:clamp(1.55rem,3.8vw,2.3rem);font-weight:700;line-height:1.2;margin-bottom:14px;color:var(--tx)}.sec-sub{color:var(--tx2);font-size:.93rem;max-width:520px;font-weight:300;line-height:1.75}.feat-grid{display:grid;grid-template-columns:1fr;gap:13px;margin-top:42px}@media(min-width:540px){.feat-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.feat-grid{grid-template-columns:repeat(3,1fr)}}.fc{background:var(--surf);border:1px solid var(--b1);border-radius:var(--r2);padding:24px 20px;transition:all .25s;position:relative;overflow:hidden}.fc:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:0;transition:opacity .3s}.fc:hover{border-color:var(--b2);transform:translateY(-5px);box-shadow:0 16px 44px #0000004d}.fc:hover:before{opacity:1}.fc-ico{width:40px;height:40px;background:#4aa3f51a;border:1px solid var(--b2);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px}.fc-t{font-family:var(--hd);font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--tx)}.fc-d{font-size:.845rem;color:var(--tx2);line-height:1.65;font-weight:300}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;margin-bottom:28px}.tab{background:var(--surf);border:1px solid var(--b1);color:var(--tx2);padding:9px 17px;border-radius:99px;font-family:var(--bd);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .2s}.tab.on,.tab:hover{background:#4aa3f51a;border-color:var(--acc);color:var(--acc2)}.showcase{background:var(--surf);border:1px solid var(--b1);border-radius:var(--r2);padding:30px 26px;display:grid;gap:30px}@media(min-width:768px){.showcase{grid-template-columns:1fr 1fr;align-items:center}}.sc-text h3{font-family:var(--hd);font-size:clamp(1.25rem,2.8vw,1.65rem);font-weight:700;margin-bottom:12px}.sc-text p{color:var(--tx2);font-size:.88rem;line-height:1.75;font-weight:300;margin-bottom:20px}.sc-list{list-style:none;display:flex;flex-direction:column;gap:9px}.sc-list li{display:flex;align-items:flex-start;gap:9px;font-size:.855rem;color:var(--tx2);font-weight:300}.ck-acc{color:var(--acc);flex-shrink:0;margin-top:2px}.sc-vis{background:var(--bg3);border:1px solid var(--b1);border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:9px}.vr{background:var(--surf2);border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:10px}.vr-lbl{font-size:.78rem;color:var(--tx2);min-width:120px;flex-shrink:0}.vr-bar-w{flex:1;height:5px;background:#ffffff0f;border-radius:99px;overflow:hidden}.vr-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc3),var(--acc2))}.vr-val{font-family:var(--hd);font-size:.88rem;font-weight:700;white-space:nowrap}.vr-val.g{color:#4ade80}.vr-val.r{color:#f87171}.vr-val.b{color:var(--acc2)}.vtag{font-size:.68rem;padding:3px 8px;border-radius:99px;font-weight:600;white-space:nowrap}.vtag.low{background:#f871711f;color:#f87171}.vtag.ok{background:#4ade801f;color:#4ade80}.vtag.warn{background:#facc151f;color:#facc15}.pr-sec{background:var(--bg2)}.pr-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:42px;max-width:740px;margin-left:auto;margin-right:auto}@media(min-width:580px){.pr-grid{grid-template-columns:1fr 1fr}}.pc{background:var(--surf);border:1px solid var(--b1);border-radius:var(--r2);padding:30px 24px;transition:all .25s;position:relative;overflow:hidden}.pc:hover{transform:translateY(-6px);box-shadow:0 20px 55px #00000059}.pc.pro-c{border-color:#f0c06047;background:linear-gradient(160deg,#12233d,#0e1d32);box-shadow:0 0 38px #f0c06014}.pc.pro-c:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(240,192,96,.07),transparent 65%);pointer-events:none}.pc-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:99px;font-size:.69rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.chip-f{background:#4aa3f51a;border:1px solid var(--b2);color:var(--acc2)}.chip-p{background:#f0c0601f;border:1px solid rgba(240,192,96,.28);color:var(--gold)}.pc-name{font-family:var(--hd);font-size:1.18rem;font-weight:700;margin-bottom:5px}.pc-price{display:flex;align-items:baseline;gap:4px;margin-bottom:5px}.pc-big{font-family:var(--hd);font-size:2.5rem;font-weight:800;line-height:1}.pc-big.gd{color:var(--gold)}.pc-mo{font-size:.8rem;color:var(--tx3)}.pc-desc{font-size:.845rem;color:var(--tx2);margin-bottom:22px;font-weight:300}.pc-div{height:1px;background:var(--b1);margin-bottom:20px}.pc-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.pc-list li{display:flex;align-items:flex-start;gap:8px;font-size:.845rem;color:var(--tx2);font-weight:300}.ck-b{color:var(--acc);flex-shrink:0;margin-top:2px}.ck-g{color:var(--gold);flex-shrink:0;margin-top:2px}.btn-pc{width:100%;padding:12px;border-radius:var(--r);font-family:var(--bd);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-pc-f{background:transparent;color:var(--acc2);border:1.5px solid var(--acc)}.btn-pc-f:hover{background:#4aa3f51a;box-shadow:0 0 16px var(--glow)}.btn-pc-p{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a0e00;font-weight:600;box-shadow:0 4px 16px #f0c06042}.btn-pc-p:hover{transform:translateY(-2px);box-shadow:0 8px 26px #f0c0606b}.testi-grid{display:grid;grid-template-columns:1fr;gap:13px;margin-top:42px}@media(min-width:540px){.testi-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.testi-grid{grid-template-columns:repeat(3,1fr)}}.tc{background:var(--surf);border:1px solid var(--b1);border-radius:var(--r2);padding:24px;transition:all .25s;position:relative}.tc:hover{border-color:var(--b2);transform:translateY(-4px)}.tc-stars{position:absolute;top:20px;right:20px;color:var(--gold);font-size:.76rem;letter-spacing:2px}.tc-q{font-size:1.7rem;line-height:1;color:var(--acc3);font-family:Georgia,serif;margin-bottom:10px}.tc-text{font-size:.845rem;color:var(--tx2);line-height:1.68;font-weight:300;margin-bottom:18px}.tc-foot{display:flex;align-items:center;gap:10px}.tc-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--hd);font-weight:700;font-size:.78rem;color:#fff;flex-shrink:0}.tc-name{font-size:.845rem;font-weight:600;color:var(--tx);font-family:var(--hd)}.tc-role{font-size:.74rem;color:var(--tx3)}.cta-sec{padding:68px 20px;background:var(--bg2)}.cta-box{max-width:660px;margin:0 auto;background:var(--surf2);border:1px solid var(--b2);border-radius:20px;padding:48px 32px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc3),var(--acc2),var(--acc3))}.cta-box:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(74,163,245,.08),transparent 65%);pointer-events:none}.cta-box h2{font-family:var(--hd);font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700;margin-bottom:11px;position:relative;z-index:1}.cta-box p{color:var(--tx2);font-size:.88rem;margin-bottom:26px;font-weight:300;position:relative;z-index:1}.cta-box .btn-primary{position:relative;z-index:1}footer{background:var(--bg);border-top:1px solid var(--b1);padding:52px 20px 26px}.ft-in{max-width:1100px;margin:0 auto}.ft-top{display:grid;grid-template-columns:1fr;gap:34px;margin-bottom:40px}@media(min-width:768px){.ft-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}}.ft-brand p{font-size:.838rem;color:var(--tx3);font-weight:300;line-height:1.7;margin-top:10px;max-width:260px}.ft-col h4{font-family:var(--hd);font-size:.8rem;font-weight:600;color:var(--tx);margin-bottom:13px;letter-spacing:.03em}.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.ft-col a{font-size:.82rem;color:var(--tx3);text-decoration:none;font-weight:300;transition:color .2s}.ft-col a:hover{color:var(--acc2)}.ft-bot{border-top:1px solid var(--b1);padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.ft-copy{font-size:.77rem;color:var(--tx3);font-weight:300}.ft-soc{display:flex;gap:9px}.soc{width:31px;height:31px;background:var(--surf);border:1px solid var(--b1);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--tx3);font-size:.78rem;cursor:pointer;text-decoration:none;transition:all .2s}.soc:hover{border-color:var(--acc);color:var(--acc2);background:#4aa3f514}.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.rv.vis{opacity:1;transform:translateY(0)}.da-root{display:flex;min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,Georgia,sans-serif;position:relative;overflow:hidden}.da-overlay{position:fixed;inset:0;background:#0009;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.da-sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:#020e1ef2;border-right:1px solid rgba(125,211,252,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.da-sb-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(125,211,252,.08)}.da-brand{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:300;letter-spacing:1px;color:#e0f4ff}.da-brand-r{color:#38bdf8;font-style:italic}.da-brand-mobile{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:300;color:#e0f4ff;letter-spacing:1px}.da-profile-block{display:flex;align-items:center;gap:10px;padding:14px 20px 10px;border-bottom:1px solid rgba(125,211,252,.06)}.da-avatar-lg{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.da-user-name{font-size:12px;color:#e0f4ff;letter-spacing:.5px}.da-user-role{font-size:10px;color:#ffffff59;letter-spacing:.5px;margin-top:1px}.da-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.da-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;border:none;background:transparent;color:#ffffff73;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:300;letter-spacing:1px;cursor:pointer;width:100%;text-align:left;position:relative;transition:all .2s}.da-nav-btn:hover{background:#38bdf814;color:#7dd3fc}.da-nav-btn.active{background:#38bdf81a;color:#e0f4ff;border-left:2px solid #38bdf8}.da-nav-btn .icon-wrap{transition:color .2s}.da-nav-btn.active .icon-wrap{color:#38bdf8}.da-nav-pip{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#38bdf8}.da-sb-footer{padding:14px 16px;border-top:1px solid rgba(125,211,252,.08);display:flex;align-items:center;gap:10px}.da-logout-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .2s}.da-logout-btn:hover{color:#f87171}.da-icon-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:color .2s,background .2s}.da-icon-btn:hover{background:#38bdf814;color:#7dd3fc}.da-main{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%}.da-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(125,211,252,.08);background:#020e1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.da-top-left{display:flex;align-items:center;gap:10px}.da-top-right{display:flex;align-items:center;gap:12px}.da-avatar-sm{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.da-badge{position:absolute;top:-5px;right:-5px;background:#38bdf8;color:#03111f;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.da-notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:310px;background:#031022f7;border:1px solid rgba(125,211,252,.15);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 48px #00000080,0 0 0 1px #38bdf80f;z-index:100;overflow:hidden;animation:da-drop-in .18s cubic-bezier(.25,.46,.45,.94)}@keyframes da-drop-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.da-notif-drop-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fcb3;font-weight:300}.da-notif-mark-all{background:none;border:none;color:#38bdf899;font-size:10px;font-family:Josefin Sans,sans-serif;letter-spacing:.5px;cursor:pointer;padding:0;transition:color .2s}.da-notif-mark-all:hover{color:#38bdf8}.da-notif-list{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.15) transparent}.da-notif-list::-webkit-scrollbar{width:4px}.da-notif-list::-webkit-scrollbar-thumb{background:#38bdf826;border-radius:4px}.da-notif-item:hover{background:#38bdf80d}.da-notif-item.read{opacity:.5}.da-notif-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.da-notif-item-title{font-size:12px;color:#e0f4ff;letter-spacing:.3px;line-height:1.4}.da-notif-item-desc{font-size:10px;color:#ffffff59;margin-top:2px;letter-spacing:.3px}.da-notif-item-time{font-size:9px;color:#fff3;white-space:nowrap;flex-shrink:0;margin-top:2px}.da-lihat-semua-btn{display:block;width:100%;padding:10px 14px;background:none;border:none;border-top:1px solid rgba(125,211,252,.08);color:#38bdf8b3;font-size:11px;font-family:Josefin Sans,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-align:center;transition:color .2s,background .2s}.da-lihat-semua-btn:hover{color:#38bdf8;background:#38bdf80d}.da-lihat-semua-inline{background:none;border:1px solid rgba(56,189,248,.2);border-radius:20px;color:#38bdf8b3;font-size:10px;font-family:Josefin Sans,sans-serif;letter-spacing:1px;padding:5px 14px;cursor:pointer;transition:all .2s}.da-lihat-semua-inline:hover{background:#38bdf814;color:#38bdf8;border-color:#38bdf866}.da-content{padding:16px;max-width:1100px;width:100%;margin:0 auto}.da-page-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}.da-page-title{font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:300;color:#e0f4ff;margin:0}.da-page-subtitle{font-size:12px;color:#fff6;margin-top:4px;font-weight:200}.da-page-subtitle strong{color:#38bdf8}.da-date-chip{font-size:11px;letter-spacing:1px;color:#7dd3fc99;border:1px solid rgba(125,211,252,.15);border-radius:20px;padding:5px 12px;background:#38bdf80d}.da-error-banner{display:flex;align-items:center;justify-content:space-between;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:12px;color:#fca5a5}.da-retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#fca5a5;font-size:10px;letter-spacing:1px;padding:4px 10px;cursor:pointer}.da-stat-card{background:#04142cb3;border:1px solid rgba(125,211,252,.1);border-radius:8px;padding:16px;position:relative;overflow:hidden;animation:da-fade-up .4s ease both;transition:border-color .2s,box-shadow .2s}.da-stat-card:hover{border-color:#38bdf840;box-shadow:0 4px 24px #38bdf814}@keyframes da-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.da-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.da-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.da-stat-val{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:300;color:#e0f4ff;line-height:1}.da-stat-label{font-size:10px;letter-spacing:2px;color:#fff6;margin-top:4px;text-transform:uppercase}.da-card{background:#04142cb3;border:1px solid rgba(125,211,252,.1);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;margin-bottom:0;transition:border-color .2s,box-shadow .2s}.da-card:hover{border-color:#38bdf838;box-shadow:0 4px 24px #38bdf812}.da-card-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fcb3;font-weight:300}.da-chart-container{position:relative;margin-top:8px}.da-chart-controls{display:flex;gap:8px;margin-bottom:16px;justify-content:flex-end}.da-chart-period-btn{background:#38bdf80d;border:1px solid rgba(56,189,248,.15);border-radius:6px;color:#7dd3fc80;font-size:10px;font-family:Josefin Sans,sans-serif;letter-spacing:1px;padding:6px 12px;cursor:pointer;transition:all .2s}.da-chart-period-btn:hover{background:#38bdf81a;border-color:#38bdf84d;color:#7dd3fc}.da-chart-period-btn.active{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.da-lc-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.da-lc-leg-item{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.8px;color:#ffffff80;transition:color .2s}.da-lc-leg-item:hover{color:#fffc}.da-lc-leg-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.da-chart-tooltip{position:absolute;background:#031022fa;border:1px solid rgba(125,211,252,.25);border-radius:8px;padding:10px 12px;pointer-events:none;z-index:100;box-shadow:0 8px 24px #0006;min-width:140px;opacity:0;transition:opacity .15s}.da-chart-tooltip.visible{opacity:1}.da-tooltip-label{font-size:10px;letter-spacing:1px;color:#ffffff80;margin-bottom:6px}.da-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.da-tooltip-row-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffffb3}.da-tooltip-row-value{font-size:12px;font-weight:400;letter-spacing:.3px}.da-trx-grid{display:grid;gap:10px;animation:da-fade-in .4s ease}@keyframes da-fade-in{0%{opacity:0}to{opacity:1}}.da-trx-card{background:#06183080;border:1px solid rgba(125,211,252,.08);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;animation:da-slide-in .4s ease both}.da-trx-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;opacity:0;transition:opacity .25s}.da-trx-card:hover:before{opacity:1}@keyframes da-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.da-trx-card:hover{background:#081e3cb3;border-color:#7dd3fc2e;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.da-trx-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:transform .25s}.da-trx-card:hover .da-trx-icon-wrap{transform:scale(1.05)}.da-trx-icon-wrap:before{content:"";position:absolute;inset:-4px;border-radius:14px;background:currentColor;opacity:.12;filter:blur(8px)}.da-trx-icon{font-size:20px;font-weight:400;z-index:1;line-height:1}.da-trx-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.da-trx-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.da-trx-title{font-size:13px;color:#e0f4ff;letter-spacing:.3px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.da-trx-amount{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:400;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.da-trx-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.da-trx-category{font-size:10px;letter-spacing:.8px;padding:3px 10px;border-radius:20px;background:#38bdf814;border:1px solid rgba(56,189,248,.15);color:#7dd3fc99;white-space:nowrap}.da-trx-time{font-size:10px;color:#ffffff4d;letter-spacing:.4px}.da-trx-date-divider{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fc80;font-weight:300;margin:16px 0 8px;padding-left:4px;border-left:2px solid rgba(56,189,248,.3)}.da-trx-date-divider:first-child{margin-top:0}.da-trx-empty{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.da-trx-empty-icon{width:48px;height:48px;border-radius:50%;background:#38bdf80d;display:flex;align-items:center;justify-content:center;color:#7dd3fc4d}.da-trx-empty-text{font-size:12px;color:#ffffff4d;letter-spacing:.5px}.da-skeleton{background:#7dd3fc12;animation:da-shimmer 1.5s infinite;border-radius:4px}@keyframes da-shimmer{0%,to{opacity:.5}50%{opacity:1}}.da-trx-skel{display:flex;flex-direction:column;gap:10px;padding:4px 0}.da-trx-skel-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0618304d;border:1px solid rgba(125,211,252,.05);border-radius:10px}@media(max-width:600px){.da-trx-header{flex-direction:column;align-items:flex-start}.da-trx-amount{align-self:flex-start}}.da-chart-wrap{display:flex;gap:0;align-items:stretch;min-height:220px}.da-chart-sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:4px 20px 28px 0;min-width:100px;border-right:1px solid rgba(125,211,252,.05);flex-shrink:0}.da-chart-sidebar-title{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc4d;font-weight:300;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start;margin-bottom:8px}.da-chart-stat{display:flex;flex-direction:column;gap:2px}.da-chart-stat-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40}.da-chart-stat-val{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:300;letter-spacing:.5px;line-height:1}.da-chart-stat-delta{font-size:9px;letter-spacing:.5px;opacity:.6;margin-top:1px}.da-chart-divider{width:100%;height:1px;background:#7dd3fc0d;margin:8px 0}.da-chart-main{flex:1;padding-left:16px;min-width:0;position:relative}.da-chart-period-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.da-chart-range-label{font-size:10px;letter-spacing:1.5px;color:#7dd3fc59;text-transform:uppercase}@media(max-width:600px){.da-chart-wrap{flex-direction:column}.da-chart-sidebar{flex-direction:row;border-right:none;border-bottom:1px solid rgba(125,211,252,.05);padding:0 0 14px;gap:20px;min-width:unset}.da-chart-sidebar-title{display:none}.da-chart-main{padding-left:0;padding-top:14px}}.mm-root{min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden}.mm-root:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0}.mm-orb-a{position:fixed;top:-120px;left:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.055),transparent 70%);pointer-events:none}.mm-orb-b{position:fixed;bottom:-80px;right:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.045),transparent 70%);pointer-events:none}.mm-wrap{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:32px 20px 64px;animation:mm-enter .4s ease both}@keyframes mm-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mm-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.mm-eyebrow{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#38bdf899;font-family:JetBrains Mono,monospace;margin-bottom:6px}.mm-title{font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300;color:#e0f4ff;line-height:1;margin:0}.mm-title em{font-style:italic;color:#38bdf8}.mm-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:1px solid;font-family:Josefin Sans,sans-serif;font-size:10px;font-weight:300;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.mm-btn-primary{background:#38bdf826;border-color:#38bdf859;color:#7dd3fc}.mm-btn-primary:hover{background:#38bdf838;border-color:#38bdf88c;color:#e0f4ff;transform:translateY(-1px);box-shadow:0 4px 16px #38bdf826}.mm-btn-ghost{background:transparent;border-color:#ffffff1a;color:#fff6}.mm-btn-ghost:hover{border-color:#fff3;color:#ffffffb3;background:#ffffff0a}.mm-btn-danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.mm-btn-danger:hover{background:#ef44442e;border-color:#ef444480;box-shadow:0 4px 14px #ef444426}.mm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mm-btn.mm-icon-only{padding:8px 10px}.mm-icon-btn{background:transparent;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:7px;color:#ffffff59;cursor:pointer;display:flex;transition:all .15s}.mm-icon-btn:hover{background:#38bdf814;border-color:#38bdf840;color:#7dd3fc}.mm-icon-btn.active{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8}.mm-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}@media(max-width:680px){.mm-stats-strip{grid-template-columns:repeat(2,1fr)}}.mm-stat-tile{background:#04142c99;border:1px solid rgba(125,211,252,.08);border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .2s}.mm-stat-tile:hover{border-color:#7dd3fc2e}.mm-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mm-stat-val{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;line-height:1}.mm-stat-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;margin-top:3px}.mm-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.mm-search-wrap{position:relative;display:flex;align-items:center}.mm-search-icon{position:absolute;left:10px;color:#7dd3fc66;pointer-events:none;display:flex}.mm-search{background:#04142cb3;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:8px 12px 8px 32px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:300;letter-spacing:.5px;outline:none;width:200px;transition:border-color .2s}.mm-search:focus{border-color:#38bdf84d}.mm-search::placeholder{color:#fff3}.mm-cat-filters{display:flex;gap:5px;flex-wrap:wrap;flex:1}.mm-cat-chip{padding:5px 12px;border-radius:20px;border:1px solid rgba(125,211,252,.12);background:transparent;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s}.mm-cat-chip:hover{border-color:#7dd3fc40;color:#fff9}.mm-cat-chip.active{border-color:#38bdf866;background:#38bdf81a;color:#7dd3fc}.mm-toolbar-right{display:flex;gap:5px;margin-left:auto}.mm-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:7px;padding:11px 16px;margin-bottom:16px;font-size:12px;color:#fca5a5}.mm-empty{padding:80px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff3;font-size:12px;letter-spacing:.5px}.mm-empty-icon{opacity:.2}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.mm-product-card{background:#04142cb3;border:1px solid rgba(125,211,252,.09);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s;animation:mm-card-in .3s ease both}.mm-product-card:hover{border-color:#7dd3fc38;transform:translateY(-3px)}.mm-skel-card{pointer-events:none}@keyframes mm-card-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-card-img-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000612b3;overflow:hidden}.mm-card-img{width:100%;height:100%;object-fit:cover;display:block}.mm-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7dd3fc26}.mm-card-img-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px;opacity:0;transition:opacity .2s}.mm-product-card:hover .mm-card-img-actions{opacity:1}.mm-card-action-btn{width:30px;height:30px;border-radius:6px;background:#030e20e0;border:1px solid rgba(125,211,252,.2);color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mm-card-action-btn:hover{background:#38bdf833;border-color:#38bdf8;color:#e0f4ff}.mm-card-action-btn.danger:hover{background:#ef444433;border-color:#f87171;color:#fca5a5}.mm-out-badge{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:4px;background:#ef444426;border:1px solid rgba(239,68,68,.3);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#fca5a5;font-family:JetBrains Mono,monospace}.mm-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px}.mm-card-cat{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#38bdf880;font-family:JetBrains Mono,monospace}.mm-card-judul{font-size:13px;color:#e0f4ff;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-card-price{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:#38bdf8}.mm-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.mm-table-card{background:#04142ca6;border:1px solid rgba(125,211,252,.1);border-radius:10px;overflow:hidden}.mm-table-scroll{overflow-x:auto}.mm-table-scroll::-webkit-scrollbar{height:4px}.mm-table-scroll::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.mm-table{width:100%;border-collapse:collapse}.mm-table thead th{background:#020c1ccc;padding:11px 16px;text-align:left;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc8c;font-weight:300;white-space:nowrap;border-bottom:1px solid rgba(125,211,252,.08);font-family:JetBrains Mono,monospace}.mm-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.mm-table thead th.sortable:hover{color:#7dd3fcd9}.mm-sort{margin-left:4px;color:#38bdf8}.mm-table tbody tr{border-bottom:1px solid rgba(125,211,252,.04);transition:background .15s;animation:mm-row-in .25s ease both}.mm-table tbody tr:hover{background:#38bdf80a}.mm-table tbody tr:last-child{border-bottom:none}@keyframes mm-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.mm-table tbody td{padding:11px 16px;font-size:12px;color:#fff9;font-weight:300;vertical-align:middle}.mm-table-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid rgba(125,211,252,.12);display:block}.mm-table-thumb-empty{width:40px;height:40px;border-radius:6px;border:1px solid rgba(125,211,252,.08);display:flex;align-items:center;justify-content:center;color:#7dd3fc26;background:#00061280}.mm-table-judul{font-size:13px;color:#e0f4ff;font-weight:300}.mm-table-desc{font-size:10px;color:#ffffff40;margin-top:2px}.mm-price-text{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:300;color:#38bdf8}.mm-cat-pill{padding:3px 9px;border-radius:20px;font-size:9px;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(56,189,248,.2);color:#38bdf8b3;background:#38bdf80f;font-family:JetBrains Mono,monospace}.mm-stock-badge{padding:3px 9px;border-radius:5px;font-size:10px;font-family:JetBrains Mono,monospace;border:1px solid rgba(52,211,153,.2);color:#34d399b3;background:#34d3990f}.mm-stock-badge.low{border-color:#fb923c4d;color:#fb923c;background:#fb923c12}.mm-berat-badge{padding:3px 8px;border-radius:5px;font-size:10px;font-family:JetBrains Mono,monospace;border:1px solid rgba(255,255,255,.08);color:#ffffff4d}.mm-actions{display:flex;align-items:center;gap:5px}.mm-action-btn{background:transparent;border:1px solid transparent;border-radius:5px;padding:5px;cursor:pointer;display:flex;transition:all .15s;color:#ffffff4d}.mm-action-btn:hover{background:#38bdf814;border-color:#38bdf833;color:#7dd3fc}.mm-action-btn.danger:hover{background:#ef444414;border-color:#ef444433;color:#fca5a5}.mm-table-foot{padding:10px 16px;font-size:10px;color:#fff3;font-family:JetBrains Mono,monospace;border-top:1px solid rgba(125,211,252,.06);background:#020c1c80}.mm-list-skel-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(125,211,252,.04)}.mm-skeleton{background:#7dd3fc0f;border-radius:4px;animation:mm-shimmer 1.5s ease infinite;display:inline-block;width:100%}@keyframes mm-shimmer{0%,to{opacity:.5}50%{opacity:1}}.mm-backdrop{position:fixed;inset:0;z-index:100;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:mm-bd-in .2s ease both}@keyframes mm-bd-in{0%{opacity:0}to{opacity:1}}.mm-modal{background:#030e20f7;border:1px solid rgba(125,211,252,.15);border-radius:10px;width:100%;max-width:380px;box-shadow:0 24px 64px #0009;animation:mm-modal-in .25s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;position:relative}.mm-modal-lg{max-width:560px}.mm-modal:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent)}@keyframes mm-modal-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(125,211,252,.08)}.mm-modal-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:#e0f4ff}.mm-modal-close{background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s}.mm-modal-close:hover{color:#e0f4ff}.mm-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;max-height:70vh;overflow-y:auto}.mm-modal-body::-webkit-scrollbar{width:4px}.mm-modal-body::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.mm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid rgba(125,211,252,.06)}.mm-img-row{display:flex;gap:14px;align-items:flex-start}.mm-img-thumb{width:100px;height:100px;flex-shrink:0;border-radius:8px;border:1.5px dashed rgba(125,211,252,.2);background:#00061299;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .2s}.mm-img-thumb:hover{border-color:#38bdf873}.mm-img-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.mm-img-thumb-icon{color:#7dd3fc40}.mm-img-thumb-overlay{position:absolute;inset:0;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s;color:#e0f4ff;font-size:10px;letter-spacing:1px}.mm-img-thumb:hover .mm-img-thumb-overlay{opacity:1}.mm-field{display:flex;flex-direction:column;gap:6px}.mm-label{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc8c;font-family:JetBrains Mono,monospace}.mm-req{color:#38bdf8}.mm-input,.mm-textarea,.mm-select{width:100%;background:#00081499;border:1px solid rgba(125,211,252,.1);border-radius:5px;padding:9px 12px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:300;letter-spacing:.5px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none}.mm-input:focus,.mm-textarea:focus,.mm-select:focus{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf812}.mm-input::placeholder,.mm-textarea::placeholder{color:#ffffff2e}.mm-textarea{resize:vertical;min-height:80px;line-height:1.6}.mm-select-wrap{position:relative}.mm-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#7dd3fc66}.mm-select{padding-right:30px;cursor:pointer}.mm-select option{background:#03111f}.mm-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media(max-width:480px){.mm-row3{grid-template-columns:1fr}}.mm-price-wrap{position:relative}.mm-price-pre{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#7dd3fc80;pointer-events:none}.mm-price-wrap .mm-input{padding-left:32px}.mm-error-inline{display:flex;align-items:center;gap:7px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:9px 12px;font-size:11px;color:#fca5a5}.mm-confirm-body{padding:24px 20px;text-align:center}.mm-confirm-icon{width:48px;height:48px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#f87171}.mm-confirm-text{font-size:13px;color:#ffffff8c;line-height:1.7}.mm-confirm-text strong{color:#e0f4ff}.mm-confirm-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(125,211,252,.06);justify-content:center}.mm-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#030e20f7;border:1px solid rgba(52,211,153,.35);border-radius:8px;padding:12px 20px;font-size:12px;color:#34d399;letter-spacing:.5px;box-shadow:0 16px 40px #00000080;z-index:200;display:flex;align-items:center;gap:8px;opacity:0;animation:mm-toast-in .3s cubic-bezier(.34,1.56,.64,1) .05s forwards,mm-toast-out .25s ease 2.6s forwards}.mm-toast.error{border-color:#ef444459;color:#fca5a5}@keyframes mm-toast-in{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes mm-toast-out{to{opacity:0;transform:translate(-50%) translateY(10px)}}@media(max-width:768px){.mm-wrap{padding:20px 14px 48px}.mm-title{font-size:26px}.mm-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mm-cat-filters{display:none}}body{overflow-x:hidden}.da-root{display:flex;min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow:hidden}.da-root:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.da-root:after{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0}.da-overlay{position:fixed;inset:0;background:#0000008c;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.da-sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:#030e20f7;border-right:1px solid rgba(125,211,252,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #0006}.da-sidebar.open{transform:translate(0)}@media(min-width:768px){.da-sidebar{transform:translate(0)!important;position:relative!important;min-height:100vh}.da-sb-close,.da-hamburger{display:none!important}}.da-sb-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(125,211,252,.08);position:relative;flex-shrink:0}.da-sb-head:after{content:"";position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.45),transparent)}.da-brand{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300;letter-spacing:.5px;color:#e0f4ff}.da-brand-r{color:#7dd3fc;font-style:italic}.da-brand-mobile{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:#e0f4ff;letter-spacing:.5px}.da-profile-block{display:flex;align-items:center;gap:10px;padding:14px 20px 12px;border-bottom:1px solid rgba(125,211,252,.06);flex-shrink:0}.da-avatar-lg{width:34px;height:34px;border-radius:2px;background:#7dd3fc1a;border:1px solid rgba(125,211,252,.2);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:15px;color:#7dd3fcd9;flex-shrink:0}.da-user-name{font-size:12px;color:#e0f4ff;font-weight:300;letter-spacing:.5px}.da-user-role{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fc66;margin-top:2px}.da-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0}.da-nav::-webkit-scrollbar{width:3px}.da-nav::-webkit-scrollbar-thumb{background:#7dd3fc1a;border-radius:2px}.da-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:2px;border:1px solid transparent;background:transparent;color:#ffffff4d;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;width:100%;text-align:left;position:relative;transition:all .18s}.da-nav-btn:hover{background:#7dd3fc0d;color:#fff9;border-color:#7dd3fc1a}.da-nav-btn.active{background:#7dd3fc1a;border-color:#7dd3fc33;color:#7dd3fce6}.da-nav-btn .icon-wrap{flex-shrink:0;display:flex}.da-nav-pip{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#7dd3fcb3}.da-sb-footer{padding:14px 16px;border-top:1px solid rgba(125,211,252,.08);display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:auto}.logout-txt{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff2e}.da-logout-btn{background:transparent;border:1px solid rgba(239,68,68,.18);border-radius:2px;color:#ef444473;padding:6px;cursor:pointer;display:flex;align-items:center;transition:all .15s}.da-logout-btn:hover{border-color:#ef444466;color:#f87171}.da-icon-btn{background:transparent;border:1px solid rgba(125,211,252,.12);border-radius:2px;color:#ffffff59;cursor:pointer;padding:6px;display:flex;align-items:center;transition:all .18s}.da-icon-btn:hover{background:#7dd3fc12;border-color:#7dd3fc40;color:#7dd3fccc}.da-main{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;z-index:1}.da-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;border-bottom:1px solid rgba(125,211,252,.08);background:#030e20e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:30;box-shadow:0 1px #7dd3fc0d}.da-top-left{display:flex;align-items:center;gap:12px}.da-top-right{display:flex;align-items:center;gap:8px}.da-avatar-sm{width:30px;height:30px;border-radius:2px;background:#7dd3fc1a;border:1px solid rgba(125,211,252,.18);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:14px;color:#7dd3fccc}.da-notif-wrap{position:relative;display:flex}.da-badge{position:absolute;top:-5px;right:-5px;background:#ef4444d9;border:1px solid rgba(239,68,68,.4);border-radius:2px;min-width:14px;height:14px;font-family:JetBrains Mono,monospace;font-size:8px;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px}.da-notif-anchor{position:relative}.da-notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:310px;background:#030e20f7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;box-shadow:0 0 0 1px #00000080,0 24px 48px #0009,inset 0 1px #ffffff0d;z-index:100;overflow:hidden;animation:da-drop-in .18s ease both}@keyframes da-drop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.da-notif-drop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid rgba(125,211,252,.08)}.da-notif-drop-title{font-weight:200;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fcb3}.da-notif-mark-all{background:transparent;border:1px solid rgba(125,211,252,.15);border-radius:2px;padding:3px 8px;color:#7dd3fc80;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .18s}.da-notif-mark-all:hover{border-color:#7dd3fc4d;color:#7dd3fcd9}.da-notif-list{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.1) transparent}.da-notif-list::-webkit-scrollbar{width:3px}.da-notif-list::-webkit-scrollbar-thumb{background:#7dd3fc1f;border-radius:2px}.da-notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(125,211,252,.05);transition:background .15s;cursor:pointer}.da-notif-item:hover{background:#7dd3fc0a}.da-notif-item.read{opacity:.45}.da-notif-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:4px}.da-notif-item-title{font-weight:300;font-size:12px;color:#e0f4ff;line-height:1.4}.da-notif-item-desc{font-weight:200;font-size:10px;color:#ffffff4d;margin-top:2px;letter-spacing:.3px}.da-notif-item-time{font-family:JetBrains Mono,monospace;font-size:9px;color:#fff3;white-space:nowrap;flex-shrink:0}.da-lihat-semua-btn{display:block;width:100%;padding:10px 14px;background:none;border:none;border-top:1px solid rgba(125,211,252,.07);color:#7dd3fc8c;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-align:center;transition:all .18s}.da-lihat-semua-btn:hover{color:#7dd3fcd9;background:#7dd3fc0a}.da-lihat-semua-inline{background:transparent;border:1px solid rgba(125,211,252,.15);border-radius:2px;color:#7dd3fc8c;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:all .18s}.da-lihat-semua-inline:hover{border-color:#7dd3fc4d;color:#7dd3fcd9}.da-content{padding:24px 20px 48px;max-width:1100px;width:100%;margin:0 auto;position:relative;z-index:1}.da-page-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:22px;animation:da-fade-up .35s ease both}.da-page-title{font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300;color:#e0f4ff;letter-spacing:-.5px;margin:0;line-height:1}.da-page-subtitle{font-weight:200;font-size:11px;letter-spacing:.8px;color:#ffffff47;margin-top:5px}.da-page-subtitle strong{font-weight:300;color:#7dd3fcb3}.da-date-chip{font-family:JetBrains Mono,monospace;font-weight:300;font-size:10px;letter-spacing:1px;color:#ffffff40;padding:6px 12px;border-radius:2px;background:#7dd3fc0d;border:1px solid rgba(125,211,252,.1)}@keyframes da-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.da-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:2px;padding:11px 16px;margin-bottom:16px;font-weight:300;font-size:12px;letter-spacing:.5px;color:#fca5a5}.da-retry-btn{background:transparent;border:1px solid rgba(239,68,68,.25);border-radius:2px;padding:5px 12px;color:#fca5a5;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.da-retry-btn:hover{background:#ef44441a}.da-dummy-badge{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#fbbf2499;background:#fbbf2412;border:1px solid rgba(251,191,36,.18);border-radius:2px;padding:2px 8px}.da-sys-live{display:flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;color:#34d399b3}.da-sys-live-dot{width:5px;height:5px;border-radius:50%;background:#34d399;animation:da-pulse 2s ease infinite}@keyframes da-pulse{0%,to{opacity:1}50%{opacity:.4}}.da-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media(max-width:600px){.da-grid3{grid-template-columns:1fr}}.da-grid2{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}@media(min-width:900px){.da-grid2{grid-template-columns:repeat(2,1fr)}}.da-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.13);border-radius:4px;padding:18px 20px;box-shadow:0 0 0 1px #0006,0 8px 28px #0000004d,inset 0 1px #ffffff0a;margin-bottom:12px;transition:border-color .22s;overflow:hidden}.da-card:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.28),transparent)}.da-card:hover{border-color:#7dd3fc38}.da-stat-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.13);border-radius:4px;padding:18px 20px;overflow:hidden;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0a;animation:da-fade-up .35s ease both;transition:border-color .22s,transform .22s}.da-stat-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.22),transparent)}.da-stat-card:hover{border-color:#7dd3fc38;transform:translateY(-2px)}.da-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.da-icon-box{width:34px;height:34px;border-radius:2px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07)}.da-delta{font-family:JetBrains Mono,monospace;font-size:10px}.da-stat-val{font-family:Cormorant Garamond,serif;font-weight:300;font-size:38px;color:#e0f4ff;line-height:1;letter-spacing:-1px}.da-stat-label{font-weight:200;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#ffffff47;margin-top:5px}.da-card-title{font-weight:200;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fcb3}.da-card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.da-sys-grid{display:flex;flex-direction:column;gap:14px}.da-sys-item{display:flex;flex-direction:column;gap:8px}.da-sys-item-head{display:flex;align-items:center;gap:10px}.da-sys-icon-box{width:30px;height:30px;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.da-sys-label{font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d}.da-sys-pct{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;line-height:1;margin-top:2px}.da-donut-mini{position:relative;display:inline-flex;flex-shrink:0}.da-donut-mini-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:300}.da-hbar-wrap{display:flex;align-items:center;gap:8px}.da-hbar-track{flex:1;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.da-hbar-fill{height:100%;border-radius:2px}.da-hbar-status{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;width:40px;text-align:right}.da-perf-card{display:flex;flex-direction:column;justify-content:space-between}.da-perf-center-block{display:flex;justify-content:center;padding:8px 0 4px}.da-perf-score-wrap{position:relative;display:inline-flex}.da-perf-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.da-perf-big-val{font-family:Cormorant Garamond,serif;font-weight:300;font-size:36px;line-height:1;letter-spacing:-1px}.da-perf-big-unit{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff47;margin-top:1px}.da-perf-big-lbl{font-weight:200;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#ffffff38;margin-top:4px}.da-perf-desc-block{text-align:center;padding:10px 0 14px;border-bottom:1px solid rgba(125,211,252,.07);margin-bottom:14px}.da-perf-status{font-weight:300;font-size:13px;letter-spacing:.5px}.da-perf-formula{font-weight:200;font-size:9px;letter-spacing:1.5px;color:#fff3;margin-top:5px;text-transform:uppercase}.da-perf-breakdown{display:flex;flex-direction:column;gap:8px}.da-perf-mini-item{display:flex;align-items:center;gap:8px}.da-perf-mini-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.da-perf-mini-label{font-weight:200;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;flex:1}.da-perf-mini-val{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:300}.da-act-row{display:flex;align-items:center;gap:10px;padding:10px 0;transition:background .15s,padding .15s}.da-act-row:hover{background:#7dd3fc0a;border-radius:2px;padding:10px 8px}.da-act-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.da-act-avatar{width:28px;height:28px;border-radius:2px;flex-shrink:0;background:#7dd3fc14;border:1px solid rgba(125,211,252,.15);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:13px;color:#7dd3fcb3}.da-act-user{font-weight:300;font-size:12px;color:#7dd3fccc}.da-act-action{font-weight:200;font-size:12px;color:#ffffff59}.da-act-time{font-family:JetBrains Mono,monospace;font-size:9px;color:#fff3;flex-shrink:0;letter-spacing:.3px}.da-act-divider{border:none;border-bottom:1px solid rgba(125,211,252,.05);margin:0}.da-skeleton{background:#7dd3fc0f;border-radius:2px;animation:da-shimmer 1.5s ease infinite}.da-skel-row{display:flex;flex-direction:column;gap:10px}.da-skel-between{display:flex;justify-content:space-between}@keyframes da-shimmer{0%,to{opacity:.4}50%{opacity:.9}}.sr-root{width:100vw;min-height:100vh;background:#03111f;display:flex;align-items:center;justify-content:center;font-family:Josefin Sans,sans-serif;position:relative;overflow:hidden;padding:20px}.sr-glow-a{position:fixed;top:-10%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.07),transparent 70%);pointer-events:none}.sr-glow-b{position:fixed;bottom:-15%;right:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.05),transparent 70%);pointer-events:none}.sr-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.sr-panel{position:relative;width:100%;max-width:860px;background:#041226d1;border:1px solid rgba(125,211,252,.12);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #0006,0 32px 64px #00000080;overflow:hidden;animation:sr-appear .4s ease both}@keyframes sr-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sr-panel:before{content:"";position:absolute;top:0;left:48px;right:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.6),transparent)}.sr-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 16px;border-bottom:1px solid rgba(125,211,252,.08)}.sr-brand{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:#e0f4ff;letter-spacing:1px}.sr-brand-r{color:#38bdf8;font-style:italic}.sr-header-right{display:flex;align-items:center;gap:10px}.sr-badge-sql{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#34d399b3;background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:4px;padding:3px 8px}.sr-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.sr-editor-wrap{position:relative}.sr-editor-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc99;margin-bottom:8px;display:flex;align-items:center;gap:8px}.sr-editor-label:after{content:"";flex:1;height:1px;background:#7dd3fc14}.sr-textarea{width:100%;min-height:130px;background:#000a18b3;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:14px 16px;color:#7dd3fc;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:300;line-height:1.7;letter-spacing:.3px;outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s;caret-color:#38bdf8}.sr-textarea:focus{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf812,inset 0 1px #38bdf80a}.sr-textarea::placeholder{color:#7dd3fc33}.sr-textarea:disabled{opacity:.5;cursor:not-allowed}.sr-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sr-btn-run{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:5px;color:#fff;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.sr-btn-run:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .2s}.sr-btn-run:hover:before{opacity:1}.sr-btn-run:hover{box-shadow:0 6px 20px #38bdf84d;transform:translateY(-1px)}.sr-btn-run:active{transform:translateY(0)}.sr-btn-run:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.sr-btn-run.loading{animation:sr-pulse 1s ease infinite}@keyframes sr-pulse{0%,to{opacity:.7}50%{opacity:1}}.sr-btn-clear{padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#ffffff59;font-family:Josefin Sans,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.sr-btn-clear:hover{border-color:#f871714d;color:#fca5a5;background:#f871710f}.sr-shortcuts{margin-left:auto;display:flex;align-items:center;gap:6px}.sr-shortcut{font-family:JetBrains Mono,monospace;font-size:9px;color:#fff3;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:3px;padding:2px 6px}.sr-quick-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc66;margin-bottom:6px}.sr-quick-list{display:flex;flex-wrap:wrap;gap:6px}.sr-quick-btn{font-family:JetBrains Mono,monospace;font-size:10px;color:#7dd3fc8c;background:#38bdf80d;border:1px solid rgba(56,189,248,.12);border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .15s;white-space:nowrap}.sr-quick-btn:hover{background:#38bdf81a;color:#7dd3fc;border-color:#38bdf840}.sr-result-wrap{border:1px solid rgba(125,211,252,.08);border-radius:6px;overflow:hidden;animation:sr-appear .3s ease both}.sr-result-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#000a1880;border-bottom:1px solid rgba(125,211,252,.07)}.sr-result-title{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc80;font-family:JetBrains Mono,monospace}.sr-result-meta{font-size:10px;font-family:JetBrains Mono,monospace;color:#ffffff40}.sr-result-meta.ok{color:#34d399b3}.sr-result-meta.err{color:#f87171b3}.sr-error{padding:14px 16px;background:#ef444412;font-family:JetBrains Mono,monospace;font-size:12px;color:#fca5a5;line-height:1.6;white-space:pre-wrap;word-break:break-all}.sr-success{padding:14px 16px;background:#34d3990d;font-family:JetBrains Mono,monospace;font-size:12px;color:#6ee7b7;line-height:1.6}.sr-table-scroll{overflow-x:auto;max-height:360px;overflow-y:auto}.sr-table-scroll::-webkit-scrollbar{width:4px;height:4px}.sr-table-scroll::-webkit-scrollbar-track{background:transparent}.sr-table-scroll::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.sr-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:12px}.sr-table thead th{position:sticky;top:0;background:#020e1ef2;color:#7dd3fcb3;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:400;padding:10px 14px;text-align:left;border-bottom:1px solid rgba(125,211,252,.1);white-space:nowrap}.sr-table tbody tr{border-bottom:1px solid rgba(125,211,252,.04);transition:background .15s}.sr-table tbody tr:hover{background:#38bdf80a}.sr-table tbody td{padding:9px 14px;color:#ffffffb3;font-weight:300;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.sr-table tbody td.null-val{color:#fff3;font-style:italic}.sr-spinner{padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7dd3fc80;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px}.sr-spin{width:16px;height:16px;border:2px solid rgba(56,189,248,.15);border-top-color:#38bdf8;border-radius:50%;animation:sr-rotate .7s linear infinite}@keyframes sr-rotate{to{transform:rotate(360deg)}}.sr-corner{position:absolute;width:16px;height:16px;border-color:#7dd3fc33;border-style:solid;pointer-events:none}.sr-corner.tl{top:12px;left:12px;border-width:1px 0 0 1px}.sr-corner.tr{top:12px;right:12px;border-width:1px 1px 0 0}.sr-corner.bl{bottom:12px;left:12px;border-width:0 0 1px 1px}.sr-corner.br{bottom:12px;right:12px;border-width:0 1px 1px 0}.sr-warning{display:flex;align-items:flex-start;gap:10px;background:#fbbf240f;border:1px solid rgba(251,191,36,.18);border-radius:5px;padding:10px 14px;font-size:11px;color:#fbbf24b3;font-family:Josefin Sans,sans-serif;letter-spacing:.5px;line-height:1.5}.sr-warning strong{color:#fbbf24e6}@media(max-width:600px){.sr-shortcuts{display:none}.sr-panel{border-radius:8px}.sr-header{padding:14px 16px 12px}.sr-body{padding:14px 16px 18px}}.sr-result-actions{display:flex;align-items:center;gap:8px}.sr-json-toggle{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;border:1px solid rgba(125,211,252,.15);background:transparent;color:#7dd3fc73;font-family:Josefin Sans,sans-serif;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.sr-json-toggle-icon{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:0}.sr-json-toggle:hover{background:#38bdf814;color:#7dd3fc;border-color:#7dd3fc47}.sr-json-toggle.active{background:#38bdf81a;color:#38bdf8;border-color:#38bdf84d}.sr-copy-btn{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;border:1px solid rgba(125,211,252,.1);background:transparent;color:#7dd3fc59;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;cursor:pointer;transition:all .15s}.sr-copy-btn:hover{background:#38bdf80f;color:#7dd3fca6;border-color:#7dd3fc33}.sr-copy-btn.copied{color:#34d399cc;border-color:#34d39940;background:#34d3990f}.sr-json-wrap{max-height:400px;overflow-y:auto}.sr-json-wrap::-webkit-scrollbar{width:4px}.sr-json-wrap::-webkit-scrollbar-track{background:transparent}.sr-json-wrap::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.sr-json{margin:0;padding:16px 18px;background:#00081499;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:300;line-height:1.7;color:#7dd3fc;white-space:pre;overflow-x:auto}.sr-json::selection{background:#38bdf833}.ps-root{min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden;padding-bottom:64px}.ps-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.ps-noise{position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0}.ps-orb-a{position:fixed;top:-120px;left:-80px;width:500px;height:500px;border-radius:50%;background:#38bdf833;filter:blur(80px);opacity:.2;animation:ps-float 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}.ps-orb-b{position:fixed;bottom:-80px;right:-60px;width:380px;height:380px;border-radius:50%;background:#a78bfa33;filter:blur(80px);opacity:.2;animation:ps-float 11s ease-in-out infinite alternate-reverse;pointer-events:none;z-index:0}@keyframes ps-float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}to{transform:translate(-20px,30px) scale(.95)}}.ps-wrap{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:44px 24px 0}.ps-eyebrow{font-weight:200;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fccc;margin-bottom:10px}.ps-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:38px;line-height:1.1;color:#e0f4ff;letter-spacing:-.5px;margin-bottom:6px}.ps-title em{font-style:italic;color:#7dd3fc}.ps-subtitle{font-weight:200;font-size:12px;letter-spacing:1px;color:#ffffff4d;margin-bottom:32px;display:flex;align-items:center;gap:10px}.ps-refresh-btn{background:transparent;border:1px solid rgba(125,211,252,.15);border-radius:2px;padding:5px 7px;cursor:pointer;color:#7dd3fc73;display:flex;transition:all .2s}.ps-refresh-btn:hover{border-color:#7dd3fc59;color:#7dd3fcd9}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-spin{animation:ps-spin .8s linear infinite}.ps-tabs{display:flex;gap:3px;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;padding:4px;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0a;overflow-x:auto;margin-bottom:24px}.ps-tabs::-webkit-scrollbar{display:none}.ps-tab{flex:1;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:2px;border:1px solid transparent;background:transparent;color:#ffffff47;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .22s;white-space:nowrap}.ps-tab:hover:not(.ps-tab-active){background:#ffffff08;color:#ffffff80}.ps-tab-active.ps-tab-pending{background:#fbbf2424;border-color:#fbbf2452;color:#fbbf24}.ps-tab-active.ps-tab-confirmed{background:#a78bfa24;border-color:#a78bfa52;color:#c4b5fd}.ps-tab-active.ps-tab-shipped{background:#34d39924;border-color:#34d39952;color:#34d399}.ps-tab-active.ps-tab-done{background:#2dd4bf24;border-color:#2dd4bf52;color:#2dd4bf}.ps-tab-active.ps-tab-cancelled{background:#f8717124;border-color:#f8717152;color:#f87171}.ps-tab-pending:hover:not(.ps-tab-active){color:#fbbf248c}.ps-tab-confirmed:hover:not(.ps-tab-active){color:#a78bfa8c}.ps-tab-shipped:hover:not(.ps-tab-active){color:#34d3998c}.ps-tab-done:hover:not(.ps-tab-active){color:#2dd4bf8c}.ps-tab-cancelled:hover:not(.ps-tab-active){color:#f871718c}.ps-tab-badge{font-family:JetBrains Mono,monospace;font-size:9px;padding:1px 6px;border-radius:2px;background:#ffffff14;color:inherit;min-width:18px;text-align:center}.ps-error-banner{font-weight:300;font-size:12px;letter-spacing:.5px;color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:2px;padding:10px 14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:ps-fade-in .25s ease}.ps-card-skel{background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.1);border-radius:4px;padding:24px;margin-bottom:14px;box-shadow:0 0 0 1px #0006}.ps-skel{background:#7dd3fc0f;border-radius:2px;display:block;animation:ps-shimmer 1.5s ease infinite}@keyframes ps-shimmer{0%,to{opacity:.4}50%{opacity:.85}}.ps-list{display:flex;flex-direction:column;gap:14px}.ps-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.13);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0006,0 16px 40px #00000059,inset 0 1px #ffffff0d;transition:border-color .3s,box-shadow .3s;animation:ps-fade-in .3s ease both}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ps-card:hover{border-color:#7dd3fc33;box-shadow:0 0 0 1px #00000080,0 24px 52px #00000073,inset 0 1px #ffffff12}.ps-card-accent{position:absolute;top:0;left:48px;right:48px;height:1px}.ps-card-pending .ps-card-accent{background:linear-gradient(90deg,transparent,rgba(251,191,36,.6),transparent)}.ps-card-confirmed .ps-card-accent{background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),transparent)}.ps-card-shipped .ps-card-accent{background:linear-gradient(90deg,transparent,rgba(52,211,153,.6),transparent)}.ps-card-done .ps-card-accent{background:linear-gradient(90deg,transparent,rgba(45,212,191,.6),transparent)}.ps-card-cancelled .ps-card-accent{background:linear-gradient(90deg,transparent,rgba(248,113,113,.5),transparent)}.ps-corner{position:absolute;width:14px;height:14px;border-color:#7dd3fc26;border-style:solid;pointer-events:none}.ps-corner-tl{top:10px;left:10px;border-width:1px 0 0 1px}.ps-corner-tr{top:10px;right:10px;border-width:1px 1px 0 0}.ps-corner-bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.ps-corner-br{bottom:10px;right:10px;border-width:0 1px 1px 0}.ps-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid rgba(125,211,252,.07)}.ps-store-row{display:flex;align-items:center;gap:8px}.ps-store-icon{color:#7dd3fc73;flex-shrink:0}.ps-store-name{font-weight:300;font-size:12px;letter-spacing:1.5px;color:#7dd3fccc;text-transform:uppercase}.ps-chip{font-family:JetBrains Mono,monospace;font-weight:300;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:4px 10px;border-radius:2px;border:1px solid}.ps-chip-pending{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2438}.ps-chip-confirmed{color:#c4b5fd;background:#a78bfa14;border-color:#a78bfa38}.ps-chip-shipped{color:#34d399;background:#34d39914;border-color:#34d39938}.ps-chip-done{color:#2dd4bf;background:#2dd4bf14;border-color:#2dd4bf38}.ps-chip-cancelled{color:#f87171;background:#f8717114;border-color:#f8717138}.ps-card-body{padding:16px 20px;display:flex;flex-direction:column;gap:13px}.ps-product-row{display:flex;align-items:flex-start;gap:16px}.ps-img-wrap{position:relative;flex-shrink:0}.ps-product-img{width:72px;height:72px;border-radius:4px;object-fit:cover;border:1px solid rgba(125,211,252,.12);background:#031428e6;display:block}.ps-img-placeholder{width:72px;height:72px;border-radius:4px;border:1px solid rgba(125,211,252,.1);background:#031428e6;display:flex;align-items:center;justify-content:center;color:#7dd3fc2e}.ps-img-badge{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:#34d399e6;border:2px solid #03111f;display:flex;align-items:center;justify-content:center;color:#03111f}.ps-img-badge-done{background:#2dd4bfe6}.ps-product-info{flex:1}.ps-product-name{font-weight:300;font-size:14px;letter-spacing:.5px;color:#e0f4ff;margin-bottom:6px;line-height:1.4}.ps-product-qty{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;letter-spacing:1px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:2px;display:inline-block;padding:2px 8px}.ps-price-col{text-align:right;flex-shrink:0}.ps-price-label{font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffff47;margin-bottom:4px}.ps-price-value{font-family:Cormorant Garamond,serif;font-weight:300;font-size:22px;color:#7dd3fce6;letter-spacing:-.5px}.ps-info-box{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:2px;border:1px solid;font-weight:300;font-size:11px;letter-spacing:.5px}.ps-info-pending{background:#fbbf2412;border-color:#fbbf2429;color:#fbbf24cc}.ps-info-confirmed{background:#a78bfa12;border-color:#a78bfa29;color:#a78bfacc}.ps-info-shipped{background:#34d39912;border-color:#34d39929;color:#34d399cc}.ps-info-done{background:#2dd4bf12;border-color:#2dd4bf29;color:#2dd4bfcc}.ps-info-cancelled{background:#f8717112;border-color:#f8717129;color:#f87171cc}.ps-address{display:flex;align-items:flex-start;gap:7px;font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff38;letter-spacing:.3px;line-height:1.6}.ps-address svg{flex-shrink:0;margin-top:1px}.ps-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.07),transparent)}.ps-star-row{display:flex;align-items:center;gap:3px}.ps-star-filled{color:#fbbf24}.ps-star-empty{color:#e0f4ff1a}.ps-star-lbl{font-weight:200;font-size:10px;letter-spacing:1px;color:#ffffff47;margin-left:8px}.ps-star-pending{font-weight:200;font-size:10px;letter-spacing:1px;color:#fbbf24a6;margin-left:8px}.ps-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 14px;border-top:1px solid rgba(125,211,252,.07);flex-wrap:wrap;gap:10px}.ps-order-id{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff2e;letter-spacing:.5px}.ps-actions{display:flex;gap:8px}.ps-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:2px;border:1px solid;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .25s;white-space:nowrap;position:relative;overflow:hidden}.ps-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .25s}.ps-btn:hover:before{opacity:1}.ps-btn:hover{transform:translateY(-1px)}.ps-btn:active{transform:translateY(0)}.ps-btn-ghost{background:transparent;border-color:#ffffff14;color:#ffffff52}.ps-btn-ghost:hover{border-color:#7dd3fc38;color:#fff9}.ps-btn-primary{background:#7dd3fc1a;border-color:#7dd3fc38;color:#7dd3fcd9}.ps-btn-primary:hover{background:#7dd3fc29;border-color:#7dd3fc59}.ps-btn-success{background:#34d3991a;border-color:#34d39940;color:#34d399}.ps-btn-success:hover{background:#34d3992e}.ps-btn-warning{background:#fbbf241a;border-color:#fbbf2440;color:#fbbf24}.ps-btn-warning:hover{background:#fbbf242e}.ps-btn-danger{background:#f8717114;border-color:#f8717133;color:#f87171}.ps-btn-danger:hover{background:#f8717126}.ps-empty{text-align:center;padding:72px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.ps-empty-icon{opacity:.18;color:#7dd3fce6}.ps-empty-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:26px;color:#e0f4ff}.ps-empty-sub{font-weight:200;font-size:11px;letter-spacing:.5px;color:#ffffff38;max-width:280px;line-height:1.7}@media(max-width:480px){.ps-wrap{padding:28px 16px 0}.ps-tab{font-size:9px;padding:9px 8px;gap:4px}.ps-tab-label{display:none}.ps-card-footer{flex-direction:column;align-items:flex-start}.ps-actions{width:100%;justify-content:flex-end}}:root{--bg-deep: #050d1a;--bg-panel: #0a1628;--bg-card: #0f1f38;--bg-row-even: #0d1b30;--bg-row-hover: #132540;--border: #1a3050;--border-light: #1e3a5f;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .18);--accent-dim: #1d4ed8;--teal: #06b6d4;--teal-glow: rgba(6, 182, 212, .15);--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--text-primary: #e2eaf5;--text-secondary: #7a9bc4;--text-muted: #3d5a7a;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}.page{min-height:100vh;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 90% 80%,rgba(6,182,212,.05) 0%,transparent 50%),var(--bg-deep);padding:32px 40px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:16px}.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--accent),var(--teal));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;box-shadow:0 0 20px var(--accent-glow);letter-spacing:-1px}.header-title{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.header-sub{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);margin-top:2px;letter-spacing:.5px}.badge{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);letter-spacing:.5px}.steps{display:flex;gap:0;margin-bottom:36px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:0}.step{flex:1;display:flex;align-items:center;gap:12px;padding:16px 24px;position:relative;transition:all .3s ease}.step:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border)}.step.active{background:var(--accent-glow)}.step.done{background:var(--success-glow)}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border-light);color:var(--text-muted);flex-shrink:0;transition:all .3s;font-family:var(--font-mono)}.step.active .step-num{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.step.done .step-num{border-color:var(--success);background:var(--success);color:#fff}.step-label{font-size:13px;font-weight:600;color:var(--text-muted);transition:color .3s}.step.active .step-label{color:var(--text-primary)}.step.done .step-label{color:var(--success)}.upload-zone{border:2px dashed var(--border-light);border-radius:16px;padding:64px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-panel);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.upload-zone:hover:before,.upload-zone.dragging:before{opacity:1}.upload-icon{font-size:52px;margin-bottom:20px;display:block;filter:drop-shadow(0 0 12px var(--accent-glow));transition:transform .3s}.upload-zone:hover .upload-icon{transform:translateY(-4px) scale(1.05)}.upload-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.upload-sub{font-size:13px;color:var(--text-secondary);margin-bottom:20px;font-family:var(--font-mono)}.upload-hint{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-family:var(--font-mono)}.file-selected{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.file-icon-wrap{width:48px;height:48px;background:linear-gradient(135deg,var(--success-glow),rgba(16,185,129,.08));border:1px solid var(--success);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.file-info{flex:1}.file-name{font-size:15px;font-weight:600;color:var(--text-primary)}.file-meta{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);margin-top:3px}.remove-btn{background:none;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.btn{font-family:var(--font-display);font-weight:700;font-size:14px;padding:12px 28px;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;letter-spacing:.3px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3b82f659}.btn-teal{background:linear-gradient(135deg,var(--teal),#0891b2);color:#fff;box-shadow:0 4px 20px var(--teal-glow)}.btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #06b6d459}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff;box-shadow:0 4px 20px var(--success-glow)}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #10b9814d}.btn-ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-row-hover);color:var(--text-primary)}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.action-left,.action-right{display:flex;gap:12px;align-items:center}.stats-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:12px;transition:border-color .2s}.stat-card:hover{border-color:var(--border-light)}.stat-icon{font-size:20px}.stat-val{font-size:20px;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);line-height:1}.stat-lbl{font-size:11px;color:var(--text-secondary);margin-top:2px;letter-spacing:.5px;text-transform:uppercase}.search-wrap{position:relative;flex:1;max-width:320px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:9px 12px 9px 36px;color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.table-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}thead{background:var(--bg-card);position:sticky;top:0;z-index:2}thead tr{border-bottom:1px solid var(--border-light)}th{padding:13px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono);white-space:nowrap}th:first-child{padding-left:20px}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:nth-child(2n){background:var(--bg-row-even)}tbody tr:hover{background:var(--bg-row-hover)}td{padding:12px 16px;font-size:13px;color:var(--text-primary);white-space:nowrap}td:first-child{padding-left:20px}.td-code{font-family:var(--font-mono);color:var(--teal);font-weight:500;font-size:12px}.td-name{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis}.td-unit{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--text-secondary)}.td-price{font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.td-price.highlight{color:var(--success);font-weight:500}.td-zero{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.td-editable{cursor:pointer;border-radius:4px;padding:3px 6px;margin:-3px -6px;transition:background .15s;display:inline-block;min-width:40px}.td-editable:hover{background:var(--bg-row-hover);outline:1px dashed var(--border-light)}.td-edit-input{background:var(--bg-deep);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:3px 6px;outline:none;width:100%;min-width:60px;box-shadow:0 0 0 3px var(--accent-glow)}.td-modified{background:#f59e0b12!important}.modified-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warning);margin-left:6px;vertical-align:middle;flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-card)}.page-info{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.page-btns{display:flex;gap:6px}.page-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:13px;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.toast-wrap{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:13px;font-weight:600;min-width:280px;animation:slideIn .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.success{background:#10b98126;border:1px solid var(--success);color:var(--success)}.toast.error{background:#ef44441f;border:1px solid var(--danger);color:var(--danger)}.toast.info{background:#3b82f61f;border:1px solid var(--accent);color:var(--accent)}.toast.warning{background:#f59e0b1f;border:1px solid var(--warning);color:var(--warning)}@keyframes slideIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.loading-overlay{position:fixed;inset:0;background:#050d1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99;gap:20px}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.5px}.dialog-backdrop{position:fixed;inset:0;background:#050d1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:98}.dialog{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:18px;padding:36px;width:440px;box-shadow:0 24px 80px #00000080;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dialog-icon{font-size:40px;margin-bottom:16px;display:block}.dialog-title{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:10px}.dialog-text{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.empty-state{text-align:center;padding:80px 40px}.empty-icon{font-size:56px;margin-bottom:20px;display:block;opacity:.5}.empty-title{font-size:18px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.empty-sub{font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}.saved-badge{display:inline-flex;align-items:center;gap:6px;background:var(--success-glow);border:1px solid var(--success);color:var(--success);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;font-family:var(--font-mono)}@media(max-width:768px){.page{padding:20px 16px}.steps{flex-direction:column}.step:not(:last-child):after{display:none}.stats-bar{gap:8px}.action-bar{flex-direction:column;align-items:stretch}.search-wrap{max-width:100%}}.sp-root{width:100vw;min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden}.sp-bg-glow-a{position:fixed;top:-120px;left:-80px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%);pointer-events:none}.sp-bg-glow-b{position:fixed;bottom:-100px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.05) 0%,transparent 70%);pointer-events:none}.sp-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.sp-overlay{position:fixed;inset:0;z-index:49;background:#00000080}.sp-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;z-index:50;background:#020a18f7;border-right:1px solid rgba(125,211,252,.08);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sp-sidebar.open{transform:translate(0)}.sp-sb-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;border-bottom:1px solid rgba(125,211,252,.06)}.sp-brand{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:#e0f4ff;letter-spacing:1px}.sp-brand-r{color:#38bdf8;font-style:italic}.sp-sb-close{margin-left:auto}.sp-profile-block{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(125,211,252,.05)}.sp-avatar-lg{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.sp-user-name{font-size:13px;color:#e0f4ff;font-weight:300}.sp-user-role{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fc73;font-family:JetBrains Mono,monospace;margin-top:2px}.sp-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1;overflow-y:auto}.sp-nav-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;border:none;background:transparent;color:#ffffff59;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;text-align:left;position:relative}.sp-nav-btn:hover{background:#38bdf80f;color:#ffffffa6}.sp-nav-btn.active{background:#38bdf81a;color:#7dd3fc}.sp-nav-btn .icon-wrap{flex-shrink:0;display:flex}.sp-nav-pip{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#38bdf8}.sp-sb-footer{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid rgba(125,211,252,.06)}.sp-logout-txt{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fff3}.sp-logout-btn{background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:5px;color:#ef444480;padding:5px;cursor:pointer;display:flex;transition:all .15s}.sp-logout-btn:hover{border-color:#ef444466;color:#f87171}.sp-main{position:relative;min-height:100vh;display:flex;flex-direction:column}.sp-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;border-bottom:1px solid rgba(125,211,252,.07);background:#03111fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40}.sp-top-left{display:flex;align-items:center;gap:12px}.sp-top-right{display:flex;align-items:center;gap:8px}.sp-brand-mobile{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300}.sp-avatar-sm{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.sp-icon-btn{background:transparent;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:6px;color:#ffffff73;cursor:pointer;display:flex;transition:all .15s}.sp-icon-btn:hover{background:#38bdf814;border-color:#38bdf840;color:#7dd3fc}.sp-icon-btn.active{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8}.sp-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:28px 20px 48px}.sp-page-header{margin-bottom:24px;animation:sp-fade-up .35s ease both}.sp-eyebrow{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#38bdf899;margin-bottom:6px;font-family:JetBrains Mono,monospace}.sp-page-title{font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300;color:#e0f4ff;line-height:1;letter-spacing:.5px;margin:0}.sp-page-title span{color:#38bdf8;font-style:italic}.sp-page-subtitle{font-size:11px;color:#ffffff4d;font-weight:200;margin-top:6px;letter-spacing:.5px}.sp-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;animation:sp-fade-up .35s ease .08s both}.sp-paths-panel{background:#04142ca6;border:1px solid rgba(125,211,252,.1);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:fit-content;position:sticky;top:72px}.sp-paths-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 11px;border-bottom:1px solid rgba(125,211,252,.07);background:#020c1c99}.sp-paths-title{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc8c;font-family:JetBrains Mono,monospace}.sp-paths-list{display:flex;flex-direction:column}.sp-paths-error,.sp-paths-empty{padding:20px 14px;font-size:10px;color:#ffffff40;text-align:center;line-height:1.7;letter-spacing:.5px}.sp-path-skel{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.sp-path-item{display:flex;align-items:center;gap:9px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(125,211,252,.04);transition:background .15s;position:relative}.sp-path-item:hover{background:#38bdf80d}.sp-path-item.active{background:#38bdf81a}.sp-path-item.active .sp-path-icon{color:#38bdf8}.sp-path-icon{color:#7dd3fc66;flex-shrink:0;display:flex}.sp-path-info{flex:1;min-width:0}.sp-path-label{font-size:12px;color:#e0f4ff;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-path-full{font-size:9px;color:#fff3;font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sp-path-del-btn{background:transparent;border:none;color:#ef44444d;cursor:pointer;padding:3px;border-radius:3px;display:flex;opacity:0;transition:opacity .15s,color .15s}.sp-path-item:hover .sp-path-del-btn{opacity:1}.sp-path-del-btn:hover{color:#f87171}.sp-path-stats{padding:12px 14px;border-top:1px solid rgba(125,211,252,.07);display:flex;flex-direction:column;gap:7px;background:#02081266}.sp-path-stat-row{display:flex;justify-content:space-between;align-items:center}.sp-path-stat-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;font-family:JetBrains Mono,monospace}.sp-path-stat-val{font-size:11px;color:#fff9;font-family:JetBrains Mono,monospace}.sp-files-panel{background:#04142ca6;border:1px solid rgba(125,211,252,.1);border-radius:10px;overflow:hidden;min-height:400px}.sp-files-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(125,211,252,.07);background:#020c1c99}.sp-search-wrap{position:relative;display:flex;align-items:center}.sp-search-icon{position:absolute;left:10px;color:#7dd3fc66;pointer-events:none;display:flex}.sp-search{background:#00081499;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:7px 11px 7px 32px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:300;letter-spacing:.5px;outline:none;width:180px;transition:border-color .2s}.sp-search:focus{border-color:#38bdf84d}.sp-search::placeholder{color:#fff3}.sp-type-filters{display:flex;gap:5px;flex-wrap:wrap}.sp-type-chip{padding:4px 10px;border-radius:20px;border:1px solid rgba(125,211,252,.12);background:transparent;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.sp-type-chip:hover{border-color:#7dd3fc40;color:#ffffff8c}.sp-type-chip.active{border-color:#38bdf866;background:#38bdf81a;color:#7dd3fc}.sp-breadcrumb{padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:10px;color:#fff3;border-bottom:1px solid rgba(125,211,252,.05);background:#0208124d}.sp-breadcrumb-sep{color:#38bdf84d;margin-right:4px}.sp-breadcrumb-part{margin-right:4px}.sp-breadcrumb-part.active{color:#7dd3fc99}.sp-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:7px;padding:10px 14px;margin:12px 16px;font-size:12px;color:#fca5a5}.sp-empty,.sp-no-path{padding:60px 20px;text-align:center;color:#fff3;font-size:12px;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:14px}.sp-empty-icon,.sp-no-path-icon{opacity:.2}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.sp-grid-card{background:#020a1899;border:1px solid rgba(125,211,252,.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;animation:sp-card-in .3s ease both;cursor:default}.sp-grid-card:hover{border-color:#7dd3fc38;transform:translateY(-2px)}.sp-grid-card.selected{border-color:#38bdf880;background:#38bdf80f}.sp-grid-card.sp-grid-skel{gap:8px;padding:10px}@keyframes sp-card-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.sp-grid-thumb{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#00061099;border-bottom:1px solid;position:relative;overflow:hidden;cursor:pointer}.sp-grid-img{width:100%;height:100%;object-fit:cover;display:block}.sp-grid-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#7dd3fc}.sp-grid-thumb:hover .sp-grid-overlay{opacity:1}.sp-grid-meta{padding:8px 10px;display:flex;flex-direction:column;gap:5px;flex:1}.sp-grid-name{font-size:11px;color:#e0f4ff;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.sp-grid-info{display:flex;align-items:center;justify-content:space-between}.sp-grid-size{font-size:9px;color:#ffffff40;font-family:JetBrains Mono,monospace}.sp-grid-actions{display:flex;gap:3px}.sp-list-wrap{overflow-x:auto}.sp-list-wrap::-webkit-scrollbar{height:4px}.sp-list-wrap::-webkit-scrollbar-track{background:transparent}.sp-list-wrap::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.sp-list-table{width:100%;border-collapse:collapse}.sp-list-table thead th{background:#020c1ccc;padding:11px 16px;text-align:left;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc8c;font-weight:300;white-space:nowrap;border-bottom:1px solid rgba(125,211,252,.08);font-family:JetBrains Mono,monospace}.sp-list-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sp-list-table thead th.sortable:hover{color:#7dd3fcd9}.sp-sort-icon{margin-left:4px;opacity:.5}.sp-sort-icon.active{opacity:1;color:#38bdf8}.sp-list-table tbody tr{border-bottom:1px solid rgba(125,211,252,.04);transition:background .15s;animation:sp-row-in .25s ease both}.sp-list-table tbody tr:hover{background:#38bdf80a}.sp-list-table tbody tr.selected{background:#38bdf812}.sp-list-table tbody tr:last-child{border-bottom:none}@keyframes sp-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sp-list-table tbody td{padding:11px 16px;font-size:12px;color:#fff9;font-weight:300;vertical-align:middle}.sp-list-name-cell{display:flex;align-items:center;gap:9px;cursor:pointer}.sp-list-name-cell:hover .sp-list-filename{color:#7dd3fc}.sp-list-filename{font-size:12px;color:#e0f4ff;font-weight:300}.sp-list-size{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff59}.sp-list-date{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d}.sp-list-skel{display:flex;flex-direction:column}.sp-list-row-skel{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid rgba(125,211,252,.04)}.sp-actions{display:flex;align-items:center;gap:5px}.sp-action-btn{background:transparent;border:1px solid transparent;border-radius:5px;padding:5px;cursor:pointer;display:flex;transition:all .15s;color:#ffffff4d;text-decoration:none}.sp-action-btn:hover{background:#38bdf814;border-color:#38bdf833;color:#7dd3fc}.sp-action-btn.delete:hover{background:#ef444414;border-color:#ef444433;color:#fca5a5}.sp-checkbox{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:3px;border:1px solid rgba(125,211,252,.2);background:transparent;cursor:pointer;transition:all .15s;position:relative;flex-shrink:0}.sp-checkbox:checked{background:#0ea5e9;border-color:#38bdf8}.sp-checkbox:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.sp-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid;font-family:Josefin Sans,sans-serif;font-size:10px;font-weight:300;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.sp-btn-primary{background:#38bdf826;border-color:#38bdf859;color:#7dd3fc}.sp-btn-primary:hover{background:#38bdf838;border-color:#38bdf88c;color:#e0f4ff;transform:translateY(-1px);box-shadow:0 4px 16px #38bdf826}.sp-btn-ghost{background:transparent;border-color:#ffffff1a;color:#fff6}.sp-btn-ghost:hover{border-color:#fff3;color:#ffffffb3;background:#ffffff0a}.sp-btn-danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.sp-btn-danger:hover{background:#ef44442e;border-color:#ef444480;box-shadow:0 4px 14px #ef444426}.sp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sp-modal-backdrop{position:fixed;inset:0;z-index:100;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:sp-backdrop-in .2s ease both}@keyframes sp-backdrop-in{0%{opacity:0}to{opacity:1}}.sp-modal{background:#030e20f7;border:1px solid rgba(125,211,252,.15);border-radius:10px;width:100%;max-width:400px;box-shadow:0 24px 64px #0009;animation:sp-modal-in .25s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;position:relative}.sp-modal:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent)}@keyframes sp-modal-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(125,211,252,.08)}.sp-modal-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:#e0f4ff}.sp-modal-close{background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s}.sp-modal-close:hover{color:#e0f4ff}.sp-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.sp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid rgba(125,211,252,.06)}.sp-field{display:flex;flex-direction:column;gap:7px}.sp-field-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc8c;font-family:JetBrains Mono,monospace}.sp-field-input{background:#00081499;border:1px solid rgba(125,211,252,.1);border-radius:5px;padding:9px 12px;color:#e0f4ff;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:300;letter-spacing:.5px;outline:none;transition:border-color .2s,box-shadow .2s}.sp-field-input:focus{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf812}.sp-field-input::placeholder{color:#ffffff2e}.sp-field-hint{font-size:10px;color:#ffffff38;letter-spacing:.3px}.sp-confirm-body{padding:24px 20px;text-align:center}.sp-confirm-icon{width:48px;height:48px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#f87171}.sp-confirm-text{font-size:13px;color:#ffffff8c;line-height:1.7}.sp-confirm-text strong{color:#e0f4ff}.sp-confirm-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(125,211,252,.06);justify-content:center}.sp-preview-modal{background:#030e20fa;border:1px solid rgba(125,211,252,.15);border-radius:10px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #000000b3;animation:sp-modal-in .25s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;position:relative}.sp-preview-modal:before{content:"";position:absolute;top:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent)}.sp-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#00040ccc;min-height:300px}.sp-preview-img{max-width:100%;max-height:65vh;object-fit:contain;display:block}.sp-preview-video{max-width:100%;max-height:65vh;display:block}.sp-preview-audio-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.sp-preview-audio-name{font-size:14px;color:#e0f4ff;font-weight:300}.sp-preview-audio{width:100%;max-width:400px;accent-color:#38bdf8}.sp-preview-unsupported{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;color:#fff6}.sp-preview-unsupported-name{font-size:14px;color:#e0f4ff}.sp-preview-unsupported-info{font-family:JetBrains Mono,monospace;font-size:11px}.sp-preview-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:11px 20px;border-top:1px solid rgba(125,211,252,.07);font-size:10px;color:#ffffff4d;font-family:JetBrains Mono,monospace;background:#02081299}.sp-preview-meta strong{color:#fff9}.sp-skeleton{background:#7dd3fc0f;border-radius:4px;animation:sp-shimmer 1.5s ease infinite;display:inline-block}@keyframes sp-shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes sp-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sp-layout{grid-template-columns:1fr}.sp-paths-panel{position:static}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.sp-content{padding:20px 14px 40px}.sp-page-title{font-size:26px}.sp-type-filters{display:none}.sp-list-table thead th:nth-child(4),.sp-list-table tbody td:nth-child(4){display:none}}@media(max-width:480px){.sp-search{width:140px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.om-root{min-height:100vh;background:#020d1a;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden;padding-bottom:80px}.om-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none}.om-orb-a{width:480px;height:480px;background:#0ea5e9;top:-120px;right:-80px}.om-orb-b{width:360px;height:360px;background:#6366f1;bottom:-60px;left:-80px}.om-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.om-wrap{max-width:900px;margin:0 auto;padding:28px 24px;position:relative;z-index:10}.om-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.om-header-left{display:flex;align-items:center;gap:16px}.om-back-btn{background:#7dd3fc12;border:1px solid rgba(125,211,252,.15);border-radius:3px;color:#7dd3fcb3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.om-back-btn:hover{background:#7dd3fc24;color:#7dd3fc}.om-eyebrow{font-weight:200;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fc80;margin-bottom:4px}.om-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:34px;line-height:1.1;color:#e0f4ff;letter-spacing:-.5px}.om-title em{font-style:italic;color:#7dd3fc}.om-refresh-btn{background:#7dd3fc12;border:1px solid rgba(125,211,252,.15);border-radius:3px;color:#7dd3fc80;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:6px}.om-refresh-btn:hover:not(:disabled){color:#7dd3fc;background:#7dd3fc1f}.om-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.om-stats{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.om-stat{flex:1;min-width:80px;background:#031428b3;border:1px solid rgba(125,211,252,.1);border-radius:4px;padding:12px 16px;text-align:center;position:relative;overflow:hidden}.om-stat:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;opacity:.6}.om-stat-yellow:before{background:linear-gradient(90deg,transparent,#fbbf24,transparent)}.om-stat-blue:before{background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.om-stat-indigo:before{background:linear-gradient(90deg,transparent,#818cf8,transparent)}.om-stat-green:before{background:linear-gradient(90deg,transparent,#4ade80,transparent)}.om-stat-red:before{background:linear-gradient(90deg,transparent,#f87171,transparent)}.om-stat-num{display:block;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:400;line-height:1;margin-bottom:4px}.om-stat-yellow .om-stat-num{color:#fbbf24}.om-stat-blue .om-stat-num{color:#38bdf8}.om-stat-indigo .om-stat-num{color:#818cf8}.om-stat-green .om-stat-num{color:#4ade80}.om-stat-red .om-stat-num{color:#f87171}.om-stat-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d}.om-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.om-search-wrap{position:relative}.om-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7dd3fc66;pointer-events:none}.om-search{width:100%;background:#031428b3;border:1px solid rgba(125,211,252,.12);border-radius:4px;padding:13px 16px 13px 46px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:13px;letter-spacing:.5px;outline:none;transition:all .2s}.om-search::placeholder{color:#fff3}.om-search:focus{border-color:#7dd3fc4d;box-shadow:0 0 0 3px #38bdf812}.om-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#7dd3fc66;cursor:pointer;font-size:11px;padding:4px;transition:color .15s}.om-search-clear:hover{color:#7dd3fc}.om-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.om-filter-tab{display:inline-flex;align-items:center;gap:6px;background:#03142899;border:1px solid rgba(125,211,252,.1);border-radius:3px;color:#fff6;font-family:Josefin Sans,sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 14px;cursor:pointer;transition:all .2s}.om-filter-tab:hover{color:#7dd3fc;border-color:#7dd3fc33}.om-filter-tab.active{background:#38bdf81f;border-color:#38bdf84d;color:#e0f4ff}.om-tab-count{background:#7dd3fc1f;border-radius:99px;padding:1px 6px;font-size:9px;color:#7dd3fcb3}.om-list{display:flex;flex-direction:column;gap:10px}.om-card{background:#031428bf;border:1px solid rgba(125,211,252,.1);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.om-card:hover{border-color:#7dd3fc33}.om-card-open{border-color:#38bdf840;box-shadow:0 8px 32px #0006}.om-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}.om-card-left{display:flex;flex-direction:column;gap:4px;min-width:0}.om-order-id{font-size:10px;letter-spacing:2px;color:#7dd3fc66;text-transform:uppercase}.om-product-name{font-size:14px;font-weight:400;color:#e0f4ff;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.om-store{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:1px;color:#7dd3fc66;text-transform:uppercase}.om-card-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.om-date{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.5px;color:#ffffff40}.om-chevron{font-size:20px;color:#7dd3fc4d;transition:transform .2s;line-height:1}.om-chevron-open{transform:rotate(90deg)}.om-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:2px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:300}.om-badge-yellow{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.om-badge-blue{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.om-badge-indigo{background:#818cf81a;color:#818cf8;border:1px solid rgba(129,140,248,.25)}.om-badge-green{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.om-badge-red{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.25)}.om-card-body{padding:0 20px 20px;position:relative;animation:om-expand .2s ease}@keyframes om-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.om-card-accent{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.15),transparent);margin-bottom:18px}.om-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media(max-width:600px){.om-detail-grid{grid-template-columns:1fr}.om-card-right{gap:8px}.om-date{display:none}.om-product-name{max-width:160px}.om-stats{gap:6px}.om-stat{padding:10px}.om-stat-num{font-size:22px}}.om-detail-section{background:#7dd3fc08;border:1px solid rgba(125,211,252,.08);border-radius:3px;padding:12px 14px}.om-detail-label{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc66;margin-bottom:8px}.om-detail-value{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:400;color:#fffc;margin-bottom:4px;line-height:1.3}.om-detail-sub{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.3px;color:#ffffff4d}.om-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.om-actions-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fc4d;white-space:nowrap}.om-action-btns{display:flex;gap:6px;flex-wrap:wrap}.om-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:2px;border:1px solid transparent;font-family:Josefin Sans,sans-serif;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;background:#ffffff0a;color:#ffffff59;border-color:#ffffff14}.om-action-btn:hover:not(:disabled):not(.om-action-active){background:#ffffff14;color:#fff9}.om-action-btn:disabled{cursor:not-allowed;opacity:.5}.om-action-active{cursor:default}.om-action-yellow.om-action-active{background:#fbbf241f;color:#fbbf24;border-color:#fbbf244d}.om-action-blue.om-action-active{background:#38bdf81f;color:#38bdf8;border-color:#38bdf84d}.om-action-indigo.om-action-active{background:#818cf81f;color:#818cf8;border-color:#818cf84d}.om-action-green.om-action-active{background:#4ade801f;color:#4ade80;border-color:#4ade804d}.om-action-red.om-action-active{background:#f871711f;color:#f87171;border-color:#f871714d}.om-center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:40vh;color:#7dd3fc40;font-size:11px;letter-spacing:2px;text-transform:uppercase}.om-center-state p{color:#ffffff59;letter-spacing:1px}.om-error{color:#f8717166}.om-retry-btn{padding:8px 20px;background:#38bdf814;border:1px solid rgba(125,211,252,.2);border-radius:3px;color:#7dd3fc;font-family:Josefin Sans,sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.om-retry-btn:hover{background:#38bdf826}.om-spin{animation:om-spin-anim .8s linear infinite}.co-root{min-height:100vh;background:#020d1a;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden;padding-bottom:80px}.co-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none;animation:coFloat var(--dur,9s) ease-in-out infinite alternate}.co-orb-a{width:500px;height:500px;background:#0ea5e9;top:-120px;right:-80px;--dur: 9s}.co-orb-b{width:380px;height:380px;background:#6366f1;bottom:-80px;left:-60px;--dur: 12s}@keyframes coFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(18px,-14px) scale(1.04)}to{transform:translate(-14px,18px) scale(.97)}}.co-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.co-header{display:flex;align-items:center;gap:16px;padding:24px 28px 16px;max-width:1000px;margin:0 auto;position:relative;z-index:10}.co-back-btn{width:36px;height:36px;background:#031428b3;border:1px solid rgba(125,211,252,.15);border-radius:2px;color:#7dd3fc99;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.co-back-btn:hover{background:#38bdf814;border-color:#7dd3fc59;color:#7dd3fc}.co-eyebrow{font-weight:200;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fcb3;margin-bottom:3px}.co-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:28px;letter-spacing:-.5px;color:#e0f4ff;line-height:1}.co-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;max-width:1000px;margin:0 auto;padding:0 28px;position:relative;z-index:10;align-items:start}@media(max-width:760px){.co-layout{grid-template-columns:1fr}.co-summary-col{order:-1}}.co-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.12);border-radius:4px;padding:24px 26px;box-shadow:0 0 0 1px #0006,0 24px 48px #00000080,inset 0 1px #ffffff0d;display:flex;flex-direction:column;gap:18px}.co-card:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent);pointer-events:none}.co-corner{position:absolute;width:14px;height:14px;border-color:#7dd3fc33;border-style:solid;pointer-events:none}.co-corner-tl{top:10px;left:10px;border-width:1px 0 0 1px}.co-corner-tr{top:10px;right:10px;border-width:1px 1px 0 0}.co-corner-bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.co-corner-br{bottom:10px;right:10px;border-width:0 1px 1px 0}.co-form-col{display:flex;flex-direction:column;gap:16px}.co-card-label{display:flex;align-items:center;gap:6px;font-weight:200;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc99}.co-product-row{display:flex;align-items:center;gap:14px}.co-product-thumb{width:52px;height:52px;border-radius:3px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(125,211,252,.12);display:flex;align-items:center;justify-content:center;color:#7dd3fc33;flex-shrink:0}.co-product-thumb img{width:100%;height:100%;object-fit:cover}.co-product-info{display:flex;flex-direction:column;gap:4px;min-width:0}.co-product-name{font-family:Cormorant Garamond,serif;font-weight:300;font-size:18px;color:#e0f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-product-price{font-weight:300;font-size:12px;letter-spacing:1px;color:#7dd3fce6}.co-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.08),transparent)}.co-qty-block{display:flex;align-items:center;gap:14px}.co-qty-label{font-weight:200;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;min-width:52px;flex-shrink:0}.co-qty-ctrl{display:flex;align-items:center;gap:0;background:#ffffff08;border:1px solid rgba(125,211,252,.15);border-radius:2px;overflow:hidden}.co-qty-btn{width:34px;height:38px;background:#38bdf80f;border:none;border-right:1px solid rgba(125,211,252,.1);color:#7dd3fc99;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.co-qty-btn:last-child{border-right:none;border-left:1px solid rgba(125,211,252,.1)}.co-qty-btn:hover:not(:disabled){background:#38bdf826;color:#7dd3fc}.co-qty-btn:disabled{opacity:.25;cursor:not-allowed}.co-qty-input{width:58px;height:38px;background:transparent;border:none;color:#e0f4ff;font-family:Cormorant Garamond,serif;font-weight:400;font-size:20px;text-align:center;outline:none;letter-spacing:.5px;padding:0 4px;-moz-appearance:textfield}.co-qty-input::-webkit-outer-spin-button,.co-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.co-qty-input:focus{background:#38bdf80d}.co-qty-max{font-weight:200;font-size:10px;letter-spacing:1.5px;color:#fff3;white-space:nowrap}.co-fields{display:flex;flex-direction:column;gap:14px}.co-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.co-field-row{grid-template-columns:1fr}}.co-field{display:flex;flex-direction:column;gap:6px}.co-field-full{grid-column:1 / -1}.co-field label{font-weight:200;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;transition:color .2s}.co-field:focus-within label{color:#7dd3fccc}.co-req{color:#fca5a5}.co-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:11px 14px;color:#ffffffe6;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:13px;letter-spacing:1px;outline:none;transition:all .25s ease;box-sizing:border-box}.co-input::placeholder{color:#ffffff2e}.co-input:focus{background:#38bdf812;border-color:#7dd3fc73;box-shadow:0 0 0 3px #38bdf81a}.co-textarea{resize:vertical;min-height:76px;line-height:1.6}.co-sum-lines{display:flex;flex-direction:column;gap:12px}.co-sum-row{display:flex;justify-content:space-between;align-items:center;font-weight:200;font-size:11px;letter-spacing:1.5px;color:#fff6}.co-sum-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.12),transparent);margin:2px 0}.co-sum-total{font-size:12px;letter-spacing:2px;color:#ffffffd9}.co-sum-total strong{font-family:Cormorant Garamond,serif;font-weight:400;font-size:22px;letter-spacing:0;color:#7dd3fc}.co-error-msg{display:flex;align-items:center;gap:8px;font-weight:300;font-size:11px;letter-spacing:.5px;color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:2px;padding:10px 14px;animation:coFadeIn .25s ease}@keyframes coFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.co-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:2px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.co-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.co-btn-primary:hover:not(:disabled):before{opacity:1}.co-btn-primary:hover:not(:disabled){box-shadow:0 8px 32px #38bdf859;transform:translateY(-1px)}.co-btn-primary:disabled{background:#ffffff0f;border-color:#ffffff14;color:#fff3;cursor:not-allowed;transform:none}.co-btn-primary.loading{animation:coPulse 1.2s ease-in-out infinite}@keyframes coPulse{0%,to{opacity:.7}50%{opacity:1}}.co-note{font-weight:200;font-size:9px;letter-spacing:1.5px;color:#fff3;text-align:center;line-height:1.6}.co-success-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:82vh;padding:40px 24px;text-align:center;position:relative;z-index:10}.co-success-icon{color:#86efac;animation:coSuccessPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes coSuccessPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.co-success-eyebrow{font-weight:200;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#86efacb3}.co-success-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:34px;color:#e0f4ff;letter-spacing:-.5px;margin:0}.co-success-sub{font-weight:200;font-size:12px;letter-spacing:1px;color:#ffffff59;max-width:300px;line-height:1.7}.co-success-card{position:relative;background:#031428c7;border:1px solid rgba(125,211,252,.12);border-radius:4px;padding:20px 24px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 48px #0006,inset 0 1px #ffffff0d}.co-success-card:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent)}.co-center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:70vh;color:#7dd3fc4d;font-weight:200;font-size:11px;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:10}.co-center-state p{color:#fff6;letter-spacing:1.5px}.co-spin{animation:coSpin .9s linear infinite}@keyframes coSpin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}.pd-root{min-height:100vh;background:#020d1a;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden;padding-bottom:80px}.pd-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;animation:floatOrb var(--dur, 8s) ease-in-out infinite alternate}.pd-orb-a{width:500px;height:500px;background:#0ea5e9;top:-100px;right:-100px;--dur: 9s}.pd-orb-b{width:400px;height:400px;background:#6366f1;bottom:-80px;left:-80px;--dur: 11s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.05)}to{transform:translate(-15px,20px) scale(.96)}}.pd-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.pd-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc99;cursor:pointer;padding:24px 28px 16px;transition:color .2s;position:relative;z-index:10}.pd-back-btn:hover{color:#7dd3fc}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;max-width:960px;margin:0 auto;padding:0 28px;position:relative;z-index:10}@media(max-width:680px){.pd-layout{grid-template-columns:1fr;gap:24px}}.pd-image-wrap{position:relative;border-radius:4px;overflow:hidden;background:#031428c7;border:1px solid rgba(125,211,252,.12);aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 32px 64px #00000080,inset 0 1px #ffffff0d}.pd-image-wrap:before{content:"";position:absolute;top:0;left:48px;right:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent);z-index:1}.pd-main-img{width:100%;height:100%;object-fit:contain;padding:12px}.pd-img-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#7dd3fc33;font-weight:200;font-size:11px;letter-spacing:2px;text-transform:uppercase}.pd-corner{position:absolute;width:16px;height:16px;border-color:#7dd3fc40;border-style:solid;pointer-events:none;z-index:2}.pd-corner-tl{top:10px;left:10px;border-width:1px 0 0 1px}.pd-corner-tr{top:10px;right:10px;border-width:1px 1px 0 0}.pd-corner-bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.pd-corner-br{bottom:10px;right:10px;border-width:0 1px 1px 0}.pd-info-col{display:flex;flex-direction:column;gap:0;padding-top:4px}.pd-eyebrow{font-weight:200;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fcb3;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd-badge{font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:2px}.pd-badge-cat{background:#8b5cf61f;color:#c4b5fd;border:1px solid rgba(139,92,246,.2)}.pd-product-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:36px;line-height:1.1;color:#e0f4ff;letter-spacing:-.5px;margin-bottom:18px}.pd-satuan-options{margin-bottom:20px}.pd-satuan-label{font-weight:200;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc80;margin-bottom:10px}.pd-satuan-list{display:flex;flex-wrap:wrap;gap:8px}.pd-satuan-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;background:#03142899;border:1px solid rgba(125,211,252,.15);border-radius:3px;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:left}.pd-satuan-btn:hover{border-color:#7dd3fc66;background:#0ea5e914}.pd-satuan-btn--active{border-color:#7dd3fcb3;background:#0ea5e91f;box-shadow:0 0 0 1px #7dd3fc33,inset 0 1px #ffffff0a}.pd-satuan-btn-name{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff80;transition:color .2s}.pd-satuan-btn--active .pd-satuan-btn-name{color:#7dd3fce6}.pd-satuan-btn-price{font-family:Cormorant Garamond,serif;font-weight:400;font-size:15px;color:#ffffffbf;letter-spacing:.3px;transition:color .2s}.pd-satuan-btn--active .pd-satuan-btn-price{color:#7dd3fc}.pd-price-block{display:flex;align-items:baseline;gap:8px;margin-bottom:24px}.pd-price{font-family:Cormorant Garamond,serif;font-weight:400;font-size:30px;color:#7dd3fc;letter-spacing:-.5px;transition:all .2s ease}.pd-per-satuan{font-weight:200;font-size:11px;letter-spacing:2px;color:#ffffff40}.pd-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.1),transparent);margin-bottom:20px}.pd-info-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.12);border-radius:4px;padding:22px 24px;margin-bottom:20px;box-shadow:0 0 0 1px #0006,0 20px 40px #0006,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:0}.pd-info-card:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent);pointer-events:none}.pd-info-section{padding:4px 0}.pd-info-label{font-weight:200;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc80;margin-bottom:10px}.pd-info-desc{font-weight:200;font-size:13px;letter-spacing:.5px;line-height:1.85;color:#ffffff73;white-space:pre-wrap}.pd-info-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.08),transparent);margin:18px 0}.pd-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-spec-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#7dd3fc08;border:1px solid rgba(125,211,252,.08);border-radius:3px}.pd-spec-icon{color:#7dd3fc66;margin-top:2px;flex-shrink:0}.pd-spec-key{font-weight:200;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff40;margin-bottom:4px}.pd-spec-val{font-family:Cormorant Garamond,serif;font-weight:400;font-size:15px;color:#ffffffbf;letter-spacing:.3px}.pd-btn-checkout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:2px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pd-btn-checkout:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.pd-btn-checkout:hover:not(:disabled):before{opacity:1}.pd-btn-checkout:hover:not(:disabled){box-shadow:0 8px 32px #38bdf859;transform:translateY(-1px)}.pd-btn-checkout:disabled{background:#ffffff0f;border-color:#ffffff14;color:#fff3;cursor:not-allowed}.pd-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:2px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:12px 24px;cursor:pointer;transition:all .3s ease}.pd-btn-primary:hover{box-shadow:0 8px 24px #38bdf84d;transform:translateY(-1px)}.pd-center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:70vh;color:#7dd3fc4d;font-weight:200;font-size:11px;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:10}.pd-center-state p{color:#fff6;letter-spacing:1.5px}.pd-spin{animation:pdSpin .9s linear infinite}@keyframes pdSpin{to{transform:rotate(360deg)}}:root{--bg: #03111f;--card: rgba(4,20,44,.75);--card-solid: #04142c;--text: #e0f4ff;--muted: #5b8fa8;--primary: #38bdf8;--secondary: #7dd3fc;--grad-s: #0ea5e9;--grad-e: #38bdf8;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border: rgba(56,189,248,.1);--border-h: rgba(56,189,248,.25);--nav-h: 60px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}.app-shell{min-height:100vh;background:radial-gradient(ellipse 70% 40% at 30% 0%,rgba(14,165,233,.14) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 80% 90%,rgba(56,189,248,.07) 0%,transparent 50%),var(--bg);display:flex;flex-direction:column}.top-bar{height:52px;background:#030b1fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.top-bar-brand{display:flex;align-items:center;gap:9px}.top-bar-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--grad-s),var(--grad-e));border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #38bdf84d}.top-bar-title{font-size:16px;font-weight:800;background:linear-gradient(90deg,var(--grad-s),var(--grad-e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar-right{display:flex;align-items:center;gap:8px}.top-bar-date{font-size:12px;color:var(--muted)}.main-area{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + 12px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#030b1feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 8px;z-index:200}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:none;background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s;position:relative}.nav-item:hover{color:var(--secondary);background:#38bdf80f}.nav-item.nav-active{color:var(--primary)}.nav-item.nav-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:linear-gradient(90deg,var(--grad-s),var(--grad-e));border-radius:0 0 4px 4px}.kasir-layout{display:grid;grid-template-columns:1fr 340px;gap:0;height:calc(100vh - 52px - var(--nav-h));overflow:hidden}@media(max-width:768px){.kasir-layout{grid-template-columns:1fr;height:auto;overflow:visible}.cart-panel{border-left:none;border-top:1px solid var(--border);max-height:none}}.product-panel{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-search-row{display:flex;gap:8px}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:0 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-icon{color:var(--muted);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;padding:10px 0}.search-input::placeholder{color:var(--muted)}.cat-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cat-btn:hover{border-color:var(--border-h);color:var(--secondary)}.cat-active{background:#38bdf81f;border-color:#38bdf859;color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.product-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;text-align:left;cursor:pointer;transition:all .2s;animation:fadeUp .3s ease both;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e91f}.product-card.in-cart{border-color:#38bdf866;background:#38bdf812}.product-card-top{display:flex;justify-content:space-between;align-items:center}.product-cat-tag{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.cart-badge{background:var(--primary);color:#03111f;font-size:10px;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-card-icon{color:var(--muted)}.product-card-name{font-size:12px;font-weight:700;color:var(--text);line-height:1.3}.product-card-price{font-size:13px;font-weight:800;background:linear-gradient(90deg,var(--grad-s),var(--grad-e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card-stock{font-size:10px;color:var(--muted)}.empty-products{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.cart-panel{border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:#02091699;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cart-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text)}.cart-count{background:var(--primary);color:#03111f;font-size:11px;font-weight:800;padding:1px 7px;border-radius:20px;margin-left:auto}.cart-items{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);padding:40px 0}.cart-empty-sub{font-size:12px}.cart-item{background:#38bdf80d;border:1px solid var(--border);border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px}.cart-item-info{grid-column:1}.cart-item-name{font-size:12px;font-weight:600;color:var(--text)}.cart-item-price{font-size:11px;color:var(--muted)}.cart-item-controls{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px}.cart-item-sub{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--primary)}.qty-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.qty-btn:hover{border-color:var(--primary);color:var(--primary)}.qty-del:hover{border-color:var(--danger);color:var(--danger)}.qty-val{font-size:13px;font-weight:700;min-width:20px;text-align:center}.cart-summary{padding:12px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.summary-total{font-size:16px;font-weight:800;color:var(--text);padding-top:6px;border-top:1px solid var(--border)}.pay-method-row{display:flex;gap:6px;flex-wrap:wrap}.pay-method-btn{flex:1;min-width:60px;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 6px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.pay-method-btn:hover{border-color:var(--border-h);color:var(--secondary)}.pay-active{background:#38bdf81f;border-color:#38bdf866;color:var(--primary)}.cash-input-row{display:flex;flex-direction:column;gap:6px}.cash-label{font-size:11px;color:var(--muted)}.cash-input{background:#38bdf80f;border:1px solid var(--border);border-radius:9px;color:var(--text);font-family:DM Mono,monospace;font-size:14px;padding:8px 12px;outline:none;width:100%}.cash-input:focus{border-color:var(--border-h)}.kembalian-row{display:flex;justify-content:space-between;font-size:12px}.kembalian-val{color:var(--success);font-weight:700}.btn-bayar{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--grad-s),var(--grad-e));color:#03111f;font-family:DM Sans,sans-serif;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #0ea5e966;transition:all .2s}.btn-bayar:hover{box-shadow:0 6px 24px #0ea5e98c;transform:translateY(-1px)}.recent-trx{padding:10px 14px 14px;border-top:1px solid var(--border)}.recent-title{font-size:11px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:8px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(56,189,248,.06)}.recent-item:last-child{border-bottom:none}.recent-id{font-size:12px;font-weight:600;color:var(--text)}.recent-time{font-size:10px;color:var(--muted)}.recent-total{font-size:12px;font-weight:700;color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.modal-card{background:#04142c;border:1px solid var(--border-h);border-radius:20px;padding:24px;width:100%;max-width:380px;animation:fadeUp .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{font-size:16px;font-weight:800}.modal-close{background:transparent;border:none;color:var(--muted);cursor:pointer}.modal-method{font-size:13px;color:var(--muted);margin-bottom:8px}.modal-method strong{color:var(--primary)}.modal-total{font-size:28px;font-weight:800;background:linear-gradient(90deg,var(--grad-s),var(--grad-e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.qris-placeholder{display:flex;justify-content:center;margin-bottom:16px}.qris-box{background:#38bdf80f;border:1px dashed rgba(56,189,248,.3);border-radius:16px;padding:24px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}.modal-actions{display:flex;gap:8px}.receipt-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:600;padding:20px}.receipt-card{background:#04142c;border:1px solid rgba(52,211,153,.3);border-radius:24px;padding:32px 28px;width:100%;max-width:360px;text-align:center;animation:fadeUp .3s ease}.receipt-icon{color:var(--success);margin-bottom:12px}.receipt-title{font-size:20px;font-weight:800;margin-bottom:4px}.receipt-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.receipt-id{font-family:DM Mono,monospace;font-size:13px;color:var(--muted);background:#38bdf812;padding:6px 14px;border-radius:20px;display:inline-block;margin-bottom:12px}.receipt-total{font-size:32px;font-weight:800;background:linear-gradient(90deg,var(--grad-s),var(--grad-e));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.receipt-method{font-size:12px;color:var(--muted);margin-bottom:24px}.receipt-actions{display:flex;gap:10px;justify-content:center}.page-content{padding:16px;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:center;gap:12px;padding-bottom:4px}.page-header-icon{color:var(--primary)}.page-title{font-size:20px;font-weight:800}.page-sub{font-size:12px;color:var(--muted)}.scan-area{display:flex;flex-direction:column;gap:14px}.scan-frame{position:relative;background:#04142c80;border:1px solid var(--border);border-radius:18px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.scan-corner{position:absolute;width:22px;height:22px;border-color:var(--primary);border-style:solid}.tl{top:14px;left:14px;border-width:2px 0 0 2px;border-radius:4px 0 0}.tr{top:14px;right:14px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.bl{bottom:14px;left:14px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.br{bottom:14px;right:14px;border-width:0 2px 2px 0;border-radius:0 0 4px}.scan-line-anim{position:absolute;left:14px;right:14px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scanAnim 2s ease-in-out infinite}@keyframes scanAnim{0%,to{top:20%}50%{top:75%}}.scan-inner-text{text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.scan-hint{font-size:10px}.scan-input-row{display:flex;gap:10px}.scan-text-input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:11px;color:var(--text);font-family:DM Mono,monospace;font-size:13px;padding:11px 14px;outline:none}.scan-text-input:focus{border-color:var(--border-h)}.scan-shortcuts-label{font-size:11px;color:var(--muted);margin-bottom:8px}.scan-shortcut-list{display:flex;flex-wrap:wrap;gap:6px}.scan-shortcut-btn{background:#38bdf812;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;padding:5px 10px;cursor:pointer;transition:all .15s}.scan-shortcut-btn:hover{border-color:var(--border-h);color:var(--primary)}.scan-result{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;animation:fadeUp .25s ease}.success-result{background:#34d39914;border:1px solid rgba(52,211,153,.25)}.error-result{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:var(--danger);font-size:13px;font-weight:600}.result-icon-ok{color:var(--success);flex-shrink:0}.result-icon-err{color:var(--danger);flex-shrink:0}.result-info{flex:1}.result-name{font-size:14px;font-weight:700}.result-detail{font-size:12px;color:var(--muted)}.result-price{font-size:15px;font-weight:800;color:var(--primary)}.scan-history{display:flex;flex-direction:column;gap:0}.scan-history-title{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:10px}.scan-history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.scan-history-item:last-child{border-bottom:none}.scan-history-name{font-size:13px;font-weight:600}.scan-history-time{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.scan-history-price{font-size:13px;font-weight:700;color:var(--primary)}.barcode-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.barcode-layout{grid-template-columns:1fr}}.form-section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.barcode-form-panel,.barcode-preview-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px}.product-select-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.product-select-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:all .18s;text-align:left}.product-select-item:hover{border-color:var(--border-h);background:#38bdf80d}.product-select-item.selected{border-color:#38bdf866;background:#38bdf817}.psi-left{display:flex;align-items:center;gap:10px;color:var(--muted)}.psi-name{font-size:12px;font-weight:600;color:var(--text)}.psi-barcode{font-size:10px;color:var(--muted);font-family:DM Mono,monospace}.psi-check{color:var(--primary)}.qty-print-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.qty-stepper{display:flex;align-items:center;gap:8px}.btn-print{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--grad-s),var(--grad-e));color:#03111f;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0ea5e94d;transition:all .2s}.btn-print:hover{box-shadow:0 6px 20px #0ea5e973;transform:translateY(-1px)}.btn-printed{background:linear-gradient(135deg,#059669,var(--success));box-shadow:0 4px 14px #34d3994d}.barcode-preview-grid{display:flex;flex-wrap:wrap;gap:12px}.barcode-label-card{background:#fff;border-radius:10px;padding:12px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px}.barcode-label-card.more-label{background:#38bdf814;border:1px dashed var(--border-h);color:var(--muted);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:100px}.label-product-name{font-size:9px;font-weight:700;color:#1a1a2e;text-align:center;max-width:120px;line-height:1.2}.label-price{font-size:11px;font-weight:800;color:#1a1a2e}.barcode-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.barcode-bars{display:flex;align-items:flex-end;gap:1px;padding:4px 4px 0}.bar{border-radius:1px 1px 0 0}.bar-dark{background:#1a1a2e}.bar-light{background:transparent}.barcode-code{font-family:DM Mono,monospace;font-size:8px;color:#1a1a2e;letter-spacing:1px}.barcode-label{font-size:9px;color:#555;margin-top:2px}.produk-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.produk-table{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.table-head{display:grid;grid-template-columns:2fr 1fr 1fr .6fr 1.4fr;gap:8px;padding:10px 16px;background:#38bdf812;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .6fr 1.4fr;gap:8px;padding:12px 16px;border-top:1px solid var(--border);align-items:center;animation:fadeUp .3s ease both;transition:background .15s}.table-row:hover{background:#38bdf80a}.table-prod-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.table-prod-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.table-cat{font-size:11px;color:var(--muted)}.table-price{font-size:13px;font-weight:700;color:var(--primary)}.table-stock{font-size:13px;font-weight:700;color:var(--success)}.table-stock.stock-low{color:var(--warning)}.table-barcode-val{font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}@media(max-width:640px){.table-head,.table-row{grid-template-columns:2fr 1fr 1fr}.table-head span:nth-child(n+4),.table-row span:nth-child(n+4),.table-barcode-val{display:none}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:600px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeUp .35s ease both}.stat-icon-wrap{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-value{font-size:18px;font-weight:800;color:var(--text)}.stat-label{font-size:11px;color:var(--muted)}.chart-card,.trx-list-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-title{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px;margin-bottom:18px}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:120px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.bar-track{flex:1;width:100%;background:#38bdf814;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,var(--grad-s),var(--grad-e));border-radius:6px 6px 0 0;animation:growBar .6s ease both}@keyframes growBar{0%{height:0}}.bar-day{font-size:10px;color:var(--muted);font-weight:600}.trx-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.trx-icon-wrap{width:32px;height:32px;background:#38bdf81a;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.trx-info{flex:1}.trx-id{font-size:13px;font-weight:600}.trx-meta{font-size:11px;color:var(--muted)}.trx-amount{font-size:14px;font-weight:800;color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-h);color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--grad-s),var(--grad-e));color:#03111f;box-shadow:0 4px 14px #0ea5e94d}.btn-primary:hover{box-shadow:0 6px 20px #0ea5e980;transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.popup-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;background:#03111fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s}.popup-overlay.hidden{opacity:0;pointer-events:none}.popup-overlay.visible{opacity:1}.popup-modal{position:relative;width:100%;background:#04142cf7;border:1px solid rgba(125,211,252,.15);border-radius:16px;box-shadow:0 10px 48px #38bdf82e;overflow:hidden;font-family:Josefin Sans,sans-serif;color:#e0f4ff;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s}.popup-modal.hidden{transform:translateY(24px) scale(.97);opacity:0}.popup-modal.visible{transform:translateY(0) scale(1);opacity:1}.popup-modal.size-sm{max-width:24rem}.popup-modal.size-md{max-width:28rem}.popup-modal.size-lg{max-width:32rem}.popup-modal.size-xl{max-width:42rem}.popup-accent-bar{height:3px;width:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8,#7dd3fc)}.popup-header{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem 1rem}.popup-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;border:1px solid rgba(125,211,252,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#38bdf814}.popup-header-text{flex:1;min-width:0}.popup-title{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.375rem;font-weight:300;color:#e0f4ff;letter-spacing:.5px;line-height:1.3}.popup-description{margin:.2rem 0 0;font-size:.75rem;color:#7dd3fc8c;letter-spacing:.4px}.popup-close-btn{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:8px;border:1px solid rgba(125,211,252,.12);background:transparent;color:#7dd3fc80;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .15s,color .15s,border-color .15s}.popup-close-btn:hover{background:#38bdf81a;border-color:#7dd3fc4d;color:#7dd3fc}.popup-divider{height:1px;background:#7dd3fc1a;margin:0 1.5rem}.popup-body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:60vh}.popup-body::-webkit-scrollbar{width:4px}.popup-body::-webkit-scrollbar-track{background:transparent}.popup-body::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:4px}.popup-body.shake{animation:popup-shake .4s ease}@keyframes popup-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.popup-field{display:flex;flex-direction:column}.popup-label{display:block;font-size:.7rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#7dd3fcb3;margin-bottom:.4rem}.popup-required{margin-left:.2rem;color:#38bdf8}.popup-hint{margin:.25rem 0 0;font-size:.72rem;color:#7dd3fc66}.popup-error-msg{margin:.25rem 0 0;font-size:.72rem;color:#f87171}.popup-input{width:100%;padding:.6rem .875rem;border-radius:10px;border:1px solid rgba(125,211,252,.15);background:#03111fb3;font-size:.875rem;font-family:Josefin Sans,sans-serif;letter-spacing:.4px;color:#e0f4ff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.popup-input::placeholder{color:#ffffff38}.popup-input:focus{border-color:#38bdf873;box-shadow:0 0 0 3px #38bdf81a}.popup-input.error{border-color:#f8717180;background:#ef44440f}.popup-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.popup-input.textarea{resize:vertical;min-height:80px}.popup-input.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237dd3fc' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem;cursor:pointer}.popup-input.select option{background:#04142c;color:#e0f4ff}.popup-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.popup-option-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem;letter-spacing:.5px;color:#e0f4ff8c;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(125,211,252,.1);background:#03111f66;transition:all .15s}.popup-option-label:hover{color:#e0f4ff;border-color:#7dd3fc47;background:#38bdf814}.popup-option-input{accent-color:#38bdf8;cursor:pointer}.popup-color-wrap{display:flex;align-items:center;gap:.75rem}.popup-color-input{width:2.5rem;height:2.5rem;border-radius:8px;border:1px solid rgba(125,211,252,.2);cursor:pointer;padding:2px;background:#03111fb3}.popup-color-hex{font-size:.8125rem;font-family:monospace;color:#7dd3fc99}.popup-range-wrap{display:flex;align-items:center;gap:.75rem}.popup-range-input{flex:1;accent-color:#38bdf8;cursor:pointer}.popup-range-value{font-size:.8125rem;font-family:monospace;color:#7dd3fc99;width:2.5rem;text-align:right}.popup-toggle{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;border-radius:9999px;border:1px solid rgba(125,211,252,.15);cursor:pointer;transition:background-color .2s,border-color .2s;background:#03111fb3}.popup-toggle.on{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#38bdf873}.popup-toggle-thumb{display:inline-block;width:1rem;height:1rem;border-radius:9999px;background:#7dd3fc59;box-shadow:0 1px 3px #0006;transform:translate(3px);transition:transform .2s,background .2s}.popup-toggle.on .popup-toggle-thumb{transform:translate(1.4rem);background:#fff}.popup-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1.25rem;border-top:1px solid rgba(125,211,252,.08)}.popup-btn{padding:.5rem 1.125rem;border-radius:8px;font-size:.78rem;font-family:Josefin Sans,sans-serif;letter-spacing:.8px;border:none;cursor:pointer;transition:all .15s}.popup-btn:active{transform:scale(.96)}.popup-btn.primary{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;box-shadow:0 4px 16px #38bdf840}.popup-btn.primary:hover{box-shadow:0 6px 22px #38bdf866;transform:translateY(-1px)}.popup-btn.secondary{background:#04142ccc;border:1px solid rgba(125,211,252,.2);color:#7dd3fc}.popup-btn.secondary:hover{background:#38bdf814;border-color:#7dd3fc59}.popup-btn.danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.popup-btn.danger:hover{background:#ef444438}.popup-btn.ghost{background:transparent;color:#7dd3fc80}.popup-btn.ghost:hover{background:#38bdf80f;color:#7dd3fc}.kr-root{padding:0 24px 120px;min-height:60vh}.kr-center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh;color:#7dd3fc4d;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:11px;letter-spacing:2px;text-transform:uppercase}.kr-center-state p{color:#ffffff59;letter-spacing:1px}.kr-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px}.kr-empty-icon{width:72px;height:72px;border-radius:4px;background:#7dd3fc0d;border:1px solid rgba(125,211,252,.12);display:flex;align-items:center;justify-content:center;color:#7dd3fc40;margin-bottom:4px}.kr-empty-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:22px;color:#e0f4ffb3;letter-spacing:.3px}.kr-empty-sub{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:11px;letter-spacing:1px;color:#ffffff40}.kr-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;margin-bottom:4px;border-bottom:1px solid rgba(125,211,252,.07)}.kr-topbar-left{display:flex;align-items:center;gap:7px;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc99}.kr-clear-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(248,113,113,.2);border-radius:2px;color:#f8717180;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;cursor:pointer;transition:all .2s}.kr-clear-btn:hover:not(:disabled){border-color:#f8717173;color:#f87171d9;background:#f871710d}.kr-clear-btn:disabled{opacity:.4;cursor:not-allowed}.kr-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.kr-item{position:relative;display:flex;align-items:center;gap:14px;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.1);border-radius:4px;padding:14px 16px;box-shadow:0 0 0 1px #00000059,inset 0 1px #ffffff08;transition:border-color .2s,opacity .2s;overflow:hidden}.kr-item:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.2),transparent)}.kr-item--updating{opacity:.6}.kr-item-loader{position:absolute;top:8px;right:8px;color:#7dd3fc80}.kr-item-icon{width:40px;height:40px;border-radius:3px;background:#7dd3fc0d;border:1px solid rgba(125,211,252,.1);display:flex;align-items:center;justify-content:center;color:#7dd3fc40;flex-shrink:0}.kr-item-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.kr-item-name{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:13px;letter-spacing:.3px;color:#e0f4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kr-item-satuan{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#7dd3fc80}.kr-item-price{font-family:Cormorant Garamond,serif;font-weight:300;font-size:15px;color:#7dd3fcbf;letter-spacing:-.2px}.kr-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.kr-qty-ctrl{display:flex;align-items:center;gap:0;background:#ffffff08;border:1px solid rgba(125,211,252,.13);border-radius:2px;overflow:hidden}.kr-qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#7dd3fc80;cursor:pointer;transition:all .15s}.kr-qty-btn:hover:not(:disabled){background:#7dd3fc14;color:#7dd3fce6}.kr-qty-btn:disabled{opacity:.3;cursor:not-allowed}.kr-qty-val{font-family:JetBrains Mono,monospace;font-size:12px;color:#e0f4ff;min-width:28px;text-align:center;border-left:1px solid rgba(125,211,252,.1);border-right:1px solid rgba(125,211,252,.1);line-height:28px}.kr-item-subtotal{font-family:Cormorant Garamond,serif;font-weight:400;font-size:16px;color:#e0f4ffe6;letter-spacing:-.2px}.kr-remove-btn{background:transparent;border:none;color:#f8717159;cursor:pointer;padding:2px;transition:color .15s;display:flex;align-items:center}.kr-remove-btn:hover:not(:disabled){color:#f87171d9}.kr-remove-btn:disabled{opacity:.3;cursor:not-allowed}.kr-summary{position:fixed;bottom:0;left:0;right:0;background:#03111ff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid rgba(125,211,252,.12);padding:16px 24px 24px;box-shadow:0 -20px 40px #0006;z-index:50}.kr-corner{position:absolute;width:12px;height:12px;border-color:#7dd3fc33;border-style:solid;pointer-events:none}.kr-corner-tl{top:8px;left:8px;border-width:1px 0 0 1px}.kr-corner-tr{top:8px;right:8px;border-width:1px 1px 0 0}.kr-summary-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.kr-sum-row{display:flex;justify-content:space-between;align-items:center;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:11px;letter-spacing:1px;color:#fff6}.kr-sum-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.1),transparent);margin:4px 0}.kr-sum-total{font-weight:300;font-size:13px;color:#ffffffbf}.kr-sum-total strong{font-family:Cormorant Garamond,serif;font-weight:400;font-size:22px;color:#7dd3fc;letter-spacing:-.5px}.kr-btn-checkout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#0ea5e9e6,#38bdf8e6);border:1px solid rgba(125,211,252,.35);border-radius:2px;color:#fff;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.kr-btn-checkout:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .3s}.kr-btn-checkout:hover:before{opacity:1}.kr-btn-checkout:hover{box-shadow:0 8px 28px #38bdf84d;transform:translateY(-1px)}.kr-btn-browse{display:inline-flex;align-items:center;gap:6px;background:#7dd3fc14;border:1px solid rgba(125,211,252,.2);border-radius:2px;color:#7dd3fccc;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;padding:10px 18px;cursor:pointer;transition:all .2s;margin-top:4px}.kr-btn-browse:hover{background:#7dd3fc24;border-color:#7dd3fc59}.kr-spin{animation:kr-spin .8s linear infinite}@keyframes kr-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.kr-root{padding:0 16px 120px}.kr-item{gap:10px;padding:12px}.kr-item-name{font-size:12px}.kr-item-price{font-size:13px}.kr-item-subtotal{font-size:14px}.kr-summary{padding:14px 16px 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.mp-root{min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden;padding:0 0 64px}.mp-root:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.mp-root:after{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:0}.mp-root>*{position:relative;z-index:1}.mp-header{display:flex;align-items:center;justify-content:space-between;padding:28px 24px 0;margin-bottom:20px}.mp-header-left{display:flex;align-items:center;gap:14px}.mp-back-btn{background:#ffffff0a;border:1px solid rgba(125,211,252,.15);border-radius:2px;color:#7dd3fcb3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mp-back-btn:hover{background:#7dd3fc14;border-color:#7dd3fc4d;color:#7dd3fcf2}.mp-title{font-family:Cormorant Garamond,serif;font-size:34px;font-weight:300;color:#e0f4ff;letter-spacing:-.5px;line-height:1}.mp-title em{font-style:italic;color:#7dd3fc}.mp-nav{display:flex;gap:3px;margin:0 24px 20px;padding:4px;background:#031428c7;border:1px solid rgba(125,211,252,.15);border-radius:4px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0a;overflow-x:auto}.mp-nav::-webkit-scrollbar{display:none}.mp-nav-item{display:flex;align-items:center;gap:7px;padding:10px 16px;border-radius:2px;border:1px solid transparent;background:transparent;color:#ffffff47;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.mp-nav-item:hover{background:#ffffff08;color:#ffffff8c}.mp-nav-item.active{background:#7dd3fc1a;border-color:#7dd3fc38;color:#7dd3fcd9}.mp-toolbar{display:flex;align-items:center;gap:12px;padding:0 24px;margin-bottom:16px;flex-wrap:wrap}.mp-search-wrap{flex:1;min-width:200px;position:relative}.mp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7dd3fc66;pointer-events:none}.mp-search-input{width:100%;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;padding:12px 40px 12px 44px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:13px;letter-spacing:.8px;box-shadow:0 0 0 1px #0000004d;transition:all .2s;outline:none}.mp-search-input::placeholder{color:#fff3}.mp-search-input:focus{border-color:#7dd3fc59;box-shadow:0 0 0 3px #38bdf814}.mp-search-clear{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#7dd3fc59;cursor:pointer;font-size:11px;padding:3px;transition:color .15s}.mp-search-clear:hover{color:#f87171}.mp-toolbar-actions{display:flex;align-items:center;gap:8px}.mp-filter-btn{display:flex;align-items:center;gap:7px;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;color:#ffffff59;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;padding:11px 16px;cursor:pointer;transition:all .2s;box-shadow:0 0 0 1px #0000004d}.mp-filter-btn:hover{background:#7dd3fc12;border-color:#7dd3fc47;color:#7dd3fccc}.mp-filter-btn.active{background:#7dd3fc1a;border-color:#7dd3fc4d;color:#7dd3fcd9}.mp-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:2px;background:#7dd3fc40;color:#7dd3fce6;font-family:JetBrains Mono,monospace;font-size:9px}.mp-view-toggle{display:flex;background:#031428c7;border:1px solid rgba(125,211,252,.15);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0000004d}.mp-view-btn{background:transparent;border:none;color:#ffffff4d;padding:10px 12px;cursor:pointer;transition:all .2s}.mp-view-btn:hover{color:#7dd3fcb3}.mp-view-btn.active{background:#7dd3fc1a;color:#7dd3fcd9}.mp-filter-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px;margin-bottom:16px}.mp-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;border-radius:2px;background:#7dd3fc14;border:1px solid rgba(125,211,252,.2);color:#7dd3fcbf;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px}.mp-filter-tag-remove{background:transparent;border:none;color:#7dd3fc59;cursor:pointer;font-size:10px;padding:0;transition:color .15s}.mp-filter-tag-remove:hover{color:#f87171}.mp-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 24px}.mp-products-list{grid-template-columns:1fr}.mp-products-list .mp-product-card{display:flex;flex-direction:row}.mp-products-list .mp-product-image{width:130px;min-height:110px;border-radius:4px 0 0 4px;flex-shrink:0}.mp-products-list .mp-product-info{flex:1;display:flex;flex-direction:column;justify-content:center}.mp-product-card{position:relative;background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.13);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0006,0 8px 28px #0000004d,inset 0 1px #ffffff0a;transition:border-color .25s,box-shadow .25s,transform .25s;animation:mp-fade-up .35s ease both;cursor:pointer}.mp-product-card:hover{border-color:#7dd3fc40;box-shadow:0 0 0 1px #00000080,0 16px 40px #0006,inset 0 1px #ffffff0f;transform:translateY(-3px)}@keyframes mp-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mp-product-card:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.35),transparent);z-index:1}.mp-product-image{position:relative;height:170px;background:#030c1ccc;overflow:hidden}.mp-product-img{width:100%;height:100%;object-fit:cover;display:block}.mp-product-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7dd3fc2e}.mp-product-category{position:absolute;bottom:10px;left:10px;background:#031428e6;border:1px solid rgba(125,211,252,.18);border-radius:2px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;color:#7dd3fcb3;text-transform:uppercase}.mp-product-badge-sold{position:absolute;top:10px;right:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:2px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:#f87171;text-transform:uppercase}.mp-product-info{padding:14px 16px 16px}.mp-product-name{font-weight:300;font-size:14px;letter-spacing:.5px;color:#e0f4ff;margin-bottom:10px;line-height:1.4}.mp-no-title{color:#ffffff40;font-style:italic}.mp-product-footer{display:flex;align-items:center;justify-content:space-between}.mp-product-price{font-family:Cormorant Garamond,serif;font-weight:300;font-size:20px;color:#7dd3fce6;letter-spacing:-.3px}.mp-product-stock{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px;color:#ffffff47}.mp-product-stock.empty{color:#f87171b3}.mp-skeleton{pointer-events:none}.mp-skeleton-block{background:linear-gradient(90deg,#38bdf80a 25%,#38bdf817,#38bdf80a 75%);background-size:200% 100%;animation:mp-shimmer 1.4s infinite}.mp-skeleton-line{height:11px;border-radius:2px;background:linear-gradient(90deg,#38bdf80a 25%,#38bdf817,#38bdf80a 75%);background-size:200% 100%;animation:mp-shimmer 1.4s infinite}@keyframes mp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;color:#7dd3fc47}.mp-empty p{font-weight:200;font-size:13px;letter-spacing:1px}.mp-empty-hint{font-size:11px;color:#7dd3fc33;letter-spacing:.5px}.mp-error{color:#f8717166}.mp-retry-btn{padding:9px 20px;border-radius:2px;background:#7dd3fc12;border:1px solid rgba(125,211,252,.18);color:#7dd3fccc;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.mp-retry-btn:hover{background:#7dd3fc21;border-color:#7dd3fc4d}.popup-overlay{position:fixed;inset:0;background:#03111fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.popup-box{width:100%;max-width:400px;background:#031428f7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.15);border-radius:4px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;box-shadow:0 0 0 1px #00000080,0 32px 64px #0009,inset 0 1px #ffffff0d;padding:28px;position:relative;overflow:hidden}.popup-box:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.6),transparent)}.popup-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:24px;letter-spacing:-.3px;margin-bottom:5px}.popup-desc{font-weight:200;font-size:11px;letter-spacing:.8px;color:#ffffff47;margin-bottom:22px}.popup-field{margin-bottom:16px}.popup-field label{display:block;font-weight:300;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-bottom:7px;transition:color .2s}.popup-field input,.popup-field select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:12px 14px;color:#ffffffe6;font-family:Josefin Sans,sans-serif;font-weight:200;font-size:13px;letter-spacing:.5px;outline:none;transition:all .2s}.popup-field input:focus,.popup-field select:focus{border-color:#7dd3fc66;box-shadow:0 0 0 3px #38bdf817;background:#38bdf80f}.popup-field input::placeholder{color:#ffffff2e}.popup-field select option{background:#03111f;color:#e0f4ff}.popup-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.1),transparent);margin:20px 0}.popup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.popup-btn{display:inline-flex;align-items:center;gap:5px;padding:10px 18px;border-radius:2px;border:1px solid;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.popup-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .2s}.popup-btn:hover:before{opacity:1}.popup-btn-primary{background:#7dd3fc1f;border-color:#7dd3fc47;color:#7dd3fce6}.popup-btn-primary:hover{background:#7dd3fc2e;border-color:#7dd3fc66}.popup-btn-secondary{background:transparent;border-color:#ffffff14;color:#ffffff59}.popup-btn-secondary:hover{border-color:#7dd3fc33;color:#fff9}@media(max-width:640px){.mp-header{padding:20px 16px 0}.mp-title{font-size:26px}.mp-nav,.mp-toolbar,.mp-filter-tags,.mp-products{padding-left:16px;padding-right:16px}.mp-nav{margin:0 16px 16px}.mp-nav-item span{display:none}.mp-nav-item{padding:10px 14px}.mp-filter-btn span{display:none}.mp-filter-btn{padding:11px 13px}.mp-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mp-product-image{height:130px}.mp-product-name{font-size:12px}.mp-product-price{font-size:17px}}.mp-settings{padding:0 24px;display:flex;flex-direction:column;gap:20px}.mp-settings-group-label{font-weight:200;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#7dd3fc8c;margin-bottom:8px;padding-left:2px}.mp-settings-card{background:#031428c7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(125,211,252,.13);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0a;position:relative}.mp-settings-card:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.3),transparent)}.mp-settings-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:transparent;border:none;cursor:pointer;transition:background .18s;text-align:left}.mp-settings-row:hover{background:#7dd3fc0a}.mp-settings-row-icon{width:30px;height:30px;border-radius:2px;background:#7dd3fc12;border:1px solid rgba(125,211,252,.13);display:flex;align-items:center;justify-content:center;color:#7dd3fca6;flex-shrink:0}.mp-settings-row-text{flex:1;display:flex;flex-direction:column;gap:2px}.mp-settings-row-label{font-weight:300;font-size:13px;letter-spacing:.3px;color:#e0f4ff}.mp-settings-row-desc{font-weight:200;font-size:10px;letter-spacing:.5px;color:#ffffff47}.mp-settings-row-arrow{color:#7dd3fc40;flex-shrink:0}.mp-settings-divider{height:1px;margin:0 18px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.07),transparent)}.mp-settings-version{font-weight:200;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff26;text-align:center;padding-bottom:8px}.mp-pagination{display:flex;justify-content:center;align-items:center;gap:4px;padding:16px 0 24px}.mp-page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s}.mp-page-btn:hover:not(:disabled){background:var(--surface-hover)}.mp-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mp-page-btn:disabled{opacity:.35;cursor:not-allowed}.mp-page-ellipsis{padding:0 4px;color:var(--text-muted);font-size:13px}.mp-result-info{font-size:12px;color:var(--text-muted);padding:0 16px 8px}.mp-cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:2px;background:#7dd3fc40;color:#7dd3fcf2;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1}.mp-add-cart-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:2px;background:#7dd3fc12;border:1px solid rgba(125,211,252,.18);color:#7dd3fc8c;cursor:pointer;transition:all .2s;flex-shrink:0}.mp-add-cart-btn:hover:not(:disabled){background:#7dd3fc26;border-color:#7dd3fc59;color:#7dd3fcf2}.mp-add-cart-btn--added{background:#22c55e1a;border-color:#22c55e4d;color:#86eface6}.mp-add-cart-btn:disabled{opacity:.4;cursor:not-allowed}.mp-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:3px;background:#031428f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(34,197,94,.3);color:#86eface6;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:1px;white-space:nowrap;z-index:200;animation:mp-toast-in .25s ease;box-shadow:0 8px 24px #0006}.mp-toast--err{border-color:#f871714d;color:#f87171e6}@keyframes mp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.um-root{width:100vw;min-height:100vh;background:#03111f;color:#e0f4ff;font-family:Josefin Sans,sans-serif;position:relative;overflow-x:hidden}.um-bg-glow-a{position:fixed;top:-120px;left:-80px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%);pointer-events:none}.um-bg-glow-b{position:fixed;bottom:-100px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.05) 0%,transparent 70%);pointer-events:none}.um-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(125,211,252,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.um-page{position:relative;max-width:1100px;margin:0 auto;padding:32px 20px 48px}.um-page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px;animation:um-fade-up .4s ease both}.um-eyebrow{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#38bdf899;margin-bottom:6px;font-family:JetBrains Mono,monospace}.um-page-title{font-family:Cormorant Garamond,Georgia,serif;font-size:36px;font-weight:300;color:#e0f4ff;line-height:1;letter-spacing:.5px;margin:0}.um-page-title span{color:#38bdf8;font-style:italic}.um-page-subtitle{font-size:11px;color:#ffffff4d;font-weight:200;margin-top:6px;letter-spacing:.5px}.um-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.um-search-wrap{position:relative;display:flex;align-items:center}.um-search-icon{position:absolute;left:11px;color:#7dd3fc66;pointer-events:none;display:flex}.um-search{background:#04142cb3;border:1px solid rgba(125,211,252,.1);border-radius:6px;padding:9px 12px 9px 34px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:300;letter-spacing:.5px;outline:none;width:200px;transition:border-color .2s,box-shadow .2s}.um-search:focus{border-color:#38bdf84d;box-shadow:0 0 0 3px #38bdf80f}.um-search::placeholder{color:#fff3}.um-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:6px;border:1px solid;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.um-btn-primary{background:#38bdf826;border-color:#38bdf859;color:#7dd3fc}.um-btn-primary:hover{background:#38bdf838;border-color:#38bdf88c;color:#e0f4ff;box-shadow:0 4px 16px #38bdf826;transform:translateY(-1px)}.um-btn-ghost{background:transparent;border-color:#ffffff1a;color:#fff6}.um-btn-ghost:hover{border-color:#fff3;color:#ffffffb3;background:#ffffff0a}.um-btn-danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.um-btn-danger:hover{background:#ef44442e;border-color:#ef444480;box-shadow:0 4px 14px #ef444426}.um-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.um-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;animation:um-fade-up .4s ease .08s both}.um-stat-tile{background:#04142c99;border:1px solid rgba(125,211,252,.08);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:14px;transition:border-color .2s}.um-stat-tile:hover{border-color:#7dd3fc2e}.um-stat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-stat-val{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:300;color:#e0f4ff;line-height:1}.um-stat-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin-top:3px}.um-table-card{background:#04142ca6;border:1px solid rgba(125,211,252,.1);border-radius:10px;overflow:hidden;animation:um-fade-up .4s ease .15s both}.um-table-scroll{overflow-x:auto}.um-table-scroll::-webkit-scrollbar{height:4px}.um-table-scroll::-webkit-scrollbar-track{background:transparent}.um-table-scroll::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.um-table{width:100%;border-collapse:collapse}.um-table thead th{background:#020c1ccc;padding:12px 18px;text-align:left;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#7dd3fc8c;font-weight:300;white-space:nowrap;border-bottom:1px solid rgba(125,211,252,.08);font-family:JetBrains Mono,monospace}.um-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.um-table thead th.sortable:hover{color:#7dd3fcd9}.um-sort-icon{margin-left:4px;opacity:.5}.um-sort-icon.active{opacity:1;color:#38bdf8}.um-table tbody tr{border-bottom:1px solid rgba(125,211,252,.04);transition:background .15s;animation:um-row-in .3s ease both}.um-table tbody tr:hover{background:#38bdf80a}.um-table tbody tr:last-child{border-bottom:none}@keyframes um-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.um-table tbody td{padding:13px 18px;font-size:12px;color:#ffffffb3;font-weight:300;vertical-align:middle}.um-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#38bdf8);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.um-user-cell{display:flex;align-items:center;gap:10px}.um-username{font-size:13px;color:#e0f4ff;font-weight:300;letter-spacing:.3px}.um-role-badge{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;border-radius:10px;padding:2px 7px;font-family:JetBrains Mono,monospace}.um-role-admin{color:#fbbf24cc;background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.um-role-user{color:#38bdf8b3;background:#38bdf812;border:1px solid rgba(56,189,248,.15)}.um-pass-wrap{display:flex;align-items:center;gap:8px}.um-pass-text{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff73;letter-spacing:2px}.um-pass-toggle{background:transparent;border:none;color:#7dd3fc66;cursor:pointer;padding:2px;display:flex;transition:color .15s}.um-pass-toggle:hover{color:#7dd3fc}.um-chip{display:inline-flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:11px;border-radius:5px;padding:4px 9px}.um-chip-product{color:#34d399cc;background:#34d39912;border:1px solid rgba(52,211,153,.15)}.um-chip-trx{color:#fbbf24cc;background:#fbbf2412;border:1px solid rgba(251,191,36,.15)}.um-actions{display:flex;align-items:center;gap:6px}.um-action-btn{background:transparent;border:1px solid transparent;border-radius:5px;padding:6px;cursor:pointer;display:flex;transition:all .15s;color:#ffffff4d}.um-action-btn:hover{background:#38bdf814;border-color:#38bdf833;color:#7dd3fc}.um-action-btn.delete:hover{background:#ef444414;border-color:#ef444433;color:#fca5a5}.um-empty{padding:48px 20px;text-align:center;color:#ffffff40;font-size:12px;letter-spacing:1px}.um-empty-icon{margin-bottom:10px;opacity:.3}.um-skeleton{background:#7dd3fc0f;border-radius:4px;animation:um-shimmer 1.5s ease infinite;display:inline-block}@keyframes um-shimmer{0%,to{opacity:.5}50%{opacity:1}}.um-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:7px;padding:12px 16px;margin-bottom:16px;font-size:12px;color:#fca5a5;animation:um-fade-up .3s ease both}.um-modal-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:um-backdrop-in .2s ease both}@keyframes um-backdrop-in{0%{opacity:0}to{opacity:1}}.um-modal{background:#030e20f7;border:1px solid rgba(125,211,252,.15);border-radius:10px;width:100%;max-width:420px;box-shadow:0 24px 64px #0009;overflow:hidden;animation:um-modal-in .25s cubic-bezier(.34,1.56,.64,1) both;position:relative}.um-modal:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.5),transparent)}@keyframes um-modal-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid rgba(125,211,252,.08)}.um-modal-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:#e0f4ff}.um-modal-close{background:transparent;border:none;color:#ffffff59;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s}.um-modal-close:hover{color:#e0f4ff}.um-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.um-field{display:flex;flex-direction:column;gap:7px}.um-field-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#7dd3fc8c;font-family:JetBrains Mono,monospace}.um-field-input{background:#00081499;border:1px solid rgba(125,211,252,.1);border-radius:5px;padding:10px 13px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:300;letter-spacing:.5px;outline:none;transition:border-color .2s,box-shadow .2s}.um-field-input:focus{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf812}.um-field-input::placeholder{color:#fff3}.um-field-hint{font-size:10px;color:#ffffff40;letter-spacing:.3px}.um-field-select{background:#00081499;border:1px solid rgba(125,211,252,.1);border-radius:5px;padding:10px 30px 10px 13px;color:#e0f4ff;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:300;outline:none;cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(125,211,252,0.4)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.um-field-select:focus{border-color:#38bdf859}.um-field-select option{background:#03111f}.um-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid rgba(125,211,252,.06)}.um-confirm-body{padding:20px;text-align:center}.um-confirm-icon{width:48px;height:48px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#f87171}.um-confirm-text{font-size:13px;color:#fff9;line-height:1.6}.um-confirm-text strong{color:#e0f4ff}.um-confirm-footer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid rgba(125,211,252,.06);justify-content:center}@keyframes um-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.um-page{padding:20px 14px 40px}.um-page-title{font-size:28px}.um-stats-strip{grid-template-columns:1fr}.um-search{width:150px}.um-table thead th:nth-child(3),.um-table tbody td:nth-child(3){display:none}}.opt-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#0a0f1a,#0d1425,#0a1628)}.opt-heading{font-family:Josefin Sans,sans-serif;font-size:28px;font-weight:600;color:#e0f4ff;letter-spacing:2px;margin-bottom:40px;text-transform:uppercase}.opt-grid{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.opt-card{position:relative}.opt-card--disabled:hover{transform:none!important;box-shadow:none!important}.opt-status-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:4px}.opt-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;border:1px solid;background:#020d1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Josefin Sans,sans-serif;font-weight:300;font-size:12px;letter-spacing:1px;z-index:999;white-space:nowrap;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.opt-card{position:relative;width:320px;height:280px;background:#0f172ab3;border:1px solid rgba(56,189,248,.15);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.opt-card:hover{transform:translateY(-8px);border-color:#38bdf866;box-shadow:0 20px 40px #0000004d,0 0 30px #38bdf81a}.opt-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#38bdf81a;border-radius:16px;margin-bottom:20px}.opt-icon svg{width:32px;height:32px;color:#7dd3fc}.opt-title{font-family:Josefin Sans,sans-serif;font-size:20px;font-weight:600;color:#e0f4ff;letter-spacing:1.5px;margin-bottom:12px;text-align:center}.opt-desc{font-family:Josefin Sans,sans-serif;font-size:13px;color:#94a3b8cc;text-align:center;line-height:1.6;max-width:240px}.opt-arrow{position:absolute;bottom:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#38bdf81a;border-radius:50%;opacity:0;transform:translate(-10px);transition:all .3s ease}.opt-arrow svg{width:16px;height:16px;color:#7dd3fc}.opt-card:hover .opt-arrow{opacity:1;transform:translate(0)}@media(max-width:720px){.opt-grid{flex-direction:column}.opt-card{width:100%;max-width:320px}}