:root{color-scheme:dark;--font-ui:"Manrope","Segoe UI",system-ui,-apple-system,"Noto Sans Arabic",Tahoma,sans-serif;--font-display:"Space Grotesk","Manrope","Segoe UI",system-ui,sans-serif;--bg:#05080E;--bg-2:#080C14;--surface:#0C121C;--surface-2:#111926;--surface-3:#172131;--surface-hover:#1B2638;--line:rgba(150,176,216,.11);--line-2:rgba(150,176,216,.19);--line-3:rgba(150,176,216,.3);--text:#E9EFF8;--text-2:#A9B5C8;--text-3:#717F95;--text-inv:#05080E;--overlay:rgba(2,5,10,.66);--primary:#2A5FF0;--primary-hover:#3C6EF7;--primary-press:#2453D6;--primary-text:#82AAFF;--primary-soft:rgba(42,95,240,.15);--primary-line:rgba(90,135,255,.42);--cyan:#22D3EE;--cyan-text:#5BE3F5;--cyan-soft:rgba(34,211,238,.12);--ok:#16A34A;--ok-text:#4ADE80;--ok-soft:rgba(34,197,94,.13);--warn:#D97706;--warn-text:#FBBF24;--warn-soft:rgba(245,158,11,.14);--danger:#E11D48;--danger-text:#FB7185;--danger-soft:rgba(244,63,94,.14);--violet:#7C3AED;--violet-text:#B49CFF;--violet-soft:rgba(139,92,246,.15);--pink-text:#F472B6;--pink-soft:rgba(236,72,153,.14);--om:#FF7900;--mtn:#FFCC00;--moov:#0A6ED1;--wave:#1DC8FF;--cash:#16A34A;--radius-xs:6px;--radius-sm:9px;--radius:12px;--radius-lg:16px;--radius-xl:22px;--shadow-1:inset 0 1px 0 rgba(255,255,255,.035);--shadow-2:0 14px 34px -16px rgba(0,0,0,.7);--shadow-pop:0 28px 70px -24px rgba(0,0,0,.85),0 0 0 1px var(--line-2);--ring:0 0 0 3px rgba(60,110,247,.38);--ease:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--spring:cubic-bezier(.34,1.36,.64,1);--t-fast:.12s;--t:.19s;--t-slow:.32s}:root[data-theme=light]{color-scheme:light;--bg:#F2F4F8;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#F7F9FC;--surface-3:#EDF1F6;--surface-hover:#F0F4FA;--line:#E3E8F0;--line-2:#D5DCE7;--line-3:#BCC6D5;--text:#0A1220;--text-2:#475467;--text-3:#7A869A;--text-inv:#FFFFFF;--overlay:rgba(10,18,32,.42);--primary-text:#2453D6;--primary-soft:rgba(42,95,240,.09);--primary-line:rgba(42,95,240,.35);--cyan-text:#0E7490;--cyan-soft:rgba(8,145,178,.1);--ok-text:#15803D;--ok-soft:rgba(22,163,74,.1);--warn-text:#B45309;--warn-soft:rgba(217,119,6,.11);--danger-text:#BE123C;--danger-soft:rgba(225,29,72,.09);--violet-text:#6D28D9;--violet-soft:rgba(124,58,237,.09);--pink-text:#BE185D;--pink-soft:rgba(219,39,119,.09);--shadow-1:0 1px 2px rgba(16,24,40,.05);--shadow-2:0 14px 34px -18px rgba(16,24,40,.22);--shadow-pop:0 30px 70px -24px rgba(16,24,40,.32),0 0 0 1px var(--line)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em;line-height:1.2;font-weight:600;color:var(--text)}p{margin:0}a{color:var(--primary-text);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}svg{flex:none}::selection{background:#3c6ef759}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring)!important}.num,.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}[dir=rtl] .num,[dir=rtl] .mono,[dir=rtl] .kpi__v{unicode-bidi:plaintext}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.ok-t{color:var(--ok-text)}.warn-t{color:var(--warn-text)}.danger-t{color:var(--danger-text)}.primary-t{color:var(--primary-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:padding-box;border:3px solid transparent}::-webkit-scrollbar-track{background:transparent}@keyframes sf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-pop{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}@keyframes sf-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes sf-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes sf-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes sf-blink{50%{opacity:.35}}@keyframes sf-draw{0%{stroke-dashoffset:var(--len,60)}to{stroke-dashoffset:0}}@keyframes sf-spin{to{transform:rotate(360deg)}}@keyframes sf-bump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes sf-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.anim-in{animation:sf-in var(--t-slow) var(--ease) backwards}.anim-pop{animation:sf-pop var(--t) var(--ease) backwards}.stagger>*{animation:sf-in .34s var(--ease) backwards;animation-delay:calc(min(var(--i,0),14)*32ms)}.bump{animation:sf-bump .32s var(--spring)}.spin{animation:sf-spin .8s linear infinite}.btn{--h:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;border-radius:var(--radius-sm);font-weight:700;font-size:13.5px;letter-spacing:-.005em;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.45}.btn svg{width:17px;height:17px}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 0 0 1px #78a0ff40 inset,0 8px 22px -10px #2a5ff0bf}.btn--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 0 0 1px #96b9ff59 inset,0 10px 26px -10px #3c6ef7e6}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-3)}.btn--soft{background:var(--primary-soft);color:var(--primary-text)}.btn--soft:hover:not(:disabled){background:#3c6ef738}.btn--quiet{background:transparent;color:var(--text-2)}.btn--quiet:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger-soft);color:var(--danger-text)}.btn--danger:hover:not(:disabled){background:#f43f5e38}.btn--danger-solid{background:var(--danger);color:#fff}.btn--ok{background:var(--ok);color:#fff}.btn--ok:hover:not(:disabled){filter:brightness(1.08)}.btn--wa{background:#1faf55;color:#fff}.btn--wa:hover:not(:disabled){background:#22c35e}.btn--sm{--h:32px;padding:0 11px;font-size:12.5px;border-radius:8px}.btn--sm svg{width:15px;height:15px}.btn--lg{--h:48px;padding:0 22px;font-size:15px;border-radius:var(--radius)}.btn--xl{--h:56px;padding:0 24px;font-size:16px;border-radius:14px}.btn--icon{width:var(--h);padding:0}.btn--block{width:100%}.btn .kbd{font-family:var(--font-ui);font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px;background:#ffffff24;color:inherit;opacity:.85}.iconbtn{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;color:var(--text-2);transition:background var(--t),color var(--t)}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.iconbtn svg{width:18px;height:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field>label,.label{font-size:12.5px;font-weight:700;color:var(--text-2);letter-spacing:.005em}.field .hint{font-size:12px;color:var(--text-3);line-height:1.45}.field .err{font-size:12.5px;color:var(--danger-text);font-weight:600}.input,.select,.textarea{width:100%;height:42px;padding:0 13px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-2);color:var(--text);font-size:14.5px;transition:border-color var(--t),background var(--t),box-shadow var(--t)}.textarea{height:auto;padding:11px 13px;line-height:1.5;resize:vertical;min-height:76px}.select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238896AB' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}[dir=rtl] .select{padding-right:13px;padding-left:36px;background-position:left 11px center}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-line);background:var(--surface);box-shadow:var(--ring)}.input[readonly]{color:var(--text-2)}.input--lg{height:50px;font-size:16px;border-radius:var(--radius)}.input--num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.inputgroup{position:relative;display:flex;align-items:center}.inputgroup>svg{position:absolute;left:12px;width:17px;height:17px;color:var(--text-3);pointer-events:none}[dir=rtl] .inputgroup>svg{left:auto;right:12px}.inputgroup>.input{padding-left:38px}.inputgroup>.input:first-child{padding-left:13px}[dir=rtl] .inputgroup>.input:first-child{padding-right:13px}[dir=rtl] .inputgroup>.input{padding-left:13px;padding-right:38px}.inputgroup .suffix{position:absolute;right:12px;font-size:12.5px;font-weight:700;color:var(--text-3);pointer-events:none}.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:620px){.row2,.row3{grid-template-columns:minmax(0,1fr)}}.switch{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;transition:border-color var(--t),background var(--t);text-align:start;width:100%}.switch:hover{border-color:var(--line-2)}.switch.on{border-color:var(--primary-line);background:var(--primary-soft)}.switch .track{width:40px;height:23px;border-radius:20px;background:var(--surface-3);border:1px solid var(--line-2);position:relative;flex:none;transition:background var(--t),border-color var(--t)}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--text-2);transition:transform var(--t) var(--spring),background var(--t)}.switch.on .track{background:var(--primary);border-color:var(--primary)}.switch.on .track:after{transform:translate(17px);background:#fff}[dir=rtl] .switch.on .track:after{transform:translate(-17px)}[dir=rtl] .switch .track:after{left:auto;right:2px}.switch b{display:block;font-size:14px}.switch small{display:block;color:var(--text-2);font-size:12.5px;margin-top:1px}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{height:32px;padding:0 13px;border-radius:8px;font-weight:700;font-size:13px;color:var(--text-2);white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:background var(--t),color var(--t)}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px #ffffff0d inset,0 1px 3px #00000040}:root[data-theme=light] .seg button.on{background:#fff;box-shadow:0 1px 3px #1018281f}.seg .count{font-size:11px;font-weight:800;padding:0 6px;border-radius:20px;background:var(--primary-soft);color:var(--primary-text);line-height:18px}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px}.chips::-webkit-scrollbar{display:none}.chip{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none;transition:all var(--t) var(--ease)}.chip:hover{border-color:var(--line-3);color:var(--text)}.chip.on{background:var(--text);color:var(--text-inv);border-color:var(--text)}.chip .n{font-size:11.5px;opacity:.7;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap;line-height:1}.badge svg{width:12px;height:12px}.badge--ok{background:var(--ok-soft);color:var(--ok-text)}.badge--warn{background:var(--warn-soft);color:var(--warn-text)}.badge--danger{background:var(--danger-soft);color:var(--danger-text)}.badge--info{background:var(--primary-soft);color:var(--primary-text)}.badge--cyan{background:var(--cyan-soft);color:var(--cyan-text)}.badge--violet{background:var(--violet-soft);color:var(--violet-text)}.badge--muted{background:var(--surface-3);color:var(--text-2)}.badge--solid{background:var(--danger);color:#fff}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex:none}.dot--live{color:var(--ok-text);animation:sf-pulse 1.8s infinite}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);position:relative}.card--pad{padding:20px}.card--hover{transition:border-color var(--t),transform var(--t) var(--ease),background var(--t)}.card--hover:hover{border-color:var(--line-2);transform:translateY(-2px)}.card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px;min-width:0}.card__head h3{font-size:15.5px;font-weight:600}.card__head .sub{font-size:12.5px;color:var(--text-3);margin-top:1px}.card__head .grow{flex:1}.card__icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--surface-3);color:var(--text-2)}.card__icon svg{width:18px;height:18px}.divider{height:1px;background:var(--line);margin:14px 0;border:0}.divider--dash{background:none;border-top:1px dashed var(--line-2)}.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.kpi__top{display:flex;align-items:center;gap:9px;color:var(--text-2);font-size:12.5px;font-weight:700}.kpi__ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}.kpi__ic svg{width:16px;height:16px}.kpi__v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;letter-spacing:-.025em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi__v small{font-size:13px;font-weight:600;color:var(--text-3);margin-left:4px;letter-spacing:0}.kpi__foot{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3);min-height:18px}.trend{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:12px}.trend svg{width:13px;height:13px}.trend--up{color:var(--ok-text)}.trend--down{color:var(--danger-text)}.trend--flat{color:var(--text-3)}.tone-blue{background:var(--primary-soft);color:var(--primary-text)}.tone-green{background:var(--ok-soft);color:var(--ok-text)}.tone-amber{background:var(--warn-soft);color:var(--warn-text)}.tone-red{background:var(--danger-soft);color:var(--danger-text)}.tone-violet{background:var(--violet-soft);color:var(--violet-text)}.tone-cyan{background:var(--cyan-soft);color:var(--cyan-text)}.tone-pink{background:var(--pink-soft);color:var(--pink-text)}.tone-mut{background:var(--surface-3);color:var(--text-2)}.bar{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:6px;background:var(--primary);transform-origin:left;animation:bar-grow .7s var(--ease) both}[dir=rtl] .bar>i{transform-origin:right}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th{text-align:start;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface)}.table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table .r{text-align:end}.table .c{text-align:center}.table .strong{font-weight:700;color:var(--text)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 20px;color:var(--text-2);gap:6px}.empty__ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--text-3);margin-bottom:8px}.empty__ic svg{width:26px;height:26px}.empty b{color:var(--text);font-size:15px;font-weight:700}.empty p{font-size:13.5px;max-width:380px}.empty .btn{margin-top:12px}.skel{background:var(--surface-3);border-radius:8px;animation:sf-blink 1.4s ease-in-out infinite}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:sf-spin .7s linear infinite;display:inline-block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;animation:sf-fade var(--t) var(--ease)}.modal{width:100%;max-width:520px;max-height:min(88vh,860px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);animation:sf-pop var(--t-slow) var(--ease) both;overflow:hidden}.modal--wide{max-width:760px}.modal--xl{max-width:980px}.modal__head{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.modal__head h3{font-size:17px;flex:1;min-width:0}.modal__head .sub{font-size:12.5px;color:var(--text-3);font-family:var(--font-ui);font-weight:500;margin-top:2px;letter-spacing:0}.modal__body{padding:18px 20px;overflow-y:auto;flex:1;overscroll-behavior:contain}.modal__foot{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.modal__foot .grow{flex:1}@media(max-width:640px){.overlay{align-items:flex-end;padding:0}.modal,.modal--wide,.modal--xl{max-width:none;border-radius:22px 22px 0 0;max-height:94vh;animation:sf-up var(--t-slow) var(--ease) both;border-bottom:0}.modal__head:before{content:"";position:absolute;left:50%;top:7px;width:38px;height:4px;border-radius:4px;background:var(--line-3);transform:translate(-50%)}.modal__head{position:relative;padding-top:22px}.modal__foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}.modal__foot .btn{flex:1}}.toasts{position:fixed;z-index:2000;right:18px;bottom:18px;display:flex;flex-direction:column;gap:9px;pointer-events:none;max-width:min(420px,calc(100vw - 36px))}.toast{pointer-events:auto;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:13px;background:var(--surface-3);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:600;animation:sf-right var(--t-slow) var(--spring) both}.toast__ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none}.toast__ic svg{width:15px;height:15px}.toast.out{animation:sf-fade .18s var(--ease-in) reverse both}@media(max-width:640px){.toasts{left:12px;right:12px;bottom:auto;top:12px;max-width:none}}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:30px;height:30px;border-radius:9px;font-size:12.5px}.avatar--lg{width:56px;height:56px;border-radius:15px;font-size:21px}.avatar--round{border-radius:50%}.paymark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:-.02em}.paymark svg{width:16px;height:16px}.paymark--cash{background:var(--cash);color:#fff}.paymark--om{background:var(--om);color:#fff}.paymark--mtn{background:var(--mtn);color:#111}.paymark--moov{background:var(--moov);color:#fff}.paymark--wave{background:var(--wave);color:#03243a}.paymark--credit{background:var(--violet);color:#fff}.paymark--card{background:var(--surface-3);color:var(--text)}.paymark--other{background:var(--surface-3);color:var(--text-2)}.kbd{font-family:var(--font-ui);font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--surface-3);border:1px solid var(--line-2);color:var(--text-2)}.link{color:var(--primary-text);font-weight:700;cursor:pointer}.link:hover{text-decoration:underline}.grid-dots{background-image:radial-gradient(var(--line-2) 1px,transparent 1.2px);background-size:22px 22px}.callout{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);font-size:13.5px;line-height:1.5}.callout svg{width:18px;height:18px;flex:none;margin-top:1px}.callout--info{background:var(--primary-soft);color:var(--text)}.callout--info svg{color:var(--primary-text)}.callout--warn{background:var(--warn-soft);color:var(--text)}.callout--warn svg{color:var(--warn-text)}.callout--ok{background:var(--ok-soft);color:var(--text)}.callout--ok svg{color:var(--ok-text)}.callout--danger{background:var(--danger-soft);color:var(--text)}.callout--danger svg{color:var(--danger-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sfr{position:relative;width:72px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:auto;cursor:pointer}.sfr--sm{width:58px;height:46px}.sfr__flip{position:relative;z-index:2;width:100%;transition:transform .35s var(--ease);filter:drop-shadow(0 3px 4px rgba(2,8,23,.35))}.sfr--left .sfr__flip{transform:scaleX(-1)}.sfr__svg{display:block;width:100%;height:auto;overflow:visible}.sfr__shadow{position:absolute;bottom:-3px;left:50%;width:58%;height:9px;transform:translate(-50%);border-radius:50%;background:#02081752;filter:blur(2px);z-index:1}.sfr__pulse{position:absolute;bottom:-9px;left:50%;width:56px;height:22px;transform:translate(-50%);border-radius:50%;border:2px solid rgba(42,95,240,.55);background:#2a5ff01f;z-index:0;animation:sfr-pulse 2.2s ease-out infinite}.sfr__label{position:absolute;top:-22px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 9px;border-radius:999px;background:#0f172a;color:#fff;font:700 11.5px/1.3 var(--font-ui);box-shadow:0 6px 14px -6px #00000080;z-index:3}.sfr__label:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:#0f172a;transform:translate(-50%) rotate(45deg);border-radius:1px}.sfr--ondark .sfr__label{background:#f8fafc;color:#0a1220}.sfr--ondark .sfr__label:after{background:#f8fafc}.sfr--moving .sfr__body{animation:sfr-bob .42s ease-in-out infinite alternate}.sfr--moving .sfr__wheel{animation:sf-spin .5s linear infinite}.sfr--stale .sfr__pulse{border-color:#d9770699;background:#d9770624}.sfr--off .sfr__pulse{display:none}.sfr--off .sfr__flip{filter:grayscale(.85) opacity(.75) drop-shadow(0 3px 4px rgba(2,8,23,.3))}@keyframes sfr-pulse{0%{transform:translate(-50%) scale(.55);opacity:1}80%,to{transform:translate(-50%) scale(1.6);opacity:0}}@keyframes sfr-bob{0%{transform:translateY(0)}to{transform:translateY(-1.4px)}}.sfh{position:relative;width:44px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.sfh__pin{position:absolute;top:0;left:50%;transform:translate(-50%);width:42px;height:42px;border-radius:50%;background:#e11d48;border:3px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 10px 18px -8px #02081799;z-index:2}.sfh__pin svg{width:20px;height:20px}.sfh__pin b{font:700 15px/1 var(--font-display)}.sfh__stem{position:absolute;top:40px;left:50%;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #02081740;z-index:1}.sfh__ground{position:absolute;bottom:-4px;left:50%;width:30px;height:10px;transform:translate(-50%);border-radius:50%;background:#e11d4847;box-shadow:0 0 #e11d4859;animation:sfh-halo 2.2s ease-out infinite}.sfh--blue .sfh__pin{background:#2a5ff0}.sfh--blue .sfh__ground{background:#2a5ff047}@keyframes sfh-halo{0%{box-shadow:0 0 #e11d4859}80%,to{box-shadow:0 0 0 14px #e11d4800}}.sf3d-ctrl{position:absolute;z-index:7;display:flex;flex-direction:column;gap:6px}.sf3d-ctrl button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface);color:var(--text);border:1px solid var(--line-2);box-shadow:var(--shadow-2);font:800 12px/1 var(--font-ui)}.sf3d-ctrl button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.sf3d-ctrl button svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.sfr__pulse,.sfh__ground,.sfr--moving .sfr__body,.sfr--moving .sfr__wheel{animation:none}}.sfr.maplibregl-marker{z-index:5}.sfh.maplibregl-marker{z-index:2}.sf3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:var(--surface-2);background-image:radial-gradient(var(--line-2) 1px,transparent 1.2px);background-size:20px 20px;transition:opacity .35s ease}.sf3d-loading.off{opacity:0;pointer-events:none}.sf3d-loading__ring{width:34px;height:34px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:sf-spin .8s linear infinite}