:root{color-scheme:light;--canvas: #fbfcff;--canvas-2: #f4f6fc;--surface: #fff;--surface-2: #f8faff;--ink: #0b1020;--ink-soft: #3a4256;--muted: #7a8499;--muted-2: #9aa3b5;--line: #e9edf6;--line-2: #dfe5f1;--primary: #b8800a;--primary-2: #e0a80c;--primary-ink: #8a5e09;--accent: #d3893f;--grad: linear-gradient(120deg, #f7cf3e 0%, #e4ba11 46%, #d3893f 100%);--grad-soft: linear-gradient(135deg, rgba(224, 168, 12, .16), rgba(211, 137, 63, .14));--glow: radial-gradient(60% 60% at 50% 0%, rgba(224, 168, 12, .18), transparent 70%);--draft: #64748b;--draft-bg: #eef1f7;--active: #0ea672;--active-bg: #dcf6ec;--completed: #5b6bd6;--completed-bg: #e7ebfc;--cancelled: #be123c;--cancelled-bg: #fce7eb;--trial: #5b6bd6;--trial-bg: #e7ebfc;--suspended: #d4566f;--suspended-bg: #fbe6ec;--warn: #d97706;--warn-bg: #fdf0dd;--danger: #e11d48;--danger-bg: #fce4ee;--radius: 16px;--radius-lg: 22px;--radius-sm: 10px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(11, 16, 32, .05);--shadow-sm: 0 1px 2px rgba(11, 16, 32, .04), 0 2px 6px rgba(45, 55, 90, .06);--shadow: 0 6px 24px -10px rgba(45, 55, 90, .22);--shadow-lg: 0 24px 60px -20px rgba(45, 55, 90, .32);--sans: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "General Sans", "Satoshi", system-ui, sans-serif;--topbar-bg: rgba(251, 252, 255, .85);--aside-ink: #0b1020}:root[data-theme=dark]{color-scheme:dark;--canvas: #0a0d18;--canvas-2: #11162a;--surface: #141a2c;--surface-2: #1b2238;--ink: #eef2fb;--ink-soft: #c5cde0;--muted: #8a93ad;--muted-2: #626b88;--line: #242c46;--line-2: #313a5c;--primary: #f3c14a;--primary-2: #e0a80c;--primary-ink: #f6cf6a;--accent: #e0a559;--grad-soft: linear-gradient(135deg, rgba(224, 168, 12, .24), rgba(211, 137, 63, .2));--glow: radial-gradient(60% 60% at 50% 0%, rgba(224, 168, 12, .28), transparent 70%);--draft: #9aa6bd;--draft-bg: #222a40;--active: #3ddc97;--active-bg: #11301f;--completed: #9aa6ff;--completed-bg: #1f2748;--cancelled: #fb7185;--cancelled-bg: #3a1620;--trial: #9aa6ff;--trial-bg: #1f2748;--suspended: #fb7185;--suspended-bg: #3a1620;--warn: #f0b357;--warn-bg: #382a12;--danger: #fb7185;--danger-bg: #381726;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .35);--shadow: 0 8px 28px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);--topbar-bg: rgba(10, 13, 24, .82)}@font-face{font-family:General Sans;src:url(/fonts/generalsans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/generalsans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/generalsans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/generalsans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roche Sans;src:url(/fonts/roche-sans-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roche Sans;src:url(/fonts/roche-sans-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roche Sans;src:url(/fonts/roche-sans-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roche Sans Condensed;src:url(/fonts/roche-sans-condensed.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roche Sans Condensed;src:url(/fonts/roche-sans-condensed-italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@keyframes welcomePop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}:root{--radius: 18px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(11, 16, 32, .05), 0 2px 6px rgba(45, 55, 90, .06);--shadow: 0 10px 30px -12px rgba(45, 55, 90, .28);--shadow-lg: 0 30px 70px -24px rgba(20, 26, 50, .5);--stage: #e7ebf6}:root[data-theme=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 30px 70px -24px rgba(0, 0, 0, .8);--stage: #05070f}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--stage);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}input{font-family:inherit}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.15}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.center{align-items:center;justify-content:center}.grow{flex:1}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.tiny{font-size:12.5px}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.stage{height:100%;display:grid;place-items:center;padding:22px;background:radial-gradient(120% 80% at 50% 0%,rgba(224,168,12,.1),transparent 60%),var(--stage)}.device{width:412px;height:min(880px,calc(100vh - 44px));background:var(--canvas);border-radius:44px;border:10px solid #0c1020;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;display:flex;flex-direction:column}.device:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:26px;background:#0c1020;border-radius:0 0 16px 16px;z-index:30}@media (max-width: 480px){.stage{padding:0}.device{width:100%;height:100%;border-radius:0;border:none}.device:before{display:none}}@media (min-width: 481px) and (max-width: 1279px),(min-width: 481px) and (pointer: coarse){.stage{padding:0;place-items:stretch;background:none}.device{width:100%;height:100%;max-width:none;border:0;border-radius:0;box-shadow:none;background:var(--surface-2)}.device:before{display:none}.screen{width:100%;max-width:var(--op-w, 760px);margin-inline:auto;border-inline:1px solid var(--line);box-shadow:var(--shadow)}.screen.op-focus{--op-w: 480px}.opbar{padding:22px 22px 14px}.body{padding:10px 22px 30px}.foot{padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px))}.op-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px 14px;align-items:start}.op-grid>.tile{margin-bottom:0}.viewfinder{max-width:460px;margin-inline:auto}.sheet-scrim{justify-content:center}.sheet{max-width:560px}}@media (min-width: 1024px) and (max-width: 1279px),(min-width: 1024px) and (pointer: coarse){.screen{--op-w: 960px}.screen.op-focus{--op-w: 520px}}.screen{display:flex;flex-direction:column;height:100%;background:var(--canvas)}.opbar{display:flex;align-items:center;gap:10px;padding:30px 18px 14px;flex:none}.opbar .title{font-family:var(--display);font-weight:600;font-size:17px}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink);flex:none}.icon-btn:active{background:var(--surface-2)}.body{flex:1;overflow-y:auto;padding:6px 18px 24px}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--canvas-2) 25%,var(--surface-2) 50%,var(--canvas-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.foot{flex:none;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}.h-lg{font-size:24px;font-weight:600}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;width:100%;padding:0 18px;border-radius:15px;font-weight:600;font-size:15.5px;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);transition:transform .1s,box-shadow .15s}.btn:active{transform:scale(.985)}.btn-primary{background:var(--grad);color:#fff;border:none;box-shadow:0 12px 26px -12px #e0a80ccc}.btn-success{background:var(--active);color:#fff;border:none}.btn-ghost{background:transparent;border-color:transparent}.btn-sm{height:42px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.5}.tile{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .12s}.tile:active{transform:scale(.99)}.tile.selected{border-color:var(--primary);box-shadow:0 0 0 3px #e0a80c29}.tile.today-tile{border:1.5px solid var(--active);box-shadow:0 0 0 3px var(--active-bg),var(--shadow-sm)}.tile-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none}.tile-nm{font-weight:600;font-size:15.5px}.tile-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:capitalize}.badge-active{background:var(--active-bg);color:var(--active)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-soft{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.section-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 2px 10px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.seg button{flex:1;height:38px;border-radius:10px;font-weight:600;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg button.on{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.viewfinder{position:relative;width:100%;aspect-ratio:1;border-radius:28px;background:linear-gradient(160deg,#0c1228,#131a36);overflow:hidden;display:grid;place-items:center;color:#ffffff80}.viewfinder .frame{position:absolute;top:36px;right:36px;bottom:36px;left:36px;border-radius:20px}.viewfinder .frame span{position:absolute;width:34px;height:34px;border:3px solid var(--accent)}.viewfinder .frame .tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:14px 0 0}.viewfinder .frame .tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 14px 0 0}.viewfinder .frame .bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 14px}.viewfinder .frame .br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 14px}.scanline{position:absolute;left:36px;right:36px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 14px var(--accent);animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%,to{top:40px}50%{top:calc(100% - 40px)}}.result{text-align:center;padding:8px 0 4px}.result-ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:6px auto 16px;color:#fff}.ic-ok{background:var(--active);box-shadow:0 14px 34px -12px var(--active)}.ic-err{background:var(--danger);box-shadow:0 14px 34px -12px var(--danger)}.ic-warn{background:var(--warn)}.gcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);text-align:left}.grow-line{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;border-top:1px solid var(--line)}.grow-line:first-of-type{border-top:none}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}.input{height:54px;width:100%;border:1px solid var(--line-2);border-radius:15px;padding:0 16px;font-size:17px;letter-spacing:.04em;background:var(--surface);color:var(--ink);outline:none;text-align:center;font-variant-numeric:tabular-nums}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e0a80c29}.hrow{display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid var(--line)}.empty{text-align:center;color:var(--muted);padding:50px 16px}.fade{animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.brandbar{flex:none;background:var(--grad);color:#fff;padding:26px 22px 20px;position:relative;overflow:hidden}.brandbar .wslogo{width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:10px;padding:5px}.brandbar .wslogo img{width:100%;height:100%;object-fit:contain}.wspill{display:inline-flex;align-items:center;gap:7px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);padding:5px 11px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;max-width:160px;flex:none}.wspill .wsname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idrow{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.idrow .idname{font-weight:600;font-size:14.5px;color:var(--ink);line-height:1.2}.switchlink{background:none;border:none;color:var(--primary-ink);font-size:12.5px;font-weight:600;cursor:pointer;flex:none}.biohero{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:none;border-radius:16px;background:var(--grad);box-shadow:0 12px 26px -12px #e0a80cb3;cursor:pointer;text-align:left;color:#fff;transition:transform .12s}.biohero:active{transform:scale(.99)}.biohero:disabled{opacity:.75}.bio-glyph{width:46px;height:46px;border-radius:13px;background:#ffffff38;display:grid;place-items:center;flex:none;color:#fff}.bio-tt b{display:block;font-family:var(--display);font-weight:700;font-size:16px}.bio-tt span{font-size:12.5px;color:#ffffffd9}.ordiv{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:11.5px;font-weight:600;letter-spacing:.08em}.ordiv:before,.ordiv:after{content:"";height:1px;background:var(--line);flex:1}.installcard{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.installcard-ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.installcard-x{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:none;border:none;color:var(--muted);cursor:pointer}.installcard-x:active{background:var(--surface)}.keyrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .15s}.keyrow:active{border-color:var(--line-2)}.kr-ic{width:34px;height:34px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;flex:none;color:var(--ink-soft)}.kr-main{flex:1;min-width:0}.kr-lbl{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700}.kr-key{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;letter-spacing:.14em;color:var(--ink);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kr-go{font-size:11.5px;font-weight:700;color:var(--primary-ink);flex:none}.divtext{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.divtext:before,.divtext:after{content:"";height:1px;background:var(--line);flex:1}.qrwrap{display:flex;gap:13px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px}.qrbox{width:78px;height:78px;border-radius:10px;background:#fff;border:1px solid var(--line);padding:7px;flex:none}.qrbox img{width:100%;height:100%;display:block}.fieldlbl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 7px 2px;display:block}.reccodes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reccodes code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.08em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 0;text-align:center;font-weight:600}.btn-outline{background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink)}.btn-outline:active{background:var(--surface-2)}.lbl-soft{font-size:13px;font-weight:600;color:var(--ink-soft)}.linklike{background:none;border:none;color:var(--primary-ink);font-size:12.5px;font-weight:600;cursor:pointer;padding:0}.flowhd{display:flex;align-items:center;gap:12px}.flowic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink)}.flowic.good{background:var(--active-bg);color:var(--active)}.flowic.brand{background:var(--grad);color:#fff}.live-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;background:var(--active);color:#fff;flex:none}.live-badge .pls{width:7px;height:7px;border-radius:50%;background:#fff;animation:pls 1.4s ease-in-out infinite}@keyframes pls{0%,to{opacity:1}50%{opacity:.35}}.login-hero{height:44%;background:var(--grad);display:flex;flex-direction:column;justify-content:flex-end;padding:30px 24px;color:#fff;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.5),transparent 65%);top:-80px;right:-60px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex:none}.ptr{display:grid;place-items:center;color:var(--muted);overflow:hidden}.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--muted);margin:2px 0 8px}.search input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:14px;color:var(--ink)}.boothpill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);font-weight:600;font-size:13.5px;color:var(--ink);max-width:100%}.boothpill:active{background:var(--surface-2)}.boothpill .cv{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;flex:none}.boothpill .bp-nm{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statetabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px}.statetabs button{flex:none;font-weight:600;font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:7px 12px;cursor:pointer;white-space:nowrap}.statetabs button.on{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.codecells{position:relative;display:flex;gap:7px}.codecells .cc-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;margin:0;padding:0;font-size:16px;cursor:pointer}.codecells span{flex:1;height:50px;border:1.5px solid var(--line-2);border-radius:12px;display:grid;place-items:center;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;color:var(--ink);background:var(--surface)}.codecells span.on{border-color:var(--primary);box-shadow:0 0 0 3px #e0a80c29}.codecells span.cur{border-color:var(--primary);background:var(--surface-2)}.readyline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--ink-soft)}.readyline .dot{background:var(--active)}.readyline.off{background:var(--warn-bg);border-color:transparent;color:var(--warn)}.readyline.off .dot{background:var(--warn)}.readyline .sep{color:var(--muted-2)}.readyline .ql{margin-left:auto}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000080;display:flex;align-items:flex-end}.sheet{width:100%;max-height:88%;overflow-y:auto;background:var(--canvas);color:var(--ink);border-radius:20px 20px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 34px #00000047;animation:sheet-up .24s ease}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{width:38px;height:4px;border-radius:2px;background:var(--line-2);margin:2px auto 12px}.ab-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1px solid rgba(45,212,191,.34);background:linear-gradient(135deg,#2dd4bf24,#3b82f61f);margin:2px 0 12px;font-size:13px}.ab-banner .ab-ic{width:30px;height:30px;border-radius:9px;background:#0d9488;color:#fff;display:grid;place-items:center;flex:none}.sync-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);margin:0 0 12px}.sync-card.warn{background:var(--warn-bg);border-color:transparent}.sync-card.ok{background:var(--active-bg);border-color:transparent}.sync-card .sc-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface);color:var(--muted)}.sync-card.warn .sc-ic{color:var(--warn)}.sync-card.ok .sc-ic{color:var(--active)}.op-toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--canvas);padding:9px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;box-shadow:var(--shadow);z-index:40;animation:fade .22s ease}