@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-arabic-wght-normal-BMWQQIfH.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-vietnamese-wght-normal-DvU6pLYV.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-ext-wght-normal-CJ9LaFMc.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-wght-normal-9GNYQ01K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fb;--surface:#fff;--surface-soft:#f7f9fc;--surface-raised:#fff;--text:#142033;--text-soft:#68758a;--text-faint:#98a2b3;--border:#e4e9f1;--border-strong:#d4dae5;--primary:#5b55e7;--primary-hover:#4b45d2;--primary-soft:#eeedff;--navy:#071321;--green:#17b878;--green-soft:#e8f8f1;--blue:#3280ee;--blue-soft:#ebf3ff;--amber:#eea52e;--amber-soft:#fff6e5;--red:#e34d59;--red-soft:#fff0f1;--purple:#8c5ce6;--purple-soft:#f3edff;--gray:#7d8898;--gray-soft:#f0f2f5;--shadow-sm:0 1px 2px #121f350d, 0 5px 16px #121f3508;--shadow-md:0 16px 46px #1420331f;--radius:16px;--radius-sm:11px;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111e;--surface:#0d1928;--surface-soft:#101e2e;--surface-raised:#122133;--text:#ecf2fa;--text-soft:#9cacbf;--text-faint:#6e8095;--border:#1d2e42;--border-strong:#2b4058;--primary:#7771f2;--primary-hover:#8c86fa;--primary-soft:#252453;--green-soft:#0d3329;--blue-soft:#102c4f;--amber-soft:#3c2d15;--red-soft:#3b1d25;--purple-soft:#2d2148;--gray-soft:#202b38;--shadow-sm:0 1px 2px #0000001f, 0 6px 20px #0000001a;--shadow-md:0 18px 55px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-width:320px;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)}svg{width:20px;height:20px;display:block}h1,h2,h3,p{margin:0}bdi{unicode-bidi:isolate}.brand{direction:ltr;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7772ff,#514bdd);border-radius:13px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 9px 20px #5b55e747}.brand-mark svg{width:25px;height:25px}.brand>span:last-child{letter-spacing:.06em;flex-direction:column;line-height:1;display:flex}.brand b{font-size:20px;font-weight:800}.brand small{color:#8692a4;letter-spacing:.23em;margin-top:5px;font-family:Segoe UI,sans-serif;font-size:8px}.primary-button,.secondary-button,.ghost-button,.danger-button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:9px 17px;font-weight:700;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:var(--primary);box-shadow:0 7px 16px color-mix(in srgb, var(--primary) 21%, transparent)}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}.ghost-button{color:var(--text-soft);background:var(--surface-soft);border-color:var(--border)}.ghost-button:hover{color:var(--text);border-color:var(--border-strong)}.danger-button{color:#fff;background:var(--red)}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-soft);border-radius:11px;place-items:center;transition:all .16s;display:grid}.icon-button:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.spinner{border:2px solid;border-left-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner.large{width:30px;height:30px;color:var(--primary);border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.spinning svg{animation:.8s linear infinite spin}.login-page{--login-bg:#050914;--login-surface:#0c1323e0;--login-text:#f4f7ff;--login-muted:#96a5bc;--login-violet:#7968ff;--login-cyan:#50d7ff;isolation:isolate;min-height:100dvh;color:var(--login-text);background:radial-gradient(circle at 74% 16%,#4667ff2b,#0000 30%),radial-gradient(circle at 18% 84%,#18c2e71c,#0000 28%),linear-gradient(145deg,#050914 0%,#07101f 50%,#050b17 100%);position:relative;overflow-x:hidden}.login-atmosphere span{filter:blur(4px);border-radius:50%;position:absolute}.login-atmosphere span:first-child{aspect-ratio:1;background:radial-gradient(circle,#545cff2b,#0000 66%);width:min(54vw,820px);top:-39%;right:9%}.login-atmosphere span:nth-child(2){aspect-ratio:1;background:radial-gradient(circle,#29d7ff1f,#0000 68%);width:min(42vw,620px);bottom:-33%;left:-5%}.login-atmosphere span:nth-child(3){background:linear-gradient(#0000,#93aedf29,#0000);border-radius:0;width:1px;height:78%;top:11%;left:39%}.login-layout{direction:ltr;grid-template-columns:minmax(400px,.82fr) minmax(590px,1.18fr);width:min(100%,1660px);min-height:100dvh;margin:0 auto;padding:clamp(28px,3.2vw,58px) clamp(24px,4.4vw,76px);display:grid}.login-hero{border-left:1px solid #99b5e51a;flex-direction:column;grid-area:1/2;padding:0 clamp(34px,4vw,74px) 0 0;display:flex;position:relative}.login-brand{direction:ltr;align-self:flex-start;align-items:center;gap:13px;display:inline-flex}.login-brand-mark{color:#fff;background:linear-gradient(145deg,#7767ff,#5142df 62%,#24b9ef);border:1px solid #ffffff29;border-radius:15px;place-items:center;width:50px;height:50px;display:grid;position:relative;overflow:hidden;box-shadow:0 13px 35px #5142df57,inset 0 1px #ffffff3d}.login-brand-mark:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:34px;height:70px;position:absolute;top:-18px;left:-30px;transform:rotate(24deg)}.login-brand-mark svg{width:28px;height:28px}.login-brand-type{text-align:left;flex-direction:column;line-height:1;display:flex}.login-brand-type b{color:#f7f9ff;letter-spacing:.035em;font-family:Segoe UI,Arial,sans-serif;font-size:23px;font-weight:850}.login-brand-type b span{color:var(--login-cyan);text-shadow:0 0 22px #50d7ff7a}.login-brand-type small{color:#74859e;letter-spacing:.25em;margin-top:7px;font-family:Segoe UI,Arial,sans-serif;font-size:9px;font-weight:700}.login-product-badge{color:#a8ebff;background:#31a6d914;border:1px solid #50d7ff33;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.login-product-badge svg{width:15px;height:15px}.login-hero-copy h1{letter-spacing:-.045em;max-width:650px;margin-top:24px;font-size:clamp(48px,4.6vw,74px);font-weight:800;line-height:1.16}.login-hero-copy h1 em{color:#0000;filter:drop-shadow(0 8px 24px #5485ff26);background:linear-gradient(100deg,#65ddff 10%,#8c80ff 82%);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-hero-copy>p{max-width:590px;color:var(--login-muted);margin-top:22px;font-size:clamp(15px,1.25vw,18px);line-height:1.9}.login-trust-list li{color:#aab7ca;background:#ffffff06;border:1px solid #97b3df1c;border-radius:10px;align-items:center;gap:7px;min-height:35px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex}.command-halo{aspect-ratio:1;z-index:1;opacity:.8;width:min(43vw,485px);position:absolute;bottom:clamp(54px,7vh,90px);left:clamp(4px,2.7vw,46px)}.command-halo:before{content:"";filter:blur(8px);background:radial-gradient(circle,#4a72ff29,#2158920b 43%,#0000 69%);border-radius:50%;position:absolute;inset:11%}.halo-ring,.halo-axis,.halo-orbit-dot,.halo-core,.halo-signal{position:absolute}.halo-ring{border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.halo-ring-outer{border:1px dashed #69b8f130;width:100%;height:100%;animation:32s linear infinite haloRotate}.halo-ring-middle{border:1px solid #8975ff33;width:72%;height:72%;box-shadow:0 0 70px #595bff14,inset 0 0 35px #50d7ff0a}.halo-ring-middle:before,.halo-ring-middle:after{content:"";background:var(--login-cyan);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 14px #50d7ffcc}.halo-ring-middle:before{top:13%;left:11%}.halo-ring-middle:after{background:#8b79ff;bottom:20%;right:8%;box-shadow:0 0 14px #8b79ffbf}.halo-ring-inner{border:1px dashed #89a2f438;width:43%;height:43%;animation:22s linear infinite haloRotateReverse}.halo-axis{opacity:.4;background:linear-gradient(90deg,#0000,#65a1e84d,#0000);top:50%;left:50%}.halo-axis-horizontal{width:86%;height:1px;transform:translate(-50%,-50%)}.halo-axis-vertical{background:linear-gradient(#0000,#65a1e847,#0000);width:1px;height:86%;transform:translate(-50%,-50%)}.halo-orbit-dot{z-index:3;color:#8addf8;background:#0a182cdb;border:1px solid #71bef03b;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 28px #00000040,inset 0 1px #ffffff0d}.halo-orbit-dot svg{width:20px;height:20px}.halo-orbit-dot-one{top:5%;left:34%}.halo-orbit-dot-two{top:48%;right:0}.halo-orbit-dot-three{bottom:2%;left:24%}.halo-core{z-index:2;color:#fff;background:linear-gradient(145deg,#5347e0f0,#1d8bc8de);border:1px solid #a5b4ff47;border-radius:31px;place-items:center;width:108px;height:108px;display:grid;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 24px 60px #3749cf57,inset 0 1px #ffffff40}.halo-core svg{z-index:2;width:48px;height:48px;position:relative;transform:rotate(-45deg)}.halo-core-glow{background:linear-gradient(90deg,#0000,#ffffff3b,#0000);width:80px;height:130px;position:absolute;top:-48px;left:-40px;transform:rotate(-18deg)}.halo-signal{background:var(--login-cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 5px #50d7ff0f,0 0 18px #50d7ffb8}.halo-signal-one{top:51%;left:7%}.halo-signal-two{background:#8a76ff;top:17%;right:20%}.halo-signal-three{bottom:12%;right:23%}@keyframes haloRotate{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes haloRotateReverse{to{transform:translate(-50%,-50%)rotate(-360deg)}}.login-local-note{color:#6f829d;align-items:center;gap:9px;margin-top:auto;padding-top:32px;font-size:11px;font-weight:600;display:flex}.login-local-note>span{background:#45d6a6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #45d6a612}.login-access{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;padding:clamp(26px,4.5vw,68px) clamp(12px,3.5vw,54px);display:flex}.login-card{background:linear-gradient(148deg, #ffffff0b, transparent 38%), var(--login-surface);-webkit-backdrop-filter:blur(24px);border:1px solid #98b4e629;border-radius:26px;width:min(100%,470px);padding:clamp(30px,3.4vw,44px);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000061,inset 0 1px #ffffff0a}.login-card:after{content:"";pointer-events:none;filter:blur(18px);background:#4ac6f514;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-130px;left:-110px}.login-card-accent{background:linear-gradient(90deg, var(--login-cyan), var(--login-violet));border-radius:0 0 4px 4px;width:78px;height:3px;position:absolute;top:0;right:44px;box-shadow:0 0 22px #5a8fff8c}.login-heading{align-items:flex-start;gap:15px;margin-bottom:30px;display:flex}.login-icon{color:#a69cff;background:#7968ff1a;border:1px solid #8072ff33;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.login-heading p{color:#8494aa;margin-top:7px;font-size:13px;line-height:1.65}.login-alert{color:#ff8e9b;background:#911f3229;border:1px solid #f45e7040;border-radius:12px;align-items:center;gap:9px;min-height:46px;margin-bottom:19px;padding:10px 12px;font-size:12px;font-weight:650;display:flex}.login-field{color:#c7d2e3;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.login-input-shell{color:#6f8199;background:#050c19a3;border:1px solid #91addc2b;border-radius:13px;align-items:center;gap:11px;min-height:54px;padding:0 15px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.login-input-shell:focus-within{background:#071121e0;border-color:#50d7ffad;box-shadow:0 0 0 3px #50d7ff17,0 11px 26px #0000001f}.login-input-shell:has(input[aria-invalid=true]){border-color:#f45e705c}.login-input-shell input{color:#eef4ff;text-align:left;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:52px;padding:0;font-size:14px}.login-input-shell input::placeholder{color:#7a8aa0}.login-submit{color:#fff;background:linear-gradient(110deg,#6657eb 0%,#7768ff 54%,#5379f3 100%);border:1px solid #aea9ff33;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:4px;padding:10px 18px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #5249de47,inset 0 1px #fff3}.login-submit svg{width:19px;height:19px;position:absolute;left:18px;transform:rotate(180deg)}.login-submit .spinner{width:18px;height:18px;position:absolute;left:18px}.login-server{color:#8494aa;background:#ffffff05;border:1px solid #8aa6d31a;border-radius:11px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;min-height:43px;margin-top:22px;padding:9px 11px;font-size:10px;display:grid}.login-server-icon{color:#6dcce9;background:#50d7ff12;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.login-server-icon svg{width:13px;height:13px}.login-server bdi{color:#8e9db2;text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;min-width:0;overflow:hidden}.login-access-footnote{color:#7b8ba1;margin-top:18px;font-size:10px;font-weight:600}.login-page .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1220px){.login-layout{grid-template-columns:minmax(380px,.82fr) minmax(510px,1.18fr)}.login-hero{padding-right:32px}.login-hero-copy{margin-top:64px}.login-hero-copy h1{font-size:clamp(44px,4.8vw,60px)}.command-halo{opacity:.65;width:min(40vw,390px)}.login-trust-list{max-width:520px}}@media (width<=1000px){.login-layout{width:min(100%,720px);padding:30px clamp(20px, 5vw, 42px) max(30px, env(safe-area-inset-bottom));grid-template-rows:auto auto;grid-template-columns:1fr}.login-hero{border-left:0;grid-area:1/1;min-height:330px;padding:0}.login-access{grid-area:2/1;padding:20px 0 0}.login-hero-copy{width:min(100%,520px);margin-top:44px}.login-hero-copy h1{font-size:clamp(39px,7vw,54px)}.login-hero-copy>p{max-width:500px;font-size:15px}.command-halo{opacity:.32;width:280px;bottom:-10px;left:-32px}.login-local-note{display:none}.login-card{width:min(100%,520px)}.login-atmosphere span:nth-child(3){display:none}}@media (width<=600px){.login-layout{padding-top:max(22px, env(safe-area-inset-top))}.login-hero{min-height:235px}.login-brand-mark{border-radius:13px;width:44px;height:44px}.login-brand-mark svg{width:24px;height:24px}.login-brand-type b{font-size:20px}.login-hero-copy{margin-top:31px}.login-product-badge{min-height:30px;font-size:10px}.login-hero-copy h1{margin-top:16px;font-size:clamp(32px,10vw,42px);line-height:1.2}.login-hero-copy>p,.login-trust-list{display:none}.command-halo{opacity:.24;width:215px;bottom:-42px;left:-68px}.halo-orbit-dot{border-radius:10px;width:34px;height:34px}.halo-orbit-dot svg{width:15px;height:15px}.halo-core{border-radius:24px;width:82px;height:82px}.halo-core svg{width:38px;height:38px}.login-access{padding-top:8px}.login-card{border-radius:22px;padding:30px 24px 25px}.login-heading{margin-bottom:25px}.login-heading h2{font-size:26px}.login-access-footnote{margin-top:14px}}@media (width<=380px){.login-layout{padding-inline:14px}.login-hero{min-height:215px}.login-card{padding-inline:19px}.login-icon{width:43px;height:43px}.login-heading{gap:11px}.login-heading p{font-size:12px}.login-server{grid-template-columns:auto minmax(0,1fr)}.login-server>span:nth-child(2){display:none}}@media (width>=1001px) and (height<=760px){.login-layout{padding-block:24px}.login-hero-copy{margin-top:42px}.login-hero-copy h1{margin-top:18px;font-size:clamp(41px,4vw,58px)}.login-hero-copy>p{margin-top:15px}.login-trust-list{margin-top:19px}.command-halo{width:min(34vw,330px);bottom:35px}.login-card{padding-block:30px}.login-heading{margin-bottom:23px}.login-field{margin-bottom:14px}.login-server{margin-top:16px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition-duration:.01ms!important}}.field{color:var(--text);flex-direction:column;gap:8px;margin-bottom:18px;font-weight:600;display:flex}.field>span,.field-title{font-size:13px;font-weight:700}.field>span small{color:var(--text-faint);font-weight:500}.field input,.field select,.field textarea,.search-field,.compact-select select,.custom-duration input{width:100%;min-height:47px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;padding:10px 13px;transition:all .16s}.field textarea{resize:vertical;min-height:96px;font:inherit}.field input::placeholder,.search-field input::placeholder{color:var(--text-faint)}.field input:focus,.field select:focus,.field textarea:focus,.custom-duration input:focus{border-color:var(--primary);background:var(--surface)}.form-alert{border:1px solid color-mix(in srgb, var(--red) 28%, var(--border));min-height:45px;color:var(--red);background:var(--red-soft);border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.form-alert svg{flex:none}.app-shell{background:var(--bg);min-height:100vh}.sidebar{z-index:30;color:#dfe8f2;background:linear-gradient(#091522 0%,#07111d 100%);border-left:1px solid #ffffff0a;flex-direction:column;width:258px;padding:25px 17px 17px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{flex:1;padding:0 9px 29px}.sidebar-brand b{color:#fff}.sidebar-brand-row{align-items:flex-start;gap:8px;display:flex}.sidebar-close-button{color:#8da0b4;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;place-items:center;width:38px;height:38px;display:none}.sidebar-close-button svg{width:17px;height:17px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-section-title{color:#576b7f;letter-spacing:.09em;padding:0 13px 9px;font-size:10px;font-weight:700}.nav-button{color:#8396aa;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;padding:9px 12px;transition:all .16s;display:flex}.nav-button svg{width:19px;height:19px}.nav-button span{flex:1;font-weight:600}.nav-button b{background:#ffffff12;border-radius:7px;place-items:center;min-width:23px;height:21px;padding:0 6px;font-size:11px;display:grid}.nav-button:hover{color:#dbe6f1;background:#ffffff09}.nav-button.active{color:#fff;background:linear-gradient(90deg,#5b55e742,#5b55e721);box-shadow:inset -3px 0 #7772ff}.nav-button.active svg{color:#8e89ff}.nav-button.active b{color:#c8c5ff;background:#7772ff2b}.sidebar-spacer{flex:1}.connection-card{background:#ffffff06;border:1px solid #ffffff0e;border-radius:12px;align-items:center;gap:9px;margin:0 2px 14px;padding:12px;display:flex}.connection-icon{color:#65d9ae;background:#17b8781f;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.connection-icon svg{width:16px}.connection-icon.mode-polling{color:#f2bc5e;background:#eea52e1f}.connection-icon.mode-connecting{color:#79aefa;background:#3280ee1f}.connection-card div{flex-direction:column;flex:1;display:flex}.connection-card strong{font-size:11px}.connection-card small{color:#62788d;font-size:9px}.connection-card>i{background:var(--green);border-radius:50%;width:7px;height:7px}.connection-card>i.polling{background:var(--amber)}.connection-card>i.connecting{background:var(--blue);animation:1.3s infinite pulse}.sidebar-user{border-top:1px solid #ffffff0e;align-items:center;gap:9px;min-height:59px;padding:11px 9px 4px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#5550cc,#7772ff);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.sidebar-user div{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user small{color:#657b90;font-size:9px}.sidebar-user button{color:#687d91;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.sidebar-user button:hover{color:#ff8992;background:#e34d5914}.sidebar-user button svg{width:17px}.main-area{min-height:100vh;margin-right:258px}.topbar{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;height:67px;padding:0 clamp(22px,3vw,42px);display:flex;position:sticky;top:0}.mobile-menu-button,.topbar-mobile-brand{display:none}.topbar-date{flex-direction:column;display:flex}.topbar-date strong{font-size:12px}.topbar-date span{color:var(--text-soft);text-align:right;direction:ltr;font-size:10px}.topbar-actions{align-items:center;gap:8px;margin-right:auto;display:flex}.live-status{border:1px solid color-mix(in srgb, var(--green) 20%, var(--border));height:30px;color:var(--green);background:var(--green-soft);border-radius:9px;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.live-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.live-status.mode-polling{color:var(--amber);background:var(--amber-soft);border-color:color-mix(in srgb, var(--amber) 22%, var(--border))}.live-status.mode-connecting{color:var(--blue);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 22%, var(--border))}.topbar .icon-button{width:36px;height:36px}.topbar .icon-button svg{width:17px}.main-content{max-width:1540px;margin:0 auto;padding:30px clamp(22px,3vw,42px) 55px}.view-loading{min-height:320px;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.view-loading strong{font-size:12px}.view-stack{flex-direction:column;gap:22px;display:flex}.page-heading{padding:2px 0 5px}.page-heading-actions{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.page-heading h1{letter-spacing:-.025em;margin-top:4px;font-size:28px}.page-heading p{color:var(--text-soft);margin-top:4px;font-size:13px}.connection-warning{border:1px solid color-mix(in srgb, var(--amber) 28%, var(--border));color:#a66b10;background:var(--amber-soft);border-radius:12px;align-items:center;gap:10px;min-height:46px;margin-bottom:20px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}:root[data-theme=dark] .connection-warning{color:#f2bd61}.connection-warning svg{flex:none}.connection-warning span{flex:1}.connection-warning button{color:inherit;background:0 0;border:0;font-weight:800}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:126px;box-shadow:var(--shadow-sm);align-items:flex-start;gap:15px;padding:20px;display:flex}.metric-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.metric-icon svg{width:21px;height:21px}.metric-icon.indigo{color:var(--primary);background:var(--primary-soft)}.metric-icon.green{color:var(--green);background:var(--green-soft)}.metric-icon.blue{color:var(--blue);background:var(--blue-soft)}.metric-icon.red{color:var(--red);background:var(--red-soft)}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric-icon.purple{color:var(--purple);background:var(--purple-soft)}.metric-icon.gray{color:var(--gray);background:var(--gray-soft)}.metric-card>div{flex-direction:column;display:flex}.metric-label{color:var(--text-soft);font-size:11px;font-weight:600}.metric-card strong{margin-top:4px;font-size:27px;line-height:1.15}.metric-card small{color:var(--text-faint);margin-top:5px;font-size:9px}.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:18px;display:grid}.dashboard-columns.lower-columns{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);align-items:center;gap:15px;min-height:74px;padding:17px 20px;display:flex}.panel-header>div:first-child{flex:1}.panel-header h2{font-size:15px}.panel-header p{color:var(--text-soft);margin-top:2px;font-size:10px}.panel-header>svg{color:var(--text-faint)}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.text-button svg{width:15px;height:15px;transform:rotate(180deg)}.count-badge{min-width:24px;height:24px;color:var(--red);background:var(--red-soft);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.compact-device-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px;display:grid}.compact-device{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-items:center;gap:9px;min-height:65px;padding:10px;display:flex}.compact-device-icon{width:31px;height:31px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;display:grid}.compact-device-icon svg{width:16px;height:16px}.compact-device>div{flex-direction:column;flex:1;min-width:0;display:flex}.compact-device strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compact-device small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.status-dot{background:var(--gray);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.green{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 13%, transparent)}.status-dot.blue{background:var(--blue)}.status-dot.amber{background:var(--amber)}.status-dot.red{background:var(--red)}.status-dot.purple{background:var(--purple)}.alerts-list{padding:7px 13px 13px}.alert-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:57px;padding:9px 6px;display:flex}.alert-row:last-child{border-bottom:0}.alert-row>span{width:31px;height:31px;color:var(--red);background:var(--red-soft);border-radius:9px;flex:none;place-items:center;display:grid}.alert-row.alert-session>span{color:var(--blue);background:var(--blue-soft)}.alert-row.alert-info>span{color:var(--primary);background:var(--primary-soft)}.alert-row svg{width:15px;height:15px}.alert-row div{flex-direction:column;display:flex}.alert-row strong{font-size:10px}.alert-row small{color:var(--text-faint);margin-top:2px;font-size:8px}.all-good,.compact-empty{text-align:center;min-height:150px;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;display:flex}.all-good>span{width:38px;height:38px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin-bottom:8px;font-weight:800;display:grid}.all-good strong,.compact-empty strong{color:var(--text);font-size:12px}.all-good small,.compact-empty small{color:var(--text-faint);margin-top:3px;font-size:9px}.compact-empty svg{color:var(--text-faint);margin-bottom:8px}.session-mini-list{padding:6px 17px 12px}.session-mini-list article{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:60px;display:flex}.session-mini-list article:last-child{border:0}.session-device-avatar{width:37px;height:37px;color:var(--blue);background:var(--blue-soft);border-radius:10px;flex:none;place-items:center;display:grid}.session-device-avatar.paused{color:var(--amber);background:var(--amber-soft)}.session-device-avatar.ending{color:var(--red);background:var(--red-soft)}.session-device-avatar svg{width:18px;height:18px}.session-mini-list article>div{flex-direction:column;flex:1;min-width:0;display:flex}.session-mini-list strong{font-size:11px}.session-mini-list small{color:var(--text-faint);font-size:8px}.session-mini-list bdi{direction:ltr;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:700}.time-danger{color:var(--red)}.branch-list{padding:7px 16px 14px}.branch-list article,.branch-derived{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:63px;padding:9px 1px;display:flex}.branch-list article:last-child{border:0}.branch-derived{border:0;margin:7px 17px 14px}.branch-icon{width:35px;height:35px;color:var(--green);background:var(--green-soft);border-radius:10px;flex:none;place-items:center;display:grid}.branch-icon.attention{color:var(--amber);background:var(--amber-soft)}.branch-icon.offline{color:var(--red);background:var(--red-soft)}.branch-icon svg{width:17px;height:17px}.branch-list article>div,.branch-derived>div{flex-direction:column;flex:1;display:flex}.branch-list strong,.branch-derived strong{font-size:11px}.branch-list small,.branch-derived small{color:var(--text-faint);font-size:8px}.branch-list article>span:last-child,.branch-derived>span:last-child{flex-direction:column;align-items:center;display:flex}.branch-list article>span b,.branch-derived>span b{font-size:14px}.toolbar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:11px;min-height:66px;padding:10px 13px;display:flex}.search-field{flex:1;align-items:center;gap:9px;max-width:390px;min-height:43px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--primary);background:var(--surface)}.search-field svg{width:17px;height:17px;color:var(--text-faint)}.search-field input{width:100%;color:var(--text);background:0 0;border:0;padding:0}.compact-select{border-right:1px solid var(--border);align-items:center;gap:7px;height:43px;padding-right:10px;display:flex}.compact-select>span{color:var(--text-faint);font-size:10px}.compact-select select{min-width:125px;min-height:38px;padding:6px 9px;font-size:11px}.results-count{color:var(--text-faint);margin-right:auto;padding:0 8px;font-size:10px}.devices-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.device-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:255px;box-shadow:var(--shadow-sm);transition:all .18s;position:relative;overflow:hidden}.device-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 28px #14203314}.device-card-accent{background:var(--gray);height:3px}.device-card.status-available .device-card-accent{background:var(--green)}.device-card.status-active .device-card-accent{background:var(--blue)}.device-card.status-paused .device-card-accent,.device-card.status-ending .device-card-accent{background:var(--amber)}.device-card.status-offline .device-card-accent,.device-card.status-blocked .device-card-accent{background:var(--red)}.device-card.status-reserved .device-card-accent{background:var(--purple)}.device-card header{align-items:center;gap:11px;padding:17px 17px 13px;display:flex}.device-main-icon{width:42px;height:42px;color:var(--gray);background:var(--gray-soft);border-radius:12px;flex:none;place-items:center;display:grid}.device-main-icon.green{color:var(--green);background:var(--green-soft)}.device-main-icon.blue{color:var(--blue);background:var(--blue-soft)}.device-main-icon.amber{color:var(--amber);background:var(--amber-soft)}.device-main-icon.red{color:var(--red);background:var(--red-soft)}.device-main-icon.purple{color:var(--purple);background:var(--purple-soft)}.device-main-icon svg{width:20px;height:20px}.device-card header>div{flex:1;min-width:0}.device-card h2{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.device-card header p{color:var(--text-faint);margin-top:2px;font-size:9px}.status-pill{min-height:25px;color:var(--gray);background:var(--gray-soft);border-radius:8px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.green{color:var(--green);background:var(--green-soft)}.status-pill.blue{color:var(--blue);background:var(--blue-soft)}.status-pill.amber{color:var(--amber);background:var(--amber-soft)}.status-pill.red{color:var(--red);background:var(--red-soft)}.status-pill.purple{color:var(--purple);background:var(--purple-soft)}.device-details{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:11px 16px;margin:0 17px;padding:12px 0;display:grid}.device-details div{flex-direction:column;min-width:0;display:flex}.device-details dt{color:var(--text-faint);font-size:8px}.device-details dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;font-weight:600;overflow:hidden}.danger-text{color:var(--red)}.device-card footer{align-items:center;gap:8px;min-height:58px;margin-top:2px;padding:10px 17px 14px;display:flex}.start-device-button{color:#0d9361;background:var(--green-soft);border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:37px;font-size:10px;font-weight:800;display:flex}.start-device-button:hover{color:#fff;background:var(--green)}.start-device-button svg{width:15px;height:15px}.device-state-note{color:var(--text-faint);flex:1;font-size:9px}.secondary-icon-button{border:1px solid var(--border);min-height:37px;color:var(--text-soft);background:var(--surface-soft);border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:700;display:flex}.secondary-icon-button:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.secondary-icon-button svg{width:14px;height:14px}.secondary-icon-button.danger-icon-button{color:var(--red)}.secondary-icon-button.danger-icon-button:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, var(--border));background:var(--red-soft)}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 65%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:35px;display:flex}.empty-state>span{width:60px;height:60px;color:var(--text-faint);background:var(--gray-soft);border-radius:17px;place-items:center;margin-bottom:16px;display:grid}.empty-state>span svg{width:27px;height:27px}.empty-state h2{font-size:17px}.empty-state p{color:var(--text-soft);max-width:400px;margin:6px 0 18px;font-size:12px}.read-only-banner{border:1px solid color-mix(in srgb, var(--blue) 23%, var(--border));min-height:48px;color:var(--blue);background:var(--blue-soft);border-radius:12px;align-items:center;gap:10px;padding:10px 13px;font-size:11px;display:flex}.read-only-banner svg{flex:none;width:17px;height:17px}.read-only-banner strong{margin-left:4px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px;display:grid}.game-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);transition:all .18s;overflow:hidden}.game-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 28px #14203314}.game-card.inactive{opacity:.78}.game-artwork{height:132px;color:var(--primary);background:linear-gradient(145deg, var(--primary-soft), var(--surface-soft));place-items:center;display:grid;position:relative;overflow:hidden}.game-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000,#040b142e);height:48px;position:absolute;inset:auto 0 0}.game-artwork>svg{opacity:.7;width:45px;height:45px}.game-artwork img{object-fit:cover;width:100%;height:100%}.game-artwork .status-pill{z-index:1;background-color:var(--surface-raised);box-shadow:var(--shadow-sm);position:absolute;top:11px;left:11px}.game-card-body{padding:15px 16px 17px}.game-category{color:var(--primary);font-size:8px;font-weight:800}.game-card h2{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;overflow:hidden}.game-card dl{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin:13px 0 0;padding-top:11px;display:flex}.game-card dl div{min-width:0}.game-card dt{color:var(--text-faint);font-size:8px}.game-card dd{color:var(--text-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:ltr;margin:2px 0 0;font-family:Segoe UI,sans-serif;font-size:9px;overflow:hidden}.games-empty{min-height:285px}.game-devices-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.game-section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:82px;padding:16px 19px;display:flex}.game-section-heading .metric-icon{width:42px;height:42px}.game-section-heading>div{flex:1;min-width:0}.game-section-heading h2{font-size:15px}.game-section-heading p{color:var(--text-soft);margin-top:3px;font-size:9px}.game-pc-count{min-width:55px;height:29px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;padding:5px 10px;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:800;display:grid}.game-device-list{padding:4px 17px 12px}.game-device-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(150px,1fr) auto auto auto;align-items:center;gap:12px;min-height:75px;padding:10px 2px;display:grid}.game-device-row:last-child{border-bottom:0}.game-device-row .device-main-icon{border-radius:11px;width:39px;height:39px}.game-device-identity{flex-direction:column;min-width:0;display:flex}.game-device-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.game-device-identity small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.pairing-state{border-radius:8px;min-height:25px;padding:5px 8px;font-size:8px;font-weight:700}.pairing-state.paired{color:var(--green);background:var(--green-soft)}.pairing-state.unpaired{color:var(--amber);background:var(--amber-soft)}.game-assignment-button{min-height:36px;box-shadow:none;padding:7px 11px;font-size:9px}.game-assignment-button svg{width:14px;height:14px}.game-devices-empty{min-height:170px;color:var(--text-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.game-devices-empty>svg{width:32px;height:32px;color:var(--text-faint);margin-bottom:9px}.game-devices-empty strong{color:var(--text);font-size:12px}.game-devices-empty p{margin-top:3px;font-size:9px}.form-grid .full-column{grid-column:1/-1}.assignment-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;min-height:65px;margin-bottom:14px;padding:9px 11px;display:flex}.assignment-summary .device-main-icon{width:38px;height:38px}.assignment-summary>div{flex-direction:column;flex:1;display:flex}.assignment-summary strong{font-size:11px}.assignment-summary small{color:var(--text-faint);font-size:8px}.assignment-summary .text-button{white-space:nowrap}.assignment-search{max-width:none;min-height:42px;margin-bottom:12px}.assignment-game-list{scrollbar-width:thin;flex-direction:column;gap:7px;max-height:min(410px,48vh);padding:2px;display:flex;overflow-y:auto}.assignment-game{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:11px;align-items:center;gap:10px;min-height:62px;padding:9px 10px;transition:all .15s;display:flex}.assignment-game:hover{border-color:var(--border-strong)}.assignment-game.selected{border-color:color-mix(in srgb, var(--primary) 38%, var(--border));background:var(--primary-soft)}.assignment-game.read-only{cursor:default}.assignment-game>input{opacity:0;pointer-events:none;position:absolute}.assignment-checkbox{border:1px solid var(--border-strong);color:#0000;background:var(--surface);border-radius:6px;flex:none;place-items:center;width:21px;height:21px;font-family:Segoe UI,sans-serif;font-size:11px;font-weight:800;display:grid}.assignment-game.selected .assignment-checkbox{color:#fff;border-color:var(--primary);background:var(--primary)}.assignment-game-icon{width:35px;height:35px;color:var(--primary);background:var(--surface);border-radius:9px;flex:none;place-items:center;display:grid}.assignment-game-icon svg{width:17px;height:17px}.assignment-game-info{flex-direction:column;flex:1;min-width:0;display:flex}.assignment-game-info strong{font-size:10px}.assignment-game-info small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.assignment-loading{flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.assignment-loading strong{margin-top:12px;font-size:11px}.assignment-no-results{min-height:150px;color:var(--text-faint);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.sync-success{border:1px solid color-mix(in srgb, var(--green) 26%, var(--border));min-height:57px;color:var(--green);background:var(--green-soft);border-radius:11px;align-items:center;gap:10px;margin-bottom:12px;padding:9px 11px;display:flex}.sync-success>span{color:#fff;background:var(--green);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-family:Segoe UI,sans-serif;font-weight:800;display:grid}.sync-success>div{min-width:0}.sync-success strong{font-size:10px}.sync-success p{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.game-skeleton{min-height:260px}.session-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.session-summary-grid article{border:1px solid var(--border);background:var(--surface);min-height:82px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.session-summary-grid .metric-icon{width:39px;height:39px}.session-summary-grid article>div{flex-direction:column;display:flex}.session-summary-grid small{color:var(--text-soft);font-size:9px}.session-summary-grid strong{margin-top:1px;font-size:18px}.session-toolbar{justify-content:space-between}.segmented-control{gap:5px;display:flex}.segmented-control button{min-height:37px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.segmented-control button span{min-width:19px;height:19px;color:var(--text-faint);background:var(--surface-soft);border-radius:6px;place-items:center;font-size:9px;display:grid}.segmented-control button.active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 19%, var(--border));background:var(--primary-soft)}.segmented-control button.active span{color:var(--primary);background:var(--surface)}.live-caption{color:var(--text-faint);align-items:center;gap:8px;padding-left:8px;font-size:9px;display:flex}.live-caption .live-dot{width:6px;height:6px}.sessions-list{flex-direction:column;gap:11px;display:flex}.session-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:118px;box-shadow:var(--shadow-sm);grid-template-columns:minmax(190px,1.2fr) minmax(150px,.75fr) minmax(130px,.7fr) auto;align-items:center;gap:18px;padding:15px 17px;transition:all .16s;display:grid}.session-row:hover{border-color:var(--border-strong)}.session-row.paused{background:color-mix(in srgb, var(--amber-soft) 26%, var(--surface))}.session-identity{align-items:center;gap:11px;min-width:0;display:flex}.session-identity .session-device-avatar{border-radius:13px;width:45px;height:45px}.session-identity>div{min-width:0}.session-number{color:var(--primary);font-size:8px;font-weight:700}.session-identity h2{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.session-identity p{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.session-times{align-items:center;gap:10px;display:flex}.session-times>span{flex-direction:column;display:flex}.session-times small{color:var(--text-faint);font-size:8px}.session-times strong{white-space:nowrap;font-size:11px}.session-times>i{background:var(--border-strong);width:18px;height:1px;position:relative}.session-times>i:after{content:"";border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:5px;height:5px;position:absolute;top:-2px;left:0;transform:rotate(45deg)}.countdown-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:8px 12px;display:flex}.countdown-box small{color:var(--text-faint);font-size:8px}.countdown-box strong{letter-spacing:.04em;font-family:Segoe UI,monospace;font-size:17px}.countdown-box.warning{color:#ba7c17;border-color:color-mix(in srgb, var(--amber) 30%, var(--border));background:var(--amber-soft)}.countdown-box.danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 30%, var(--border));background:var(--red-soft);animation:2s infinite dangerGlow}.countdown-box.paused{color:var(--amber);background:var(--amber-soft)}.countdown-box>span{align-items:center;gap:4px;margin-top:2px;font-size:7px;font-weight:700;display:flex}.countdown-box>span svg{width:9px;height:9px}@keyframes dangerGlow{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--red) 7%, transparent)}}.session-actions{gap:5px;display:flex}.session-actions button{border:1px solid var(--border);width:50px;min-height:51px;color:var(--text-soft);background:var(--surface-soft);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:7px;font-weight:700;display:flex}.session-actions button:hover:not(:disabled){color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--primary-soft)}.session-actions button.danger-action:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb, var(--red) 30%, var(--border));background:var(--red-soft)}.session-actions svg{width:15px;height:15px}.sessions-empty{min-height:310px}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040b14ad;place-items:center;padding:25px;animation:.16s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{border:1px solid var(--border);background:var(--surface);width:min(570px,100%);max-height:calc(100vh - 50px);box-shadow:var(--shadow-md);border-radius:19px;animation:.18s ease-out modalIn;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-small{width:min(440px,100%)}.modal-large{width:min(760px,100%)}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:15px;min-height:78px;padding:18px 21px;display:flex}.modal-header>div{flex:1}.modal-header h2{font-size:17px}.modal-header p{color:var(--text-soft);margin-top:3px;font-size:10px}.modal-header .icon-button{width:34px;height:34px}.modal-header .icon-button svg{width:16px}.modal-body{padding:21px}.modal-form{flex-direction:column;display:flex}.form-grid{gap:0 14px;display:grid}.form-grid.two-columns{grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:5px;padding-top:19px;display:flex}.toggle-row{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;border-radius:11px;align-items:center;gap:10px;min-height:62px;margin-bottom:18px;padding:10px 12px;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-control{background:var(--border-strong);border-radius:15px;flex:none;width:38px;height:22px;padding:3px;transition:all .16s}.toggle-control:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .16s;display:block;box-shadow:0 1px 3px #0003}.toggle-row input:checked+.toggle-control{background:var(--primary)}.toggle-row input:checked+.toggle-control:after{transform:translate(-16px)}.toggle-row>span:last-child{flex-direction:column;display:flex}.toggle-row strong{font-size:11px}.toggle-row small{color:var(--text-faint);font-size:8px}.pairing-loading,.pairing-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.pairing-loading strong{margin-top:13px;font-size:12px}.pairing-error>svg{width:38px;height:38px;color:var(--red)}.pairing-error strong{margin-top:10px}.pairing-error p{color:var(--text-soft);margin:5px 0 15px;font-size:11px}.pairing-success{text-align:center;flex-direction:column;align-items:center;display:flex}.pairing-success>span{width:47px;height:47px;color:var(--green);background:var(--green-soft);border-radius:14px;place-items:center;display:grid}.pairing-success>p{color:var(--text-soft);margin:11px 0;font-size:10px}.pairing-code{border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));width:100%;min-height:80px;color:var(--primary);background:var(--primary-soft);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;display:flex}.pairing-code bdi{letter-spacing:.16em;font-family:Segoe UI,monospace;font-size:28px;font-weight:800}.pairing-code small{margin-top:2px;font-size:8px}.pairing-success .expiry-note{color:var(--amber);margin:7px 0 0}.pairing-steps{background:var(--surface-soft);border-radius:12px;flex-direction:column;gap:12px;margin:18px 0 0;padding:14px;list-style:none;display:flex}.pairing-steps li{align-items:center;gap:9px;display:flex}.pairing-steps li>span{width:25px;height:25px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.pairing-steps li>div{flex-direction:column;min-width:0;display:flex}.pairing-steps strong{font-size:10px}.pairing-steps small{color:var(--text-faint);word-break:break-all;font-size:8px}.chosen-device{border:1px solid color-mix(in srgb, var(--green) 20%, var(--border));background:var(--green-soft);border-radius:12px;align-items:center;gap:10px;min-height:68px;margin-top:-7px;margin-bottom:18px;padding:10px 12px;display:flex}.chosen-device .device-main-icon{width:38px;height:38px}.chosen-device>div{flex-direction:column;flex:1;display:flex}.chosen-device strong{font-size:11px}.chosen-device small{color:var(--text-soft);font-size:8px}.chosen-device .status-pill{background:var(--surface)}.duration-section{margin-bottom:17px;transition:opacity .16s}.duration-section.disabled{opacity:.38;pointer-events:none}.duration-options{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;display:grid}.duration-options button{border:1px solid var(--border);min-height:39px;color:var(--text-soft);background:var(--surface-soft);border-radius:9px;padding:6px;font-size:9px;font-weight:700}.duration-options button.selected{color:var(--primary);border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 9%, transparent)}.custom-duration{align-items:center;gap:12px;margin-top:10px;display:flex}.custom-duration>span{color:var(--text-soft);min-width:72px;font-size:9px}.custom-duration>div{flex:1;position:relative}.custom-duration input{min-height:40px;padding-left:50px}.custom-duration>div span{color:var(--text-faint);font-size:8px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.session-start-note{min-height:55px;color:var(--blue);background:var(--blue-soft);border-radius:11px;align-items:center;gap:9px;margin-bottom:4px;padding:10px 12px;display:flex}.session-start-note svg{flex:none}.session-start-note p{color:var(--text-soft);font-size:8px}.session-start-note strong{color:var(--blue);font-size:9px}.no-available-devices{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.no-available-devices svg{width:35px;height:35px;color:var(--amber)}.no-available-devices strong{margin-top:10px}.no-available-devices p{color:var(--text-soft);max-width:330px;margin-top:4px;font-size:10px}.extend-current{min-height:70px;color:var(--blue);background:var(--blue-soft);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.extend-current span{font-size:9px}.extend-current strong{font-family:Segoe UI,monospace;font-size:20px}.extend-options{grid-template-columns:repeat(2,1fr);margin-bottom:17px}.danger-confirm{text-align:center;flex-direction:column;align-items:center;display:flex}.danger-confirm>span{width:54px;height:54px;color:var(--red);background:var(--red-soft);border-radius:16px;place-items:center;display:grid}.danger-confirm h3{margin-top:12px;font-size:16px}.danger-confirm p{color:var(--text-soft);max-width:360px;margin-top:5px;font-size:10px}.revoke-token-error{margin-top:16px;margin-bottom:0}.revoke-token-confirmation{margin-top:17px;margin-bottom:0}.revoke-token-confirmation bdi{color:var(--red);font-family:Segoe UI,monospace}.confirm-summary{background:var(--surface-soft);border-radius:11px;margin:17px 0 3px;padding:7px 12px}.confirm-summary div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:34px;display:flex}.confirm-summary div:last-child{border:0}.confirm-summary dt{color:var(--text-soft);font-size:9px}.confirm-summary dd{margin:0;font-size:10px;font-weight:700}.skeleton-card{position:relative;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-raised) 85%, transparent), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(100%)}.skeleton-card>span{background:var(--surface-soft);border-radius:6px;height:15px;margin:25px 18px;display:block}.skeleton-card>span:nth-child(2){width:55%}.skeleton-card>span:nth-child(3){width:75%}@keyframes shimmer{to{transform:translate(-100%)}}.toast-region{z-index:150;pointer-events:none;flex-direction:column;gap:9px;width:min(370px,100vw - 48px);display:flex;position:fixed;bottom:24px;left:24px}.toast{border:1px solid var(--border);background:var(--surface-raised);min-height:54px;box-shadow:var(--shadow-md);pointer-events:auto;border-radius:13px;align-items:center;gap:9px;padding:10px 11px;animation:.22s ease-out toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.toast>span{width:29px;height:29px;color:var(--green);background:var(--green-soft);border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.toast-error>span{color:var(--red);background:var(--red-soft)}.toast-info>span{color:var(--blue);background:var(--blue-soft)}.toast p{flex:1;font-size:10px;font-weight:600}.toast button{width:27px;height:27px;color:var(--text-faint);background:0 0;border:0;place-items:center;display:grid}.toast button svg{width:14px;height:14px}.devices-page-heading p{color:var(--text-soft);margin-top:6px}.device-board-toolbar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.device-board-toolbar-main{align-items:center;gap:10px;min-height:70px;padding:12px 14px;display:flex}.device-search-field{max-width:none}.device-status-select{border:0;padding:0}.device-filter-clear{border:1px solid var(--border);min-height:41px;color:var(--text-soft);background:var(--surface-soft);border-radius:11px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:inline-flex}.device-filter-clear:hover:not(:disabled){color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.device-filter-clear svg{width:14px;height:14px}.device-density-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:3px;min-height:42px;padding:3px;display:flex}.device-density-control button{min-height:34px;color:var(--text-faint);background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.device-density-control button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.device-density-control svg{width:14px;height:14px}.device-type-filters{border-top:1px solid var(--border);scrollbar-width:thin;align-items:center;gap:8px;min-height:58px;padding:10px 14px;display:flex;overflow-x:auto}.device-type-filters button{border:1px solid var(--border);min-height:36px;color:var(--text-soft);background:var(--surface-soft);border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 12px;font-size:10px;font-weight:700;transition:all .16s;display:inline-flex}.device-type-filters button:hover{border-color:var(--border-strong);color:var(--text)}.device-type-filters button.active{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 22%, transparent)}.device-type-filters button span{min-width:20px;height:20px;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);border-radius:9px;place-items:center;padding:0 5px;font-size:9px;display:grid}.device-type-filters button.active span{background:#ffffff2e}.device-results-count{color:var(--text-faint);flex:none;margin-right:auto;font-size:10px}.devices-grid.device-board-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.devices-grid.device-board-grid.density-compact{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}.device-board-card{isolation:isolate;flex-direction:column;min-height:420px;display:flex}.device-board-card:before{content:"";z-index:-1;background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 76%, transparent), transparent);height:160px;position:absolute;inset:3px 0 auto}.device-board-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1420331f}.device-artwork{height:150px;color:var(--text);place-items:center;margin:0 12px;display:grid;overflow:hidden}.device-artwork-svg{filter:drop-shadow(0 14px 13px #050c152e);width:100%;height:100%}.device-board-card>header{border-top:1px solid var(--border);padding:12px 16px 11px;position:relative}.device-board-card>header .device-main-icon{border-radius:11px;width:38px;height:38px}.device-board-card>header .device-main-icon svg{width:18px;height:18px}.device-board-card>header h2{font-size:15px}.device-board-card>header p{font-size:9px}.device-readiness-row,.device-session-strip{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-items:center;gap:8px;min-height:46px;margin:0 16px;padding:8px 10px;display:flex}.device-readiness-row{color:var(--text-faint);justify-content:space-between;font-size:9px}.device-readiness-row .pairing-state{min-height:27px;color:var(--red);background:var(--red-soft);border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-weight:700;display:inline-flex}.device-readiness-row .pairing-state.paired{color:var(--green);background:var(--green-soft)}.device-readiness-row .pairing-state.manual{color:var(--blue);background:var(--blue-soft)}.device-readiness-row svg{width:13px;height:13px}.device-session-strip{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 22%, var(--border));background:var(--blue-soft)}.device-session-strip.session-paused{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 24%, var(--border));background:var(--amber-soft)}.device-session-strip>span{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:9px;flex:none;place-items:center;width:29px;height:29px;display:grid}.device-session-strip>span svg{width:15px;height:15px}.device-session-strip>div{flex-direction:column;flex:1;min-width:0;display:flex}.device-session-strip small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:8px;overflow:hidden}.device-session-strip strong{letter-spacing:.04em;font-family:SFMono-Regular,Consolas,monospace;font-size:15px}.device-session-strip>b{background:color-mix(in srgb, currentColor 11%, transparent);letter-spacing:.08em;border-radius:7px;padding:4px 6px;font-size:7px}.device-board-details{margin:0 16px;padding:12px 0 7px}.device-board-actions{border-top:1px solid var(--border);margin-top:auto!important;padding:10px 16px 15px!important}.device-more-button{justify-content:center;min-width:42px}.density-compact .device-board-card{min-height:330px}.density-compact .device-artwork{height:105px}.density-compact .device-board-card>header{padding-top:9px}.density-compact .device-board-details{grid-template-columns:1fr;padding-bottom:5px}.density-compact .device-board-details div:nth-child(n+3),.density-compact .device-board-details dt{display:none}.density-compact .device-board-details dd{margin:0}.density-compact .device-readiness-row,.density-compact .device-session-strip{margin-inline:13px}.density-compact .device-board-actions{padding-inline:13px!important}.device-action-backdrop{z-index:140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040b14b8;place-items:center;padding:24px;animation:.16s ease-out fadeIn;display:grid;position:fixed;inset:0}.device-action-sheet{border:1px solid var(--border);background:var(--surface);width:min(580px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-md);border-radius:22px;animation:.18s ease-out modalIn;overflow:auto}.device-action-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:82px;padding:16px 18px;display:flex}.device-action-sheet-header>div{align-items:center;gap:11px;min-width:0;display:flex}.device-action-sheet-header>div>span:last-child{min-width:0}.device-action-sheet-header h2{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.device-action-sheet-header p{color:var(--text-faint);font-size:9px}.device-action-sheet-body{padding:16px 18px 19px}.device-command-disclaimer{border:1px solid color-mix(in srgb, var(--blue) 20%, var(--border));color:var(--text-soft);background:var(--blue-soft);border-radius:11px;margin-bottom:13px;padding:10px 12px;font-size:9px;line-height:1.7}.device-action-list{flex-direction:column;gap:8px;display:flex}.device-health-loading,.device-health-empty{min-height:220px;color:var(--text-soft);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.device-health-loading strong{font-size:11px}.device-health-empty>svg{width:28px;height:28px;color:var(--amber)}.device-health-empty .device-action-footer{width:100%}.device-health-panel{gap:12px;display:grid}.device-health-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:center;gap:11px;padding:13px;display:flex}.device-health-summary>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.device-health-summary>span svg{width:21px;height:21px}.device-health-summary>div{flex:1;min-width:0;display:grid}.device-health-summary small{color:var(--text-faint);font-size:8px}.device-health-summary strong{font-size:14px}.device-health-summary>b{letter-spacing:.08em;color:var(--text-soft);direction:ltr;font-size:9px}.device-health-summary.health-online{border-color:color-mix(in srgb, var(--green) 32%, var(--border))}.device-health-summary.health-online>span{color:var(--green);background:var(--green-soft)}.device-health-summary.health-degraded,.device-health-summary.health-offline{border-color:color-mix(in srgb, var(--red) 30%, var(--border))}.device-health-summary.health-degraded>span,.device-health-summary.health-offline>span{color:var(--red);background:var(--red-soft)}.device-health-not-applicable{border:1px dashed var(--border-strong);color:var(--text-soft);border-radius:12px;margin:0;padding:14px;font-size:10px;line-height:1.8}.device-health-reasons{background:var(--red-soft);color:var(--red);border-radius:12px;margin:0;padding:10px 28px 10px 12px;font-size:9px;line-height:1.8}.device-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.device-health-grid>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;min-width:0;padding:10px 11px}.device-health-grid dt{color:var(--text-faint);font-size:8px}.device-health-grid dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:9px;font-weight:700}.device-health-error{background:var(--red-soft);color:var(--red);border-radius:11px;align-items:center;gap:7px;padding:10px 11px;font-size:9px;display:flex}.device-health-error svg{flex:none;width:16px;height:16px}.device-health-error bdi{overflow-wrap:anywhere}.device-action-item{border:1px solid var(--border);width:100%;min-height:66px;color:var(--text);background:var(--surface-soft);text-align:right;border-radius:13px;align-items:center;gap:11px;padding:10px 12px;transition:all .16s;display:flex}.device-action-item:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--primary-soft);transform:translate(-2px)}.device-action-item>span:first-child{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;flex:none;place-items:center;display:grid}.device-action-item>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.device-action-item strong{font-size:11px}.device-action-item small{color:var(--text-faint);font-size:8px;line-height:1.6}.device-action-item>svg{width:15px;height:15px;color:var(--text-faint);transform:rotate(180deg)}.device-action-item.danger>span:first-child{color:var(--red);background:var(--red-soft)}.device-action-item.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--red) 30%, var(--border));background:var(--red-soft)}.device-action-form>p{color:var(--text-soft);margin:-8px 0 15px;font-size:9px}.device-action-form textarea{resize:vertical;min-height:132px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;padding:11px 13px}.device-action-form textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);outline:none}.field-counter{color:var(--text-faint);text-align:right;direction:ltr;margin:-12px 4px 12px;font-size:8px;display:block}.device-action-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:15px;display:flex}.device-action-confirm{text-align:center;flex-direction:column;align-items:center;display:flex}.device-action-confirm>span{width:54px;height:54px;color:var(--red);background:var(--red-soft);border-radius:16px;place-items:center;display:grid}.device-action-confirm h3{margin-top:12px;font-size:16px}.device-action-confirm>p{max-width:420px;color:var(--text-soft);margin:5px 0 18px;font-size:10px}.device-action-confirm .device-action-footer{width:100%}.device-commands-loading{min-height:240px;color:var(--text-soft);align-content:center;place-items:center;gap:12px;display:grid}.device-commands-panel{gap:12px;display:grid}.device-commands-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-commands-toolbar>div{gap:3px;min-width:0;display:grid}.device-commands-toolbar strong{font-size:12px}.device-commands-toolbar small{color:var(--text-faint);font-size:8px;line-height:1.6}.device-commands-toolbar .secondary-button{flex:none;min-height:34px;padding:6px 9px;font-size:9px}.device-command-notice{border:1px solid color-mix(in srgb, var(--green) 30%, var(--border));min-height:39px;color:var(--green);background:var(--green-soft);border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:9px;display:flex}.device-command-notice svg{width:15px;height:15px}.device-commands-empty{border:1px dashed var(--border-strong);text-align:center;min-height:210px;color:var(--text-soft);border-radius:13px;align-content:center;place-items:center;gap:7px;padding:20px;display:grid}.device-commands-empty>svg{width:28px;height:28px;color:var(--primary)}.device-commands-empty strong{color:var(--text);font-size:12px}.device-commands-empty p{margin:0;font-size:9px}.device-commands-layout{grid-template-columns:minmax(155px,.65fr) minmax(0,1.35fr);align-items:start;gap:10px;min-width:0;display:grid}.device-command-list{gap:6px;max-height:540px;display:grid;overflow-y:auto}.device-command-row{border:1px solid var(--border);width:100%;min-width:0;min-height:58px;color:var(--text);background:var(--surface-soft);text-align:right;border-radius:10px;align-items:center;gap:7px;padding:8px 9px;display:flex}.device-command-row:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border))}.device-command-row.selected{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));background:var(--primary-soft);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 15%, transparent)}.device-command-row>span:first-child{flex:1;gap:3px;min-width:0;display:grid}.device-command-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.device-command-row small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:7px;overflow:hidden}.device-command-status{min-height:23px;color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex}.device-command-status.status-completed{color:var(--green);background:var(--green-soft)}.device-command-status.status-running,.device-command-status.status-accepted{color:var(--purple);background:var(--purple-soft)}.device-command-status.status-rejected,.device-command-status.status-expired,.device-command-status.status-failed{color:var(--red);background:var(--red-soft)}.device-command-status.status-cancelled{color:var(--gray);background:var(--gray-soft)}.device-command-status.status-dispatched,.device-command-status.status-received{color:#aa6f0d;background:var(--amber-soft)}.device-command-detail{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;min-width:0;padding:12px}.device-command-detail>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.device-command-detail>header>div{min-width:0}.device-command-detail>header small{color:var(--text-faint);font-size:7px}.device-command-detail>header h3{margin:2px 0;font-size:12px}.device-command-detail code{overflow-wrap:anywhere;color:var(--text-soft);font-size:7px}.device-command-state-copy{color:var(--text-soft);background:var(--surface);border-radius:9px;margin:10px 0;padding:8px 9px;font-size:8px;line-height:1.65}.device-command-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.device-command-metadata>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:7px 8px}.device-command-metadata dt{color:var(--text-faint);font-size:7px}.device-command-metadata dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:8px;font-weight:700}.device-command-payload{border:1px solid var(--border);background:var(--surface);border-radius:9px;margin-top:9px;padding:8px 9px;font-size:8px}.device-command-payload summary,.device-command-timeline details summary{cursor:pointer;color:var(--text-soft);font-weight:700}.device-command-payload pre,.device-command-timeline pre{max-width:100%;max-height:170px;color:var(--text-soft);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;margin:7px 0 0;padding:7px;font-size:7px;overflow:auto}.device-command-cancel-open{width:100%;min-height:35px;margin-top:9px}.device-command-cancel-confirm{border:1px solid color-mix(in srgb, var(--red) 30%, var(--border));background:var(--red-soft);border-radius:10px;margin-top:10px;padding:11px}.device-command-cancel-confirm>strong{color:var(--red);font-size:11px}.device-command-cancel-confirm>p{color:var(--text-soft);margin:4px 0 10px;font-size:8px;line-height:1.65}.device-command-cancel-confirm .field{margin:0}.device-command-cancel-confirm textarea{resize:vertical;min-height:86px}.device-command-cancel-confirm .device-action-footer{padding-top:9px}.device-command-timeline{border-top:1px solid var(--border);margin-top:12px;padding-top:11px}.device-command-timeline-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.device-command-timeline-heading h3{margin:0;font-size:11px}.device-command-timeline-heading>span{color:var(--text-faint);align-items:center;gap:5px;font-size:7px;display:flex}.device-command-timeline ol{gap:5px;margin:9px 0 0;padding:0;list-style:none;display:grid}.device-command-timeline li{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:7px;min-width:0;padding:7px 0;display:grid}.device-command-timeline li:last-child{border-bottom:0}.device-command-timeline li>i{background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 3px var(--blue-soft);border-radius:50%;margin-top:3px}.device-command-timeline li.status-completed>i{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.device-command-timeline li.status-failed>i,.device-command-timeline li.status-rejected>i,.device-command-timeline li.status-expired>i{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.device-command-timeline li.status-cancelled>i{background:var(--gray);box-shadow:0 0 0 3px var(--gray-soft)}.device-command-timeline li>div{gap:2px;min-width:0;display:grid}.device-command-timeline li strong{font-size:8px}.device-command-timeline li small,.device-command-timeline li>span{color:var(--text-faint);font-size:7px}.device-command-timeline li bdi{overflow-wrap:anywhere;color:var(--red);font-size:7px}.device-command-timeline li details{margin-top:3px;font-size:7px}.device-command-timeline-empty{color:var(--text-faint);margin:10px 0 0;font-size:8px}@media (width<=1250px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.devices-grid,.compact-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-row{grid-template-columns:minmax(180px,1fr) minmax(130px,.65fr) minmax(120px,.6fr) auto}.session-times{display:none}.session-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1020px){.sidebar{width:230px}.main-area{margin-right:230px}.dashboard-columns,.dashboard-columns.lower-columns{grid-template-columns:1fr}.session-row{grid-template-columns:minmax(170px,1.1fr) minmax(120px,.7fr) auto}}@media (width<=800px){.sidebar{visibility:hidden;pointer-events:none;width:min(310px,88vw);padding-top:max(22px, env(safe-area-inset-top));padding-bottom:max(17px, env(safe-area-inset-bottom));transition:transform .21s,visibility 0s linear .21s;transform:translate(100%);box-shadow:-15px 0 50px #00000040}.sidebar.open{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.sidebar-close-button{display:grid}.sidebar-backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040a127a;border:0;display:block;position:fixed;inset:0}.main-area{margin-right:0}.mobile-menu-button{border:1px solid var(--border);background:var(--surface);border-radius:10px;place-items:center;width:37px;height:37px;margin-left:12px;display:grid}.mobile-menu-button svg{width:18px}.main-content{padding-top:23px}.topbar{padding:0 18px}.topbar-mobile-brand{display:flex}.topbar-mobile-brand .brand-mark{border-radius:11px;width:36px;height:36px}.topbar-mobile-brand .brand-mark svg{width:20px;height:20px}.topbar-mobile-brand b{font-size:15px}.topbar-mobile-brand small{margin-top:3px;font-size:6px}.topbar-date strong{font-size:10px}.page-heading-actions{align-items:center}.page-heading h1{font-size:24px}.toolbar,.device-board-toolbar-main{flex-wrap:wrap}.device-search-field{flex-basis:calc(100% - 150px)}.device-filter-clear{order:4}.device-density-control{margin-right:auto}.search-field{flex-basis:100%;max-width:none}.compact-select{border-right:0;flex:1;padding:0}.compact-select select{min-width:0}.results-count{display:none}.session-row{grid-template-columns:1fr minmax(120px,.6fr);gap:12px}.session-actions{border-top:1px solid var(--border);grid-column:1/-1;padding-top:10px}.session-actions button{flex-direction:row;width:auto;min-height:36px;padding:6px 11px}.game-device-row{grid-template-columns:auto minmax(130px,1fr) auto auto}.game-device-row .pairing-state{display:none}}@media (width<=610px){.main-content{padding:19px 14px 40px}.topbar{height:calc(61px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.topbar-date{display:none}.topbar-actions{margin-right:auto}.topbar-actions .icon-button:first-of-type,.live-status{display:none}.page-heading-actions{flex-direction:column;align-items:flex-start;gap:13px}.page-heading-actions .primary-button{width:100%}.metrics-grid,.session-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{gap:10px;min-height:105px;padding:14px}.metric-card .metric-icon{border-radius:10px;width:36px;height:36px}.dashboard-view .metric-card .metric-icon svg{width:18px;height:18px}.metric-card strong{font-size:22px}.metric-card small,.dashboard-view .metric-ring,.dashboard-view .skeleton-ring{display:none}.compact-device-grid,.devices-grid{grid-template-columns:1fr}.devices-grid.device-board-grid,.devices-grid.device-board-grid.density-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-board-toolbar{border-radius:16px;margin-inline:-2px}.device-board-toolbar-main{gap:8px;padding:10px}.device-search-field{flex-basis:100%;min-height:45px}.device-status-select{flex-direction:column;align-items:flex-start;gap:3px;min-width:calc(50% - 4px);height:auto}.device-status-select select{width:100%}.device-filter-clear{justify-content:center;min-width:calc(50% - 4px)}.device-density-control{order:5;width:100%}.device-density-control button{flex:1;justify-content:center;min-height:37px}.device-type-filters{scroll-snap-type:x proximity;padding:9px 10px}.device-type-filters button{scroll-snap-align:start;min-height:40px}.device-results-count{display:none}.device-board-card,.density-compact .device-board-card{border-radius:14px;min-height:330px}.device-board-card:before{height:112px}.device-artwork,.density-compact .device-artwork{height:105px;margin-inline:4px}.device-board-card>header{gap:7px;padding:9px 10px}.device-board-card>header .device-main-icon{display:none}.device-board-card>header h2{font-size:13px}.device-board-card>header p{font-size:9px}.device-board-card>header .status-pill{min-height:23px;padding-inline:7px;position:absolute;top:11px;right:10px}.device-board-card>header>div{padding-top:25px}.device-readiness-row,.device-session-strip,.density-compact .device-readiness-row,.density-compact .device-session-strip{min-height:43px;margin-inline:9px;padding:7px 8px}.device-readiness-row{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}.device-readiness-row .pairing-state{min-height:24px}.device-session-strip>b{display:none}.device-session-strip strong{font-size:12px}.device-board-details,.density-compact .device-board-details{grid-template-columns:1fr;gap:3px;margin-inline:10px;padding-block:8px 5px}.device-board-details div:nth-child(n+2){display:none}.device-board-details div{flex-direction:row;justify-content:space-between;gap:4px}.device-board-details dt{font-size:9px}.device-board-details dd{font-size:10px}.device-board-actions,.density-compact .device-board-actions{gap:5px;padding:8px 9px 10px!important}.start-device-button,.device-more-button{min-height:44px}.device-more-button{min-width:44px;padding-inline:8px}.device-more-button span{display:none}.device-state-note{font-size:9px;line-height:1.4}.games-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.compact-select{flex-direction:column;align-items:flex-start;gap:3px;min-width:calc(50% - 6px);height:auto}.session-toolbar{flex-wrap:nowrap;overflow-x:auto}.segmented-control{min-width:max-content}.live-caption{display:none}.session-row{grid-template-columns:1fr}.countdown-box{grid-row:1;justify-self:end;width:125px;margin-right:auto}.session-identity{grid-row:1;padding-left:135px}.session-actions{grid-row:2}.form-grid.two-columns{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:10px}.modal{border-radius:19px 19px 13px 13px;width:100%;max-height:calc(100vh - 20px)}.modal-header{min-height:68px;padding:15px 17px}.modal-body{padding:17px}.game-section-heading{padding:14px}.game-section-heading p{max-width:260px}.game-device-list{padding:4px 13px 11px}.game-device-row{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.game-device-row>.status-pill{display:none}.game-assignment-button{grid-column:1/-1;width:100%}.assignment-summary{flex-wrap:wrap}.assignment-summary .text-button{border-top:1px solid var(--border);justify-content:center;width:100%;padding-top:8px}.assignment-game{gap:7px}.assignment-game-icon{display:none}.assignment-game .status-pill{padding:4px 6px}.duration-options{grid-template-columns:repeat(2,1fr)}.toast-region{width:calc(100vw - 28px);bottom:14px;left:14px}.device-action-backdrop{align-items:end;padding:0}.device-action-sheet{width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:24px 24px 0 0;animation:.22s ease-out deviceSheetIn}.device-action-sheet:before{content:"";background:var(--border-strong);border-radius:3px;width:42px;height:4px;margin:8px auto -2px;display:block}.device-action-sheet-header{min-height:74px;padding:12px 15px}.device-action-sheet-body{padding:13px 14px 18px}.device-action-item{min-height:68px}.device-commands-layout{grid-template-columns:1fr}.device-command-list{max-height:190px}.device-command-row{min-height:52px}}@media (width<=410px){.metrics-grid{grid-template-columns:1fr}.metric-card{align-items:center;min-height:92px}.metric-card small{display:block}.session-summary-grid{grid-template-columns:1fr 1fr}.session-identity{padding-bottom:72px;padding-left:0}.countdown-box{grid-row:1;place-self:end stretch;width:auto;margin:0}.session-actions{flex-wrap:wrap}.session-actions button{flex:1}.topbar-mobile-brand>span:last-child{display:none}.mobile-menu-button{margin-left:7px}}@media (width<=375px){.devices-grid.device-board-grid,.devices-grid.device-board-grid.density-compact{grid-template-columns:1fr}.device-board-card,.density-compact .device-board-card{min-height:360px}.device-artwork,.density-compact .device-artwork{height:132px}}@keyframes deviceSheetIn{0%{opacity:0;transform:translateY(24px)}}.customer-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cashier-shift-panel{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));gap:16px;display:grid}.cashier-shift-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.cashier-shift-heading h2{margin:3px 0 0}.cashier-shift-state{min-height:56px;color:var(--text-muted);background:var(--surface-soft);border-radius:11px;align-items:center;padding:12px 14px;display:flex}.cashier-shift-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cashier-shift-metrics>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:5px;min-height:74px;padding:12px 14px;display:grid}.cashier-shift-metrics span{color:var(--text-muted);font-size:12px}.cashier-shift-metrics strong{overflow-wrap:anywhere;font-size:15px}.cashier-shift-metrics .expected{border-color:color-mix(in srgb, var(--green) 38%, var(--border));background:color-mix(in srgb, var(--green) 8%, var(--surface-soft))}.cashier-shift-metrics .expected strong{color:var(--green)}.cashier-shift-open,.cashier-shift-close{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.cashier-shift-open .field,.cashier-shift-close .field{margin:0}.cashier-shift-open button,.cashier-shift-close button{min-height:46px}.cashier-shift-variance{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;gap:4px;min-height:46px;padding:7px 12px;display:grid}.cashier-shift-variance span{color:var(--text-muted);font-size:11px}.cashier-shift-variance strong{font-size:13px}.cashier-shift-variance.has-difference{border-color:color-mix(in srgb, var(--amber) 42%, var(--border))}.cashier-shift-variance.has-difference strong{color:var(--amber)}.cashier-shift-closed-summary{border:1px solid color-mix(in srgb, var(--green) 35%, var(--border));background:color-mix(in srgb, var(--green) 7%, var(--surface-soft));border-radius:11px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:11px 13px;display:flex}.cashier-shift-closed-summary span,.cashier-shift-closed-summary small{color:var(--text-muted)}.customer-form{align-content:start;gap:14px;display:grid}.customer-form h2,.customer-list-toolbar h2{margin:0}.muted-copy{color:var(--text-muted);margin:0;line-height:1.7}.customer-secret-note{color:var(--text-faint);line-height:1.7}.customer-list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.customer-list-toolbar .search-box{align-items:center;gap:8px;min-width:min(100%,420px);display:flex}.customer-list-toolbar .search-box svg{width:20px}.customer-list-toolbar .search-box input{flex:1}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.customer-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.customer-card.selected{border-color:color-mix(in srgb, var(--primary) 60%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent)}.customer-card>div{min-width:0}.customer-card-profile{gap:4px;display:grid}.customer-card small{color:var(--text-muted)}.customer-card .status-pill{justify-self:end}.customer-account-metadata{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:10px 0 0;display:grid}.customer-account-metadata>div{background:var(--surface);border-radius:9px;gap:2px;min-width:0;padding:8px 10px;display:grid}.customer-account-metadata dt{color:var(--text-faint);font-size:10px}.customer-account-metadata dd{overflow-wrap:anywhere;min-width:0;color:var(--text);margin:0;font-size:12px;font-weight:700}.customer-account-metadata .account-lock-active{border:1px solid color-mix(in srgb, var(--red) 32%, var(--border));background:var(--red-soft)}.customer-account-metadata .account-lock-active dd{color:var(--red)}.customer-account-metadata .customer-status-reason,.customer-account-metadata .customer-status-until{border:1px solid color-mix(in srgb, var(--amber) 30%, var(--border));background:var(--amber-soft);grid-column:span 3}.wallet-breakdown{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.wallet-breakdown>div{background:var(--surface);border-radius:10px;gap:3px;padding:10px 12px;display:grid}.wallet-breakdown span{color:var(--text-muted);font-size:11px}.wallet-breakdown strong{color:var(--accent);font-size:14px}.customer-card .customer-card-actions{flex-flow:wrap;grid-column:1/-1;gap:8px;display:flex}.customer-card-actions button{min-height:34px;padding:5px 11px}.customer-edit-form{margin-block:18px}.customer-edit-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-edit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.customer-notes-field{grid-column:1/-1}.customer-account-backdrop{z-index:180;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040b14b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.customer-account-dialog{border:1px solid var(--border);background:var(--surface);width:min(590px,100%);max-height:calc(100dvh - 44px);box-shadow:var(--shadow-md);border-radius:18px;gap:15px;padding:20px;display:grid;overflow-y:auto}.customer-account-dialog h2{margin:3px 0 0}.customer-account-dialog .field{margin:0}.customer-account-warning{border:1px solid color-mix(in srgb, var(--amber) 34%, var(--border));color:var(--text);background:var(--amber-soft);border-radius:11px;margin:0;padding:12px 14px;line-height:1.75}.wallet-operation-form{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));margin-block:18px}.wallet-operation-form code{color:var(--accent);direction:ltr;unicode-bidi:isolate}.wallet-operation-balance{background:var(--surface-soft);color:var(--text-muted);border-radius:10px;margin:0;padding:12px 14px}.wallet-operation-balance strong{color:var(--accent)}.wallet-operation-error{border:1px solid color-mix(in srgb, var(--red) 32%, var(--border));color:var(--red);background:var(--red-soft);border-radius:10px;padding:11px 13px}.wallet-operation-actions{flex-wrap:wrap;gap:9px;display:flex}.wallet-history{gap:14px;display:grid}.wallet-history-heading,.wallet-history-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.wallet-history-heading h2{margin:3px 0 0}.wallet-history-state{background:var(--surface-soft);min-height:54px;color:var(--text-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.wallet-history-table-wrap{border:1px solid var(--border);border-radius:12px;max-width:100%;overflow-x:auto}.wallet-history-table{border-collapse:collapse;text-align:right;width:100%;min-width:980px}.wallet-history-table th,.wallet-history-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}.wallet-history-table th{color:var(--text-muted);background:var(--surface-soft);white-space:nowrap;font-size:12px}.wallet-history-table tbody tr:last-child td{border-bottom:0}.wallet-history-table code{overflow-wrap:anywhere;max-width:245px;color:var(--text);direction:ltr;unicode-bidi:isolate;font-size:11px;display:inline-block}.wallet-balance-change{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.wallet-balance-change b{color:var(--text-muted)}.wallet-amount-positive{color:var(--green);white-space:nowrap;font-weight:700}.wallet-amount-negative{color:var(--red);white-space:nowrap;font-weight:700}.wallet-reversal-button{min-height:32px;padding:4px 10px}@media (width<=980px){.cashier-shift-metrics,.cashier-shift-open,.cashier-shift-close{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-shift-open button,.cashier-shift-close button{grid-column:1/-1}}@media (width<=800px){.customer-workspace{grid-template-columns:1fr}.customer-list-toolbar{flex-direction:column;align-items:stretch}}@media (width<=620px){.customer-edit-fields,.customer-account-metadata,.wallet-breakdown,.cashier-shift-metrics,.cashier-shift-open,.cashier-shift-close{grid-template-columns:1fr}.customer-account-metadata .customer-status-reason,.customer-account-metadata .customer-status-until,.customer-notes-field,.cashier-shift-open button,.cashier-shift-close button{grid-column:auto}.customer-edit-heading,.wallet-history-heading,.cashier-shift-heading{flex-direction:column;align-items:flex-start}.wallet-history-actions{width:100%}}.service-requests-view{flex-direction:column;gap:18px;display:flex}.service-requests-view .view-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.service-requests-view .view-heading h1{letter-spacing:-.025em;margin-top:4px;font-size:28px}.service-requests-view .view-heading p{color:var(--text-soft);margin-top:4px;font-size:13px}.service-request-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.service-request-summary strong{border:1px solid var(--border);background:var(--surface);min-height:70px;box-shadow:var(--shadow-sm);color:var(--text-soft);border-radius:13px;align-items:center;gap:9px;padding:13px 15px;font-size:11px;display:flex}.service-request-summary strong span{color:var(--primary);font-size:23px}.service-request-filters{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:end;gap:10px;padding:12px;display:flex}.service-request-filters label{min-width:150px;color:var(--text-soft);flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.service-request-filters select{border:1px solid var(--border);min-height:39px;color:var(--text);background:var(--surface-soft);border-radius:9px;padding:7px 10px}.service-request-filters .service-request-check{cursor:pointer;flex-direction:row;align-items:center;min-width:auto;min-height:39px;padding:7px 10px}.service-request-check input{accent-color:var(--primary)}.service-request-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:13px;display:grid}.service-request-card{border:1px solid var(--border);border-inline-start:4px solid var(--border-strong);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:14px;padding:15px}.service-request-card.unread{border-inline-start-color:var(--primary)}.service-request-card.overdue{border-color:color-mix(in srgb,var(--red) 38%,var(--border));border-inline-start-color:var(--red)}.service-request-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.service-request-card-head>div{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.service-request-card-head>div:first-child{flex:1}.service-request-card-head strong{font-size:13px}.service-request-card-head small{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-faint);padding-inline-start:14px;font-size:8px;overflow:hidden}.status-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.status-dot.acknowledged{background:var(--purple)}.status-dot.in_progress{background:var(--amber)}.status-dot.closed{background:var(--gray)}.service-request-status,.sla-chip{border-radius:7px;align-items:center;min-height:23px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.service-request-status{color:var(--blue);background:var(--blue-soft)}.service-request-status.status-acknowledged{color:var(--purple);background:var(--purple-soft)}.service-request-status.status-in_progress{color:#aa6f0d;background:var(--amber-soft)}.service-request-status.status-resolved{color:var(--green);background:var(--green-soft)}.service-request-status.status-cancelled{color:var(--gray);background:var(--gray-soft)}.sla-chip{color:var(--text-soft);background:var(--surface-soft)}.sla-chip.overdue{color:var(--red);background:var(--red-soft)}.service-request-message{min-height:44px;color:var(--text);background:var(--surface-soft);border-radius:10px;margin-top:13px;padding:11px 12px;line-height:1.7}.service-request-meta{color:var(--text-faint);flex-wrap:wrap;gap:5px 12px;margin-top:10px;font-size:8px;display:flex}.service-request-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:12px;display:flex}.service-request-actions button{min-height:35px;padding:6px 10px;font-size:9px}.service-request-cancel-dialog{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-md);border-radius:18px;padding:20px}.service-request-cancel-dialog .modal-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.service-request-cancel-dialog h2{font-size:17px}.service-request-cancel-dialog p{color:var(--text-soft);margin-top:4px;font-size:10px}.service-request-cancel-dialog>label{color:var(--text-soft);flex-direction:column;gap:6px;margin-top:17px;font-size:10px;font-weight:700;display:flex}.service-request-cancel-dialog textarea{resize:vertical;border:1px solid var(--border);min-height:110px;color:var(--text);background:var(--surface-soft);border-radius:10px;padding:11px 12px}@media (width<=720px){.service-requests-view .view-heading{flex-direction:column;align-items:stretch}.service-request-summary,.service-request-list{grid-template-columns:1fr}.service-request-filters label{flex:140px}}.status-pill.gray{color:var(--gray);background:var(--gray-soft)}.media-heading{align-items:center}.media-heading-actions{gap:9px;display:flex}.media-heading-actions svg{width:16px;height:16px}.media-control-bar{border:1px solid var(--border);background:var(--surface);min-height:67px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:14px;padding:10px 13px;display:flex}.media-branch-select{min-width:min(320px,36vw)}.media-branch-select select{min-width:210px}.media-tabs{margin-inline-start:auto}.media-archive-filter{border-inline-start:1px solid var(--border);min-height:39px;color:var(--text-soft);white-space:nowrap;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.media-archive-filter input{accent-color:var(--primary)}.media-revision-summary{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 55%, var(--surface)), var(--surface));min-height:88px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:15px 17px;display:flex}.media-revision-summary.empty{background:var(--surface)}.media-revision-icon{width:43px;height:43px;color:var(--primary);background:var(--primary-soft);border-radius:12px;flex:none;place-items:center;display:grid}.media-revision-summary.published .media-revision-icon{color:var(--green);background:var(--green-soft)}.media-revision-icon svg{width:21px;height:21px}.media-revision-summary>div{flex-direction:column;min-width:190px;display:flex}.media-revision-summary>div small{color:var(--text-faint);font-size:8px}.media-revision-summary>div strong{margin-top:2px;font-size:13px}.media-revision-summary dl{flex:1;grid-template-columns:.7fr 1.5fr .55fr 1fr;gap:8px;min-width:0;margin:0;display:grid}.media-revision-summary dl div{border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:9px;flex-direction:column;min-width:0;padding:7px 10px;display:flex}.media-revision-summary dt{color:var(--text-faint);font-size:7px}.media-revision-summary dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:1px 0 0;font-size:9px;font-weight:700;overflow:hidden}.media-device-sync{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.media-device-sync>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:67px;padding:12px 15px;display:flex}.media-device-sync-title{align-items:center;gap:10px;min-width:0;display:flex}.media-device-sync-title>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;flex:none;place-items:center;display:grid}.media-device-sync-title>span svg{width:19px;height:19px}.media-device-sync-title small{color:var(--text-faint);font-size:7px}.media-device-sync-title h2{font-size:13px}.media-device-sync-counts{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.media-device-sync-counts span{border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.media-device-sync-counts span b{font-size:10px}.media-device-sync-counts .green{color:var(--green);background:var(--green-soft)}.media-device-sync-counts .red{color:var(--red);background:var(--red-soft)}.media-device-sync-counts .amber{color:var(--amber);background:var(--amber-soft)}.media-device-sync-counts .gray{color:var(--gray);background:var(--gray-soft)}.media-device-sync-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;padding:10px;display:grid}.media-device-sync-card{border:1px solid var(--border);background:var(--surface-soft);border-inline-start-width:3px;border-radius:10px;min-width:0;padding:10px 11px}.media-device-sync-card.synced{border-inline-start-color:var(--green)}.media-device-sync-card.failed{border-inline-start-color:var(--red)}.media-device-sync-card.pending{border-inline-start-color:var(--amber)}.media-device-sync-card.never_reported{border-inline-start-color:var(--gray)}.media-device-sync-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.media-device-sync-card-heading>div{flex-direction:column;min-width:0;display:flex}.media-device-sync-card-heading strong,.media-device-sync-card-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-device-sync-card-heading strong{font-size:10px}.media-device-sync-card-heading small{color:var(--text-faint);font-size:7px}.media-device-sync-card dl{border-top:1px solid var(--border);grid-template-columns:1fr 1.25fr 1fr;gap:6px;margin:9px 0 0;padding-top:8px;display:grid}.media-device-sync-card dl div{min-width:0}.media-device-sync-card dt{color:var(--text-faint);font-size:7px}.media-device-sync-card dd{text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);margin:1px 0 0;font-size:8px;font-weight:700;overflow:hidden}.media-device-sync-card code{color:var(--red);direction:ltr;unicode-bidi:isolate;font-size:7px}.media-device-sync-empty{min-height:62px;color:var(--text-faint);text-align:center;justify-content:center;align-items:center;padding:18px;font-size:9px;display:flex}.media-device-sync>footer{border-top:1px solid var(--border);color:var(--text-faint);background:var(--surface-soft);text-align:end;padding:6px 11px;font-size:7px}.media-error{align-items:center;gap:9px;margin:0;display:flex}.media-error span{flex:1}.media-error button{color:inherit;background:0 0;border:0;font-weight:800}.media-assets-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.media-asset-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.media-asset-card.archived,.media-playlist-card.archived{opacity:.7}.media-preview{background:radial-gradient(circle at 30% 20%, var(--primary-soft), var(--surface-soft) 70%);place-items:center;height:174px;display:grid;position:relative;overflow:hidden}.media-preview>img,.media-preview>video{object-fit:contain;background:#050914;width:100%;height:100%}.media-preview>button{width:100%;height:100%;color:var(--primary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.media-preview>button>svg{opacity:.75;width:38px;height:38px}.media-preview>small{color:var(--red);background:color-mix(in srgb, var(--red-soft) 92%, transparent);text-align:center;border-radius:7px;padding:6px 8px;font-size:8px;position:absolute;inset:auto 9px 9px}.media-card-body{padding:15px}.media-card-title-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.media-card-title-row>div{min-width:0}.media-card-title-row h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.media-kind{color:var(--primary);margin-bottom:2px;font-size:8px;font-weight:800;display:block}.media-kind-badges{flex-wrap:wrap;align-items:center;gap:5px;min-height:19px;margin-bottom:3px;display:flex}.media-kind-badges .media-kind{margin:0}.media-generated-badge,.media-template-badge{border-radius:999px;align-items:center;min-height:18px;padding:3px 6px;font-size:7px;font-weight:800;display:inline-flex}.media-generated-badge{color:var(--green);background:var(--green-soft)}.media-template-badge{color:var(--primary);background:var(--primary-soft)}.media-metadata{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 0;padding-top:11px;display:grid}.media-metadata div{min-width:0}.media-metadata dt{color:var(--text-faint);font-size:8px}.media-metadata dd{text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);margin:1px 0 0;font-size:9px;font-weight:650;overflow:hidden}.media-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:13px;padding-top:12px;display:flex}.media-card-actions button{flex:auto;justify-content:center;min-height:34px}.media-inline-edit{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:end;gap:7px;margin-top:13px;padding-top:12px;display:grid}.media-inline-edit label{min-width:0;color:var(--text-soft);flex-direction:column;gap:4px;font-size:8px;font-weight:700;display:flex}.media-inline-edit input{border:1px solid var(--border);min-width:0;height:37px;color:var(--text);background:var(--surface-soft);border-radius:9px;padding:7px 9px}.media-inline-edit button{min-height:37px;padding:7px 10px;font-size:9px}.media-playlists-list{flex-direction:column;gap:11px;display:flex}.media-playlist-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px;display:grid}.media-playlist-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;display:grid}.media-playlist-main{min-width:0}.media-playlist-stats{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.media-playlist-stats span{color:var(--text-soft);background:var(--surface-soft);border-radius:7px;padding:5px 8px;font-size:8px}.media-playlist-stats strong{color:var(--text)}.media-playlist-stats .emergency{color:var(--red);background:var(--red-soft);font-weight:800}.media-playlist-sequence{scrollbar-width:thin;gap:6px;margin-top:9px;display:flex;overflow-x:auto}.media-playlist-sequence>span{border:1px solid var(--border);min-width:max-content;color:var(--text-soft);background:var(--surface-soft);border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.media-playlist-sequence b{width:17px;height:17px;color:var(--primary);background:var(--primary-soft);border-radius:5px;place-items:center;display:grid}.media-playlist-sequence small{color:var(--text-faint)}.media-last-revision{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);margin-top:8px;font-size:7px;overflow:hidden}.media-playlist-actions{grid-template-columns:1fr 1fr;gap:6px;width:128px;display:grid}.media-playlist-actions button{justify-content:center;min-height:35px;padding:6px 8px;font-size:8px}.media-playlist-actions .media-publish-button{grid-column:1/-1;min-height:39px}.media-upload-layout{grid-template-columns:.82fr 1.18fr;gap:13px;margin-bottom:13px;display:grid}.media-file-drop{border:1px dashed var(--border-strong);min-height:190px;color:var(--text-soft);background:var(--surface-soft);text-align:center;cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:17px;display:flex}.media-file-drop:hover,.media-file-drop.selected{border-color:var(--primary);background:var(--primary-soft)}.media-file-drop input{opacity:0;width:1px;height:1px;position:absolute}.media-file-drop>svg{width:32px;height:32px;color:var(--primary);margin-bottom:5px}.media-file-drop strong{overflow-wrap:anywhere;max-width:100%;font-size:11px}.media-file-drop small{color:var(--text-faint);font-size:8px}.media-local-preview{border:1px solid var(--border);min-height:190px;color:var(--text-faint);background:#080e18;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;overflow:hidden}.media-local-preview img,.media-local-preview video{object-fit:contain;width:100%;height:190px}.media-local-preview>svg{width:36px;height:36px}.media-local-preview>span{font-size:9px}.media-local-metadata{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px;display:grid}.media-local-metadata span{background:var(--surface-soft);border-radius:9px;flex-direction:column;min-width:0;padding:8px 9px;display:flex}.media-local-metadata small{color:var(--text-faint);font-size:7px}.media-local-metadata bdi{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.media-security-note{min-height:37px;color:var(--green);background:var(--green-soft);border-radius:9px;align-items:center;gap:7px;margin:-3px 0 14px;padding:8px 10px;font-size:8px;font-weight:700;display:flex}.media-security-note svg{width:14px;height:14px}.media-creative-form{min-width:0}.media-creative-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);align-items:start;gap:16px;display:grid}.media-creative-fields{flex-direction:column;gap:11px;min-width:0;display:flex}.media-creative-fields .form-grid{margin:0}.media-creative-qr-toggle{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;min-height:62px;margin:0;padding:10px 11px}.media-creative-qr-toggle>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.media-creative-qr-toggle small{color:var(--text-faint);font-size:7px;font-weight:600}.media-creative-qr-fields{border:1px dashed var(--border-strong);background:var(--surface-soft);border-radius:11px;margin:0;padding:11px}.media-creative-preview-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;flex-direction:column;gap:9px;min-width:0;padding:11px;display:flex;position:sticky;top:0}.media-creative-preview-panel>button{justify-content:center;width:100%}.media-creative-server-preview{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));color:#ffffffc2;text-align:center;background:radial-gradient(circle at 25% 20%,#7c5cff57,#0000 48%),#07101e;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;display:flex;overflow:hidden}.media-creative-server-preview.palette-cyan{background:radial-gradient(circle at 25% 20%,#22d3ee47,#0000 48%),#07101e}.media-creative-server-preview.palette-emerald{background:radial-gradient(circle at 25% 20%,#10b98142,#0000 48%),#07101e}.media-creative-server-preview.palette-amber{background:radial-gradient(circle at 25% 20%,#f59e0b45,#0000 48%),#07101e}.media-creative-server-preview img{object-fit:contain;background:#050914;width:100%;height:100%}.media-creative-server-preview>svg{color:#ffffffb8;width:34px;height:34px}.media-creative-server-preview>strong{padding-inline:12px;font-size:10px}.media-creative-server-preview>small{color:#ffffff85;max-width:260px;padding-inline:12px;font-size:7px;line-height:1.65}.media-creative-warning{border:1px solid color-mix(in srgb, var(--amber) 28%, var(--border));min-height:46px;color:var(--amber);background:var(--amber-soft);border-radius:10px;align-items:center;gap:8px;margin:15px 0 0;padding:10px 12px;font-size:8px;line-height:1.65;display:flex}.media-creative-warning svg{flex:none;width:16px;height:16px}.media-creative-warning strong{color:inherit}.media-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-1px 0 17px;display:grid}.media-toggle-grid .toggle-row{min-height:60px;margin:0;padding:8px 9px}.media-toggle-grid .toggle-control{width:34px;height:20px}.media-toggle-grid .toggle-control:after{width:14px;height:14px}.media-toggle-grid .toggle-row input:checked+.toggle-control:after{transform:translate(-14px)}.media-items-editor{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;overflow:hidden}.media-items-editor>header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.media-items-editor>header h3{font-size:12px}.media-items-editor>header p{color:var(--text-faint);font-size:8px}.media-items-editor>header>div:last-child{gap:6px;display:flex}.media-items-editor>header select{border:1px solid var(--border);min-width:205px;min-height:38px;color:var(--text);background:var(--surface-soft);border-radius:9px;padding:6px 9px;font-size:9px}.media-items-editor>header button{min-height:38px;padding:6px 10px;font-size:9px}.media-items-editor ol{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:290px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.media-items-editor li{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto minmax(120px,1fr) 110px auto auto;align-items:center;gap:8px;min-width:0;min-height:57px;padding:7px 8px;display:grid}.media-item-position{width:25px;height:25px;color:var(--primary);background:var(--primary-soft);border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.media-item-info{flex-direction:column;min-width:0;display:flex}.media-item-info strong,.media-item-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-item-info strong{font-size:9px}.media-item-info small{color:var(--text-faint);font-size:7px}.media-items-editor li>label{color:var(--text-faint);flex-direction:column;gap:2px;font-size:7px;display:flex}.media-items-editor li input{border:1px solid var(--border);min-width:0;height:31px;color:var(--text);background:var(--surface-soft);border-radius:7px;padding:4px 6px;font-size:9px}.media-item-order{gap:3px;display:flex}.media-item-order button,.media-item-remove{border:1px solid var(--border);width:29px;height:29px;color:var(--text-soft);background:var(--surface-soft);border-radius:7px;place-items:center;padding:0;display:grid}.media-item-remove{color:var(--red)}.media-item-remove svg{width:13px;height:13px}.media-items-empty{min-height:150px;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.media-items-empty svg{width:29px;height:29px}.media-items-empty strong{color:var(--text);margin-top:7px;font-size:10px}.media-items-empty p{font-size:8px}.media-empty{min-height:285px}.media-skeleton{min-height:365px;padding:18px}@media (width<=1040px){.media-revision-summary{flex-wrap:wrap;align-items:flex-start}.media-revision-summary dl{flex-basis:100%}.media-playlist-card{grid-template-columns:auto minmax(0,1fr)}.media-playlist-actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr);width:100%}.media-playlist-actions .media-publish-button{grid-column:auto}.media-creative-layout{grid-template-columns:1fr}.media-creative-preview-panel{position:static}}@media (width<=720px){.media-heading{flex-direction:column;align-items:stretch}.media-heading-actions button{flex:1}.media-control-bar{flex-direction:column;align-items:stretch}.media-branch-select{width:100%;min-width:0}.media-branch-select select{min-width:0}.media-tabs{margin:0}.media-tabs button{flex:1}.media-archive-filter{border-inline-start:0;border-top:1px solid var(--border)}.media-revision-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.media-device-sync>header{flex-direction:column;align-items:flex-start}.media-device-sync-counts{justify-content:flex-start}.media-device-sync-grid,.media-upload-layout{grid-template-columns:1fr}.media-file-drop,.media-local-preview{min-height:160px}.media-local-preview img,.media-local-preview video{height:160px}.media-local-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.media-toggle-grid,.media-creative-fields .form-grid,.media-creative-qr-fields{grid-template-columns:1fr}.media-items-editor>header{flex-direction:column;align-items:stretch}.media-items-editor>header>div:last-child{width:100%}.media-items-editor>header select{flex:1;min-width:0}.media-items-editor li{grid-template-columns:auto minmax(0,1fr) auto}.media-items-editor li>label{grid-area:2/2/auto/-1}.media-item-order{grid-area:2/1}.media-item-remove{grid-area:1/3}}@media (width<=480px){.media-heading-actions{flex-direction:column}.media-heading-actions,.media-heading-actions button{width:100%}.media-assets-grid,.media-revision-summary dl,.media-playlist-card{grid-template-columns:1fr}.media-playlist-icon{display:none}.media-playlist-actions{grid-template-columns:repeat(2,1fr)}.media-playlist-actions .media-publish-button{grid-column:1/-1}.media-inline-edit{grid-template-columns:1fr 1fr}.media-inline-edit label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--motion-fast:.14s;--motion-base:.24s;--skeleton-base:color-mix(in srgb, var(--text-faint) 14%, transparent);--skeleton-sheen:color-mix(in srgb, var(--text-faint) 26%, transparent)}.dashboard-view .metric-label{letter-spacing:.01em;font-size:12px}.dashboard-view .metric-card strong{letter-spacing:-.02em;font-size:30px}.dashboard-view .metric-card small{margin-top:6px;font-size:11px}.dashboard-view .panel-header h2{font-size:16px}.dashboard-view .panel-header p{margin-top:3px;font-size:12px}.dashboard-view .text-button{font-size:12px}.dashboard-view .compact-device strong{font-size:12.5px}.dashboard-view .compact-device small{font-size:10.5px}.dashboard-view .alert-row strong{font-size:12.5px}.dashboard-view .alert-row small{margin-top:3px;font-size:10.5px}.dashboard-view .session-mini-list strong{font-size:12.5px}.dashboard-view .session-mini-list small{font-size:10.5px}.dashboard-view .session-mini-list bdi{font-size:14px}.dashboard-view .branch-list strong,.dashboard-view .branch-derived strong{font-size:12.5px}.dashboard-view .branch-list small,.dashboard-view .branch-derived small{font-size:10.5px}.dashboard-view .all-good strong,.dashboard-view .compact-empty strong{font-size:13.5px}.dashboard-view .all-good small,.dashboard-view .compact-empty small{margin-top:5px;font-size:11.5px}.occupancy-panel{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--primary) 9%, transparent) 0%, transparent 58%), var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) minmax(210px,.85fr);align-items:center;gap:26px 30px;padding:22px 26px;display:grid}.occupancy-gauge{--occupancy:0;background:conic-gradient(color-mix(in srgb, var(--primary) 72%, var(--blue)) 0%, var(--primary) calc(var(--occupancy) * 0.6%), color-mix(in srgb, var(--primary) 78%, var(--purple)) calc(var(--occupancy) * 1%), color-mix(in srgb, var(--text-faint) 16%, transparent) 0);width:116px;height:116px;box-shadow:0 10px 30px color-mix(in srgb, var(--primary) 14%, transparent);transition:background var(--motion-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.occupancy-gauge:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;width:88px;height:88px}.occupancy-gauge-value{flex-direction:column;grid-area:1/1;align-items:center;line-height:1.1;display:flex}.occupancy-gauge-value b{letter-spacing:-.03em;font-size:27px}.occupancy-gauge-value b i{color:var(--text-soft);margin-inline-start:1px;font-size:14px;font-style:normal}.occupancy-gauge-value small{color:var(--text-soft);margin-top:2px;font-size:11px}.occupancy-body h2{letter-spacing:-.02em;margin-top:5px;font-size:20px}.occupancy-body p{color:var(--text-soft);margin-top:5px;font-size:12.5px}.occupancy-facts{flex-wrap:wrap;gap:9px;margin:15px 0 0;padding:0;list-style:none;display:flex}.occupancy-facts li{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:11.5px;display:flex}.occupancy-facts svg{width:14px;height:14px;color:var(--text-faint)}.occupancy-facts b{color:var(--text);font-size:13px}.occupancy-facts li.is-warning{border-color:color-mix(in srgb, var(--amber) 40%, transparent);background:var(--amber-soft);color:var(--amber)}.occupancy-facts li.is-warning svg,.occupancy-facts li.is-warning b{color:var(--amber)}.occupancy-facts li.is-danger{border-color:color-mix(in srgb, var(--red) 40%, transparent);background:var(--red-soft);color:var(--red)}.occupancy-facts li.is-danger svg,.occupancy-facts li.is-danger b{color:var(--red)}.dashboard-view .metric-card{background:linear-gradient(145deg, color-mix(in srgb, var(--tone,var(--primary)) 7%, var(--surface)) 0%, var(--surface) 58%);border-color:color-mix(in srgb, var(--tone,var(--primary)) 20%, var(--border));transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);align-items:center;position:relative;overflow:hidden}@media (hover:hover){.dashboard-view .metric-card:not(.is-skeleton):hover{border-color:color-mix(in srgb, var(--tone,var(--primary)) 45%, var(--border));box-shadow:var(--shadow-md), 0 10px 30px color-mix(in srgb, var(--tone,var(--primary)) 16%, transparent);transform:translateY(-2px)}}.metric-card.tone-indigo{--tone:var(--primary);--tone-soft:var(--primary-soft)}.metric-card.tone-green{--tone:var(--green);--tone-soft:var(--green-soft)}.metric-card.tone-blue{--tone:var(--blue);--tone-soft:var(--blue-soft)}.metric-card.tone-red{--tone:var(--red);--tone-soft:var(--red-soft)}.metric-card.tone-amber{--tone:var(--amber);--tone-soft:var(--amber-soft)}.metric-card.tone-purple{--tone:var(--purple);--tone-soft:var(--purple-soft)}.metric-card.tone-gray{--tone:var(--gray);--tone-soft:var(--gray-soft)}.metric-sheen{background:radial-gradient(circle, color-mix(in srgb, var(--tone,var(--primary)) 26%, transparent) 0%, transparent 68%);pointer-events:none;z-index:0;border-radius:50%;block-size:190px;inline-size:190px;position:absolute;inset-block-start:-55%;inset-inline-start:-25%}.dashboard-view .metric-card>:not(.metric-sheen){z-index:1;position:relative}.dashboard-view .metric-icon{background:linear-gradient(140deg, color-mix(in srgb, var(--tone,var(--primary)) 88%, white) 0%, var(--tone,var(--primary)) 100%);color:#fff;box-shadow:0 6px 16px color-mix(in srgb, var(--tone,var(--primary)) 34%, transparent), inset 0 1px 0 #ffffff59}.dashboard-view .metric-icon svg{stroke-width:1.9px;width:22px;height:22px}.metric-body{flex:1;min-inline-size:0}.dashboard-view .metric-card strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--text) 22%, color-mix(in srgb, var(--tone,var(--primary)) 62%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:31px}.metric-ring{--ring:0;background:conic-gradient(var(--tone,var(--primary)) calc(var(--ring) * 1%), color-mix(in srgb, var(--tone,var(--primary)) 15%, transparent) 0);block-size:52px;inline-size:52px;transition:background var(--motion-base) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.metric-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:40px;inline-size:40px}.metric-ring b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tone,var(--primary));grid-area:1/1;font-size:13px;font-weight:700}.metric-ring b i{margin-inline-start:.5px;font-size:8.5px;font-style:normal}.metric-underline{background:linear-gradient(90deg, transparent 0%, var(--tone,var(--primary)) 22%, color-mix(in srgb, var(--tone,var(--primary)) 45%, transparent) 100%);z-index:0;block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-sheen) 37%, var(--skeleton-base) 63%);animation:skeleton-sheen 1.4s var(--ease-in-out) infinite;background-size:400% 100%;border-radius:7px;display:block}.skeleton-line{width:100%;height:11px;margin-top:8px}.skeleton-line.short{width:45%;margin-top:0}.skeleton-line.value{border-radius:8px;width:62%;height:22px}.skeleton-icon{border-radius:12px;flex:none;width:43px;height:43px}.skeleton-ring{border-radius:50%;flex:none;width:52px;height:52px}.skeleton-avatar{border-radius:10px;flex:none;width:34px;height:34px}.metric-card.is-skeleton{box-shadow:none}.metric-card.is-skeleton>div{flex:1;min-width:0}.skeleton-rows{flex-direction:column;gap:14px;padding:15px;display:flex}.skeleton-row{align-items:center;gap:11px;display:flex}.skeleton-row>div{flex:1;min-width:0}@keyframes skeleton-sheen{0%{background-position:100%}to{background-position:0}}.compact-empty-icon{width:46px;height:46px;color:var(--text-faint);background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;place-items:center;margin-bottom:11px;display:grid}.compact-empty-icon svg{width:21px;height:21px;margin:0}.compact-empty-action{margin-top:13px}.dashboard-view>*,.dashboard-view .metrics-grid>*{animation:dashboard-rise var(--motion-base) var(--ease-out) backwards}.dashboard-view>:nth-child(2){animation-delay:30ms}.dashboard-view>:nth-child(3){animation-delay:60ms}.dashboard-view>:nth-child(4){animation-delay:90ms}.dashboard-view .metrics-grid>:nth-child(2){animation-delay:40ms}.dashboard-view .metrics-grid>:nth-child(3){animation-delay:80ms}.dashboard-view .metrics-grid>:nth-child(4){animation-delay:.12s}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=1180px){.occupancy-panel{grid-template-columns:auto minmax(0,1fr)}.capacity-breakdown{border-inline-start:0;border-top:1px solid var(--border);grid-column:1/-1;padding:16px 0 0}}@media (width<=900px){.occupancy-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:22px 20px}.occupancy-facts{justify-content:center}.capacity-breakdown{text-align:start;inline-size:100%}}@media (width<=560px){.occupancy-gauge{width:100px;height:100px}.occupancy-gauge:before{width:76px;height:76px}.occupancy-gauge-value b{font-size:23px}.occupancy-body h2{font-size:17px}.occupancy-facts li{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.dashboard-view>*,.dashboard-view .metrics-grid>*{animation:none}.skeleton{background:var(--skeleton-base);animation:none}.dashboard-view .metric-card{transition:none}}.dashboard-view .compact-device strong,.dashboard-view .compact-device small,.dashboard-view .session-mini-list strong,.dashboard-view .branch-list strong,.dashboard-view .alert-row strong{unicode-bidi:plaintext}.dashboard-view .compact-device>div,.dashboard-view .session-mini-list article>div{min-width:0}.capacity-breakdown{border-inline-start:1px solid var(--border);flex-direction:column;justify-content:center;align-self:stretch;gap:11px;padding-inline-start:26px;display:flex}.capacity-breakdown-title{color:var(--text-soft);letter-spacing:.01em;font-size:11.5px;font-weight:700}.capacity-bar{border-radius:999px;gap:3px;block-size:10px;display:flex;overflow:hidden}.capacity-segment{background:var(--gray);min-inline-size:4px;transition:flex-grow var(--motion-base) var(--ease-out);border-radius:999px}.capacity-segment.blue{background:var(--blue)}.capacity-segment.green{background:var(--green)}.capacity-segment.red{background:var(--red)}.capacity-segment.gray{background:color-mix(in srgb, var(--gray) 55%, transparent)}.capacity-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.capacity-legend li{color:var(--text-soft);align-items:center;gap:7px;font-size:11.5px;display:flex}.capacity-legend i{background:var(--gray);border-radius:3px;flex:none;block-size:8px;inline-size:8px}.capacity-legend i.blue{background:var(--blue)}.capacity-legend i.green{background:var(--green)}.capacity-legend i.red{background:var(--red)}.capacity-legend i.gray{background:color-mix(in srgb, var(--gray) 55%, transparent)}.capacity-legend span{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}.capacity-legend b{color:var(--text);margin-inline-start:1px;font-size:12.5px}.capacity-empty{color:var(--text-faint);font-size:11.5px}@media (width<=700px){.dashboard-view .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-view .metric-card{flex-direction:column;gap:11px;min-height:112px;padding:16px}.dashboard-view .metric-card strong{font-size:25px}}@media (width<=380px){.dashboard-view .metrics-grid,.capacity-legend{grid-template-columns:1fr}}@property --occupancy{syntax:"<number>";inherits:false;initial-value:0}.occupancy-panel{isolation:isolate;position:relative;overflow:hidden}.occupancy-panel:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--primary) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 8%, transparent) 1px, transparent 1px);background-size:40px 40px;animation:38s linear infinite lattice-drift;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(120% 120% at 100% 0,#000 0%,#0000 62%);mask-image:radial-gradient(120% 120% at 100% 0,#000 0%,#0000 62%)}@keyframes lattice-drift{to{transform:translate(40px,40px)}}.occupancy-gauge{animation:gauge-sweep .9s var(--ease-out) both}@keyframes gauge-sweep{0%{--occupancy:0}}@property --ring{syntax:"<number>";inherits:false;initial-value:0}.metric-ring{animation:ring-sweep .82s var(--ease-out) .14s backwards}@keyframes ring-sweep{0%{--ring:0}}.capacity-segment{transform-origin:0;animation:rail-grow .78s var(--ease-out) .12s backwards}[dir=rtl] .capacity-segment{transform-origin:100%}.capacity-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .capacity-segment{transform-origin:100%}@keyframes rail-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.occupancy-gauge:before{animation:gauge-core-settle .62s var(--ease-out) both}@keyframes gauge-core-settle{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.occupancy-panel:before,.occupancy-gauge,.occupancy-gauge:before,.metric-ring,.capacity-segment{animation:none}}.cafeteria-header-actions,.cashier-header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.cafeteria-shift-warning{border:1px solid color-mix(in srgb, var(--amber) 38%, transparent);border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--amber);align-items:center;gap:12px;padding:13px 16px;display:flex}.cafeteria-shift-warning.is-error{border-color:color-mix(in srgb, var(--red) 38%, transparent);background:var(--red-soft);color:var(--red)}.cafeteria-shift-warning svg{flex:none;block-size:20px;inline-size:20px}.cafeteria-shift-warning strong{font-size:13px;display:block}.cafeteria-shift-warning small{opacity:.85;margin-block-start:2px;font-size:11px;display:block}.cafeteria-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.cafeteria-search{max-inline-size:260px}.cafeteria-category-strip{flex-wrap:wrap;gap:8px;padding:13px 16px 0;display:flex}.cafeteria-chip{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600}.cafeteria-chip:hover{border-color:var(--border-strong)}.cafeteria-chip.is-active{background:var(--primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 32%, transparent);border-color:#0000}.cafeteria-product-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:11px;padding:15px 16px 18px;display:grid}.cafeteria-product-skeleton{border-radius:var(--radius-sm);block-size:92px}.cafeteria-product{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 5%, var(--surface)) 0%, var(--surface) 62%);text-align:start;cursor:pointer;min-block-size:92px;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);flex-direction:column;gap:4px;padding:13px;display:flex}@media (hover:hover){.cafeteria-product:not(:disabled):hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}}.cafeteria-product:active:not(:disabled){transform:translateY(0)scale(.985)}.cafeteria-product-name{color:var(--text);font-size:12.5px;font-weight:600;line-height:1.35}.cafeteria-product-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--primary);margin-block-start:auto;font-size:15px}.cafeteria-product-stock{color:var(--text-faint);font-size:9.5px}.cafeteria-product.is-low{border-color:color-mix(in srgb, var(--amber) 45%, transparent);background:linear-gradient(150deg, var(--amber-soft) 0%, var(--surface) 62%)}.cafeteria-product.is-low .cafeteria-product-stock{color:var(--amber);font-weight:600}.cafeteria-product.is-sold-out{opacity:.5;cursor:not-allowed;background:var(--surface-soft)}.cafeteria-product.is-sold-out .cafeteria-product-stock{color:var(--red);font-weight:600}.cafeteria-cart-panel{position:sticky;inset-block-start:16px}.cafeteria-cart-lines{max-block-size:320px;margin:0;padding:6px 16px;list-style:none;overflow-y:auto}.cafeteria-cart-lines li{border-block-end:1px solid var(--border);align-items:center;gap:10px;padding-block:10px;display:flex}.cafeteria-cart-lines li:last-child{border-block-end:0}.cafeteria-cart-line-main{flex:1;min-inline-size:0}.cafeteria-cart-line-main strong{font-size:12.5px;display:block}.cafeteria-cart-line-main small{color:var(--text-faint);margin-block-start:2px;font-size:10px;display:block}.cafeteria-cart-line-total{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.cafeteria-qty{border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;align-items:center;gap:3px;padding:2px;display:flex}.cafeteria-qty button{background:var(--surface);block-size:24px;inline-size:24px;color:var(--text-soft);cursor:pointer;border:0;border-radius:50%;font-size:15px;line-height:1}.cafeteria-qty button:hover{background:var(--primary);color:#fff}.cafeteria-qty b{text-align:center;font-variant-numeric:tabular-nums;min-inline-size:22px;font-size:12.5px}.cafeteria-cart-empty{padding-block:30px}.cafeteria-checkout{border-block-start:1px solid var(--border);background:var(--surface-soft);border-end-end-radius:var(--radius);border-end-start-radius:var(--radius);padding:15px 16px 17px}.cafeteria-discount{align-items:center;gap:10px;margin-block-end:11px;display:flex}.cafeteria-discount span{color:var(--text-soft);font-size:11.5px;font-weight:600}.cafeteria-discount input{border:1px solid var(--border);background:var(--surface);min-inline-size:0;color:var(--text);font-variant-numeric:tabular-nums;border-radius:9px;flex:1;padding:8px 11px}.cafeteria-payment{gap:8px;margin-block-end:13px;display:flex}.cafeteria-payment button{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:12px;font-weight:600;display:inline-flex}.cafeteria-payment button svg{block-size:15px;inline-size:15px}.cafeteria-payment button:disabled{opacity:.45;cursor:not-allowed}.cafeteria-payment button.is-active{background:var(--primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb, var(--primary) 30%, transparent);border-color:#0000}.cafeteria-totals{margin:0 0 13px}.cafeteria-totals>div{justify-content:space-between;align-items:baseline;padding-block:4px;display:flex}.cafeteria-totals dt{color:var(--text-soft);font-size:11.5px}.cafeteria-totals dd{font-variant-numeric:tabular-nums;margin:0;font-size:12.5px}.cafeteria-totals .is-discount dd{color:var(--amber)}.cafeteria-totals .is-total{border-block-start:1px dashed var(--border-strong);margin-block-start:5px;padding-block-start:9px}.cafeteria-totals .is-total dt{color:var(--text);font-size:13px;font-weight:700}.cafeteria-totals .is-total dd{letter-spacing:-.02em;color:var(--primary);font-size:19px;font-weight:700}.cafeteria-pay{justify-content:center;inline-size:100%}.cafeteria-tender{border:1px solid color-mix(in srgb, var(--green) 22%, var(--border));border-radius:var(--radius-sm);background:linear-gradient(160deg, color-mix(in srgb, var(--green) 6%, var(--surface)) 0%, var(--surface) 60%);margin-block-end:13px;padding:12px}.cafeteria-tender-input{align-items:center;gap:10px;display:flex}.cafeteria-tender-input span{color:var(--text-soft);white-space:nowrap;font-size:11.5px;font-weight:600}.cafeteria-tender-input input{border:1px solid var(--border-strong);background:var(--surface);min-inline-size:0;color:var(--text);font-variant-numeric:tabular-nums;text-align:start;border-radius:9px;flex:1;padding:9px 12px;font-size:15px;font-weight:700}.cafeteria-tender-input input:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 20%, transparent);outline:none}.cafeteria-tender-quick{flex-wrap:wrap;gap:6px;margin-block-start:10px;display:flex}.cafeteria-tender-quick button{border:1px solid var(--border);background:var(--surface);min-inline-size:56px;color:var(--text-soft);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:8px;flex:auto;padding:7px 10px;font-size:11.5px;font-weight:700}.cafeteria-tender-quick button:hover{border-color:var(--border-strong)}.cafeteria-tender-quick button.is-active{background:var(--green);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--green) 30%, transparent);border-color:#0000}.cafeteria-tender-quick .cafeteria-tender-clear{min-inline-size:0;color:var(--text-faint);flex:none}.cafeteria-change{border-radius:10px;justify-content:space-between;align-items:baseline;margin-block-start:11px;padding:10px 13px;display:flex}.cafeteria-change span{font-size:12px;font-weight:600}.cafeteria-change bdi{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.cafeteria-change.is-due{background:var(--green-soft);color:var(--green)}.cafeteria-change.is-short{background:var(--red-soft);color:var(--red)}.cafeteria-receipt .is-change dt,.cafeteria-receipt .is-change dd{color:var(--green);font-weight:700}.cafeteria-receipt-done{justify-content:center;inline-size:100%;margin-block-start:15px}.cafeteria-order-list{padding:6px 16px 16px}.cafeteria-order{border-block-end:1px solid var(--border);align-items:center;gap:11px;padding-block:10px;display:flex}.cafeteria-order:last-child{border-block-end:0}.cafeteria-order-icon{background:var(--green-soft);block-size:30px;inline-size:30px;color:var(--green);border-radius:9px;flex:none;place-items:center;display:grid}.cafeteria-order.status-cancelled .cafeteria-order-icon{background:var(--red-soft);color:var(--red)}.cafeteria-order>div{flex:1;min-inline-size:0}.cafeteria-order strong{font-size:12px;display:block}.cafeteria-order small{color:var(--text-faint);margin-block-start:2px;font-size:9.5px;display:block}.cafeteria-order bdi{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.cafeteria-order.status-cancelled bdi{color:var(--text-faint);text-decoration:line-through}.cafeteria-receipt ul{margin:0 0 13px;padding:0;list-style:none}.cafeteria-receipt li{border-block-end:1px dashed var(--border);justify-content:space-between;gap:12px;padding-block:6px;font-size:12px;display:flex}.cafeteria-receipt dl{margin:0}.cafeteria-receipt dl>div{justify-content:space-between;padding-block:4px;font-size:12px;display:flex}.cafeteria-receipt .is-total{border-block-start:1px solid var(--border-strong);margin-block-start:6px;padding-block-start:8px;font-size:15px;font-weight:700}.cashier-drawer-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 9%, var(--surface)) 0%, var(--surface) 58%);box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);align-items:center;gap:20px;padding:22px 24px;display:grid}.cashier-drawer-label{color:var(--text-soft);font-size:11.5px;font-weight:600}.cashier-drawer-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--text) 25%, var(--primary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-block-start:5px;font-size:33px;display:block}.cashier-drawer-figure small{color:var(--text-faint);margin-block-start:5px;font-size:11px;display:block}.cashier-drawer-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11px;margin:0;padding:0;list-style:none;display:grid}.cashier-fact{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:11px 13px;display:flex}.cashier-fact.tone-indigo{--fact-tone:var(--primary)}.cashier-fact.tone-green{--fact-tone:var(--green)}.cashier-fact.tone-blue{--fact-tone:var(--blue)}.cashier-fact.tone-red{--fact-tone:var(--red)}.cashier-fact-icon{background:linear-gradient(140deg, color-mix(in srgb, var(--fact-tone,var(--primary)) 85%, white), var(--fact-tone,var(--primary)));color:#fff;block-size:32px;inline-size:32px;box-shadow:0 4px 12px color-mix(in srgb, var(--fact-tone,var(--primary)) 30%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.cashier-fact-icon svg{block-size:16px;inline-size:16px}.cashier-fact small{color:var(--text-soft);font-size:10px;display:block}.cashier-fact bdi{font-variant-numeric:tabular-nums;margin-block-start:2px;font-size:13.5px;font-weight:700;display:block}.cashier-stat-value{font-size:21px!important}.cashier-movement-actions{gap:7px;display:flex}.cashier-movement-list{padding:6px 16px 16px}.cashier-movement{border-block-end:1px solid var(--border);align-items:flex-start;gap:11px;padding-block:11px;display:flex}.cashier-movement:last-child{border-block-end:0}.cashier-movement-icon{border-radius:9px;flex:none;place-items:center;block-size:30px;inline-size:30px;display:grid}.cashier-movement.direction-in .cashier-movement-icon{background:var(--green-soft);color:var(--green)}.cashier-movement.direction-out .cashier-movement-icon{background:var(--red-soft);color:var(--red)}.cashier-movement-icon svg{block-size:15px;inline-size:15px}.cashier-movement>div{flex:1;min-inline-size:0}.cashier-movement strong{font-size:12px;display:block}.cashier-movement small{color:var(--text-soft);margin-block-start:2px;font-size:10px;display:block}.cashier-movement-meta{color:var(--text-faint)!important;font-size:9px!important}.cashier-movement bdi{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.cashier-movement bdi.is-in{color:var(--green)}.cashier-movement bdi.is-out{color:var(--red)}.cashier-top-list{counter-reset:rank;margin:0;padding:6px 16px 16px;list-style:none}.cashier-top-list li{border-block-end:1px solid var(--border);align-items:center;gap:11px;padding-block:10px;display:flex}.cashier-top-list li:last-child{border-block-end:0}.cashier-top-rank{background:var(--primary-soft);block-size:26px;inline-size:26px;color:var(--primary);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.cashier-top-list>li>div{flex:1;min-inline-size:0}.cashier-top-list strong{font-size:12px;display:block}.cashier-top-list small{color:var(--text-faint);margin-block-start:2px;font-size:9.5px;display:block}.cashier-top-list bdi{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.cashier-close-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-block-end:17px;display:grid}.cashier-close-summary>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);text-align:center;padding:11px}.cashier-close-summary span{color:var(--text-soft);font-size:10px;display:block}.cashier-close-summary bdi{font-variant-numeric:tabular-nums;margin-block-start:3px;font-size:13px;font-weight:700;display:block}.cashier-close-summary .is-balanced{border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft)}.cashier-close-summary .is-balanced bdi{color:var(--green)}.cashier-close-summary .is-over{border-color:color-mix(in srgb, var(--blue) 40%, transparent);background:var(--blue-soft)}.cashier-close-summary .is-over bdi{color:var(--blue)}.cashier-close-summary .is-short{border-color:color-mix(in srgb, var(--red) 40%, transparent);background:var(--red-soft)}.cashier-close-summary .is-short bdi{color:var(--red)}.form-grid .form-span{grid-column:1/-1}.form-grid .form-checkbox{align-items:center;gap:8px;padding-block:10px;display:flex}.form-grid .form-checkbox input{inline-size:auto}@media (width<=1020px){.cafeteria-layout{grid-template-columns:1fr}.cafeteria-cart-panel{position:static}.cashier-drawer-panel{grid-template-columns:1fr}}@media (width<=610px){.cafeteria-search{inline-size:100%;max-inline-size:none}.cafeteria-product-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;padding:12px}.cafeteria-header-actions,.cashier-header-actions{inline-size:100%}.cashier-drawer-value{font-size:27px}.cashier-close-summary{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cafeteria-product,.cafeteria-chip{transition:none}.cafeteria-product:not(:disabled):hover{transform:none}}@property --dv-ring{syntax:"<number>";inherits:false;initial-value:0}.dv-tone-indigo{--dv-tone:var(--primary);--dv-tone-soft:var(--primary-soft)}.dv-tone-green{--dv-tone:var(--green);--dv-tone-soft:var(--green-soft)}.dv-tone-blue{--dv-tone:var(--blue);--dv-tone-soft:var(--blue-soft)}.dv-tone-amber{--dv-tone:var(--amber);--dv-tone-soft:var(--amber-soft)}.dv-tone-red{--dv-tone:var(--red);--dv-tone-soft:var(--red-soft)}.dv-tone-purple{--dv-tone:var(--purple);--dv-tone-soft:var(--purple-soft)}.dv-tone-gray{--dv-tone:var(--gray);--dv-tone-soft:var(--gray-soft)}.dv-fleet-stats{flex-wrap:wrap;gap:8px;margin:11px 0 0;padding:0;list-style:none;display:flex}.dv-stat{border:1px solid color-mix(in srgb, var(--dv-tone,var(--gray)) 22%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, var(--dv-tone,var(--gray)) 9%, var(--surface)) 0%, var(--surface) 68%);min-block-size:42px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;padding-block:5px;padding-inline:5px 14px;display:inline-flex}.dv-stat-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--dv-tone,var(--gray)) 88%, white) 0%, var(--dv-tone,var(--gray)) 100%);block-size:30px;inline-size:30px;box-shadow:0 5px 13px color-mix(in srgb, var(--dv-tone,var(--gray)) 34%, transparent), inset 0 1px 0 #ffffff59;border-radius:50%;flex:none;place-items:center;display:grid}.dv-stat-icon svg{stroke-width:2px;width:15px;height:15px}.dv-stat-body{align-items:baseline;gap:6px;min-inline-size:0;display:flex}.dv-stat-body b{color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.dv-stat-body small{color:var(--text-soft);white-space:nowrap;font-size:11px;font-weight:600}.dv-board .device-board-toolbar{border-color:color-mix(in srgb, var(--primary) 13%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 4%, var(--surface)) 0%, var(--surface) 58%)}.dv-board .device-type-filters button{transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.dv-board .device-type-filters button.active{background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 88%, white) 0%, var(--primary) 100%);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff47}.dv-board .device-type-filters button span{font-variant-numeric:tabular-nums}.dv-board .device-results-count{border:1px solid var(--border);color:var(--text-soft);background:var(--surface-soft);font-variant-numeric:tabular-nums;border-radius:999px;margin-inline-start:auto;padding:5px 11px;font-weight:700}.dv-board .dv-card{border-color:color-mix(in srgb, var(--dv-tone,var(--gray)) 17%, var(--border));transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out)}.dv-board .dv-card:before{background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--dv-tone,var(--primary)) 18%, transparent), transparent 46%), linear-gradient(180deg, color-mix(in srgb, var(--dv-tone-soft,var(--surface-soft)) 72%, transparent), transparent)}.dv-board .dv-card .device-card-accent{background:var(--dv-tone,var(--gray));block-size:3px;box-shadow:0 0 12px color-mix(in srgb, var(--dv-tone,var(--gray)) 45%, transparent)}@media (hover:hover){.dv-board .dv-card:hover{border-color:color-mix(in srgb, var(--dv-tone,var(--primary)) 40%, var(--border));box-shadow:var(--shadow-md), 0 12px 30px color-mix(in srgb, var(--dv-tone,var(--primary)) 15%, transparent)}}.dv-board .dv-card>header{border-top-color:color-mix(in srgb, var(--dv-tone,var(--border)) 12%, var(--border))}.dv-board .dv-card>header h2{letter-spacing:-.015em;unicode-bidi:plaintext}.dv-board .dv-card>header .device-main-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--dv-tone,var(--gray)) 88%, white) 0%, var(--dv-tone,var(--gray)) 100%);box-shadow:0 6px 15px color-mix(in srgb, var(--dv-tone,var(--gray)) 32%, transparent), inset 0 1px 0 #ffffff59}.dv-board .dv-card>header .status-pill{color:var(--dv-tone,var(--gray));border:1px solid color-mix(in srgb, var(--dv-tone,var(--gray)) 26%, transparent);background:color-mix(in srgb, var(--dv-tone,var(--gray)) 11%, var(--surface))}.dv-board .dv-card>header .status-pill i{box-shadow:0 0 0 3px color-mix(in srgb, var(--dv-tone,var(--gray)) 18%, transparent);position:relative}.dv-board .dv-card.status-active>header .status-pill i:after{content:"";animation:dv-ping 2.4s var(--ease-in-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}@keyframes dv-ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.dv-board .dv-session-strip{--dv-strip:var(--blue);border-color:color-mix(in srgb, var(--dv-strip) 26%, var(--border))}.dv-board .dv-session-strip.session-paused{--dv-strip:var(--amber)}.dv-board .dv-session-strip strong{font-variant-numeric:tabular-nums;background:linear-gradient(155deg, var(--dv-strip) 12%, color-mix(in srgb, var(--dv-strip) 45%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16px}.dv-board .dv-session-strip small{color:var(--text-soft);unicode-bidi:plaintext}.dv-board .dv-session-strip>b{border:1px solid color-mix(in srgb, var(--dv-strip) 24%, transparent);background:color-mix(in srgb, var(--dv-strip) 12%, var(--surface));font-weight:800}.dv-board .dv-session-ring{--dv-ring:0;background:conic-gradient(var(--dv-strip) calc(var(--dv-ring) * 1%), color-mix(in srgb, var(--dv-strip) 20%, transparent) 0);block-size:34px;inline-size:34px;transition:background var(--motion-base) var(--ease-out);animation:dv-ring-sweep .76s var(--ease-out) .12s backwards;border-radius:50%;flex:none;place-items:center;display:grid}.dv-board .dv-session-ring:before{content:"";background:color-mix(in srgb, var(--dv-strip) 12%, var(--surface));border-radius:50%;grid-area:1/1;block-size:26px;inline-size:26px}.dv-board .dv-session-ring>svg{width:14px;height:14px;color:var(--dv-strip);grid-area:1/1}@keyframes dv-ring-sweep{0%{--dv-ring:0}}.dv-board .dv-readiness-row{color:var(--text-soft)}.dv-board .dv-readiness-row .pairing-state{border:1px solid color-mix(in srgb, currentColor 22%, transparent);font-size:9px}.dv-board .dv-readiness-row>span:last-child{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;min-inline-size:0;font-weight:600;overflow:hidden}.dv-board .dv-details{border-top-color:color-mix(in srgb, var(--dv-tone,var(--border)) 12%, var(--border))}.dv-board .dv-details dt{color:var(--text-faint);letter-spacing:.015em;font-size:8.5px;font-weight:700}.dv-board .dv-details dd{color:var(--text);font-variant-numeric:tabular-nums;font-size:10.5px}.dv-board .dv-details dd.danger-text{color:var(--red)}.dv-board .dv-start-button{border:1px solid color-mix(in srgb, var(--green) 26%, var(--border));color:color-mix(in srgb, var(--green) 70%, var(--text));background:linear-gradient(140deg, color-mix(in srgb, var(--green) 15%, var(--surface)) 0%, color-mix(in srgb, var(--green) 7%, var(--surface)) 100%);transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);font-size:10.5px}.dv-board .dv-start-button:hover{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--green) 86%, white) 0%, var(--green) 100%);box-shadow:0 8px 18px color-mix(in srgb, var(--green) 30%, transparent), inset 0 1px 0 #ffffff4d;border-color:#0000}.dv-board .dv-state-note{border:1px solid color-mix(in srgb, var(--dv-tone,var(--gray)) 16%, var(--border));min-inline-size:0;color:var(--text-soft);background:color-mix(in srgb, var(--dv-tone,var(--gray)) 8%, var(--surface-soft));border-radius:9px;padding:7px 10px;font-size:9.5px;font-weight:700;line-height:1.45}.dv-board .dv-more-button{transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out)}.dv-board .dv-more-button[aria-expanded=true]{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--primary-soft)}.dv-board .dv-empty{border-color:color-mix(in srgb, var(--primary) 22%, var(--border-strong));background:linear-gradient(165deg, color-mix(in srgb, var(--primary) 5%, var(--surface)) 0%, var(--surface) 62%)}.dv-board .dv-empty>span{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 86%, white) 0%, var(--primary) 100%);box-shadow:0 12px 26px color-mix(in srgb, var(--primary) 28%, transparent), inset 0 1px 0 #ffffff52}.dv-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.dv-skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-block-size:420px;min-inline-size:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.dv-skeleton-art{border-radius:12px;block-size:150px;margin-block:14px 12px;margin-inline:12px}.dv-skeleton-head{border-top:1px solid var(--border);align-items:center;gap:11px;padding:12px 16px 11px;display:flex}.dv-skeleton-head>div{flex:1;min-inline-size:0}.dv-skeleton-strip{border-radius:11px;block-size:46px;margin-inline:16px}.dv-skeleton-rows{grid-template-columns:1fr 1fr;gap:11px 16px;padding:14px 16px 10px;display:grid}.dv-skeleton-rows>.skeleton-line{margin-top:0}.dv-skeleton-foot{border-top:1px solid var(--border);gap:8px;margin-block-start:auto;padding:10px 16px 15px;display:flex}.dv-skeleton-foot>.skeleton:first-child{border-radius:9px;flex:1;block-size:37px}.dv-skeleton-foot>.skeleton:last-child{border-radius:9px;block-size:37px;inline-size:78px}.dv-skeleton-grid.density-compact .dv-skeleton-card{min-block-size:330px}.dv-skeleton-grid.density-compact .dv-skeleton-art{block-size:105px}.dv-board .dv-sheet .device-action-sheet-header{border-bottom-color:color-mix(in srgb, var(--dv-tone,var(--primary)) 16%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--dv-tone,var(--primary)) 9%, var(--surface)) 0%, var(--surface) 72%)}.dv-board .dv-sheet .device-action-sheet-header .device-main-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--dv-tone,var(--primary)) 88%, white) 0%, var(--dv-tone,var(--primary)) 100%);box-shadow:0 6px 16px color-mix(in srgb, var(--dv-tone,var(--primary)) 32%, transparent), inset 0 1px 0 #ffffff59}.dv-board .dv-action-item>span:first-child{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 86%, white) 0%, var(--primary) 100%);box-shadow:0 5px 13px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff4d}.dv-board .dv-action-item.danger>span:first-child{background:linear-gradient(140deg, color-mix(in srgb, var(--red) 86%, white) 0%, var(--red) 100%);box-shadow:0 5px 13px color-mix(in srgb, var(--red) 26%, transparent), inset 0 1px 0 #ffffff4d}.dv-board .dv-action-item:disabled>span:first-child{color:var(--text-faint);background:var(--gray-soft);box-shadow:none}.dv-board .dv-action-item strong{unicode-bidi:plaintext}.dv-health-meters{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.dv-health-meter{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;min-inline-size:0;padding:10px 11px;display:flex}.dv-meter-ring{--dv-ring:0;background:conic-gradient(var(--primary) calc(var(--dv-ring) * 1%), color-mix(in srgb, var(--primary) 16%, transparent) 0);block-size:42px;inline-size:42px;animation:dv-ring-sweep .76s var(--ease-out) .12s backwards;border-radius:50%;flex:none;place-items:center;display:grid}.dv-meter-ring:before{content:"";background:var(--surface-soft);border-radius:50%;grid-area:1/1;block-size:32px;inline-size:32px}.dv-meter-ring b{color:var(--primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-area:1/1;font-size:10.5px;font-weight:800}.dv-meter-ring b i{margin-inline-start:.5px;font-size:7px;font-style:normal}.dv-health-meter>div{gap:2px;min-inline-size:0;display:grid}.dv-health-meter strong{font-size:10.5px}.dv-health-meter small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-faint);font-size:8px;overflow:hidden}.dv-board>.devices-page-heading,.dv-board>.device-board-toolbar,.dv-board>.devices-grid,.dv-board>.empty-state{animation:dv-rise var(--motion-base) var(--ease-out) backwards}.dv-board>.device-board-toolbar{animation-delay:40ms}.dv-board>.devices-grid,.dv-board>.empty-state{animation-delay:80ms}.dv-board .dv-card{animation:dv-rise var(--motion-base) var(--ease-out) backwards}.dv-board .dv-card:nth-child(2){animation-delay:30ms}.dv-board .dv-card:nth-child(3){animation-delay:60ms}.dv-board .dv-card:nth-child(4){animation-delay:90ms}.dv-board .dv-card:nth-child(5){animation-delay:.12s}.dv-board .dv-card:nth-child(n+6){animation-delay:.15s}@keyframes dv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=1020px){.dv-fleet-stats{gap:7px}.dv-stat{padding-inline:5px 12px}.dv-stat-body b{font-size:16px}}@media (width<=800px){.dv-fleet-stats{inline-size:100%}.dv-stat{flex:auto}}@media (width<=610px){.dv-fleet-stats{gap:6px}.dv-stat{gap:7px;min-block-size:40px;padding-inline:4px 10px}.dv-stat-icon{block-size:27px;inline-size:27px}.dv-stat-icon svg{width:14px;height:14px}.dv-stat-body{flex-direction:column;align-items:flex-start;gap:0}.dv-stat-body b{font-size:14px;line-height:1.25}.dv-stat-body small{font-size:9px}.dv-board .dv-session-ring{block-size:30px;inline-size:30px}.dv-board .dv-session-ring:before{block-size:23px;inline-size:23px}.dv-board .dv-session-ring>svg{width:13px;height:13px}.dv-board .dv-session-strip strong{font-size:13px}.dv-board .dv-state-note{padding:6px 8px;font-size:9px}.dv-board .dv-details dd{font-size:10px}.dv-skeleton-card{border-radius:14px;min-block-size:330px}.dv-skeleton-art{block-size:105px;margin-inline:4px}.dv-skeleton-rows{grid-template-columns:1fr}.dv-skeleton-rows>.skeleton-line:nth-child(n+3){display:none}.dv-health-meters{grid-template-columns:1fr}}@media (width<=410px){.dv-stat{inline-size:100%}}@media (prefers-reduced-motion:reduce){.dv-board>.devices-page-heading,.dv-board>.device-board-toolbar,.dv-board>.devices-grid,.dv-board>.empty-state,.dv-board .dv-card,.dv-board .dv-session-ring,.dv-meter-ring{animation:none}.dv-board .dv-card.status-active>header .status-pill i:after{display:none}.dv-board .dv-card,.dv-board .dv-session-ring,.dv-board .dv-start-button,.dv-board .dv-more-button,.dv-board .device-type-filters button{transition:none}}@property --sv-ring{syntax:"<number>";inherits:false;initial-value:0}.sv-view .sv-tone-blue{--sv-tone:var(--blue);--sv-tone-soft:var(--blue-soft)}.sv-view .sv-tone-amber{--sv-tone:var(--amber);--sv-tone-soft:var(--amber-soft)}.sv-view .sv-tone-purple{--sv-tone:var(--purple);--sv-tone-soft:var(--purple-soft)}.sv-view .sv-tone-gray{--sv-tone:var(--gray);--sv-tone-soft:var(--gray-soft)}.sv-view .sv-tone-normal{--sv-tone:var(--green);--sv-tone-soft:var(--green-soft)}.sv-view .sv-tone-warning{--sv-tone:var(--amber);--sv-tone-soft:var(--amber-soft)}.sv-view .sv-tone-danger{--sv-tone:var(--red);--sv-tone-soft:var(--red-soft)}.sv-view .sv-tone-paused{--sv-tone:var(--amber);--sv-tone-soft:var(--amber-soft)}.sv-view .sv-tone-open{--sv-tone:var(--blue);--sv-tone-soft:var(--blue-soft)}.sv-stat-grid{gap:15px}.sv-stat-grid .sv-stat{isolation:isolate;border-color:color-mix(in srgb, var(--sv-tone,var(--primary)) 20%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--sv-tone,var(--primary)) 8%, var(--surface)) 0%, var(--surface) 60%);min-height:98px;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);align-items:center;gap:13px;padding:16px 17px;position:relative;overflow:hidden}@media (hover:hover){.sv-stat-grid .sv-stat:hover{border-color:color-mix(in srgb, var(--sv-tone,var(--primary)) 42%, var(--border));box-shadow:var(--shadow-md), 0 10px 30px color-mix(in srgb, var(--sv-tone,var(--primary)) 14%, transparent);transform:translateY(-2px)}}.sv-stat-grid .sv-stat-sheen{background:radial-gradient(circle, color-mix(in srgb, var(--sv-tone,var(--primary)) 24%, transparent) 0%, transparent 68%);pointer-events:none;z-index:0;border-radius:50%;block-size:170px;inline-size:170px;position:absolute;inset-block-start:-58%;inset-inline-start:-22%}.sv-stat-grid .sv-stat>:not(.sv-stat-sheen){z-index:1;position:relative}.sv-stat-grid .metric-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--sv-tone,var(--primary)) 88%, white) 0%, var(--sv-tone,var(--primary)) 100%);block-size:42px;inline-size:42px;box-shadow:0 6px 16px color-mix(in srgb, var(--sv-tone,var(--primary)) 32%, transparent), inset 0 1px 0 #ffffff59;border-radius:13px}.sv-stat-grid .metric-icon svg{stroke-width:1.9px;block-size:20px;inline-size:20px}.sv-stat-grid .sv-stat-body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.sv-stat-grid .sv-stat-body small{color:var(--text-soft);letter-spacing:.01em;font-size:12px;font-weight:600}.sv-stat-grid .sv-stat-body strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--text) 22%, color-mix(in srgb, var(--sv-tone,var(--primary)) 62%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:26px;line-height:1.15}.sv-stat-grid .sv-stat-detail{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.sv-stat-grid .sv-stat-ring{--sv-ring:0;background:conic-gradient(var(--sv-tone,var(--primary)) calc(var(--sv-ring) * 1%), color-mix(in srgb, var(--sv-tone,var(--primary)) 15%, transparent) 0);block-size:48px;inline-size:48px;transition:--sv-ring var(--motion-base) var(--ease-out);animation:sv-ring-sweep .82s var(--ease-out) .16s backwards;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sv-stat-grid .sv-stat-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:37px;inline-size:37px}.sv-stat-grid .sv-stat-ring b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--sv-tone,var(--primary));grid-area:1/1;font-size:12px;font-weight:700}.sv-stat-grid .sv-stat-ring b i{margin-inline-start:.5px;font-size:8px;font-style:normal}.sv-stat-grid .sv-stat-underline{background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--sv-tone,var(--primary)) 55%, transparent) 18%, var(--sv-tone,var(--primary)) 50%, color-mix(in srgb, var(--sv-tone,var(--primary)) 55%, transparent) 82%, transparent 100%);z-index:0;block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.sv-toolbar{min-height:62px;padding:9px 12px}.sv-toolbar .segmented-control{gap:6px}.sv-toolbar .segmented-control button{border-color:var(--border);background:var(--surface-soft);min-height:38px;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);padding:7px 13px;font-size:12px}.sv-toolbar .segmented-control button span{background:var(--surface);font-variant-numeric:tabular-nums;block-size:21px;min-inline-size:22px;font-size:11px}.sv-toolbar .segmented-control button.active{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 86%, white) 0%, var(--primary) 100%);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 28%, transparent);border-color:#0000}.sv-toolbar .segmented-control button.active span{color:var(--primary);background:#ffffffeb}.sv-toolbar .live-caption{color:var(--text-soft);padding-left:0;padding-inline-start:10px;font-size:11.5px}.sv-toolbar .live-caption .live-dot{background:var(--green);block-size:8px;inline-size:8px;animation:sv-live-pulse 2.6s var(--ease-in-out) infinite;border-radius:50%;flex:none}.sv-list{gap:12px}.sv-list .sv-row{isolation:isolate;border-color:color-mix(in srgb, var(--sv-tone,var(--blue)) 18%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--sv-tone,var(--blue)) 7%, var(--surface)) 0%, var(--surface) 52%);min-height:130px;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);padding-inline-start:22px;position:relative;overflow:hidden}.sv-list .sv-row:before{content:"";background:linear-gradient(to bottom, var(--sv-tone,var(--blue)) 0%, color-mix(in srgb, var(--sv-tone,var(--blue)) 35%, transparent) 100%);pointer-events:none;z-index:0;inline-size:4px;position:absolute;inset-block:0;inset-inline-start:0}.sv-list .sv-row:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--sv-tone,var(--blue)) 13%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;block-size:230px;inline-size:230px;position:absolute;inset-block-start:-78%;inset-inline-start:-4%}.sv-list .sv-row>*{z-index:1;position:relative}@media (hover:hover){.sv-list .sv-row:hover{border-color:color-mix(in srgb, var(--sv-tone,var(--blue)) 40%, var(--border));box-shadow:var(--shadow-sm), 0 12px 30px color-mix(in srgb, var(--sv-tone,var(--blue)) 12%, transparent)}}.sv-list .session-identity{gap:13px}.sv-list .session-identity .session-device-avatar{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--sv-tone,var(--blue)) 88%, white) 0%, var(--sv-tone,var(--blue)) 100%);block-size:48px;inline-size:48px;box-shadow:0 6px 16px color-mix(in srgb, var(--sv-tone,var(--blue)) 30%, transparent), inset 0 1px 0 #ffffff4d;border-radius:14px}.sv-list .session-identity .session-device-avatar svg{block-size:21px;inline-size:21px}.sv-list .sv-id-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sv-list .session-number{letter-spacing:.02em;color:var(--sv-tone,var(--blue));background:color-mix(in srgb, var(--sv-tone,var(--blue)) 13%, transparent);unicode-bidi:plaintext;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;display:inline-flex}.sv-list .sv-state-chip{border:1px solid color-mix(in srgb, var(--red) 26%, transparent);color:var(--red);background:var(--red-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.sv-list .sv-state-chip svg{block-size:11px;inline-size:11px}.sv-list .session-identity h2{letter-spacing:-.01em;unicode-bidi:plaintext;margin-top:4px;font-size:15px}.sv-list .session-identity p{color:var(--text-soft);margin-top:3px;font-size:11.5px}.sv-list .session-times{flex-wrap:wrap;gap:10px 14px;display:flex}.sv-list .session-times small{color:var(--text-faint);font-size:10.5px}.sv-list .session-times strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.sv-list .session-times>i{inline-size:22px}.sv-list .sv-elapsed strong{color:var(--primary)}.sv-list .sv-running-cost strong{color:var(--green)}.sv-list .sv-running-cost small{color:color-mix(in srgb, var(--green) 65%, var(--text-faint))}.sv-list .sv-countdown{background:0 0;border:0;gap:6px;min-height:96px;padding:4px;animation:none}.sv-list .sv-dial{--sv-ring:0;background:conic-gradient(var(--sv-tone,var(--blue)) calc(var(--sv-ring) * 1%), color-mix(in srgb, var(--sv-tone,var(--blue)) 14%, transparent) 0);block-size:96px;inline-size:96px;transition:--sv-ring var(--motion-base) linear;animation:sv-ring-sweep .76s var(--ease-out) .12s backwards;border-radius:50%;flex:none;place-items:center;margin-top:0;display:grid;position:relative}.sv-list .sv-dial.sv-dial-open{border:2px dashed color-mix(in srgb, var(--sv-tone,var(--blue)) 32%, transparent);background:0 0;animation:none}.sv-list .sv-dial:before{content:"";background:var(--surface);block-size:78px;inline-size:78px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sv-tone,var(--blue)) 14%, transparent);border-radius:50%;grid-area:1/1}.sv-list .sv-dial-halo{border:1px solid color-mix(in srgb, var(--sv-tone,var(--blue)) 32%, transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.sv-list .sv-tone-danger .sv-dial-halo{opacity:1;animation:sv-halo-breathe 2.6s var(--ease-in-out) infinite}.sv-list .sv-dial-core{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;padding-inline:6px;line-height:1.15;display:flex}.sv-list .sv-dial-core small{color:var(--text-soft);font-size:10px}.sv-list .sv-dial-core strong{letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums;margin-top:1px;font-family:Segoe UI,ui-monospace,monospace;font-size:16px}.sv-list .sv-tone-warning .sv-dial-core strong,.sv-list .sv-tone-danger .sv-dial-core strong,.sv-list .sv-tone-paused .sv-dial-core strong{color:var(--sv-tone)}.sv-list .sv-paused-flag{color:var(--amber);background:var(--amber-soft);border-radius:999px;align-items:center;gap:5px;margin-top:0;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.sv-list .sv-paused-flag svg{block-size:11px;inline-size:11px}.sv-list .session-actions{gap:7px}.sv-list .session-actions button{inline-size:56px;min-height:58px;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:12px;gap:5px;font-size:9.5px}.sv-list .session-actions button svg{block-size:17px;inline-size:17px}@media (hover:hover){.sv-list .session-actions button:hover:not(:disabled){transform:translateY(-1px)}}.sv-empty{border-color:color-mix(in srgb, var(--primary) 24%, var(--border-strong));background:radial-gradient(120% 130% at 50% 0%, color-mix(in srgb, var(--primary) 7%, transparent) 0%, transparent 62%), color-mix(in srgb, var(--surface) 70%, transparent);min-height:300px;animation:sv-rise var(--motion-base) var(--ease-out) backwards}.sv-empty>span{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 86%, white) 0%, var(--primary) 100%);block-size:64px;inline-size:64px;box-shadow:0 10px 26px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff59;border-radius:19px}.sv-empty>span svg{block-size:28px;inline-size:28px}.sv-empty h2{letter-spacing:-.01em;font-size:18px}.sv-empty p{font-size:13px}.sv-list .sv-skeleton-row{background:var(--surface);border-color:var(--border);box-shadow:none}.sv-list .sv-skeleton-row:before,.sv-list .sv-skeleton-row:after{display:none}.sv-list .sv-skeleton-avatar{border-radius:14px;flex:none;block-size:48px;inline-size:48px}.sv-list .sv-skeleton-times>span{inline-size:54px}.sv-list .sv-skeleton-dial{border-radius:50%;block-size:88px;inline-size:88px;display:block}.sv-list .sv-skeleton-actions>span{border-radius:12px;block-size:58px;inline-size:56px}.sv-view .page-heading,.sv-toolbar,.sv-stat-grid>*,.sv-list>*{animation:sv-rise var(--motion-base) var(--ease-out) backwards}.sv-stat-grid>:nth-child(2){animation-delay:45ms}.sv-stat-grid>:nth-child(3){animation-delay:90ms}.sv-list>:nth-child(2){animation-delay:35ms}.sv-list>:nth-child(3){animation-delay:70ms}.sv-list>:nth-child(4){animation-delay:.105s}.sv-list>:nth-child(n+5){animation-delay:.14s}@keyframes sv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sv-ring-sweep{0%{--sv-ring:0}}@keyframes sv-halo-breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.25;transform:scale(1.07)}}@keyframes sv-live-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 24%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--green) 0%, transparent)}}@media (width<=1250px){.sv-stat-grid{gap:12px}.sv-list .sv-skeleton-times{display:none}}@media (width<=1020px){.sv-list .sv-row{min-height:122px}}@media (width<=800px){.sv-list .session-actions{padding-top:12px}.sv-list .session-actions button{inline-size:auto;flex-direction:row;min-height:40px;padding:8px 14px}.sv-list .sv-skeleton-actions>span{block-size:40px;inline-size:76px}}@media (width<=610px){.sv-stat-grid .sv-stat{gap:10px;min-height:88px;padding:13px}.sv-stat-grid .metric-icon{border-radius:11px;block-size:36px;inline-size:36px}.sv-stat-grid .metric-icon svg{block-size:18px;inline-size:18px}.sv-stat-grid .sv-stat-body strong{font-size:22px}.sv-stat-grid .sv-stat-detail{display:none}.sv-stat-grid .sv-stat-ring{block-size:40px;inline-size:40px}.sv-stat-grid .sv-stat-ring:before{block-size:31px;inline-size:31px}.sv-stat-grid .sv-stat-ring b{font-size:10.5px}.sv-list .sv-countdown{min-height:84px}.sv-list .sv-dial{block-size:84px;inline-size:84px}.sv-list .sv-dial:before{block-size:68px;inline-size:68px}.sv-list .sv-dial-core strong{font-size:14px}.sv-list .sv-dial-core small{font-size:9px}.sv-list .sv-skeleton-dial{block-size:78px;inline-size:78px}}@media (width<=410px){.sv-list .session-identity{padding-bottom:92px}.sv-list .sv-countdown{min-height:80px}.sv-list .sv-dial{block-size:74px;inline-size:74px}.sv-list .sv-dial:before{block-size:60px;inline-size:60px}.sv-list .sv-dial-core strong{font-size:13px}.sv-list .sv-skeleton-dial{block-size:70px;inline-size:70px}.sv-list .sv-skeleton-actions>span{flex:1;inline-size:auto}}@media (prefers-reduced-motion:reduce){.sv-view .page-heading,.sv-toolbar,.sv-stat-grid>*,.sv-list>*,.sv-empty,.sv-stat-grid .sv-stat-ring,.sv-list .sv-dial,.sv-toolbar .live-caption .live-dot,.sv-list .sv-tone-danger .sv-dial-halo{animation:none}.sv-stat-grid .sv-stat,.sv-stat-grid .sv-stat-ring,.sv-list .sv-row,.sv-list .sv-dial,.sv-list .session-actions button,.sv-toolbar .segmented-control button{transition:none}.sv-list .sv-tone-danger .sv-dial-halo{opacity:1;border-color:color-mix(in srgb, var(--sv-tone,var(--red)) 55%, transparent)}}@property --gv-ring{syntax:"<number>";inherits:false;initial-value:0}.games-view,.games-view .gv-tone-indigo{--gv-tone:var(--primary);--gv-tone-soft:var(--primary-soft)}.games-view .gv-tone-blue{--gv-tone:var(--blue);--gv-tone-soft:var(--blue-soft)}.games-view .gv-tone-purple{--gv-tone:var(--purple);--gv-tone-soft:var(--purple-soft)}.games-view .gv-tone-green{--gv-tone:var(--green);--gv-tone-soft:var(--green-soft)}.games-view .gv-tone-amber{--gv-tone:var(--amber);--gv-tone-soft:var(--amber-soft)}.games-view .gv-tone-red{--gv-tone:var(--red);--gv-tone-soft:var(--red-soft)}.games-view .gv-tone-gray{--gv-tone:var(--gray);--gv-tone-soft:var(--gray-soft)}.games-view .gv-heading{gap:20px}.games-view .gv-heading h1{letter-spacing:-.03em;margin-top:5px;font-size:30px}.games-view .eyebrow{color:var(--primary);letter-spacing:.02em;align-items:center;gap:7px;font-size:11.5px;font-weight:800;display:inline-flex}.games-view .eyebrow:before{content:"";background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 15%, transparent));border-radius:2px;block-size:2px;inline-size:18px}.games-view .gv-heading-stats{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.games-view .gv-stat{border:1px solid color-mix(in srgb, var(--gv-tone) 24%, var(--border));background:color-mix(in srgb, var(--gv-tone) 8%, var(--surface));color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.games-view .gv-stat svg{block-size:14px;inline-size:14px;color:var(--gv-tone);flex:none}.games-view .gv-read-only{background:linear-gradient(120deg, color-mix(in srgb, var(--blue) 12%, var(--surface)) 0%, var(--surface) 68%);box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 14px;font-size:12.5px}.games-view .gv-read-only svg{block-size:18px;inline-size:18px}.games-view .gv-read-only strong{margin-inline-end:5px}.games-view .gv-toolbar{box-shadow:var(--shadow-sm);flex-wrap:wrap;row-gap:10px}.games-view .gv-results{color:var(--text-soft);font-variant-numeric:tabular-nums;margin-inline:auto 0;padding-inline:10px;font-size:12px}.games-view .gv-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:16px}.games-view .gv-card{border-color:color-mix(in srgb, var(--gv-tone) 18%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--gv-tone) 6%, var(--surface)) 0%, var(--surface) 62%);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.games-view .gv-card.inactive{opacity:1}.games-view .gv-card.inactive .gv-artwork img{filter:grayscale(.72)contrast(.96)}@media (hover:hover){.games-view .gv-card:not(.gv-skeleton):hover{border-color:color-mix(in srgb, var(--gv-tone) 42%, var(--border));box-shadow:var(--shadow-md), 0 12px 32px color-mix(in srgb, var(--gv-tone) 18%, transparent);transform:translateY(-3px)}.games-view .gv-card:not(.gv-skeleton):hover .gv-artwork img{transform:scale(1.06)}}.games-view .gv-artwork{aspect-ratio:16/10;background:linear-gradient(140deg, color-mix(in srgb, var(--gv-tone) 88%, white) 0%, var(--gv-tone) 100%);flex:none;block-size:auto;min-block-size:118px;display:block;position:relative;overflow:hidden}.games-view .gv-artwork:after{content:none}.games-view .gv-has-cover{background:color-mix(in srgb, var(--gv-tone) 20%, var(--surface-soft))}.games-view .gv-artwork img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .42s var(--ease-out), filter var(--motion-base) var(--ease-out);position:absolute;inset:0}.games-view .gv-artwork-glyph{place-items:center;display:grid;position:absolute;inset:0}.games-view .gv-no-cover .gv-artwork-glyph:before{content:"";background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 130% at 100% 0,#000 0%,#0000 66%);mask-image:radial-gradient(130% 130% at 100% 0,#000 0%,#0000 66%)}.games-view .gv-artwork-glyph svg{color:#ffffff85;stroke-width:1.4px;block-size:52px;inline-size:52px;position:relative}.games-view .gv-artwork-scrim{z-index:1;pointer-events:none;background:linear-gradient(#040b1400 32%,#040b1461 62%,#040b14d6 100%);position:absolute;inset:0}.games-view .gv-artwork .status-pill{z-index:2;border-radius:999px;padding:5px 9px;font-size:10px;inset-block-start:11px;inset-inline:auto 11px;box-shadow:0 4px 14px #040b144d}.games-view .gv-artwork-caption{z-index:2;flex-direction:column;gap:2px;min-inline-size:0;padding:12px 14px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.games-view .gv-category{color:#ffffffd1;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800;overflow:hidden}.games-view .gv-artwork-caption h2{color:#fff;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #040b148c;unicode-bidi:plaintext;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.games-view .gv-card-body{flex:1;padding:13px 14px 16px}.games-view .gv-meta{border-top:0;gap:9px;margin:0;padding:0;display:grid}.games-view .gv-meta>div{min-inline-size:0}.games-view .gv-meta dt{color:var(--text-faint);letter-spacing:.02em;font-size:10.5px;font-weight:700}.games-view .gv-meta dd{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-soft);text-align:start;text-overflow:ellipsis;white-space:nowrap;direction:ltr;unicode-bidi:plaintext;border-radius:9px;margin:4px 0 0;padding:6px 9px;font-family:Segoe UI,Consolas,monospace;font-size:11px;overflow:hidden}.games-view .gv-meta-empty dd{color:var(--text-faint);background:0 0;border-style:dashed}.games-view .gv-card-underline{z-index:2;background:linear-gradient(90deg, transparent 0%, var(--gv-tone) 24%, color-mix(in srgb, var(--gv-tone) 45%, transparent) 100%);block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.games-view .gv-empty{border-radius:var(--radius);background:radial-gradient(120% 130% at 50% 0%, color-mix(in srgb, var(--primary) 8%, transparent) 0%, transparent 62%), color-mix(in srgb, var(--surface) 70%, transparent);min-block-size:300px}.games-view .gv-empty>span{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 88%, white) 0%, var(--primary) 100%);block-size:62px;inline-size:62px;box-shadow:0 10px 26px color-mix(in srgb, var(--primary) 30%, transparent), inset 0 1px 0 #ffffff59;border-radius:19px}.games-view .gv-empty>span svg{block-size:29px;inline-size:29px}.games-view .gv-empty h2{font-size:18px}.games-view .gv-empty p{font-size:12.5px}.games-view .gv-empty-reset{min-height:40px;padding:8px 15px;font-size:12px}.games-view .gv-empty-reset svg{block-size:14px;inline-size:14px}.games-view .gv-devices{border-color:color-mix(in srgb, var(--primary) 14%, var(--border))}.games-view .gv-devices-heading{background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 7%, var(--surface)) 0%, var(--surface) 62%);gap:14px;padding:17px 20px}.games-view .gv-devices-heading .gv-heading-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 88%, white) 0%, var(--primary) 100%);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 32%, transparent), inset 0 1px 0 #ffffff59}.games-view .gv-devices-heading .gv-heading-icon svg{block-size:21px;inline-size:21px}.games-view .gv-devices-heading h2{letter-spacing:-.015em;font-size:16px}.games-view .gv-devices-heading p{margin-top:4px;font-size:11.5px}.games-view .gv-fleet-ring{--gv-ring:0;background:conic-gradient(var(--primary) calc(var(--gv-ring) * 1%), color-mix(in srgb, var(--primary) 15%, transparent) 0);block-size:54px;inline-size:54px;transition:background var(--motion-base) var(--ease-out);animation:gv-ring-sweep .82s var(--ease-out) .12s backwards;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.games-view .gv-fleet-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:42px;inline-size:42px}.games-view .gv-fleet-ring b{color:var(--primary);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:14px;font-weight:800}.games-view .gv-device-list{padding:10px 16px 14px}.games-view .gv-devices .gv-device-row{border:1px solid var(--border);background:linear-gradient(115deg, color-mix(in srgb, var(--gv-tone) 6%, var(--surface)) 0%, var(--surface) 58%);min-block-size:72px;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);border-radius:13px;margin-block-end:8px;padding:11px 12px}.games-view .gv-devices .gv-device-row:last-child{margin-block-end:0}@media (hover:hover){.games-view .gv-devices .gv-device-row:hover{border-color:color-mix(in srgb, var(--gv-tone) 36%, var(--border));box-shadow:0 8px 22px color-mix(in srgb, var(--gv-tone) 12%, transparent)}}.games-view .gv-device-row .gv-device-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--gv-tone) 88%, white) 0%, var(--gv-tone) 100%);block-size:40px;inline-size:40px;box-shadow:0 5px 14px color-mix(in srgb, var(--gv-tone) 30%, transparent), inset 0 1px 0 #ffffff59;border-radius:12px}.games-view .gv-device-row .gv-device-icon svg{block-size:19px;inline-size:19px}.games-view .gv-device-identity strong{unicode-bidi:plaintext;font-size:13px}.games-view .gv-device-identity small{unicode-bidi:plaintext;margin-top:2px;font-size:10.5px}.games-view .gv-device-row .status-pill{border-radius:999px;padding:5px 9px;font-size:10.5px}.games-view .gv-device-row .pairing-state{text-align:center;border-radius:999px;min-height:26px;padding:5px 9px;font-size:10.5px}.games-view .gv-assign-button{border-radius:10px;min-height:38px;padding:8px 13px;font-size:11.5px}.games-view .gv-assign-button svg{block-size:15px;inline-size:15px}.games-view .gv-devices-empty{padding:34px 25px}.games-view .gv-devices-empty>svg{block-size:46px;inline-size:46px;color:var(--primary);background:var(--primary-soft);border-radius:15px;margin-bottom:12px;padding:12px}.games-view .gv-devices-empty strong{font-size:13.5px}.games-view .gv-devices-empty p{max-inline-size:380px;margin-top:5px;font-size:11.5px}.games-view .gv-skeleton{border-color:var(--border);background:var(--surface);box-shadow:none;pointer-events:none}.games-view .gv-skeleton-art{aspect-ratio:16/10;border-radius:0;flex:none;block-size:auto}.games-view .gv-skeleton-body{flex-direction:column;gap:9px;padding:14px;display:flex}.games-view .gv-skeleton-line{border-radius:6px;block-size:11px;inline-size:100%;margin:0}.games-view .gv-skeleton-line-short{inline-size:42%}.games-view .gv-skeleton-line-wide{inline-size:76%}.games-view .gv-assign-summary{border-color:color-mix(in srgb, var(--blue) 20%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--blue) 9%, var(--surface)) 0%, var(--surface-soft) 62%);border-radius:14px;gap:12px;min-block-size:74px;padding:12px 14px}.games-view .gv-assign-summary .gv-assign-device-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--blue) 88%, white) 0%, var(--blue) 100%);box-shadow:0 5px 14px color-mix(in srgb, var(--blue) 30%, transparent), inset 0 1px 0 #ffffff59}.games-view .gv-assign-summary strong{unicode-bidi:plaintext;font-size:13px}.games-view .gv-assign-summary small{font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.games-view .gv-assign-ring{--gv-ring:0;background:conic-gradient(var(--primary) calc(var(--gv-ring) * 1%), color-mix(in srgb, var(--primary) 15%, transparent) 0);block-size:50px;inline-size:50px;transition:background var(--motion-base) var(--ease-out);animation:gv-ring-sweep .82s var(--ease-out) .14s backwards;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.games-view .gv-assign-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:39px;inline-size:39px}.games-view .gv-assign-ring b{color:var(--primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-area:1/1;font-size:12.5px;font-weight:800}.games-view .gv-assign-ring b i{margin-inline-start:.5px;font-size:8px;font-style:normal}.games-view .gv-assign-list{gap:8px;padding:3px}.games-view .gv-assign-row{min-block-size:64px;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);border-radius:12px;gap:11px;padding:10px 12px}.games-view .gv-assign-row.selected{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 12%, var(--surface)) 0%, var(--surface) 70%);box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 12%, transparent)}.games-view .gv-assign-row .assignment-checkbox{block-size:22px;inline-size:22px;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:7px}.games-view .gv-assign-row .assignment-checkbox svg{stroke-width:3px;block-size:13px;inline-size:13px}.games-view .gv-assign-row.selected .assignment-checkbox{color:#fff}.games-view .gv-assign-game-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--gv-tone) 88%, white) 0%, var(--gv-tone) 100%);block-size:38px;inline-size:38px;box-shadow:0 4px 12px color-mix(in srgb, var(--gv-tone) 26%, transparent), inset 0 1px 0 #ffffff59;border-radius:11px}.games-view .gv-assign-game-icon svg{block-size:18px;inline-size:18px}.games-view .gv-assign-row .assignment-game-info strong{unicode-bidi:plaintext;font-size:12.5px}.games-view .gv-assign-row .assignment-game-info small{unicode-bidi:plaintext;margin-top:2px;font-size:10.5px}.games-view .gv-assign-row .status-pill{border-radius:999px;font-size:10px}.games-view .gv-assign-loading{min-block-size:250px}.games-view .gv-assign-loading strong{font-size:12.5px}.games-view .gv-assign-skeleton{flex-direction:column;gap:8px;inline-size:100%;margin-block-start:18px;display:flex}.games-view .gv-assign-skeleton i{border-radius:12px;block-size:52px;display:block}.games-view .gv-assign-empty{flex-direction:column;gap:11px;min-block-size:170px;font-size:12px}.games-view .gv-assign-empty-icon{border:1px solid var(--border);block-size:46px;inline-size:46px;color:var(--text-faint);background:var(--surface-soft);border-radius:14px;place-items:center;display:grid}.games-view .gv-assign-empty-icon svg{block-size:20px;inline-size:20px}.games-view .gv-sync{border-radius:13px;padding:11px 13px}.games-view .gv-sync>span{border-radius:10px;block-size:30px;inline-size:30px}.games-view .gv-sync>span svg{stroke-width:3px;block-size:16px;inline-size:16px}.games-view .gv-sync strong{font-size:12px}.games-view .gv-sync p{font-size:10.5px}.games-view .gv-cover-preview{border:1px dashed var(--border-strong);background:var(--surface-soft);border-radius:13px;align-items:center;gap:12px;padding:11px 12px;display:flex}.games-view .gv-cover-frame{background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 88%, white) 0%, var(--primary) 100%);border-radius:9px;flex:none;place-items:center;block-size:50px;inline-size:80px;display:grid;overflow:hidden}.games-view .gv-cover-frame img{object-fit:cover;block-size:100%;inline-size:100%}.games-view .gv-cover-frame svg{color:#ffffffc7;block-size:20px;inline-size:20px}.games-view .gv-cover-preview>div{flex-direction:column;min-inline-size:0;display:flex}.games-view .gv-cover-preview strong{font-size:12px}.games-view .gv-cover-preview small{color:var(--text-soft);margin-top:3px;font-size:10.5px}.games-view>:not(.modal-backdrop){animation:gv-rise var(--motion-base) var(--ease-out) backwards}.games-view>:nth-child(2):not(.modal-backdrop){animation-delay:30ms}.games-view>:nth-child(3):not(.modal-backdrop){animation-delay:60ms}.games-view>:nth-child(4):not(.modal-backdrop){animation-delay:90ms}.games-view>:nth-child(5):not(.modal-backdrop){animation-delay:.12s}.games-view .gv-grid>*{animation:gv-rise var(--motion-base) var(--ease-out) backwards;animation-delay:min(calc(var(--gv-index,0) * 34ms), .3s)}@keyframes gv-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes gv-ring-sweep{0%{--gv-ring:0}}@media (width<=900px){.games-view .gv-grid{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:13px}.games-view .gv-devices .gv-device-row{grid-template-columns:auto minmax(120px,1fr) auto auto}.games-view .gv-device-row .pairing-state{display:none}}@media (width<=610px){.games-view .gv-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.games-view .gv-artwork-caption{padding:10px 11px}.games-view .gv-artwork-caption h2{font-size:14px}.games-view .gv-artwork-glyph svg{block-size:40px;inline-size:40px}.games-view .gv-card-body{padding:12px 12px 14px}.games-view .gv-heading-stats{gap:6px}.games-view .gv-stat{padding:5px 10px;font-size:11px}.games-view .gv-devices-heading{gap:11px;padding:14px}.games-view .gv-fleet-ring{block-size:46px;inline-size:46px}.games-view .gv-fleet-ring:before{block-size:36px;inline-size:36px}.games-view .gv-device-list{padding:10px 13px 13px}.games-view .gv-devices .gv-device-row{grid-template-columns:auto minmax(0,1fr) auto;padding:11px}.games-view .gv-assign-summary{flex-wrap:wrap}.games-view .gv-assign-ring{block-size:44px;inline-size:44px}.games-view .gv-assign-ring:before{block-size:34px;inline-size:34px}.games-view .gv-cover-preview{flex-direction:column;align-items:stretch}.games-view .gv-cover-frame{block-size:96px;inline-size:100%}}@media (width<=380px){.games-view .gv-grid{grid-template-columns:1fr}.games-view .gv-stat{justify-content:flex-start;inline-size:100%}}@media (prefers-reduced-motion:reduce){.games-view>:not(.modal-backdrop),.games-view .gv-grid>*,.games-view .gv-fleet-ring,.games-view .gv-assign-ring{animation:none}.games-view .gv-card,.games-view .gv-artwork img,.games-view .gv-devices .gv-device-row,.games-view .gv-assign-row,.games-view .gv-assign-row .assignment-checkbox,.games-view .gv-fleet-ring,.games-view .gv-assign-ring{transition:none}}@property --srv-ring{syntax:"<number>";inherits:false;initial-value:0}@property --srv-sla{syntax:"<number>";inherits:false;initial-value:0}.srv-tone-indigo{--tone:var(--primary);--tone-soft:var(--primary-soft)}.srv-tone-blue{--tone:var(--blue);--tone-soft:var(--blue-soft)}.srv-tone-green{--tone:var(--green);--tone-soft:var(--green-soft)}.srv-tone-amber{--tone:var(--amber);--tone-soft:var(--amber-soft)}.srv-tone-red{--tone:var(--red);--tone-soft:var(--red-soft)}.srv-tone-purple{--tone:var(--purple);--tone-soft:var(--purple-soft)}.srv-tone-gray{--tone:var(--gray);--tone-soft:var(--gray-soft)}.service-requests-view .srv-head{align-items:flex-end}.service-requests-view .srv-eyebrow{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--surface));color:var(--primary);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.service-requests-view .srv-eyebrow svg{width:13px;height:13px}.service-requests-view .srv-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.service-requests-view .srv-stat{border:1px solid color-mix(in srgb, var(--tone,var(--primary)) 20%, var(--border));border-radius:var(--radius);background:linear-gradient(145deg, color-mix(in srgb, var(--tone,var(--primary)) 7%, var(--surface)) 0%, var(--surface) 58%);min-block-size:118px;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);align-items:center;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.service-requests-view .srv-stat-sheen{background:radial-gradient(circle, color-mix(in srgb, var(--tone,var(--primary)) 26%, transparent) 0%, transparent 68%);pointer-events:none;z-index:0;border-radius:50%;block-size:190px;inline-size:190px;position:absolute;inset-block-start:-55%;inset-inline-start:-25%}.service-requests-view .srv-stat>:not(.srv-stat-sheen){z-index:1;position:relative}.service-requests-view .srv-stat-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--tone,var(--primary)) 88%, white) 0%, var(--tone,var(--primary)) 100%);block-size:43px;inline-size:43px;box-shadow:0 6px 16px color-mix(in srgb, var(--tone,var(--primary)) 34%, transparent), inset 0 1px 0 #ffffff59;border-radius:12px;flex:none;place-items:center;display:grid}.service-requests-view .srv-stat-icon svg{stroke-width:1.9px;width:21px;height:21px}.service-requests-view .srv-stat-body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.service-requests-view .srv-stat-label{color:var(--text-soft);letter-spacing:.01em;font-size:12px;font-weight:600}.service-requests-view .srv-stat-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--text) 22%, color-mix(in srgb, var(--tone,var(--primary)) 62%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:3px;font-size:30px;line-height:1.15;display:block}.service-requests-view .srv-stat-body small{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px}.service-requests-view .srv-ring{--srv-ring:0;background:conic-gradient(var(--tone,var(--primary)) calc(var(--srv-ring) * 1%), color-mix(in srgb, var(--tone,var(--primary)) 15%, transparent) 0);block-size:52px;inline-size:52px;transition:background var(--motion-base) var(--ease-out);animation:srv-ring-sweep .82s var(--ease-out) .14s backwards;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.service-requests-view .srv-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:40px;inline-size:40px}.service-requests-view .srv-ring b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tone,var(--primary));grid-area:1/1;font-size:11.5px;font-weight:700}.service-requests-view .srv-stat-underline{background:linear-gradient(90deg, transparent 0%, var(--tone,var(--primary)) 22%, color-mix(in srgb, var(--tone,var(--primary)) 45%, transparent) 100%);z-index:0;block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.service-requests-view .srv-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px;display:flex}.service-requests-view .srv-fields{flex-wrap:wrap;flex:440px;gap:10px;display:flex}.service-requests-view .srv-field{flex-direction:column;flex:150px;gap:6px;min-inline-size:140px;display:flex;position:relative}.service-requests-view .srv-field>span{color:var(--text-soft);font-size:11px;font-weight:700}.service-requests-view .srv-field select{appearance:none;border:1px solid var(--border);min-block-size:40px;color:var(--text);background:var(--surface-soft);transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-radius:10px;padding-block:8px;padding-inline:12px 30px;font-size:13px}.service-requests-view .srv-field select:hover{border-color:var(--border-strong)}.service-requests-view .srv-field select:focus-visible{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.service-requests-view .srv-field:after{content:"";border-inline-end:1.6px solid var(--text-faint);border-block-end:1.6px solid var(--text-faint);pointer-events:none;block-size:7px;inline-size:7px;position:absolute;inset-block-end:17px;inset-inline-end:13px;transform:rotate(45deg)}.service-requests-view .srv-toggles{flex-wrap:wrap;gap:8px;display:flex}.service-requests-view .srv-toggle{border:1px solid var(--border);background:var(--surface-soft);min-block-size:40px;color:var(--text-soft);cursor:pointer;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex}.service-requests-view .srv-toggle input{block-size:15px;inline-size:15px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.service-requests-view .srv-toggle:hover{border-color:var(--border-strong);color:var(--text)}.service-requests-view .srv-toggle:has(input:checked){border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:var(--primary-soft);color:var(--primary)}.service-requests-view .srv-toggle-overdue input{accent-color:var(--red)}.service-requests-view .srv-toggle-overdue:has(input:checked){border-color:color-mix(in srgb, var(--red) 42%, var(--border));background:var(--red-soft);color:var(--red)}.service-requests-view .srv-result{border-top:1px dashed var(--border);flex-wrap:wrap;flex:100%;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.service-requests-view .srv-result-count{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.service-requests-view .srv-clear{border:1px solid var(--border);min-block-size:32px;color:var(--text-soft);transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.service-requests-view .srv-clear:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 34%, var(--border));background:var(--primary-soft)}.service-requests-view .srv-clear svg{width:12px;height:12px}.service-requests-view .srv-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:14px;display:grid}.service-requests-view .srv-card{padding:16px 17px 15px;border:1px solid color-mix(in srgb, var(--tone,var(--primary)) 22%, var(--border));border-radius:var(--radius);background:linear-gradient(150deg, color-mix(in srgb, var(--tone,var(--primary)) 6%, var(--surface)) 0%, var(--surface) 54%);min-inline-size:0;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);flex-direction:column;padding-inline-start:20px;display:flex;position:relative;overflow:hidden}.service-requests-view .srv-card-rail{background:linear-gradient(180deg, var(--tone,var(--primary)) 0%, color-mix(in srgb, var(--tone,var(--primary)) 32%, transparent) 100%);pointer-events:none;inline-size:4px;position:absolute;inset-block:0;inset-inline-start:0}.service-requests-view .srv-card.srv-unread{box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--tone,var(--primary)) 24%, transparent)}.service-requests-view .srv-card.srv-overdue{border-color:color-mix(in srgb, var(--red) 45%, var(--border))}.service-requests-view .srv-card.srv-overdue .srv-card-rail{animation:srv-rail-pulse 2.4s var(--ease-in-out) infinite}.service-requests-view .srv-card.srv-closed{background:var(--surface)}.service-requests-view .srv-card.srv-closed .srv-card-title strong,.service-requests-view .srv-card.srv-closed .srv-message{color:var(--text-soft)}.service-requests-view .srv-card-head{align-items:flex-start;gap:12px;display:flex}.service-requests-view .srv-card-icon{--srv-sla:0;background:conic-gradient(var(--tone,var(--primary)) calc(var(--srv-sla) * 1%), color-mix(in srgb, var(--tone,var(--primary)) 16%, transparent) 0);block-size:50px;inline-size:50px;transition:background var(--motion-base) var(--ease-out);animation:srv-sla-sweep .78s var(--ease-out) .12s backwards;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.service-requests-view .srv-card-icon>i{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--tone,var(--primary)) 88%, white) 0%, var(--tone,var(--primary)) 100%);block-size:36px;inline-size:36px;box-shadow:0 0 0 3px var(--surface), 0 6px 16px color-mix(in srgb, var(--tone,var(--primary)) 34%, transparent), inset 0 1px 0 #ffffff59;border-radius:50%;grid-area:1/1;place-items:center;display:grid}.service-requests-view .srv-card-icon svg{stroke-width:1.9px;width:18px;height:18px}.service-requests-view .srv-card-title{flex-direction:column;flex:1;gap:4px;min-inline-size:0;padding-top:3px;display:flex}.service-requests-view .srv-card-title strong{letter-spacing:-.01em;font-size:14px}.service-requests-view .srv-card-device{min-inline-size:0;color:var(--text-faint);align-items:center;gap:5px;font-size:11px;display:flex}.service-requests-view .srv-card-device svg{flex:none;width:13px;height:13px}.service-requests-view .srv-card-device bdi{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;min-inline-size:0;overflow:hidden}.service-requests-view .srv-new{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 84%, white) 0%, var(--primary) 100%);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 32%, transparent);letter-spacing:.02em;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.service-requests-view .srv-new:before{content:"";block-size:6px;inline-size:6px;animation:srv-blip 1.9s var(--ease-in-out) infinite;background:currentColor;border-radius:50%}.service-requests-view .srv-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;display:flex}.service-requests-view .srv-chip{font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:999px;align-items:center;min-block-size:24px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.service-requests-view .srv-chip-status,.service-requests-view .srv-chip-status.srv-s-received{color:var(--blue);background:var(--blue-soft)}.service-requests-view .srv-chip-status.srv-s-acknowledged{color:var(--purple);background:var(--purple-soft)}.service-requests-view .srv-chip-status.srv-s-in_progress{color:color-mix(in srgb, var(--amber) 74%, var(--text));background:var(--amber-soft)}.service-requests-view .srv-chip-status.srv-s-resolved{color:var(--green);background:var(--green-soft)}.service-requests-view .srv-chip-status.srv-s-cancelled{color:var(--gray);background:var(--gray-soft)}.service-requests-view .srv-chip-sla{color:var(--text-soft);background:var(--surface-soft);border-color:var(--border)}.service-requests-view .srv-chip-sla.srv-overdue{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb, var(--red) 30%, transparent)}.service-requests-view .srv-chip-sla.srv-done{color:var(--text-faint)}.service-requests-view .srv-message{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);min-block-size:44px;color:var(--text);unicode-bidi:plaintext;margin-top:12px;padding:11px 13px;font-size:13px;line-height:1.7}.service-requests-view .srv-message.srv-message-empty{color:var(--text-faint)}.service-requests-view .srv-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.service-requests-view .srv-steps li{min-inline-size:0;color:var(--text-faint);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex;position:relative}.service-requests-view .srv-steps li:before{content:"";background:color-mix(in srgb, var(--text-faint) 22%, transparent);block-size:2px;inline-size:calc(100% + 4px);position:absolute;inset-block-start:5px;inset-inline-start:50%}.service-requests-view .srv-steps li:last-child:before{display:none}.service-requests-view .srv-steps li.srv-step-done:has(+.srv-step-done):before{background:color-mix(in srgb, var(--tone,var(--primary)) 45%, transparent)}.service-requests-view .srv-steps i{z-index:1;border:2px solid color-mix(in srgb, var(--text-faint) 32%, transparent);background:var(--surface);border-radius:50%;block-size:12px;inline-size:12px;position:relative}.service-requests-view .srv-steps li.srv-step-done{color:var(--tone,var(--primary))}.service-requests-view .srv-steps li.srv-step-done i{border-color:var(--tone,var(--primary));background:var(--tone,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--tone,var(--primary)) 14%, transparent)}.service-requests-view .srv-steps span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;overflow:hidden}.service-requests-view .srv-meta{color:var(--text-faint);flex-wrap:wrap;gap:5px 14px;margin-top:13px;font-size:11px;display:flex}.service-requests-view .srv-meta span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.service-requests-view .srv-meta svg{flex:none;width:13px;height:13px}.service-requests-view .srv-meta bdi{unicode-bidi:plaintext}.service-requests-view .srv-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;display:flex}.service-requests-view .srv-actions button{border-radius:10px;min-height:36px;padding:7px 13px;font-size:12px}.service-requests-view .srv-actions .primary-button{flex:auto}.service-requests-view .srv-actions svg{width:15px;height:15px}.service-requests-view .srv-sr-only{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.service-requests-view .srv-loading{position:relative}.service-requests-view .srv-card-skeleton{border-color:var(--border);background:var(--surface);min-block-size:196px;box-shadow:none}.service-requests-view .srv-skeleton-icon{border-radius:50%;flex:none;block-size:50px;inline-size:50px}.service-requests-view .srv-skeleton-block{border-radius:var(--radius-sm);block-size:56px;margin-top:14px}.service-requests-view .srv-empty{border-radius:var(--radius);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--primary) 6%, transparent) 0%, transparent 60%), color-mix(in srgb, var(--surface) 65%, transparent);min-height:300px}.service-requests-view .srv-empty-icon{border:1px solid var(--border);block-size:58px;inline-size:58px;color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface));border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.service-requests-view .srv-empty-icon svg{width:25px;height:25px}.service-requests-view .srv-empty h2{font-size:17px}.service-requests-view .srv-empty p{max-inline-size:420px;font-size:12.5px}.service-requests-view .srv-dialog{border-radius:20px;width:min(540px,100%);padding:22px}.service-requests-view .srv-dialog-target{border:1px solid color-mix(in srgb, var(--tone,var(--primary)) 22%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tone,var(--primary)) 6%, var(--surface-soft));align-items:center;gap:11px;margin-top:16px;padding:11px 13px;display:flex}.service-requests-view .srv-dialog-target>div{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.service-requests-view .srv-dialog-target strong{font-size:13px}.service-requests-view .srv-dialog-target small{color:var(--text-faint);font-size:11px}.service-requests-view .srv-dialog-target bdi{unicode-bidi:plaintext}.service-requests-view .srv-dialog-target-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--tone,var(--primary)) 88%, white) 0%, var(--tone,var(--primary)) 100%);block-size:36px;inline-size:36px;box-shadow:0 5px 14px color-mix(in srgb, var(--tone,var(--primary)) 30%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.service-requests-view .srv-dialog-target-icon svg{width:17px;height:17px}.service-requests-view .srv-dialog>label{margin-top:16px}.service-requests-view .srv-dialog-counter{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:11px;font-weight:700;display:flex}.service-requests-view .srv-dialog-hint{color:var(--green)}.service-requests-view .srv-dialog-hint.is-short{color:var(--text-faint)}.service-requests-view .srv-dialog-count{color:var(--text-faint);font-variant-numeric:tabular-nums}@media (hover:hover){.service-requests-view .srv-stat:hover,.service-requests-view .srv-card:not(.srv-card-skeleton):hover{border-color:color-mix(in srgb, var(--tone,var(--primary)) 45%, var(--border));box-shadow:var(--shadow-md), 0 10px 30px color-mix(in srgb, var(--tone,var(--primary)) 16%, transparent);transform:translateY(-2px)}}.service-requests-view>:not(.modal-backdrop),.service-requests-view .srv-list>*{animation:srv-rise var(--motion-base) var(--ease-out) backwards}.service-requests-view>:nth-child(2):not(.modal-backdrop){animation-delay:30ms}.service-requests-view>:nth-child(3):not(.modal-backdrop){animation-delay:60ms}.service-requests-view>:nth-child(4):not(.modal-backdrop){animation-delay:90ms}.service-requests-view .srv-list>:nth-child(2){animation-delay:35ms}.service-requests-view .srv-list>:nth-child(3){animation-delay:70ms}.service-requests-view .srv-list>:nth-child(4){animation-delay:.105s}.service-requests-view .srv-list>:nth-child(5){animation-delay:.14s}.service-requests-view .srv-list>:nth-child(n+6){animation-delay:.17s}@keyframes srv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes srv-ring-sweep{0%{--srv-ring:0}}@keyframes srv-sla-sweep{0%{--srv-sla:0}}@keyframes srv-blip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes srv-rail-pulse{50%{opacity:.5}}@media (width<=1080px){.service-requests-view .srv-stat{gap:12px;padding:16px}.service-requests-view .srv-stat-value{font-size:27px}}@media (width<=860px){.service-requests-view .srv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.service-requests-view .srv-stats>:last-child{grid-column:1/-1}.service-requests-view .srv-list{grid-template-columns:1fr}}@media (width<=720px){.service-requests-view .srv-fields,.service-requests-view .srv-toggles{flex:100%}.service-requests-view .srv-toggle{flex:auto;justify-content:center}}@media (width<=520px){.service-requests-view .srv-stats{grid-template-columns:1fr}.service-requests-view .srv-stats>:last-child{grid-column:auto}.service-requests-view .srv-stat{min-block-size:104px;padding:15px}.service-requests-view .srv-stat-value{font-size:25px}.service-requests-view .srv-card{padding:15px 14px 14px;padding-inline-start:17px}.service-requests-view .srv-steps,.service-requests-view .srv-steps li{font-size:9px}.service-requests-view .srv-actions button{flex:100%}.service-requests-view .srv-empty{min-height:260px}}@media (prefers-reduced-motion:reduce){.service-requests-view>*,.service-requests-view .srv-list>*,.service-requests-view .srv-ring,.service-requests-view .srv-card-icon,.service-requests-view .srv-card.srv-overdue .srv-card-rail,.service-requests-view .srv-new:before{animation:none}.service-requests-view .srv-stat,.service-requests-view .srv-card,.service-requests-view .srv-toggle,.service-requests-view .srv-clear,.service-requests-view .srv-field select,.service-requests-view .srv-ring,.service-requests-view .srv-card-icon{transition:none}}.customers-view{--text-muted:var(--text-soft);--accent:var(--primary);--tone:var(--primary);--tone-soft:var(--primary-soft)}.customers-view .cv-tone-indigo{--tone:var(--primary);--tone-soft:var(--primary-soft)}.customers-view .cv-tone-green{--tone:var(--green);--tone-soft:var(--green-soft)}.customers-view .cv-tone-blue{--tone:var(--blue);--tone-soft:var(--blue-soft)}.customers-view .cv-tone-amber{--tone:var(--amber);--tone-soft:var(--amber-soft)}.customers-view .cv-tone-red{--tone:var(--red);--tone-soft:var(--red-soft)}.customers-view .cv-tone-purple{--tone:var(--purple);--tone-soft:var(--purple-soft)}.customers-view .cv-tone-gray{--tone:var(--gray);--tone-soft:var(--gray-soft)}.customers-view .panel-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px 22px;position:relative}.customers-view .cv-panel{border-color:color-mix(in srgb, var(--tone) 24%, var(--border));background:radial-gradient(120% 150% at 100% 0%, color-mix(in srgb, var(--tone) 7%, transparent) 0%, transparent 56%), var(--surface)}.customers-view .cv-panel:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 30%, transparent) 0%, var(--tone) 50%, color-mix(in srgb, var(--tone) 30%, transparent) 100%);border-radius:0 0 3px 3px;block-size:3px;position:absolute;inset-block-start:0;inset-inline:22px}.customers-view .cv-list-panel{padding-block:22px 24px}.customers-view .cv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 22px;display:flex}.customers-view .cv-header-main{align-items:center;gap:15px;min-inline-size:0;display:flex}.customers-view .cv-header-main>div{min-inline-size:0}.customers-view .cv-header-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 86%, white) 0%, var(--primary) 100%);block-size:50px;inline-size:50px;box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 26%, transparent), inset 0 1px 0 #ffffff59;border-radius:16px;flex:none;place-items:center;display:grid}.customers-view .cv-header-icon svg{block-size:24px;inline-size:24px}.customers-view .cv-header h1{letter-spacing:-.025em;margin-block-start:4px;font-size:26px}.customers-view .cv-header p{color:var(--text-soft);margin-block-start:5px;font-size:12.5px}.customers-view .eyebrow{color:color-mix(in srgb, var(--tone) 68%, var(--text-soft));letter-spacing:.13em;font-size:10.5px;font-weight:800;line-height:1.5;display:block}.customers-view .cv-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.customers-view .cv-panel-head-main{align-items:center;gap:13px;min-inline-size:0;display:flex}.customers-view .cv-panel-head-text{min-inline-size:0}.customers-view .cv-panel-head-text h2{letter-spacing:-.015em;overflow-wrap:anywhere;margin-block-start:2px;font-size:16.5px}.customers-view .cv-panel-icon,.customers-view .cv-empty-icon,.customers-view .cv-avatar{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--tone) 86%, white) 0%, var(--tone) 100%);box-shadow:0 7px 18px color-mix(in srgb, var(--tone) 28%, transparent), inset 0 1px 0 #ffffff59;flex:none;place-items:center;display:grid}.customers-view .cv-panel-icon{border-radius:13px;block-size:40px;inline-size:40px}.customers-view .cv-panel-icon svg{stroke-width:1.9px;block-size:20px;inline-size:20px}.customers-view .cv-money{white-space:nowrap;unicode-bidi:isolate;align-items:baseline;gap:.3em;display:inline-flex}.customers-view .cv-money-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em;color:var(--text);font-weight:800}.customers-view .cv-money-unit{letter-spacing:.02em;opacity:.58;font-size:.74em;font-weight:700}.customers-view .cv-stat-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;display:grid}.customers-view .cv-stat{border:1px solid color-mix(in srgb, var(--tone) 20%, var(--border));background:linear-gradient(150deg, color-mix(in srgb, var(--tone) 10%, var(--surface-soft)) 0%, var(--surface-soft) 62%);border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:3px 11px;min-block-size:84px;padding:13px 14px;display:grid}.customers-view .cv-stat>.cv-stat-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--tone) 86%, white) 0%, var(--tone) 100%);block-size:34px;inline-size:34px;box-shadow:0 5px 13px color-mix(in srgb, var(--tone) 26%, transparent), inset 0 1px 0 #ffffff59;border-radius:11px;grid-row:1/3;place-items:center;display:grid}.customers-view .cv-stat>.cv-stat-icon svg{block-size:17px;inline-size:17px}.customers-view .cv-stat>span:not(.cv-stat-icon){color:var(--text-soft);grid-column:2;font-size:11.5px;font-weight:700;line-height:1.35}.customers-view .cv-stat>strong{overflow-wrap:anywhere;grid-column:2;min-inline-size:0;font-size:15.5px;font-weight:800}.customers-view .cv-stat>strong.cv-stat-text{color:var(--text-soft);font-size:12.5px;font-weight:700}.customers-view .cv-stat.cv-stat-hero{border-color:color-mix(in srgb, var(--tone) 42%, var(--border));box-shadow:0 8px 22px color-mix(in srgb, var(--tone) 11%, transparent)}.customers-view .cv-stat.cv-stat-hero .cv-money-value{letter-spacing:-.02em;background:linear-gradient(160deg, var(--text) 20%, color-mix(in srgb, var(--tone) 64%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px}.customers-view .cv-stat.cv-stat-hero .cv-money-unit{color:var(--tone);opacity:.72}.customers-view .cv-variance{--tone:var(--gray);border:1px solid color-mix(in srgb, var(--tone) 28%, var(--border));background:color-mix(in srgb, var(--tone) 7%, var(--surface-soft));border-radius:11px;align-content:center;gap:4px;min-block-size:47px;padding:8px 13px;display:grid}.customers-view .cv-variance>span{color:var(--text-soft);font-size:11px;font-weight:700}.customers-view .cv-variance.cashier-shift-variance>strong{color:var(--tone);font-size:14px}.customers-view .cv-variance.cashier-shift-variance>strong .cv-money-value{color:var(--tone)}.customers-view .cv-variance-idle{--tone:var(--gray)}.customers-view .cv-variance-idle.cashier-shift-variance>strong{color:var(--text-faint);font-size:12px;font-weight:600}.customers-view .cv-variance-match{--tone:var(--green)}.customers-view .cv-variance-over{--tone:var(--amber)}.customers-view .cv-variance-short{--tone:var(--red)}.customers-view .cv-closed-summary{border-radius:12px;align-items:center;gap:7px 16px;padding:13px 15px}.customers-view .cv-closed-summary>span{color:var(--text-soft);font-size:11.5px;font-weight:700}.customers-view .cv-closed-summary>strong{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13.5px;display:inline-flex}.customers-view .cv-closed-summary>small{color:var(--text-soft);align-items:baseline;gap:6px;font-size:11.5px;display:inline-flex}@property --cv-ring{syntax:"<number>";inherits:false;initial-value:0}.customers-view .cv-refund-summary{border:1px solid color-mix(in srgb, var(--tone) 22%, var(--border));background:color-mix(in srgb, var(--tone) 5%, var(--surface-soft));border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.customers-view .cv-ring-block{justify-items:center;gap:7px;display:grid}.customers-view .cv-ring-block small{max-inline-size:96px;color:var(--text-soft);text-align:center;font-size:11px;line-height:1.45}.customers-view .cv-ring{--cv-ring:0;background:conic-gradient(var(--tone) calc(var(--cv-ring) * 1%), color-mix(in srgb, var(--tone) 15%, transparent) 0);block-size:78px;inline-size:78px;transition:background var(--motion-base) var(--ease-out);animation:cv-ring-sweep .72s var(--ease-out) .12s backwards;border-radius:50%;place-items:center;display:grid;position:relative}.customers-view .cv-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:60px;inline-size:60px}.customers-view .cv-ring b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tone);grid-area:1/1;font-size:18px;font-weight:800}.customers-view .cv-ring b i{margin-inline-start:1px;font-size:10px;font-style:normal}@keyframes cv-ring-sweep{0%{--cv-ring:0}}.customers-view .cv-notice{border:1px solid color-mix(in srgb, var(--blue) 22%, var(--border));background:color-mix(in srgb, var(--blue) 6%, var(--surface-soft));color:var(--text-soft);border-radius:12px;align-items:flex-start;gap:11px;padding:12px 14px;font-size:12.5px;line-height:1.75;display:flex}.customers-view .cv-notice-icon{block-size:26px;inline-size:26px;color:var(--blue);background:color-mix(in srgb, var(--blue) 14%, transparent);border-radius:8px;flex:none;place-items:center;margin-block-start:1px;display:grid}.customers-view .cv-notice-icon svg{block-size:16px;inline-size:16px}.customers-view .cv-notice-warn{border-color:color-mix(in srgb, var(--amber) 32%, var(--border));background:color-mix(in srgb, var(--amber) 8%, var(--surface-soft))}.customers-view .cv-notice-warn .cv-notice-icon{color:var(--amber);background:color-mix(in srgb, var(--amber) 16%, transparent)}.customers-view .cv-notice code{background:color-mix(in srgb, var(--text-faint) 15%, transparent);direction:ltr;unicode-bidi:isolate;border-radius:5px;padding:1px 5px;font-size:11.5px}.customers-view .cv-warning{align-items:flex-start;gap:11px;font-size:12.5px;line-height:1.75;display:flex}.customers-view .cv-warning .cv-notice-icon{color:var(--amber);background:color-mix(in srgb, var(--amber) 18%, transparent)}.customers-view .cv-alert{border:1px solid color-mix(in srgb, var(--red) 30%, var(--border));color:var(--red);background:var(--red-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.6;display:flex}.customers-view .cv-alert>span:not(.cv-alert-icon){flex:200px;min-inline-size:0}.customers-view .cv-alert-icon{block-size:28px;inline-size:28px;color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent);border-radius:9px;flex:none;place-items:center;display:grid}.customers-view .cv-alert-icon svg{block-size:17px;inline-size:17px}.customers-view .cv-alert .ghost-button{flex:none;min-block-size:34px;padding:5px 12px;font-size:11.5px}.customers-view .cv-state{border:1px dashed var(--border-strong);min-block-size:54px;color:var(--text-soft);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border-radius:12px;justify-content:start;align-items:center;gap:10px;padding:12px 15px;font-size:12.5px;display:flex}.customers-view .cv-state-empty{text-align:center;flex-direction:column;justify-content:center;gap:11px;min-block-size:140px}.customers-view .cv-spinner{border:2px solid color-mix(in srgb, var(--tone) 22%, transparent);border-block-start-color:var(--tone);border-radius:50%;flex:none;block-size:16px;inline-size:16px;animation:.78s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}.customers-view .cv-fineprint{color:var(--text-faint);align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.7;display:flex}.customers-view .cv-fineprint svg{flex:none;block-size:15px;inline-size:15px;margin-block-start:2px}.customers-view .cv-subject{background:var(--surface-soft);border-radius:11px;padding:11px 13px;font-size:12.5px}.customers-view .cv-subject bdi{unicode-bidi:plaintext}.customers-view .cv-workspace{gap:18px}.customers-view .customer-form>.field,.customers-view .cv-fields>.field{margin-block-end:0}.customers-view .cv-fields{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px;display:grid}.customers-view .cv-fields .cv-field-wide{grid-column:1/-1}.customers-view .cv-form-row{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:13px;display:grid}.customers-view .cv-form-row>button{min-block-size:47px}.customers-view .cv-topup-form select:disabled{opacity:.55;cursor:not-allowed}.customers-view .cv-current-balance{border:1px solid color-mix(in srgb, var(--tone) 22%, var(--border));background:color-mix(in srgb, var(--tone) 6%, var(--surface-soft));color:var(--text-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:12.5px;font-weight:700;display:flex}.customers-view .cv-current-balance .cv-money-value{font-size:19px}.customers-view .cv-dialog{border-color:color-mix(in srgb, var(--tone) 30%, var(--border));background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--tone) 8%, transparent) 0%, transparent 55%), var(--surface)}.customers-view .cv-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-block-end:18px;display:flex}.customers-view .cv-toolbar h2{letter-spacing:-.015em;align-items:center;gap:9px;font-size:17px;display:inline-flex}.customers-view .cv-count{min-inline-size:26px;color:var(--primary);background:var(--primary-soft);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.customers-view .cv-toolbar .cv-search{border:1px solid var(--border);background:var(--surface-soft);min-inline-size:0;max-inline-size:440px;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-radius:12px;flex:280px;align-items:center;gap:9px;padding:5px;padding-inline-start:13px;display:flex}.customers-view .cv-toolbar .cv-search:focus-within{border-color:var(--primary);background:var(--surface)}.customers-view .cv-search>svg{block-size:18px;inline-size:18px;color:var(--text-faint);flex:none}.customers-view .cv-search input{min-block-size:38px;min-inline-size:0;color:var(--text);background:0 0;border:0;flex:1;padding:0}.customers-view .cv-search input::placeholder{color:var(--text-faint)}.customers-view .cv-search input:focus-visible{box-shadow:none}.customers-view .cv-search button{color:#fff;background:var(--primary);border:0;border-radius:9px;flex:none;min-block-size:36px;padding:6px 15px;font-size:12px;font-weight:700}.customers-view .cv-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.customers-view .cv-customer-card{border-color:color-mix(in srgb, var(--tone) 20%, var(--border));background:linear-gradient(155deg, color-mix(in srgb, var(--tone) 8%, var(--surface-soft)) 0%, var(--surface-soft) 58%);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:15px;align-content:start;padding:17px;position:relative;overflow:hidden}.customers-view .cv-customer-card:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 30%, transparent) 0%, var(--tone) 50%, color-mix(in srgb, var(--tone) 30%, transparent) 100%);block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}@media (hover:hover){.customers-view .cv-customer-card:hover{border-color:color-mix(in srgb, var(--tone) 42%, var(--border));box-shadow:var(--shadow-md), 0 10px 26px color-mix(in srgb, var(--tone) 13%, transparent);transform:translateY(-2px)}}.customers-view .cv-customer-card.selected{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 26%, transparent), var(--shadow-sm)}.customers-view .cv-avatar{letter-spacing:.02em;border-radius:13px;block-size:42px;inline-size:42px;font-size:13px;font-weight:800}.customers-view .customer-card-profile strong,.customers-view .customer-card-profile small{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;min-inline-size:0;display:block;overflow:hidden}.customers-view .customer-card-profile strong{letter-spacing:-.01em;font-size:14px}.customers-view .customer-card-profile small{color:var(--text-soft);margin-block-start:2px;font-size:11px}.cv-meta{border-block-start:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;padding-block-start:13px}.cv-meta>div{background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid #0000;border-radius:10px;padding:9px 11px}.customers-view .cv-meta dt{color:var(--text-faint);letter-spacing:.01em;font-size:10.5px;font-weight:700}.customers-view .cv-meta dd{unicode-bidi:plaintext;font-size:12px;font-weight:700}.customers-view .cv-meta>.customer-status-reason,.customers-view .cv-meta>.customer-status-until{grid-column:1/-1}.cv-wallet{border-block-start:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;padding-block-start:13px}.customers-view .cv-wallet>.cv-wallet-cell{border:1px solid color-mix(in srgb, var(--tone) 20%, transparent);background:color-mix(in srgb, var(--tone) 7%, var(--surface));border-radius:11px;gap:3px;padding:10px 12px;padding-inline-start:15px;display:grid;position:relative}.customers-view .cv-wallet>.cv-wallet-cell:before{content:"";background:var(--tone);border-radius:999px;inline-size:3px;position:absolute;inset-block:10px;inset-inline-start:0}.customers-view .cv-wallet>.cv-wallet-frozen{border-style:dashed}.customers-view .cv-wallet-cell>span{color:var(--text-soft);font-size:11px;font-weight:700}.customers-view .cv-wallet-cell>strong{font-size:14.5px}.customers-view .cv-wallet>.cv-wallet-error,.customers-view .cv-wallet>.cv-wallet-loading{grid-column:1/-1}.customers-view .cv-wallet-loading{background:var(--surface);border-radius:11px;gap:7px;padding:11px 12px;display:grid}.customers-view .cv-skel{border-radius:6px;block-size:11px;inline-size:100%;margin:0}.customers-view .cv-skel+.cv-skel{inline-size:62%}.customers-view .cv-loading-label{color:var(--text-faint);font-size:11px}.customers-view .cv-actions{border-block-start:1px solid var(--border);align-items:center;gap:8px;padding-block-start:13px}.customers-view .cv-actions-admin{border-block-start:1px dashed color-mix(in srgb, var(--border-strong) 85%, transparent);flex-wrap:wrap;flex:100%;align-items:center;gap:8px;padding-block-start:10px;display:flex}.customers-view .cv-actions button{border-radius:9px;gap:6px;min-block-size:34px;padding:6px 12px;font-size:11.5px}.customers-view .cv-actions button svg{block-size:15px;inline-size:15px}.customers-view .cv-unlock-button{margin-inline-start:auto}.customers-view .cv-empty{border-radius:15px;min-block-size:210px;padding:34px 24px}.customers-view .cv-empty-icon{border-radius:16px;block-size:52px;inline-size:52px;margin-block-end:14px}.customers-view .cv-empty-icon svg{block-size:24px;inline-size:24px}.customers-view .cv-empty h3{margin:0;font-size:15.5px}.customers-view .cv-empty p{max-inline-size:400px;color:var(--text-soft);margin:8px 0 0;font-size:12.5px;line-height:1.7}.customers-view .cv-state-empty .cv-empty-icon{border-radius:14px;block-size:44px;inline-size:44px;margin-block-end:0}.customers-view .cv-ledger-wrap{border-radius:13px;max-block-size:min(60vh,540px);overflow:auto}.customers-view .cv-ledger{font-variant-numeric:tabular-nums}.customers-view .cv-ledger thead th{z-index:2;color:var(--text-soft);background:var(--surface-soft);letter-spacing:.01em;box-shadow:inset 0 -1px 0 var(--border);font-size:11.5px;font-weight:800;position:sticky;inset-block-start:0}.customers-view .cv-ledger tbody tr{transition:background var(--motion-fast) var(--ease-out)}.customers-view .cv-ledger tbody tr:nth-child(2n){background:color-mix(in srgb, var(--text-faint) 5%, transparent)}.customers-view .cv-ledger tbody tr:hover{background:color-mix(in srgb, var(--tone) 8%, transparent)}.customers-view .cv-ledger td{font-size:12px}.customers-view .cv-ledger-id code{color:var(--text-soft);background:color-mix(in srgb, var(--text-faint) 11%, transparent);border-radius:7px;padding:4px 8px;font-size:10.5px;line-height:1.55}.customers-view .cv-ledger-type{background:color-mix(in srgb, var(--text-faint) 13%, transparent);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.customers-view .cv-receipt{color:var(--text-soft);unicode-bidi:plaintext;font-size:11.5px}.customers-view .cv-ledger-date{color:var(--text-soft);white-space:nowrap;font-size:11.5px}.customers-view .wallet-amount-negative .cv-money-value{color:var(--red)}.customers-view .wallet-amount-positive .cv-money-value{color:var(--green)}.customers-view .wallet-balance-change{gap:8px}.customers-view .wallet-balance-change .cv-money-value{color:var(--text-soft);font-size:11.5px;font-weight:700}.customers-view .wallet-balance-change b{color:var(--text-faint)}.customers-view .status-pill{border-radius:9px;min-block-size:27px;padding:5px 10px;font-size:11px}.customers-view .status-pill svg{block-size:14px;inline-size:14px}.customers-view .cv-branch-pill{unicode-bidi:plaintext}.customers-view .cv-limit-pill{gap:6px}.customers-view .cv-limit-pill .cv-money-value{color:inherit;font-size:12px}.customers-view .cv-limit-pill .cv-money-unit{opacity:.7}.customers-view>:not(.customer-account-backdrop){animation:cv-rise var(--motion-base) var(--ease-out) backwards}.customers-view>:nth-child(2){animation-delay:35ms}.customers-view>:nth-child(3){animation-delay:70ms}.customers-view>:nth-child(4){animation-delay:.105s}.customers-view .cv-grid>article{animation:cv-rise var(--motion-base) var(--ease-out) backwards}.customers-view .cv-backdrop{animation:cv-fade var(--motion-fast) var(--ease-out) backwards}.customers-view .cv-dialog{animation:cv-pop var(--motion-base) var(--ease-out) backwards}@keyframes cv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cv-fade{0%{opacity:0}to{opacity:1}}@keyframes cv-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (width<=1180px){.customers-view .cv-refund-summary{grid-template-columns:1fr;justify-items:center}.customers-view .cv-ring-block{max-inline-size:none}}@media (width<=980px){.customers-view .cv-stat-grid,.customers-view .cv-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-view .cv-form-row>button{grid-column:1/-1}}@media (width<=700px){.customers-view .panel-card{padding:17px 15px}.customers-view .cv-header-icon{border-radius:14px;block-size:44px;inline-size:44px}.customers-view .cv-header h1{font-size:22px}.customers-view .cv-grid{grid-template-columns:1fr}}@media (width<=560px){.customers-view .cv-stat-grid,.customers-view .cv-form-row{grid-template-columns:1fr}.customers-view .cv-form-row>button{grid-column:auto}.customers-view .cv-panel-head{align-items:flex-start}.customers-view .cv-toolbar .cv-search{max-inline-size:none}.customers-view .cv-actions button{flex:auto}.customers-view .cv-ledger-wrap{max-block-size:none}.customers-view .cv-stat.cv-stat-hero .cv-money-value{font-size:19px}}@media (prefers-reduced-motion:reduce){.customers-view>*,.customers-view .cv-grid>article,.customers-view .cv-backdrop,.customers-view .cv-dialog,.customers-view .cv-ring,.customers-view .cv-spinner,.customers-view .skeleton{animation:none}.customers-view .skeleton{background:var(--skeleton-base)}.customers-view .cv-spinner{border-block-start-color:var(--tone);opacity:.7}.customers-view .cv-customer-card,.customers-view .cv-ring,.customers-view .cv-ledger tbody tr,.customers-view .cv-toolbar .cv-search{transition:none}.customers-view .cv-customer-card:hover{transform:none}}.mv-tone-indigo{--mv-tone:var(--primary);--mv-tone-soft:var(--primary-soft)}.mv-tone-green{--mv-tone:var(--green);--mv-tone-soft:var(--green-soft)}.mv-tone-amber{--mv-tone:var(--amber);--mv-tone-soft:var(--amber-soft)}.mv-tone-red{--mv-tone:var(--red);--mv-tone-soft:var(--red-soft)}.mv-tone-gray{--mv-tone:var(--gray);--mv-tone-soft:var(--gray-soft)}.mv-view .compact-select>span{font-size:11px}.mv-view .media-branch-select select{min-height:40px;font-size:12.5px}.mv-view .segmented-control button{min-height:40px;padding-inline:14px;font-size:12px}.mv-view .segmented-control button span{min-width:22px;height:22px;font-size:11px}.mv-view .status-pill{min-height:26px;padding:4px 10px;font-size:11px}.mv-view .secondary-icon-button{font-size:11px}.mv-view .media-kind{margin-bottom:3px;font-size:11px}.mv-view .media-card-title-row h2{letter-spacing:-.015em;font-size:16.5px}.mv-view .media-generated-badge,.mv-view .media-template-badge{min-height:22px;padding:4px 9px;font-size:10px}.mv-view .mv-meta dt{font-size:10.5px}.mv-view .mv-meta dd{font-size:12px}.mv-view .mv-revision>div small{font-size:11.5px}.mv-view .mv-revision dt{font-size:10px}.mv-view .mv-revision dd{font-size:12px}.mv-view .media-device-sync-title small{font-size:11px}.mv-view .media-device-sync-title h2{letter-spacing:-.015em;font-size:17px}.mv-view .media-device-sync-card-heading strong{font-size:13px}.mv-view .media-device-sync-card-heading small{font-size:10.5px}.mv-view .media-device-sync-card dt{font-size:10px}.mv-view .media-device-sync-card dd{font-size:11.5px}.mv-view .media-device-sync-card code{font-size:10.5px}.mv-view .mv-sync>footer{padding:9px 15px;font-size:10.5px}.mv-view .mv-last-revision{margin-top:10px;font-size:10.5px}.mv-view .media-inline-edit label{font-size:11px}.mv-view .media-creative-qr-toggle small{font-size:10.5px}.mv-view .mv-creative-canvas>strong{font-size:12px}.mv-view .mv-creative-canvas>small{font-size:10.5px}.mv-view .mv-file-meta small{font-size:10px}.mv-view .mv-file-meta bdi{font-size:11.5px}.mv-view .mv-drop strong{font-size:13px}.mv-view .mv-items>header h3{font-size:14px}.mv-view .mv-items>header p{font-size:11px}.mv-view .mv-items>header select{min-height:40px;font-size:12px}.mv-view .mv-items>header button{min-height:40px;font-size:11.5px}.mv-view .media-item-info strong{font-size:12px}.mv-view .media-item-info small,.mv-view .mv-items li>label{font-size:10.5px}.mv-view .mv-items li input{height:34px;font-size:11.5px}.mv-view .mv-meta dd,.mv-view .media-card-title-row h2,.mv-view .media-device-sync-card-heading strong,.mv-view .media-device-sync-card-heading small,.mv-view .media-item-info strong,.mv-view .media-item-info small,.mv-view .mv-drop strong,.mv-view .mv-last-revision,.mv-view .mv-sequence>span{unicode-bidi:plaintext}.mv-view .mv-icon-tile{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 88%, white) 0%, var(--mv-tone,var(--primary)) 100%);block-size:46px;inline-size:46px;box-shadow:0 6px 16px color-mix(in srgb, var(--mv-tone,var(--primary)) 32%, transparent), inset 0 1px 0 #ffffff59;border-radius:14px;flex:none}.mv-view .mv-icon-tile svg{stroke-width:1.9px;width:22px;height:22px}.mv-view .mv-sheen{background:radial-gradient(circle, color-mix(in srgb, var(--mv-tone,var(--primary)) 26%, transparent) 0%, transparent 68%);pointer-events:none;z-index:-1;border-radius:50%;block-size:200px;inline-size:200px;position:absolute;inset-block-start:-60%;inset-inline-start:-20%}.mv-view .mv-accent{pointer-events:none;background:linear-gradient(90deg, transparent 0%, var(--mv-tone,var(--primary)) 22%, color-mix(in srgb, var(--mv-tone,var(--primary)) 45%, transparent) 100%);block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.mv-view .mv-ring{--mv-ring:0;background:conic-gradient(var(--mv-tone,var(--primary)) calc(var(--mv-ring) * 1%), color-mix(in srgb, var(--mv-tone,var(--primary)) 15%, transparent) 0);block-size:58px;inline-size:58px;transition:background var(--motion-base) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mv-view .mv-ring:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;block-size:45px;inline-size:45px}.mv-view .mv-ring b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--mv-tone,var(--primary));grid-area:1/1;font-size:14px;font-weight:800}.mv-view .mv-ring b i{margin-inline-start:1px;font-size:9px;font-style:normal}.mv-view .mv-control-bar{border-radius:var(--radius);border-color:color-mix(in srgb, var(--primary) 12%, var(--border));background:linear-gradient(150deg, color-mix(in srgb, var(--primary) 5%, var(--surface)) 0%, var(--surface) 62%);gap:16px;padding:12px 15px}.mv-view .media-tabs button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}.mv-view .mv-archive-filter{border:1px solid var(--border);background:var(--surface-soft);min-height:40px;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:999px;padding:8px 14px;font-size:11.5px}.mv-view .mv-archive-filter.mv-on{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 34%, var(--border));background:var(--primary-soft)}.mv-view .mv-revision{isolation:isolate;border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 22%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 9%, var(--surface)) 0%, var(--surface) 60%);gap:16px;min-height:96px;padding:18px 20px;position:relative;overflow:hidden}.mv-view .mv-revision>div strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;background:linear-gradient(160deg, var(--text) 25%, color-mix(in srgb, var(--mv-tone,var(--primary)) 62%, var(--text)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:3px;font-size:19px}.mv-view .mv-revision dl div{border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 16%, var(--border));background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:11px;padding:9px 12px}.mv-view .mv-revision-hash dd{font-variant-numeric:tabular-nums}.mv-view .mv-revision-hint{min-inline-size:180px;color:var(--text-soft);flex:200px;font-size:12px;line-height:1.6}.mv-view .mv-sync>header{min-height:78px;padding:15px 18px}.mv-view .mv-sync-meter{align-items:center;gap:14px;display:flex}.mv-view .mv-sync-counts{justify-content:flex-end;gap:7px}.mv-view .mv-sync-counts span{border-radius:999px;gap:6px;min-height:32px;padding:6px 11px;font-size:11px}.mv-view .mv-sync-counts span b{font-variant-numeric:tabular-nums;font-size:13px}.mv-view .mv-sync-counts .mv-count-idle{color:var(--text-faint);background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--border)}.mv-view .mv-sync-card{border-inline-start-color:var(--mv-tone,var(--primary));background:linear-gradient(160deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 7%, var(--surface)) 0%, var(--surface-soft) 58%);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);position:relative}.mv-view .media-device-sync-card-heading{align-items:center;gap:10px}.mv-view .media-device-sync-card-heading>div{flex:1}.mv-view .mv-sync-card-icon{block-size:32px;inline-size:32px;color:var(--mv-tone,var(--primary));background:color-mix(in srgb, var(--mv-tone,var(--primary)) 13%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.mv-view .mv-sync-card-icon svg{width:17px;height:17px}.mv-view .media-device-sync-card dl{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-top:11px;padding-top:10px}.mv-view .mv-sync-empty{flex-direction:column;gap:11px;padding:28px 18px;font-size:12.5px}.mv-view .mv-sync-empty .mv-empty-icon{border:1px solid var(--border);block-size:46px;inline-size:46px;color:var(--text-faint);background:var(--gray-soft);border-radius:15px}.mv-view .mv-sync-empty .mv-empty-icon svg{width:21px;height:21px}.mv-view .mv-asset-card{isolation:isolate;border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 20%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 7%, var(--surface)) 0%, var(--surface) 52%);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);position:relative}@media (hover:hover){.mv-view .mv-asset-card:hover,.mv-view .mv-playlist-card:hover{border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 45%, var(--border));box-shadow:var(--shadow-md), 0 10px 30px color-mix(in srgb, var(--mv-tone,var(--primary)) 16%, transparent);transform:translateY(-2px)}}.mv-view .mv-preview{border-block-end:1px solid color-mix(in srgb, var(--mv-tone,var(--primary)) 18%, var(--border));background:radial-gradient(120% 130% at 78% 4%, color-mix(in srgb, var(--mv-tone,var(--primary)) 20%, transparent) 0%, transparent 62%), var(--surface-soft);height:184px}.mv-view .mv-preview-loaded{background:var(--navy)}.mv-view .mv-preview-error{border-block-end-color:color-mix(in srgb, var(--red) 45%, var(--border))}.mv-view .mv-preview>img,.mv-view .mv-preview>video{background:var(--navy)}.mv-view .mv-preview>button{color:var(--mv-tone,var(--primary));transition:background var(--motion-fast) var(--ease-out);gap:10px;font-size:12px}.mv-view .mv-preview>button:hover:not(:disabled){background:color-mix(in srgb, var(--mv-tone,var(--primary)) 8%, transparent)}.mv-view .mv-preview>button>svg{opacity:.62;width:40px;height:40px}.mv-view .mv-preview>small{font-size:10.5px}.mv-view .mv-meta{gap:10px 12px}.mv-view .mv-meta-wide{grid-column:1/-1}.mv-view .mv-meta-hash dd{font-variant-numeric:tabular-nums}.mv-view .media-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.mv-view .media-card-actions button{min-height:37px}.mv-view .media-card-actions button:first-child{grid-column:1/-1}.mv-view .mv-confirm,.mv-view .mv-confirm:hover{color:#fff;border-color:var(--red);background:var(--red)}.mv-view .media-inline-edit input{height:38px;font-size:12px}.mv-view .mv-playlist-card{isolation:isolate;border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 20%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 7%, var(--surface)) 0%, var(--surface) 46%);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);position:relative;overflow:hidden}.mv-view .mv-stats{gap:7px}.mv-view .mv-stats span{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:6px 11px;font-size:11px;display:inline-flex}.mv-view .mv-stats strong{font-variant-numeric:tabular-nums;font-size:12.5px}.mv-view .mv-stats .emergency{border-color:color-mix(in srgb, var(--red) 35%, var(--border));background:var(--red-soft)}.mv-view .mv-sequence{gap:7px;padding-block-end:3px}.mv-view .mv-sequence>span{background:var(--surface);border-radius:9px;gap:7px;min-height:31px;padding:6px 9px;font-size:11px}.mv-view .mv-sequence b{border-radius:6px;block-size:20px;inline-size:20px;font-size:10.5px;font-weight:800}.mv-view .mv-sequence small{font-size:10px}.mv-view .mv-sequence>.mv-sequence-missing{color:var(--red);border-color:color-mix(in srgb, var(--red) 32%, var(--border));background:var(--red-soft)}.mv-view .mv-sequence>.mv-sequence-missing b{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.mv-view .media-playlist-actions{gap:7px;width:176px}.mv-view .media-playlist-actions button{min-height:37px;padding:6px 8px;font-size:10px}.mv-view .media-playlist-actions .media-publish-button{min-height:42px;font-size:11.5px}.mv-view .media-playlist-actions .mv-confirm{grid-column:1/-1}.mv-view .mv-alert{align-items:center;gap:11px;font-size:12.5px}.mv-view .mv-alert-icon{background:color-mix(in srgb, var(--red) 13%, transparent);border-radius:10px;flex:none;place-items:center;block-size:30px;inline-size:30px;display:grid}.mv-view .mv-alert-icon svg{width:16px;height:16px}.mv-view .media-error button{border:1px solid color-mix(in srgb, var(--red) 32%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent);border-radius:9px;min-height:34px;padding:6px 13px;font-size:12px}.mv-empty-icon{place-items:center;display:grid}.mv-empty{border-color:color-mix(in srgb, var(--mv-tone,var(--primary)) 28%, var(--border-strong));background:radial-gradient(120% 130% at 50% 0%, color-mix(in srgb, var(--mv-tone,var(--primary)) 8%, transparent) 0%, transparent 62%), color-mix(in srgb, var(--surface) 70%, transparent)}.mv-empty .mv-empty-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--mv-tone,var(--primary)) 86%, white) 0%, var(--mv-tone,var(--primary)) 100%);block-size:64px;inline-size:64px;box-shadow:0 10px 26px color-mix(in srgb, var(--mv-tone,var(--primary)) 26%, transparent), inset 0 1px 0 #ffffff59;border-radius:20px;margin-bottom:16px}.mv-empty .mv-empty-icon svg{width:28px;height:28px}.mv-empty h2{letter-spacing:-.015em;font-size:18px}.mv-empty p{font-size:13px;line-height:1.7}.mv-view .mv-skeleton-grid{gap:16px}.mv-view .mv-skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.mv-view .mv-skeleton-preview{border-radius:0;block-size:184px}.mv-view .mv-skeleton-body{padding:16px}.mv-view .mv-skeleton-grid-line{border-radius:10px;block-size:38px;margin-top:12px}.mv-view .mv-drop{min-height:214px;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-width:2px;border-radius:15px;gap:7px}.mv-view .mv-drop-icon{block-size:50px;inline-size:50px;color:var(--primary);background:var(--primary-soft);transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-radius:16px;place-items:center;margin-bottom:7px;display:grid}.mv-view .mv-drop-icon svg{width:23px;height:23px}.mv-view .mv-drop-formats{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:5px;display:flex}.mv-view .mv-drop-formats b{border:1px solid var(--border);color:var(--text-soft);background:var(--surface);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.mv-view .mv-drop.mv-drop-ready{border-color:var(--green);background:var(--green-soft)}.mv-view .mv-drop.mv-drop-ready .mv-drop-icon{color:#fff;background:linear-gradient(140deg, color-mix(in srgb, var(--green) 88%, white) 0%, var(--green) 100%);box-shadow:0 6px 16px color-mix(in srgb, var(--green) 30%, transparent)}.mv-view .mv-drop.mv-drop-invalid{border-color:var(--red);background:var(--red-soft)}.mv-view .mv-drop.mv-drop-invalid .mv-drop-icon{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.mv-view .mv-local-preview{background:var(--navy);border-radius:15px;min-height:214px}.mv-view .mv-local-preview img,.mv-view .mv-local-preview video{height:214px}.mv-view .mv-file-meta span{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:9px 11px}.mv-view .mv-note,.mv-view .mv-warning{border-radius:12px;gap:10px;min-height:46px;padding:11px 13px;font-size:11.5px;line-height:1.7}.mv-view .mv-note{border:1px solid color-mix(in srgb, var(--green) 26%, var(--border))}.mv-view .mv-note-icon{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:9px;flex:none;place-items:center;block-size:28px;inline-size:28px;display:grid}.mv-view .mv-note-icon svg{width:15px;height:15px}.mv-view .mv-creative-panel{border-radius:15px;gap:11px;padding:13px}.mv-view .mv-creative-canvas{border-radius:13px;position:relative}.mv-view .mv-is-rendering:after{content:"";pointer-events:none;animation:mv-shimmer 1.3s var(--ease-in-out) infinite;background:linear-gradient(115deg,#0000 36%,#ffffff1f 50%,#0000 64%) 0 0/240% 100%;position:absolute;inset:0}.mv-view .mv-toggle-grid{gap:9px}.mv-view .mv-items>header>div:first-child{flex:1;min-inline-size:150px}.mv-view .mv-items-rail{background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;block-size:5px;max-inline-size:260px;margin-top:8px;display:block;position:relative;overflow:hidden}.mv-view .mv-items-rail:after{content:"";inline-size:calc(var(--mv-fill,0) * 1%);background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 68%, var(--blue)) 0%, var(--primary) 100%);transition:inline-size var(--motion-base) var(--ease-out);border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.mv-view .mv-items ol{gap:7px;max-height:330px}.mv-view .mv-items li{min-height:60px}.mv-view .mv-item-position{border-radius:8px;block-size:28px;inline-size:28px;font-size:11px}.mv-view .mv-items li.mv-item-missing{border-color:color-mix(in srgb, var(--red) 32%, var(--border));background:var(--red-soft)}.mv-view .mv-items li.mv-item-missing .mv-item-position{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.mv-view .media-item-order button,.mv-view .media-item-remove{block-size:31px;inline-size:31px}.mv-view .mv-items-empty .mv-empty-icon{border:1px solid var(--border);block-size:48px;inline-size:48px;color:var(--text-faint);background:var(--surface);border-radius:15px;margin-bottom:10px}.mv-view .mv-items-empty .mv-empty-icon svg{width:22px;height:22px}.mv-view .mv-items-empty strong{font-size:13px}.mv-view .mv-items-empty p{font-size:11.5px}.mv-view>:not(.modal-backdrop),.mv-view .media-assets-grid>*,.mv-view .media-playlists-list>*{animation:mv-rise var(--motion-base) var(--ease-out) backwards}.mv-view>:nth-child(2){animation-delay:30ms}.mv-view>:nth-child(3){animation-delay:60ms}.mv-view>:nth-child(4){animation-delay:90ms}.mv-view>:nth-child(5){animation-delay:.12s}.mv-view .media-assets-grid>:nth-child(2),.mv-view .media-playlists-list>:nth-child(2){animation-delay:40ms}.mv-view .media-assets-grid>:nth-child(3),.mv-view .media-playlists-list>:nth-child(3){animation-delay:80ms}.mv-view .media-assets-grid>:nth-child(n+4),.mv-view .media-playlists-list>:nth-child(n+4){animation-delay:.12s}@keyframes mv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mv-shimmer{0%{background-position:100%}to{background-position:0}}@property --mv-ring{syntax:"<number>";inherits:false;initial-value:0}.mv-view .mv-ring{animation:mv-ring-sweep .82s var(--ease-out) .14s backwards}@keyframes mv-ring-sweep{0%{--mv-ring:0}}@media (width<=1040px){.mv-view .mv-revision{flex-wrap:wrap;align-items:flex-start}.mv-view .media-playlist-actions{width:100%}}@media (width<=900px){.mv-view .mv-sync-meter{flex-wrap:wrap}}@media (width<=720px){.mv-view .mv-sync-meter{inline-size:100%}.mv-view .mv-sync-counts{justify-content:flex-start}.mv-view .mv-drop,.mv-view .mv-local-preview{min-height:172px}.mv-view .mv-local-preview img,.mv-view .mv-local-preview video{height:172px}.mv-view .mv-items-rail{max-inline-size:none}}@media (width<=560px){.mv-view .media-card-actions{grid-template-columns:1fr}.mv-view .mv-ring{block-size:50px;inline-size:50px}.mv-view .mv-ring:before{block-size:39px;inline-size:39px}.mv-view .mv-ring b{font-size:12px}.mv-view .mv-revision>div strong{font-size:17px}}@media (width<=480px){.mv-view .mv-preview{height:168px}.mv-view .mv-skeleton-preview{block-size:168px}}@media (prefers-reduced-motion:reduce){.mv-view>:not(.modal-backdrop),.mv-view .media-assets-grid>*,.mv-view .media-playlists-list>*,.mv-view .mv-ring,.mv-view .mv-is-rendering:after{animation:none}.mv-view .mv-asset-card,.mv-view .mv-playlist-card,.mv-view .mv-sync-card,.mv-view .mv-drop,.mv-view .mv-drop-icon,.mv-view .mv-archive-filter,.mv-view .mv-preview>button,.mv-view .mv-ring,.mv-view .mv-items-rail:after{transition:none}}.sv-end-total{gap:10px;margin:14px 0 4px;display:flex}.sv-end-total>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);text-align:center;flex:1;padding:12px 14px}.sv-end-total span{color:var(--text-soft);font-size:10.5px;display:block}.sv-end-total strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--primary);margin-block-start:4px;font-size:19px;display:block}.sv-end-total .sv-end-cost{border-color:color-mix(in srgb, var(--green) 30%, var(--border));background:var(--green-soft)}.sv-end-total .sv-end-cost strong{color:var(--green)}.sv-mode-toggle{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:8px;margin-block-end:16px;padding:4px;display:flex}.sv-mode-toggle button{color:var(--text-soft);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:12.5px;font-weight:600;display:inline-flex}.sv-mode-toggle button svg{block-size:16px;inline-size:16px}.sv-mode-toggle button.is-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.sv-wallet-preview{gap:10px;margin-block-end:16px;display:flex}.sv-wallet-preview>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);text-align:center;flex:1;padding:12px 14px}.sv-wallet-preview span{color:var(--text-soft);font-size:10.5px;display:block}.sv-wallet-preview strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-block-start:4px;font-size:18px;display:block}.sv-wallet-preview .sv-wallet-minutes{border-color:color-mix(in srgb, var(--green) 30%, var(--border));background:var(--green-soft)}.sv-wallet-preview .sv-wallet-minutes strong{color:var(--green)}.login-page{--login-bg:#030714;--login-bg-raised:#081226;--login-surface:#080f1fc7;--login-surface-strong:#070e1df0;--login-text:#f5f8ff;--login-muted:#9aa9bf;--login-faint:#73839b;--login-cyan:#36ddff;--login-violet:#8b67ff;--login-danger:#ff788c;isolation:isolate;min-width:0;min-height:100dvh;color:var(--login-text);background:radial-gradient(circle at 73% 16%,#2b76ff29,#0000 29%),radial-gradient(circle at 18% 76%,#26d7ff17,#0000 31%),linear-gradient(135deg,#030713 0%,#061022 51%,#020611 100%);flex-direction:column;font-family:Alexandria Variable,IBM Plex Sans Arabic,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:clip}.login-page:before{content:"";z-index:-3;pointer-events:none;opacity:.38;background-image:linear-gradient(#6c97d60d 1px,#0000 1px),linear-gradient(90deg,#6c97d60d 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 65% 46%,#000 0%,#0000 73%);mask-image:radial-gradient(at 65% 46%,#000 0%,#0000 73%)}.login-atmosphere{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-atmosphere .login-aurora{filter:blur(2px);will-change:transform, opacity;border-radius:50%;position:absolute}.login-atmosphere>.login-aurora.login-aurora-cyan{aspect-ratio:1;background:radial-gradient(circle,#23d0ff1c,#0000 68%);width:min(62vw,920px);animation:18s ease-in-out infinite alternate loginAuroraFloat;inset:auto -23% -46% auto}.login-atmosphere>.login-aurora.login-aurora-violet{aspect-ratio:1;background:radial-gradient(circle,#7252ff24,#0000 69%);width:min(50vw,760px);animation:22s ease-in-out -8s infinite alternate-reverse loginAuroraFloat;inset:-37% auto auto -17%}.login-network{opacity:.34;width:100%;height:100%;position:absolute;inset:0}.login-network-lines{fill:none;stroke:#5193dc4a;stroke-width:1.1px;vector-effect:non-scaling-stroke}.login-network-nodes{fill:#3bdfff;stroke:#36ddff2e;stroke-width:12px;vector-effect:non-scaling-stroke}.login-network-nodes circle:nth-child(2n){fill:#8b67ff;stroke:#8b67ff2e}.login-network-nodes circle{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite loginNodePulse}.login-network-nodes circle:nth-child(2n){animation-delay:-2.4s}.login-network-nodes circle:nth-child(3n){animation-delay:-4.8s}.login-layout{direction:ltr;grid-template-columns:minmax(370px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(28px,4vw,72px);width:min(100%,1500px);min-height:calc(100dvh - 84px);margin:0 auto;padding:clamp(30px,3.4vw,58px) clamp(28px,4.5vw,76px);display:grid}.login-hero,.login-access{direction:rtl;min-width:0}.login-hero{flex-direction:column;grid-area:1/2;justify-content:center;padding:0 clamp(30px,3.6vw,64px) 0 0;display:flex;position:relative}.login-brand{direction:ltr;align-self:flex-start;width:min(100%,650px);display:block}.ctrlone-logo{width:min(100%,580px);height:auto;overflow:visible}.ctrlone-logo-word,.ctrlone-logo-control,.ctrlone-logo-product{font-family:Sora Variable,Space Grotesk,sans-serif}.ctrlone-logo-word{fill:#f7f9ff;letter-spacing:.035em;font-size:118px;font-weight:590}.ctrlone-logo-accent-text{fill:url(#ctrlone-accent-gradient)}.ctrlone-logo-accent{transform-origin:494px 74px;filter:drop-shadow(0 0 13px #4ca4ff61);animation:7s ease-in-out infinite ctrloneLogoPulse}.ctrlone-logo-sweep{animation:7s cubic-bezier(.45,0,.55,1) 1.2s infinite ctrloneLightSweep;transform:translate(-100px)skew(-12deg)}.ctrlone-logo-rule{fill:none;stroke:#a4bde361;stroke-width:1px}.ctrlone-logo-control{fill:#e9effa;letter-spacing:.3em;font-size:19px;font-weight:560}.ctrlone-logo-product{fill:#8290a5;letter-spacing:.25em;font-size:13px;font-weight:520}.login-hero-copy{z-index:2;width:min(100%,720px);margin-top:clamp(26px,3.4vh,42px);position:relative}.login-product-kicker{color:#95ebff;letter-spacing:.015em;background:#28a2d312;border:1px solid #36ddff33;border-radius:999px;align-items:center;min-height:32px;padding:7px 13px;font-size:11px;font-weight:610;display:inline-flex}.login-hero-copy h1{letter-spacing:-.04em;flex-direction:column;max-width:640px;margin-top:20px;font-size:clamp(34px,3.5vw,54px);font-weight:650;line-height:1.28;display:flex}.login-hero-copy h1 span{color:#f6f8fe}.login-hero-copy h1 strong{color:#0000;filter:drop-shadow(0 12px 30px #4286ff26);background:linear-gradient(98deg,#31dfff 5%,#52adff 48%,#9a72ff 95%);-webkit-background-clip:text;background-clip:text;width:fit-content;font-weight:690}.login-hero-copy>p{max-width:560px;color:var(--login-muted);margin-top:16px;font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.85;display:block}.login-trust-list{flex-wrap:wrap;gap:11px;margin:30px 0 0;padding:0;list-style:none;display:flex}.login-trust-list li{color:#b9c6d8;background:#ffffff06;border:1px solid #82a8e02b;border-radius:12px;align-items:center;gap:9px;min-height:43px;padding:9px 14px;font-size:11px;font-weight:540;display:inline-flex;box-shadow:inset 0 1px #ffffff06}.login-trust-list svg{color:#55dfff;width:18px;height:18px}.login-trust-list li:nth-child(2) svg{color:#947aff}.login-orbit{aspect-ratio:1;z-index:0;opacity:.36;width:min(35vw,430px);position:absolute;bottom:4%;left:-8%}.login-orbit-ring,.login-orbit-node{border-radius:50%;position:absolute}.login-orbit-ring{inset:50%;transform:translate(-50%,-50%)}.login-orbit-ring-outer{border:1px solid #4f9de242;width:100%;height:100%}.login-orbit-ring-inner{border:1px dashed #8e6cff54;width:64%;height:64%;animation:30s linear infinite loginOrbitRotate}.login-orbit-ring:before,.login-orbit-ring:after{content:"";border-radius:inherit;border:1px solid #4b85cb21;position:absolute;inset:20%}.login-orbit-ring:after{inset:36%}.login-orbit-node{background:#43dfff;width:7px;height:7px;box-shadow:0 0 0 6px #43dfff0f,0 0 18px #43dfff7a}.login-orbit-node-one{top:10%;left:44%}.login-orbit-node-two{background:#8e6cff;top:52%;right:-1%}.login-orbit-node-three{bottom:7%;left:26%}.login-access{grid-area:1/1;justify-content:center;align-items:center;padding:clamp(20px,3vw,48px) clamp(12px,3.5vw,50px);display:flex}.login-card{background:linear-gradient(148deg, #ffffff0e, transparent 36%), var(--login-surface);-webkit-backdrop-filter:blur(26px);border:1px solid #91b3e533;border-radius:24px;flex-direction:column;gap:16px;width:min(100%,470px);padding:clamp(28px,2.6vw,38px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 110px #0000006e,0 0 0 1px #52b3ff05,inset 0 1px #ffffff0e}.login-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#3bddff73,#0000 28% 71%,#8b67ff73);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.login-card-glow{filter:blur(28px);pointer-events:none;background:#41bbff1f;border-radius:50%;width:210px;height:210px;position:absolute;top:-145px;right:-95px}.login-heading{align-items:center;gap:14px;margin-bottom:4px;display:flex;position:relative}.login-icon{color:#aa9bff;background:linear-gradient(145deg,#7658ff26,#2fb8e812);border:1px solid #8f77ff40;border-radius:16px;flex:none;place-items:center;width:51px;height:51px;display:grid;box-shadow:inset 0 1px #ffffff0d}.login-icon svg{width:23px;height:23px}.login-heading-kicker{color:#6f829e;letter-spacing:.04em;margin-bottom:3px;font-size:9px;font-weight:600;display:block}.login-heading h2{color:#f7f9ff;letter-spacing:-.025em;font-size:30px;font-weight:650}.login-heading p{color:#8898af;margin-top:6px;font-size:12px;font-weight:400}.login-alert{color:#ff9baa;background:#8e1e3133;border:1px solid #ff6b8057;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:10px 12px;font-size:11px;font-weight:540;display:flex}.login-alert svg{flex:none;width:17px;height:17px}.login-field{color:#c6d0df;flex-direction:column;gap:8px;font-size:11px;font-weight:560;display:flex}.login-field>label{width:fit-content}.login-input-shell{color:#7f93b0;background:#ffffff09;border:1px solid #89aadb3d;border-radius:14px;align-items:center;gap:11px;min-height:58px;padding:0 15px;transition:border-color .16s,box-shadow .16s,background .16s,color .16s;display:flex;box-shadow:inset 0 1px #ffffff0a}.login-input-shell:focus-within{color:#66dcf4;background:#ffffff0e;border-color:#36ddffb3;box-shadow:0 0 0 3px #36ddff21,0 16px 34px #00000038}.login-input-shell:has(input[aria-invalid=true]){border-color:#ff788c9e;box-shadow:0 0 0 3px #ff788c14}.login-input-shell>svg{flex:none;width:18px;height:18px}.login-input-shell input{color:#eff5ff;text-align:left;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:56px;padding:0;font-family:Sora Variable,Segoe UI,sans-serif;font-size:14.5px;font-weight:430}.login-input-shell input:focus-visible{box-shadow:none}.login-password-toggle{color:#8797ad;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;margin-left:-7px;padding:0;display:grid}.login-password-toggle:hover{color:#d7e5f7;background:#ffffff0b}.login-password-toggle:focus-visible{outline-offset:1px;box-shadow:none;outline:2px solid #36ddffb8}.login-password-toggle svg{width:18px;height:18px}.login-submit{color:#fff;background:linear-gradient(112deg,#168fdc 0%,#5468f6 47%,#8b51ee 100%);border:1px solid #b6b5ff38;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:55px;margin-top:5px;padding:10px 18px;font-size:13px;font-weight:640;transition:transform .16s,box-shadow .16s,filter .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 37px #4650e44d,inset 0 1px #fff3}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:82px;height:110px;transition:left .48s;position:absolute;top:-28px;left:-120px;transform:rotate(22deg)}.login-submit:hover:not(:disabled){filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 22px 44px #4650e461,inset 0 1px #ffffff38}.login-submit:hover:not(:disabled):before{left:calc(100% + 34px)}.login-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #36ddff47,0 22px 44px #4650e461}.login-submit svg,.login-submit .spinner{width:19px;height:19px;position:absolute;left:18px}.login-submit svg{transform:rotate(180deg)}.login-connection{color:#8495ad;border-top:1px solid #84a4d321;margin-top:20px}.login-connection summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding-top:14px;font-size:10px;list-style:none;display:flex}.login-connection summary::-webkit-details-marker{display:none}.login-connection summary:focus-visible{outline-offset:4px;outline:2px solid #36ddff9e}.login-connection-title,.login-connection-status{align-items:center;gap:7px;display:inline-flex}.login-connection-title{color:#9baac0;font-weight:550}.login-connection-title svg{color:#62cce9;width:15px;height:15px}.login-connection-status{color:#8c9db4;font-size:9px}.login-connection-status i{background:#718198;border-radius:50%;width:7px;height:7px}.login-connection-status.is-checking i{background:#5d9ed2;animation:1.6s ease-in-out infinite connectionChecking}.login-connection-status.is-online{color:#6fdab6}.login-connection-status.is-online i{background:#40d59f;box-shadow:0 0 0 4px #40d59f12}.login-connection-status.is-offline{color:#e18b9a}.login-connection-status.is-offline i{background:#ea6e82}.login-connection-details{color:#71839d;background:#ffffff05;border:1px solid #85a5d31f;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:10px 11px;font-size:9px;display:grid}.login-connection-details bdi{color:#9aa8bb;text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:ltr;min-width:0;font-family:Sora Variable,monospace;overflow:hidden}.login-footer{width:min(100% - 40px,1360px);min-height:84px;padding:20px 12px max(20px, env(safe-area-inset-bottom));color:#73839a;border-top:1px solid #7799cb1f;justify-content:center;align-items:center;gap:25px;margin:auto auto 0;font-size:9px;font-weight:400;display:flex}.login-footer>span{background:#33dfff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 11px #33dfffbf}.login-footer p[dir=ltr]{letter-spacing:.015em;font-family:Sora Variable,sans-serif}.login-page .sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes ctrloneLightSweep{0%,62%{opacity:0;transform:translate(-110px)skew(-12deg)}68%{opacity:.9}82%{opacity:.8;transform:translate(250px)skew(-12deg)}88%,to{opacity:0;transform:translate(330px)skew(-12deg)}}@keyframes ctrloneLogoPulse{0%,72%,to{opacity:.94;transform:scale(1)}78%{opacity:1;filter:drop-shadow(0 0 19px #5b97ff9e);transform:scale(1.008)}}@keyframes loginAuroraFloat{0%{opacity:.72;transform:translate(-2%,-1%)scale(.98)}to{opacity:1;transform:translate(3%,2%)scale(1.04)}}@keyframes loginNodePulse{0%,to{opacity:.48;transform:scale(.7)}48%{opacity:1;transform:scale(1.2)}}@keyframes loginOrbitRotate{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes connectionChecking{50%{opacity:.35;transform:scale(.78)}}@media (width<=1180px){.login-layout{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);padding-inline:26px}.login-hero{padding-right:34px}.ctrlone-logo{width:min(100%,480px)}.login-hero-copy{margin-top:45px}.login-hero-copy h1{font-size:clamp(43px,5vw,61px)}.login-orbit{width:min(34vw,330px)}}@media (width<=860px){.login-layout{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:26px;width:min(100%,720px);min-height:auto;padding:26px clamp(20px,5vw,38px)}.login-hero{display:contents}.login-brand{grid-row:1;width:min(100%,460px);margin-inline:auto}.login-access{grid-row:2;padding:0}.login-hero-copy{text-align:center;grid-row:3;width:min(100%,580px);margin:4px auto 0}.login-hero-copy h1{align-items:center;font-size:clamp(27px,6.4vw,38px)}.login-hero-copy h1 strong{margin-inline:auto}.login-hero-copy>p{margin-inline:auto;font-size:13px}.login-trust-list{justify-content:center}.login-card{width:min(100%,520px)}.login-orbit{display:none}.login-footer{flex-wrap:wrap;row-gap:8px;min-height:74px}}@media (width<=520px){.login-page:before{background-size:54px 54px}.login-layout{padding:max(22px, env(safe-area-inset-top)) 16px 22px}.login-hero{min-height:auto}.ctrlone-logo{width:min(100%,365px)}.ctrlone-logo-control{font-size:25px}.ctrlone-logo-product{letter-spacing:.18em;font-size:22px}.login-hero-copy{margin-top:28px}.login-product-kicker{min-height:29px;font-size:9px}.login-hero-copy h1{margin-top:17px;font-size:clamp(34px,10.7vw,46px);line-height:1.27}.login-hero-copy>p{margin-top:15px;font-size:12px;line-height:1.85}.login-trust-list{gap:7px;margin-top:20px}.login-trust-list li{gap:7px;min-height:37px;padding:7px 10px;font-size:9px}.login-trust-list svg{width:15px;height:15px}.login-orbit{display:none}.login-access{padding-top:28px}.login-card{border-radius:22px;padding:27px 21px 22px}.login-heading{gap:12px;margin-bottom:24px}.login-icon{border-radius:14px;width:46px;height:46px}.login-heading h2{font-size:25px}.login-heading p{font-size:10px}.login-field{margin-bottom:14px}.login-input-shell,.login-submit{min-height:52px}.login-connection summary{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.login-footer{text-align:center;flex-direction:column;gap:7px;width:calc(100% - 28px);padding-inline:0;line-height:1.7}.login-footer>span{display:none}}@media (width<=340px){.login-layout{padding-inline:12px}.login-trust-list li{flex:calc(50% - 4px);justify-content:center}.login-card{padding-inline:17px}.login-heading-kicker{display:none}.login-heading h2{font-size:23px}}@media (width>=861px) and (height<=760px){.login-layout{padding-block:24px 18px}.login-hero-copy{margin-top:30px}.login-hero-copy h1{margin-top:15px;font-size:clamp(40px,4.4vw,57px)}.login-hero-copy>p{margin-top:13px}.login-trust-list{margin-top:17px}.login-card{padding-block:28px}.login-heading{margin-bottom:21px}.login-field{margin-bottom:12px}.login-footer{min-height:68px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.ctrlone-logo-sweep{opacity:0}}.login-page:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#7eb0ff0d 1px,#0000 1px),linear-gradient(90deg,#7eb0ff0d 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 105% at 78% 12%,#000 0%,#0000 68%);mask-image:radial-gradient(130% 105% at 78% 12%,#000 0%,#0000 68%)}.login-layout,.login-footer{z-index:1;position:relative}.login-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#80a3db38 22% 78%,#0000);inline-size:1px;position:absolute;inset-block:8%;inset-inline-start:0}.login-card{transition:border-color .22s var(--ease-out,ease), box-shadow .22s var(--ease-out,ease)}.login-access:before{content:"";aspect-ratio:1;filter:blur(46px);pointer-events:none;background:radial-gradient(circle,#4a96ff29,#0000 66%);border-radius:50%;inline-size:min(70%,420px);position:absolute}.login-access{position:relative}.login-input-shell:hover:not(:focus-within){background:#ffffff0d;border-color:#89aadb66}:is(.login-input-shell:has(input:not(:placeholder-shown)),.login-input-shell:has(input:not(:-moz-placeholder-shown))){border-color:#89aadb52}.login-field>label{color:#b3c1d4;letter-spacing:.012em}.login-submit{letter-spacing:.01em;min-height:56px;transition:transform .16s var(--ease-out,ease), box-shadow .2s ease, filter .2s ease;border-radius:14px;font-size:14px}@media (hover:hover){.login-submit:hover:not(:disabled){transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}}.login-connection{border-top:1px solid #89aadb24;margin-top:4px;padding-top:16px}.login-trust-list li{transition:border-color .18s ease, background .18s ease, transform .18s var(--ease-out,ease)}@media (hover:hover){.login-trust-list li:hover{background:#ffffff0b;border-color:#82a8e04d;transform:translateY(-1px)}}@media (width<=1000px){.login-hero:after{display:none}.login-page:after{-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 70%)}}@media (prefers-reduced-motion:reduce){.login-card,.login-submit,.login-trust-list li{transition:none}}