@font-face{font-family:gilroy;src:url(../media/Gilroy_Regular-s.p.2b_43t8tby26e.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:gilroy;src:url(../media/Gilroy_Medium-s.p.05nwa2zp9rc6-.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:gilroy;src:url(../media/Gilroy_Bold-s.p.2cl2ynk__lz5d.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:gilroy;src:url(../media/Gilroy_Heavy-s.p.1v0z4-5l8-6m2.woff2)format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:gilroy Fallback;src:local(Arial);ascent-override:74.23%;descent-override:21.55%;line-gap-override:19.16%;size-adjust:104.41%}.gilroy_ba125f8d-module__pB1ZUW__className{font-family:gilroy,gilroy Fallback}.gilroy_ba125f8d-module__pB1ZUW__variable{--font-gilroy:"gilroy", "gilroy Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-primary:var(--tenant-primary,#3f63d9);--brand-accent:var(--tenant-accent,#aac4f5);--brand-icon:var(--tenant-icon,var(--brand-primary));--brand-on-primary:var(--tenant-on-primary,#fff);--brand-surface:var(--tenant-surface,#fff);--brand-text:var(--tenant-text,#17233f);--accent:var(--brand-primary);--accent-2:var(--brand-accent);--accent-quiet:color-mix(in srgb, var(--accent) 6%, transparent);--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--accent-line:color-mix(in srgb, var(--accent) 26%, transparent);--accent-strong:color-mix(in srgb, var(--accent-ink) 86%, var(--ink));--accent-ink:var(--tenant-accent-ink,#3f63d9);--on-accent:var(--brand-on-primary);--on-accent-2:var(--tenant-on-accent,#fff);--ui-icon:var(--tenant-icon-ink,var(--accent-ink));--accent-wash:color-mix(in srgb, var(--accent) 8%, var(--panel));--accent-wash-strong:color-mix(in srgb, var(--accent) 14%, var(--panel));--bg:var(--tenant-background,#fcfdff);--bg-2:var(--bg);--panel:var(--brand-surface);--panel-strong:color-mix(in srgb, var(--panel) 98%, transparent);--panel-soft:var(--tenant-card-tint,color-mix(in srgb, var(--panel) 96%, var(--ink)));--glass:color-mix(in srgb, var(--panel) 96%, transparent);--row:color-mix(in srgb, var(--accent) 7%, transparent);--ink:var(--brand-text);--text:var(--ink);--muted:color-mix(in srgb, var(--ink) 68%, var(--panel));--ink-soft:var(--muted);--border:color-mix(in srgb, var(--ink) 12%, transparent);--line:var(--border);--soft-line:color-mix(in srgb, var(--ink) 8%, transparent);--border-soft:var(--soft-line);--success:#0f7b4f;--warning:#9a5b00;--danger:#c0332b;--info:var(--accent);--positive:var(--success);--neutral:var(--muted);--success-soft:color-mix(in srgb, var(--success) 12%, transparent);--warning-soft:color-mix(in srgb, var(--warning) 12%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 12%, transparent);--info-soft:var(--accent-soft);--neutral-soft:color-mix(in srgb, var(--muted) 12%, transparent);--pastel-blue:#e4eeff;--pastel-green:#eaf8e8;--pastel-mint:#e4f8f4;--pastel-purple:#eeeaff;--pastel-pink:#ffeaf3;--pastel-orange:#fff0d8;--pastel-red:#ffe8e4;--surface-soft:color-mix(in srgb, var(--accent) 5%, var(--panel));--surface-pastel:color-mix(in srgb, var(--accent-2) 18%, var(--panel));--tone-blue:color-mix(in srgb, var(--pastel-blue) 70%, var(--panel-strong));--tone-blue-line:color-mix(in srgb, var(--accent) 25%, var(--soft-line));--tone-mint:color-mix(in srgb, var(--pastel-mint) 70%, var(--panel-strong));--tone-mint-line:color-mix(in srgb, #65aa9a 22%, var(--soft-line));--tone-lavender:color-mix(in srgb, var(--pastel-purple) 70%, var(--panel-strong));--tone-lavender-line:color-mix(in srgb, #8b76b8 20%, var(--soft-line));--tone-rose:color-mix(in srgb, var(--pastel-pink) 66%, var(--panel-strong));--tone-rose-line:color-mix(in srgb, #ba7999 19%, var(--soft-line));--hue-violet:#9c72c4;--hue-rose:#ca7da3;--hue-indigo:#8066b0;--hue-teal:#60a9ad;--hue-iris:#9180c4;--series-2:#14a38b;--series-3:#7a55d5;--series-4:#d34f87;--series-5:#ef7a32;--series-6:#d9a514;--series-7:#d94b4b;--series-8:#318b5d;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:44px;--space-8:64px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--title-page:clamp(38px, 4vw, 58px);--title-hero:clamp(28px, 2.7vw, 42px);--shadow-xs:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);--shadow-sm:0 6px 18px color-mix(in srgb, var(--ink) 5%, transparent);--shadow-md:0 12px 30px color-mix(in srgb, var(--ink) 7%, transparent);--shadow-lg:0 24px 56px color-mix(in srgb, var(--ink) 10%, transparent);--shadow-accent:0 20px 44px color-mix(in srgb, var(--accent) 20%, transparent);--shadow-soft:var(--shadow-sm);--shadow:var(--shadow-lg);--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 34%, transparent);--focus-outline:2px solid var(--accent);--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.32s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:color-mix(in srgb, var(--brand-primary) 46%, #d6d7dc);--accent-2:color-mix(in srgb, var(--brand-accent) 36%, #dedfe3);--accent-quiet:color-mix(in srgb, var(--accent) 7%, transparent);--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--accent-line:color-mix(in srgb, var(--accent) 30%, transparent);--accent-strong:color-mix(in srgb, var(--accent-ink) 86%, #fff);--accent-ink:var(--tenant-accent-ink-dark,#5c7adf);--on-accent:#10131a;--on-accent-2:#10131a;--ui-icon:var(--tenant-icon-ink-dark,var(--accent-ink));--accent-wash:color-mix(in srgb, var(--accent) 10%, var(--panel));--accent-wash-strong:color-mix(in srgb, var(--accent) 18%, var(--panel));--bg:#09090a;--bg-2:#0d0d0e;--panel:#141415;--panel-strong:#171718;--panel-soft:#1b1b1d;--glass:#121213eb;--row:#ffffff0d;--ink:#f1f1f2;--muted:#f1f1f2a3;--border:#ffffff24;--line:var(--border);--soft-line:#ffffff17;--success:#6bc495;--warning:#e0bc72;--danger:#e88a8a;--pastel-blue:#1c222c;--pastel-green:#18251e;--pastel-mint:#172525;--pastel-purple:#24202b;--pastel-pink:#2b2025;--pastel-orange:#2a241b;--pastel-red:#2a2020;--surface-soft:#1a1a1c;--surface-pastel:#1d2025;--tone-mint-line:#65aa9a4d;--tone-lavender-line:#8b76b84d;--tone-rose-line:#ba79994d;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 6px 18px #0006;--shadow-md:0 12px 30px #0000007a;--shadow-lg:0 24px 56px #0000008f;--shadow-accent:0 20px 44px #00000080}:root[data-brand-theme=precise]{--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--bg:color-mix(in srgb, var(--tenant-background,#fcfdff) 91%, var(--ink));--border:color-mix(in srgb, var(--ink) 5%, transparent);--soft-line:color-mix(in srgb, var(--ink) 4%, transparent);--shadow-xs:3px 3px 6px color-mix(in srgb, var(--ink) 12%, transparent), -3px -3px 6px #fff;--shadow-sm:7px 7px 16px color-mix(in srgb, var(--ink) 14%, transparent), -7px -7px 16px #fff;--shadow-md:12px 12px 28px color-mix(in srgb, var(--ink) 16%, transparent), -12px -12px 28px #fffffff2;--shadow-lg:20px 20px 48px color-mix(in srgb, var(--ink) 20%, transparent), -20px -20px 48px #ffffffe6;--shadow-accent:12px 12px 28px color-mix(in srgb, var(--accent) 26%, transparent), -12px -12px 28px #ffffffe6;--ease:cubic-bezier(.25, .1, .25, 1);--dur:.22s;--dur-slow:.4s}:root[data-theme=dark][data-brand-theme=precise]{--bg:#050506;--panel:#202024;--panel-strong:#232327;--panel-soft:#28282c;--border:#ffffff12;--soft-line:#ffffff0d;--shadow-xs:0 0 0 1px #ffffff29, 3px 3px 6px #000000bf, -3px -3px 6px #ffffff1a;--shadow-sm:0 0 0 1px #ffffff2e, 7px 7px 16px #000000bf, -7px -7px 16px #ffffff1c;--shadow-md:0 0 0 1px #fff3, 12px 12px 28px #000c, -12px -12px 28px #ffffff1f;--shadow-lg:0 0 0 1px #ffffff38, 20px 20px 48px #000000d9, -20px -20px 48px #ffffff1f;--shadow-accent:0 0 0 1px #ffffff2e, 12px 12px 28px #000000bf, -12px -12px 28px #ffffff1c}:root[data-brand-theme=soft]{--radius-xs:16px;--radius-sm:22px;--radius-md:30px;--radius-lg:38px;--radius-xl:48px;--bg:color-mix(in srgb, var(--tenant-background,#fcfdff) 90%, var(--accent));--border:color-mix(in srgb, var(--accent) 16%, transparent);--soft-line:color-mix(in srgb, var(--accent) 10%, transparent);--shadow-xs:0 4px 10px color-mix(in srgb, var(--accent) 16%, transparent), inset 0 1.5px 1px #fffffff2, inset 0 -2px 4px color-mix(in srgb, var(--accent) 8%, transparent);--shadow-sm:0 12px 28px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 2px 2px #fff, inset 0 -6px 10px color-mix(in srgb, var(--accent) 12%, transparent);--shadow-md:0 20px 44px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 3px 3px #fff, inset 0 -8px 14px color-mix(in srgb, var(--accent) 14%, transparent);--shadow-lg:0 32px 72px color-mix(in srgb, var(--accent) 26%, transparent), inset 0 3px 4px #fff, inset 0 -10px 18px color-mix(in srgb, var(--accent) 14%, transparent);--shadow-accent:0 24px 48px color-mix(in srgb, var(--accent) 34%, transparent), inset 0 2px 3px #ffffff80;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur:.24s;--dur-slow:.42s;--space-5:26px;--space-6:36px}:root[data-theme=dark][data-brand-theme=soft]{--bg:color-mix(in srgb, #09090a 88%, var(--accent));--border:color-mix(in srgb, var(--accent) 30%, transparent);--soft-line:color-mix(in srgb, var(--accent) 18%, transparent);--shadow-xs:0 4px 10px #00000080, inset 0 1.5px 1px #ffffff12, inset 0 -2px 4px #0000004d;--shadow-sm:0 12px 28px #00000085, inset 0 2px 2px #ffffff14, inset 0 -6px 10px #0006;--shadow-md:0 20px 44px #00000094, inset 0 3px 3px #ffffff17, inset 0 -8px 14px #00000073;--shadow-lg:0 32px 72px #000000a6, inset 0 3px 4px #ffffff17, inset 0 -10px 18px #00000073;--shadow-accent:0 24px 48px #0000008c, inset 0 2px 3px #ffffff14}:root[data-reduced-animations=true]{--dur-fast:.01ms;--dur:.01ms;--dur-slow:.01ms;scroll-behavior:auto}:root[data-reduced-animations=true] *,:root[data-reduced-animations=true] :before,:root[data-reduced-animations=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){:root,:root[data-brand-theme=precise],:root[data-brand-theme=soft]{--dur-fast:.01ms;--dur:.01ms;--dur-slow:.01ms;--ease-spring:var(--ease)}}
*{box-sizing:border-box}html,body{min-height:100%}:root[data-theme=dark] img,:root[data-theme=dark] video,:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.unifloe-login-page{background:var(--ink);justify-content:center;align-items:center;min-height:100svh;padding:28px;display:flex}.unifloe-login-shell{gap:26px;width:100%;max-width:440px;display:grid}.unifloe-login-brand{justify-content:center;display:flex}.unifloe-login-logo{object-fit:contain;width:66px;height:66px}.unifloe-login-card{background:var(--panel);border-radius:var(--radius-xl);gap:26px;padding:clamp(28px,6vw,42px);display:grid;box-shadow:0 24px 70px #040c1f4d}.unifloe-login-card header{gap:7px;display:grid}.unifloe-login-card h1,.unifloe-login-card p{margin:0}.unifloe-login-card h1{color:var(--ink);font-size:clamp(38px,8vw,52px);line-height:1}.unifloe-login-card header p,.unifloe-login-demo small{color:var(--muted);font-size:15px;font-weight:650}.unifloe-login-form{gap:16px;display:grid}.unifloe-password-visibility{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:end;align-items:center;gap:7px;margin-bottom:-6px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.unifloe-password-visibility:hover{text-decoration:underline}.unifloe-login-form label{color:var(--ink);gap:8px;font-size:13px;font-weight:800;display:grid}.unifloe-login-field{gap:8px;display:grid}.unifloe-login-field>label{display:block}.unifloe-login-form .unifloe-login-check{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.unifloe-login-check input{accent-color:var(--ink);width:17px;height:17px}.unifloe-login-check span{gap:2px;display:grid}.unifloe-login-check small{color:var(--muted);font-size:12px;font-weight:650}.unifloe-login-alt{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:13px;font-weight:650;text-decoration:underline}.unifloe-login-alt:disabled{color:var(--muted);cursor:default}.unifloe-login-input{background:var(--panel-soft);border-radius:var(--radius-md);color:var(--muted);min-height:54px;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, background var(--dur-fast) ease;border:1px solid #0000;align-items:center;gap:11px;padding:0 15px;display:flex}.unifloe-login-input:focus-within{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent)}.unifloe-login-input input{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:700}.unifloe-login-input input::placeholder{color:var(--muted)}.unifloe-password-toggle{border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.unifloe-password-toggle:hover{color:var(--ink)}.unifloe-login-submit{background:var(--ink);border-radius:var(--radius-md);color:var(--on-accent);cursor:pointer;font:inherit;min-height:54px;transition:background var(--dur-fast) ease, transform var(--dur-fast) ease;border:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:850;display:inline-flex}.unifloe-login-submit:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.unifloe-login-submit:focus-visible,.unifloe-password-visibility:focus-visible,.unifloe-password-toggle:focus-visible,.unifloe-login-demo:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.unifloe-login-submit:disabled{cursor:wait;opacity:.7}.unifloe-login-demo{background:linear-gradient(135deg, var(--panel-soft) 0%, color-mix(in srgb, var(--series-2) 10%, var(--panel-strong)) 100%);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-ink);min-height:62px;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-fast) ease;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:grid}.unifloe-login-demo span{gap:2px;display:grid}.unifloe-login-demo strong{font-size:15px;font-weight:900}.unifloe-login-demo small{font-size:12px;line-height:1.35}.unifloe-login-demo:hover{border-color:var(--accent);box-shadow:0 14px 30px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-1px)}@media (max-width:560px){.unifloe-login-page{align-items:flex-start;padding:42px 16px 24px}.unifloe-login-shell{gap:20px}.unifloe-login-card{border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){.unifloe-login-input,.unifloe-login-submit,.unifloe-login-demo{transition:none}}:root[data-reduced-animations=true]{scroll-behavior:auto}:root[data-reduced-animations=true] *,:root[data-reduced-animations=true] :before,:root[data-reduced-animations=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-theme=dark] .login-page{background:radial-gradient(circle at 18% 16%, #ffffff09, transparent 28%), radial-gradient(circle at 82% 78%, #ffffff06, transparent 32%), var(--bg-2)}.login-page{background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--login-accent,var(--accent)) 12%, transparent), transparent 28%), radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--login-panel-tint,var(--pastel-blue)) 72%, transparent), transparent 32%), var(--bg-2);place-items:center;min-height:100vh;padding:32px;display:grid}.login-shell{border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--panel-strong);width:min(1120px,100%);box-shadow:var(--shadow);grid-template-columns:minmax(320px,1fr) minmax(360px,.72fr);display:grid;overflow:hidden}.login-logo{object-fit:contain;z-index:1;flex:none;width:82px;height:auto;max-height:82px;position:relative}.login-form{gap:16px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:13px;font-weight:950;display:grid}.login-input-wrap{background:color-mix(in srgb, var(--panel-strong) 92%, var(--login-panel-tint,var(--panel)));border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.login-input-wrap:focus-within{border-color:color-mix(in srgb, var(--login-primary,var(--accent)) 42%, var(--border-soft));box-shadow:0 0 0 4px color-mix(in srgb, var(--login-accent,var(--accent)) 16%, transparent)}.login-form input,.login-form select{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:850}.login-submit{background:var(--login-primary,var(--accent));border-color:var(--login-primary,var(--accent));justify-content:center;width:100%;min-height:50px}.login-submit:disabled{cursor:wait;opacity:.72}.pilot-register-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.pilot-register-frame{gap:18px;width:100%;max-width:600px;display:grid}.pilot-register-brand{justify-self:center;display:inline-flex}.pilot-register-brand img{object-fit:contain;width:58px;height:58px}.pilot-register-card{background:var(--panel);border-radius:var(--radius-lg);color:var(--ink);padding:var(--space-6);gap:20px;display:grid;box-shadow:0 24px 70px #040c1f4d}.pilot-register-card.expanded{max-height:min(780px,100svh - 124px);overflow-y:auto}.pilot-register-topline{justify-content:space-between;align-items:center;display:flex}.pilot-register-topline>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.pilot-register-topline a{color:var(--ink);align-items:center;gap:5px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.pilot-register-header h1{color:var(--ink);margin:0;font-size:clamp(34px,7vw,46px);line-height:1}.pilot-register-form label{color:var(--ink)}.pilot-register-form .login-input-wrap{background:var(--panel-soft);border-color:#0000;min-height:50px}.pilot-register-form .login-input-wrap:focus-within{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent)}.pilot-register-form :is(input,select){color:var(--ink)}.pilot-register-card .login-submit{background:var(--ink);border-color:var(--ink);color:var(--on-accent)}.pilot-register-card .login-submit:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.pilot-register-help{color:var(--muted);text-align:center;margin:-4px 0 0;font-size:13px;font-weight:700}.pilot-register-help a{color:var(--ink);font-weight:900;text-decoration:none}.pilot-register-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pilot-register-grid .wide{grid-column:1/-1}.pilot-invite-confirmed{background:var(--panel-soft);border-radius:var(--radius-sm);color:var(--ink);align-items:center;gap:10px;padding:10px 12px;display:flex}.pilot-invite-confirmed span{gap:2px;display:grid}.pilot-invite-confirmed small{color:var(--muted);font-weight:750}.pilot-register-consents{flex-wrap:wrap;gap:10px 22px;display:flex}.login-form .pilot-consent-check{grid-template-columns:auto 1fr;align-items:center;display:flex}.login-form .pilot-consent-check input{accent-color:var(--ink);width:auto}@media (max-width:860px){.login-shell{grid-template-columns:1fr}}@media (max-width:560px){.login-page{padding:14px}.login-logo{width:68px;max-height:68px}.login-shell{border-radius:var(--radius-lg)}.pilot-register-page{align-items:flex-start;padding:28px 14px 18px}.pilot-register-card{border-radius:var(--radius-lg);padding:var(--space-5)}.pilot-register-card.expanded{max-height:none}.pilot-register-grid{grid-template-columns:1fr}.pilot-register-grid .wide{grid-column:auto}}.platform-upload-panel{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);gap:12px;padding:14px;display:grid}.platform-upload-panel.wide{grid-column:1/-1}.field-label{color:var(--muted);font-size:13px;font-weight:950}.visitor-photo-preview,.visitor-photo-empty{aspect-ratio:4/3;border:1px solid var(--border-soft);border-radius:var(--radius-md);width:min(280px,100%)}.visitor-photo-preview{background:var(--panel-strong);object-fit:cover}.visitor-photo-empty{color:var(--muted);justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.platform-upload-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.loading-screen,.skeleton-screen{background:var(--bg-2);z-index:9999;min-height:100dvh;padding:0;display:grid;position:fixed;inset:0;overflow:auto}.skeleton-app-frame{grid-template-columns:92px minmax(0,1fr);min-height:100dvh;display:grid}.skeleton-sidebar{background:var(--panel-strong);border-right:1px solid var(--border-soft);grid-template-rows:auto auto 1fr;gap:22px;padding:20px 15px;display:grid}.skeleton-brand,.skeleton-nav-stack>div,.skeleton-topbar,.skeleton-top-actions,.skeleton-search-field{align-items:center;gap:11px;display:flex}.skeleton-brand .skeleton-line,.skeleton-sidebar .skeleton-nav-stack .skeleton-line{display:none}.skeleton-nav-stack{align-content:start;gap:12px;display:grid}.skeleton-nav-stack>div{border-radius:var(--radius-pill);justify-content:center;min-height:44px}.skeleton-nav-stack>div.active{background:var(--surface-soft);border:1px solid var(--border-soft)}.skeleton-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.skeleton-topbar{background:color-mix(in srgb, var(--panel-strong) 82%, transparent);border-bottom:1px solid var(--border-soft);justify-content:space-between;min-height:78px;padding:15px clamp(18px,3vw,36px)}.skeleton-search,.skeleton-search-field{background:var(--panel-strong);border:1px solid var(--border-soft);border-radius:var(--radius-pill);min-height:46px;padding:0 16px}.skeleton-content{gap:18px;padding:clamp(22px,3vw,38px);display:grid}.skeleton-header{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.skeleton-header>div{flex:1;gap:14px;display:grid}.skeleton-line,.skeleton-avatar,.skeleton-card,.skeleton-nav-icon,.mobile-skeleton-line{background:linear-gradient(90deg, color-mix(in srgb, var(--soft-line) 36%, var(--panel)) 0%, color-mix(in srgb, var(--panel) 82%, var(--accent-soft)) 48%, color-mix(in srgb, var(--soft-line) 36%, var(--panel)) 100%);background-size:220% 100%;animation:1.25s ease-in-out infinite u-shimmer}.skeleton-line{border-radius:var(--radius-pill);height:16px;display:block}.skeleton-header .skeleton-line:first-child{height:12px}.skeleton-header .skeleton-line:nth-child(2){height:clamp(42px,6vw,74px)}.skeleton-avatar{border-radius:var(--radius-pill);width:64px;height:64px}.skeleton-avatar.small,.skeleton-nav-icon{border-radius:var(--radius-pill);flex:none;width:34px;height:34px}.skeleton-avatar.large{width:132px;height:132px}.skeleton-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.skeleton-card{background-color:var(--panel-strong);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);min-height:146px;padding:var(--space-5);gap:13px;display:grid}.skeleton-card.metric{min-height:118px}.skeleton-card.wide{min-height:240px}.global-search-skeleton{gap:10px;padding:14px;display:grid}@media (max-width:980px){.skeleton-summary{grid-template-columns:1fr 1fr}}@media (max-width:640px){.skeleton-app-frame{grid-template-columns:1fr}.skeleton-sidebar{display:none}.skeleton-topbar{min-height:62px;padding:12px 16px}.skeleton-top-actions .skeleton-line,.skeleton-avatar{display:none}.skeleton-summary{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skeleton-line,.skeleton-avatar,.skeleton-card,.skeleton-nav-icon,.mobile-skeleton-line{animation:none}}@media (max-width:980px){.visitor-row{flex-wrap:wrap;align-items:flex-start}}.pilot-register-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.step-up-modal{gap:12px;max-width:420px;display:grid}.step-up-modal input{letter-spacing:.3em;text-align:center;font-size:22px;font-weight:800}.step-up-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}
.guardian-activation-shell{background:linear-gradient(145deg,#f5f8ff,#fff);place-items:center;min-height:100vh;padding:24px;display:grid}.guardian-activation-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #dfe7f7;gap:16px;width:100%;max-width:620px;padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 24px 70px #1f32641f}.guardian-activation-card h1,.guardian-activation-card p{margin:0}.guardian-activation-card form{gap:16px;display:grid}.guardian-activation-card form>label:not(.guardian-consent-check){gap:7px;font-size:13px;font-weight:850;display:grid}.guardian-activation-card input[type=password]{border-radius:var(--radius-sm);font:inherit;border:1px solid #d9e2f3;padding:12px 14px}.guardian-activation-mark{border-radius:var(--radius-sm);color:#315fca;background:#eaf1ff;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.guardian-activation-success{color:#16835f}.guardian-invite-summary{border-radius:var(--radius-md);background:#f6f8fd;gap:4px;padding:14px;display:grid}.guardian-invite-summary span,.guardian-invite-summary small,.guardian-consent-check{color:#64708a}.guardian-consent-check{align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.guardian-consent-check input{margin-top:4px}
.u-page,.module-workspace{color:var(--ink);gap:var(--space-5);margin:0 0 var(--space-6);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.u-page-header,.dashboard-head,.workspace-head,.module-page-header{align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap;justify-content:space-between;min-width:0;display:flex}.u-page-header>div,.dashboard-head>div,.workspace-head>div,.module-page-header>div{min-width:0}.u-title,.page-title,.u-page-header h1,.module-page-header h1{color:var(--ink);font-size:var(--title-page);letter-spacing:-.03em;margin:0;font-weight:900;line-height:1}.u-page-description,.workspace-subtitle,.u-page-header>div>p,.module-page-header>div>p{color:var(--muted);font-size:var(--text-md);margin:var(--space-2) 0 0;max-width:68ch;font-weight:650;line-height:1.45}.u-header-actions,.module-header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.u-eyebrow,.eyebrow{color:var(--muted);font-size:var(--text-sm);letter-spacing:.02em;margin:0 0 var(--space-1);font-weight:850}.u-section-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;min-width:0;display:flex}.u-section-title,.card-title{color:var(--ink);font-size:var(--text-lg);align-items:center;gap:var(--space-2);letter-spacing:-.01em;flex-wrap:wrap;min-width:0;margin:0;font-weight:900;line-height:1.2;display:flex}.card-title{margin-bottom:var(--space-4);justify-content:space-between;width:100%}.u-section-title svg,.card-title svg{color:var(--ui-icon);flex:none}.u-panel,.card,.module-panel{background:var(--panel-strong);border:1px solid var(--soft-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--ink);min-width:0;padding:var(--space-5)}.u-panel:is(a,button),.card:is(a,button),.module-panel:is(a,button){cursor:pointer;font:inherit;text-align:left;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);text-decoration:none}.u-panel-quiet{background:var(--panel-soft);box-shadow:none}.u-panel-flush{padding:0}@media (hover:hover){.u-panel:is(a,button):hover,.card:is(a,button):hover,.module-panel:is(a,button):hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.u-btn,.pill,.primary-pill,.secondary-pill,.ghost-pill,.module-primary-action,.module-secondary-action{appearance:none;border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:var(--text-base);align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.u-btn-primary,.primary-pill,.module-primary-action{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-xs);color:var(--on-accent)}.u-btn-secondary,.secondary-pill,.ghost-pill,.module-secondary-action{background:var(--panel-strong);border-color:var(--border);color:var(--ink)}.u-btn-quiet,.pill{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.u-btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.u-btn-compact,.compact{font-size:var(--text-sm);min-height:34px;padding:0 var(--space-3)}.u-btn[disabled],.pill[disabled],.primary-pill[disabled],.secondary-pill[disabled],.ghost-pill[disabled],.module-primary-action[disabled],.module-secondary-action[disabled]{cursor:not-allowed;opacity:.55}@media (hover:hover){.u-btn:not([disabled]):hover,.primary-pill:not([disabled]):hover,.secondary-pill:not([disabled]):hover,.ghost-pill:not([disabled]):hover,.module-primary-action:not([disabled]):hover,.module-secondary-action:not([disabled]):hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.u-btn-secondary:not([disabled]):hover,.secondary-pill:not([disabled]):hover,.ghost-pill:not([disabled]):hover,.module-secondary-action:not([disabled]):hover{border-color:var(--accent-line)}}.u-tabs,.module-tab-list,.module-tabs,.workspace-module-tabs,.guardian-module-tabs,.operations-tabs,.reports-view-tabs,.student-360-tabs{background:var(--panel-soft);border:1px solid var(--soft-line);border-radius:var(--radius-md);align-items:center;gap:var(--space-1);padding:var(--space-1);scrollbar-width:none;margin:0;display:flex;overflow-x:auto}.u-tabs::-webkit-scrollbar{display:none}.module-tab-list::-webkit-scrollbar{display:none}.module-tabs::-webkit-scrollbar{display:none}.workspace-module-tabs::-webkit-scrollbar{display:none}.operations-tabs::-webkit-scrollbar{display:none}.u-tabs>button,.u-tabs>a,.module-tab-list>button,.module-tabs>button,.workspace-module-tabs>button,.guardian-module-tabs>button,.operations-tabs>button,.reports-view-tabs>button,.student-360-tabs>button{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-base);align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:1px solid #0000;flex:none;font-weight:800;text-decoration:none;display:inline-flex}.u-tabs>button:hover,.module-tab-list>button:hover,.module-tabs>button:hover,.workspace-module-tabs>button:hover,.guardian-module-tabs>button:hover,.operations-tabs>button:hover,.reports-view-tabs>button:hover,.student-360-tabs>button:hover{color:var(--ink)}.u-tabs>.active,.u-tabs>[aria-selected=true],.u-tabs>[aria-current=page],.module-tab-list>button.active,.module-tab-list>button[aria-selected=true],.module-tabs>button.active,.workspace-module-tabs>button.active,.guardian-module-tabs>button.active,.operations-tabs>button.active,.reports-view-tabs>button.active,.student-360-tabs>button.active{background:var(--panel-strong);border-color:var(--accent-line);box-shadow:var(--shadow-xs);color:var(--accent-strong)}.u-stat-grid,.module-stat-grid,.ops-summary-strip{gap:var(--space-3);grid-template-columns:repeat(var(--u-stat-columns,4), minmax(0, 1fr));display:grid}.u-stat-grid[data-columns="2"],.module-stat-grid[data-columns="2"]{--u-stat-columns:2}.u-stat-grid[data-columns="3"],.module-stat-grid[data-columns="3"]{--u-stat-columns:3}.u-stat-grid[data-columns="5"],.module-stat-grid[data-columns="5"]{--u-stat-columns:5}.u-stat,.module-stat,.ops-summary-card{background:var(--panel-strong);border:1px solid var(--soft-line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--ink);align-content:center;gap:var(--space-1);min-height:108px;padding:var(--space-4);text-align:left;display:grid}.u-stat:is(a,button),.module-stat:is(a,button){cursor:pointer;font:inherit;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);text-decoration:none}.u-stat :where(span,small,em),.module-stat :where(span,small,em),.ops-summary-card span{color:var(--muted);font-size:var(--text-sm);font-style:normal;font-weight:750}.u-stat strong,.module-stat strong,.ops-summary-card strong{color:var(--ink);font-size:var(--text-2xl);letter-spacing:-.03em;margin:var(--space-1) 0;line-height:1}.ops-summary-card strong{order:1}.ops-summary-card.ops-danger strong{color:var(--danger)}@media (hover:hover){.u-stat:is(a,button):hover,.module-stat:is(a,button):hover{border-color:var(--accent-line);box-shadow:var(--shadow-sm)}}@media (max-width:820px){.u-stat-grid,.module-stat-grid,.ops-summary-strip,.u-stat-grid[data-columns],.module-stat-grid[data-columns]{--u-stat-columns:2}}.u-status,.status{background:var(--neutral-soft);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);align-items:center;gap:var(--space-1);padding:6px var(--space-3);white-space:nowrap;font-weight:850;line-height:1;display:inline-flex}.u-status-positive,.status.positive,.u-status-success,.status.success{background:var(--success-soft);color:var(--success)}.u-status-warning,.status.warning{background:var(--warning-soft);color:var(--warning)}.u-status-danger,.status.danger,.u-status-critical,.status.critical{background:var(--danger-soft);color:var(--danger)}.u-status-info,.status.info{background:var(--info-soft);color:var(--accent-strong)}.u-status-neutral,.status.neutral{background:var(--neutral-soft);color:var(--muted)}.u-empty,.empty-state,.module-empty{color:var(--muted);align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;justify-items:center;display:grid}.u-empty strong,.empty-state strong,.module-empty strong,.u-empty h1,.empty-state h1{color:var(--ink);font-size:var(--text-lg);margin:0;font-weight:900}.u-empty p,.u-empty small,.empty-state p,.module-empty small{color:var(--muted);font-size:var(--text-base);max-width:46ch;margin:0}.u-empty svg,.empty-state svg{color:var(--muted);opacity:.6}.u-empty-compact,.compact-empty{padding:var(--space-5) var(--space-4)}.u-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--ink) 22%, transparent);padding:var(--space-5);z-index:90;place-items:center;display:grid;position:fixed;inset:0}.u-dialog{background:var(--panel-strong);border:1px solid var(--soft-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--ink);gap:var(--space-4);max-width:min(640px,100%);max-height:min(86vh,900px);padding:var(--space-5);width:100%;display:grid;overflow:auto}.u-dialog-wide{max-width:min(980px,100%)}.u-dialog-header{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.u-dialog-header h2,.u-dialog-header h3{color:var(--ink);font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:900}.u-dialog-footer{border-top:1px solid var(--soft-line);gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;justify-content:flex-end;display:flex}.modal-backdrop,.dashboard-modal-backdrop,.attendance-dialog-backdrop,.action-modal-backdrop,.image-crop-backdrop,.profile-change-backdrop,.profile-setup-backdrop,.calendar-overlay,.finance-drawer-backdrop,.library-drawer-backdrop,.mobile-sheet-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--ink) 22%, transparent)}.u-field,.u-form label{color:var(--muted);font-size:var(--text-base);gap:var(--space-2);min-width:0;font-weight:850;display:grid}.u-form{gap:var(--space-4);display:grid}.u-form-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.u-form-grid .wide{grid-column:1/-1}input:where([type=text],[type=email],[type=password],[type=search],[type=number],[type=tel],[type=url],[type=date],[type=time],[type=datetime-local],[type=month]),select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:var(--text-md);min-width:0;min-height:42px;padding:var(--space-2) var(--space-3);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);width:100%;font-weight:700}textarea{min-height:96px;padding:var(--space-3);resize:vertical;line-height:1.5}input:where([type=text],[type=email],[type=password],[type=search],[type=number],[type=tel],[type=url],[type=date],[type=time],[type=datetime-local],[type=month]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 76%, transparent);font-weight:650}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px}.u-form-error,.form-error{color:var(--danger);font-size:var(--text-base);margin:0;font-weight:800}.u-form-hint,.soft-note,.muted{color:var(--muted);font-size:var(--text-base);font-weight:650}.u-cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.u-list{min-width:0;display:grid}.u-row,.row{border-bottom:1px solid var(--soft-line);align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) 0;justify-content:space-between;display:flex}.u-row:last-child,.u-list>.row:last-child{border-bottom:0}.u-row-main,.row-main{flex:auto;gap:2px;min-width:0;display:grid}.u-row-main strong,.row-main strong{color:var(--ink);font-size:var(--text-md);font-weight:850}.u-row-main span,.u-row-main small,.row-main span,.row-main small{color:var(--muted);font-size:var(--text-base)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{border-radius:var(--radius-xs);outline:var(--focus-outline);outline-offset:2px}@media (max-width:900px){.u-page-header,.dashboard-head,.workspace-head,.module-page-header{flex-direction:column;align-items:stretch}.u-header-actions,.module-header-actions{justify-content:flex-start}.u-stat-grid,.module-stat-grid,.u-stat-grid[data-columns="3"],.u-stat-grid[data-columns="5"],.module-stat-grid[data-columns="3"]{--u-stat-columns:2}}@media (max-width:560px){.u-page,.module-workspace{gap:var(--space-4)}.u-stat-grid,.module-stat-grid,.u-stat-grid[data-columns="3"],.u-stat-grid[data-columns="5"],.module-stat-grid[data-columns="3"]{--u-stat-columns:1}.u-panel,.card,.module-panel{padding:var(--space-4)}.u-dialog{max-height:92vh;padding:var(--space-4)}}:root[data-brand-theme=precise] :is(.u-panel,.card,.module-panel){border-color:#0000}:root[data-brand-theme=precise] :is(.u-btn-secondary,.secondary-pill,.ghost-pill,.module-secondary-action){background:var(--bg);box-shadow:var(--shadow-xs);border-color:#0000}:root[data-brand-theme=precise] :is(button,[role=button],.u-btn):not(:disabled):active{box-shadow:inset 3px 3px 6px color-mix(in srgb, var(--ink) 14%, transparent), inset -3px -3px 6px #ffffffe6;transform:none}:root[data-brand-theme=precise] :is(input:where([type=text],[type=email],[type=password],[type=search],[type=number],[type=tel],[type=url],[type=date],[type=time],[type=datetime-local],[type=month]),select,textarea){background:var(--bg);box-shadow:inset 3px 3px 6px color-mix(in srgb, var(--ink) 10%, transparent), inset -3px -3px 6px #ffffffe6;border-color:#0000}:root[data-theme=dark][data-brand-theme=precise] :is(button,[role=button],.u-btn):not(:disabled):active{box-shadow:inset 3px 3px 6px #0009,inset -3px -3px 6px #ffffff0d}:root[data-theme=dark][data-brand-theme=precise] :is(input:where([type=text],[type=email],[type=password],[type=search],[type=number],[type=tel],[type=url],[type=date],[type=time],[type=datetime-local],[type=month]),select,textarea){box-shadow:inset 3px 3px 6px #0000008c,inset -3px -3px 6px #ffffff0d}:root[data-brand-theme=soft] :is(.u-panel,.card,.module-panel){border:2px solid #ffffffd9}:root[data-theme=dark][data-brand-theme=soft] :is(.u-panel,.card,.module-panel){border-color:#ffffff12}:root[data-brand-theme=soft] :is(.u-panel,.card,.module-panel):is(a,button){transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), scale var(--dur-slow) var(--ease-spring)}:root[data-brand-theme=soft] :is(.u-panel,.card,.module-panel):is(a,button):active{transition-duration:var(--dur-fast);scale:.97}:root[data-brand-theme=soft] :is(button,[role=button],.u-btn):not(:disabled){transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), scale var(--dur-slow) var(--ease-spring)}@media (hover:hover){:root[data-brand-theme=soft] :is(button,[role=button],.u-btn):not(:disabled):hover{scale:1.03}}:root[data-brand-theme=soft] :is(button,[role=button],.u-btn):not(:disabled):active{transition-duration:var(--dur-fast);scale:.92}.module-search-control{background:var(--panel);border:1px solid var(--soft-line);border-radius:var(--radius-md);align-items:center;gap:9px;min-height:48px;padding:12px 14px;display:flex}.module-search-control input{appearance:none;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:850}.module-pill-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.module-pill-filters button{background:var(--panel);border:1px solid var(--soft-line);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-base);padding:11px 13px;font-weight:900}.module-pill-filters button.active,.module-pill-filters button:hover{background:var(--ink);border-color:var(--ink);color:var(--panel)}.u-freshness{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);flex-wrap:wrap;justify-content:flex-end;font-weight:650;display:flex}.u-freshness button{color:var(--accent-ink);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}html:not(:lang(en)) :is(h1,h2,h3,h4,.card-title,.module-stat strong){line-height:1.35}@keyframes u-fade-in{0%{opacity:0}to{opacity:1}}@keyframes u-fade-out{0%{opacity:1}to{opacity:0}}@keyframes u-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes u-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes u-drop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes u-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes u-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes u-spin{to{transform:rotate(1turn)}}@keyframes u-shimmer{0%{background-position:150% 0}to{background-position:-90% 0}}
body{background:var(--bg);color:var(--ink);font-family:var(--tenant-font-family,var(--font-gilroy)), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:92px minmax(0,1fr);min-height:100vh;padding:28px 28px 28px 0;display:grid}.brand-mark,.icon-button{border-radius:var(--radius-pill);border:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-mark{color:var(--ink);text-transform:lowercase;background:0 0;border:0;border-radius:0;width:58px;height:54px;font-size:30px;font-weight:900;line-height:1;overflow:visible}.brand-logo{object-fit:contain;width:100%;height:auto;max-height:52px;display:block}.app-logo-dark,:root[data-theme=dark] .app-logo-light{display:none}:root[data-theme=dark] .app-logo-dark{display:block}.icon-button{background:var(--panel-strong);border:1px solid var(--line);color:var(--ink)}.install-action{color:var(--accent-ink);font-size:22px;font-weight:900}.mobile-offline-pill{background:color-mix(in srgb, var(--warning) 16%, var(--panel-strong));border:1px solid color-mix(in srgb, var(--warning) 28%, var(--line));border-radius:var(--radius-pill);color:var(--warning);padding:7px 9px;font-size:11px;font-weight:950}body.is-offline .main-shell{box-shadow:none}body.is-offline .data-source-indicator{border-color:color-mix(in srgb, var(--warning) 40%, var(--line))}.icon-button:hover,.theme-toggle:hover{transform:translateY(-1px)}.expandable-sidebar{background:color-mix(in srgb, var(--bg) 80%, transparent);border-right:1px solid color-mix(in srgb, var(--line) 70%, transparent);height:calc(100vh - 56px);transition:width var(--dur) ease, box-shadow var(--dur) ease, background var(--dur) ease;z-index:110;align-self:start;width:72px;margin-right:10px;padding:24px 12px;position:sticky;top:28px;overflow:hidden}.expandable-sidebar:hover,.expandable-sidebar:focus-within{background:color-mix(in srgb, var(--panel) 94%, transparent);box-shadow:22px 0 60px color-mix(in srgb, var(--accent) 12%, transparent);z-index:120;width:304px}.sidebar-brand{justify-content:flex-start;align-items:center;gap:10px;height:54px;margin-bottom:18px;display:flex}.workspace-name,.sidebar-brand{text-transform:lowercase;align-items:center;gap:10px;margin:0 0 30px;font-size:0;font-weight:900;display:flex}.workspace-logo{object-fit:contain;height:auto;max-height:46px;transition:width var(--dur) ease, max-height var(--dur) ease;border:0;border-radius:0;width:42px}.expandable-sidebar:hover .workspace-logo,.expandable-sidebar:focus-within .workspace-logo{width:42px}.sidebar-brand-monogram{background:var(--accent);border-radius:var(--radius-md);color:var(--on-accent);letter-spacing:.02em;text-transform:uppercase;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:flex}.brand-wordmark{color:var(--ink);letter-spacing:0;opacity:0;transition:opacity var(--dur) ease, transform var(--dur) ease;white-space:nowrap;font-size:24px;font-weight:400;transform:translate(-8px)}.expandable-sidebar:hover .brand-wordmark,.expandable-sidebar:focus-within .brand-wordmark{opacity:1;transform:translate(0)}.expandable-sidebar:not(:hover):not(:focus-within) .brand-wordmark{opacity:0;pointer-events:none}.sidebar-nav{height:calc(100vh - 176px);padding-right:4px;overflow-y:auto}.mobile-topbar{background:color-mix(in srgb, var(--panel) 88%, transparent);border-bottom:1px solid var(--line);transition:transform var(--dur) cubic-bezier(.22, 1, .36, 1), box-shadow var(--dur) ease;will-change:transform;z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:none;position:sticky;top:0;transform:translateY(0)}.mobile-topbar.mobile-topbar-hidden{box-shadow:none;pointer-events:none;transform:translateY(calc(-100% - env(safe-area-inset-top)))}.mobile-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-brand .brand-logo{object-fit:contain;width:38px;height:34px}.mobile-brand .brand-logo.app-wordmark{text-overflow:ellipsis;white-space:nowrap;width:auto;max-width:min(150px,42vw);height:auto;font-size:15px;font-weight:950;line-height:1.2;overflow:hidden}.mobile-brand>span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:15px;font-weight:950;overflow:hidden}@media (max-width:480px){.mobile-brand>span:not(.brand-logo){display:none}.mobile-brand .brand-logo.app-wordmark{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:13px;line-height:1.15;display:-webkit-box}}.mobile-topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.mobile-icon-button,.mobile-sheet-close{border-radius:var(--radius-sm);color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.mobile-icon-button:hover,.mobile-icon-button:focus-visible,.mobile-sheet-close:hover,.mobile-sheet-close:focus-visible{background:color-mix(in srgb, var(--accent) 9%, var(--panel-strong));outline:none}.mobile-sheet-backdrop{z-index:320;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.mobile-sheet{background:color-mix(in srgb, var(--panel-strong) 97%, var(--bg));border-left:1px solid var(--line);max-width:420px;height:100dvh;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,1fr);width:min(92vw,390px);animation:.22s cubic-bezier(.22,1,.36,1) u-slide-in;display:grid;overflow:hidden;box-shadow:-24px 0 68px #17233f33}.mobile-search-sheet{border-left:0;width:100%;max-width:none}.mobile-sheet-head{border-bottom:1px solid var(--line);min-height:68px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;display:flex}.mobile-sheet-head>div{gap:1px;display:grid}.mobile-sheet-head small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.mobile-sheet-head strong{font-size:19px}.mobile-sheet-content,.mobile-menu-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.mobile-sheet-content{padding:16px}.mobile-search-field{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.mobile-search-field:focus-within{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));box-shadow:0 0 0 3px var(--accent-soft)}.mobile-search-field input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.mobile-search-results{gap:8px;margin-top:14px;display:grid}.mobile-result-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:13px;display:grid}.mobile-result-row span{gap:4px;display:grid}.mobile-result-row small{color:var(--muted);font-size:12px;line-height:1.35}.mobile-sheet-empty{color:var(--muted);text-align:center;padding:28px 12px}.mobile-menu-content{grid-template-rows:auto auto auto;padding:14px;display:grid}.mobile-profile-link{background:color-mix(in srgb, var(--accent) 7%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));border-radius:var(--radius-md);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.mobile-menu-avatar{background:var(--accent-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mobile-profile-link>span{gap:2px;min-width:0;display:grid}.mobile-profile-link small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-navigation{gap:5px;padding:14px 0;display:grid}.mobile-navigation a{border-radius:var(--radius-sm);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:48px;padding:5px 10px 5px 5px;display:grid}.mobile-navigation a>span{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mobile-navigation a.active{background:var(--panel-strong);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ink)}.mobile-navigation a.active>span{background:var(--panel);border-color:var(--line)}:root[data-theme=dark] .mobile-navigation a.active{box-shadow:0 0 18px #ffffff14}.mobile-menu-footer{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.mobile-demo-controls{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);gap:10px;padding:12px;display:grid}.mobile-demo-controls>strong{align-items:center;gap:7px;font-size:13px;display:flex}.mobile-demo-controls label{gap:5px;display:grid}.mobile-demo-controls label>span{color:var(--muted);font-size:11px;font-weight:850}.mobile-demo-controls select{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);width:100%;min-height:42px;padding:0 10px}.mobile-runtime-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:850;display:flex}.mobile-runtime-row span:before{background:var(--positive);content:"";border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.mobile-runtime-row span.offline:before{background:var(--danger)}.mobile-runtime-row button,.mobile-sign-out{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:0 0;min-height:42px;padding:0 13px}.mobile-sign-out{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.main-shell{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;overflow:visible}.topbar{grid-template-columns:minmax(240px,520px) 1fr auto;align-items:center;gap:18px;padding:30px 42px 18px;display:grid}.search{background:var(--panel-strong);border:1px solid var(--soft-line);border-radius:var(--radius-pill);color:var(--muted);align-items:center;gap:12px;padding:13px 18px;display:flex}.search:focus-within{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));box-shadow:0 0 0 4px var(--accent-soft)}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.global-search{z-index:45;margin:0;position:relative}.global-search.active{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}.global-search-popover{background:color-mix(in srgb, var(--panel-strong) 96%, var(--bg-2));border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:var(--radius-lg);box-shadow:0 28px 74px color-mix(in srgb, var(--accent) 18%, transparent);z-index:80;gap:6px;max-height:min(430px,100vh - 170px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto}.global-search-result{border-radius:var(--radius-md);color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.global-search-result:hover,.global-search-result:focus-visible{background:color-mix(in srgb, var(--accent-soft) 54%, var(--panel-strong));border-color:color-mix(in srgb, var(--accent) 20%, var(--line));outline:0}.global-search-result span{gap:4px;min-width:0;display:grid}.global-search-result strong,.global-search-result small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-search-result strong{color:var(--ink);font-size:14px;font-weight:900}.global-search-result small{color:var(--muted);font-size:12px;line-height:1.4}.global-search-result em{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--accent-ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;padding:6px 8px;font-size:11px;font-style:normal;font-weight:900;overflow:hidden}.global-search-empty{color:var(--muted);padding:14px 12px;font-size:13px;font-weight:800;line-height:1.4}.avatar-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-install-nudge{background:color-mix(in srgb, var(--panel) 72%, transparent);border:1px solid var(--soft-line);border-radius:var(--radius-pill);align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.ios-install-nudge{flex-wrap:wrap;max-width:min(320px,70vw);position:relative}.ios-install-steps{color:var(--muted-strong,var(--muted));flex-basis:100%;margin:0;padding:2px 8px 6px;font-size:12px;line-height:1.45}.ios-install-steps strong{color:var(--text,inherit);white-space:nowrap}.topbar-install-action,.topbar-install-dismiss{appearance:none;color:var(--muted);background:0 0;border:0;align-items:center;font-family:inherit;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.topbar-install-action{border-radius:var(--radius-pill);cursor:pointer;min-height:28px;padding:4px 9px}.topbar-install-action:hover,.topbar-install-action:focus-visible{color:var(--ink)}.topbar-install-dismiss{cursor:pointer;border-radius:50%;justify-content:center;width:28px;height:28px;padding:0}.topbar-install-dismiss:hover,.topbar-install-dismiss:focus-visible{background:var(--row);color:var(--ink)}.mobile-install-nudge{background:0 0;border:0;padding:0}.mobile-install-nudge .topbar-install-action{color:var(--ink);justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.mobile-install-nudge .topbar-install-action:hover,.mobile-install-nudge .topbar-install-action:focus-visible{background:color-mix(in srgb, var(--accent) 9%, var(--panel-strong));color:var(--ink);outline:none}.profile-menu{position:relative}.profile-menu-trigger{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-width:190px;min-height:48px;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, background var(--dur-fast) ease;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:12px;padding:6px 7px 6px 13px;text-decoration:none;display:grid}.profile-menu-trigger:hover,.profile-menu-trigger:focus-visible,.profile-menu-trigger.active{background:color-mix(in srgb, var(--accent) 4%, var(--panel-strong));border-color:color-mix(in srgb, var(--accent) 28%, var(--line));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 10%, transparent);outline:none}.profile-menu-identity{text-align:left;gap:2px;min-width:0;display:grid}.profile-menu-identity strong,.profile-menu-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu-identity strong{font-size:13px;font-weight:900}.profile-menu-identity small{color:var(--muted);font-size:11px;font-weight:700}.profile-menu-trigger .avatar{width:34px;height:34px}:root[data-theme=dark] .profile-menu-trigger{background:#171718fa;border-color:#ffffff21}.data-source-indicator{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);align-items:center;height:38px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.data-source-indicator:before{background:var(--warning);border-radius:var(--radius-pill);content:"";width:7px;height:7px;margin-right:7px}.data-source-indicator.mongodb:before{background:var(--positive)}.demo-controls-menu{position:relative}.demo-controls-trigger{height:38px}.demo-controls-trigger.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));color:var(--accent-ink)}.demo-controls-popover{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-lg);z-index:45;gap:12px;min-width:280px;padding:14px;animation:.18s u-drop-in;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #2331552e}.demo-controls-popover p{color:var(--muted);margin:0;font-size:12px;font-weight:800;line-height:1.45}.demo-control-field{gap:6px;display:grid}.demo-control-field span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.demo-control-field select{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;outline:0;min-height:42px;padding:0 12px;font-size:13px;font-weight:900}:root[data-theme=dark] .data-source-indicator,:root[data-theme=dark] .demo-controls-popover,:root[data-theme=dark] .demo-control-field select,:root[data-theme=dark] .icon-button{color:#f5f5f6db;background:#171718f5;border-color:#ffffff21}:root[data-theme=dark] .data-source-indicator:before{box-shadow:0 0 0 3px #fff2c61f}.notification-menu{position:relative}.topbar-icon.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));color:var(--accent-ink)}.notification-dot{background:var(--accent);border:2px solid var(--panel-strong);border-radius:var(--radius-pill);color:var(--on-accent);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-5px;right:-4px}.theme-toggle{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);transition:transform var(--dur-fast) ease, border-color var(--dur-fast) ease;align-items:center;gap:8px;padding:11px 14px;font-weight:900;display:inline-flex}.theme-toggle:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}.avatar{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--accent-ink);justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.content{padding:24px 42px 46px}.quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.grid{gap:16px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.card.dark{background:var(--panel-soft);color:var(--ink)}.metric-card strong{margin-bottom:8px;font-size:34px;line-height:1;display:block}.metric-card span{color:var(--muted);font-weight:700}.list{gap:10px;display:grid}.row:hover{background:color-mix(in srgb, var(--row) 82%, var(--panel-strong))}.row-main strong,.row-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row-main span{color:var(--muted);margin-top:3px;font-size:14px}:root[data-theme=dark] .data-source-indicator,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .theme-toggle{color:#f5f5f6e6;background:#171718f5;border-color:#ffffff24}.sidebar-brand-logo{object-fit:contain;flex:0 0 42px;width:42px;height:42px}
.vertical-dock-panel{gap:8px;width:100%;min-width:0;display:grid}.vertical-dock-item{align-items:center;width:100%;min-width:0;display:flex;position:relative}.vertical-dock-link{appearance:none;border-radius:var(--radius-sm);color:color-mix(in srgb, var(--muted) 88%, var(--ink));cursor:pointer;font:inherit;text-align:left;min-width:0;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:2px 10px 2px 0;font-size:14px;font-weight:850;text-decoration:none;display:flex}.vertical-dock-link:hover,.vertical-dock-link:focus-visible,.vertical-dock-item.active .vertical-dock-link{color:var(--ink);background:0 0;outline:0}.vertical-dock-item.active .vertical-dock-link,:root[data-theme=dark] .vertical-dock-item.active .vertical-dock-link{box-shadow:none}.vertical-dock-icon{border-radius:var(--radius-sm);box-shadow:none;transform-origin:0;min-width:34px;min-height:34px;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur) ease;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.vertical-dock-link:hover .vertical-dock-icon,.vertical-dock-link:focus-visible .vertical-dock-icon,.vertical-dock-item.active .vertical-dock-icon{color:var(--ui-icon);background:0 0}.vertical-dock-item.active .vertical-dock-icon{background:color-mix(in srgb, var(--panel-strong) 92%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--accent) 20%, transparent)}:root[data-theme=dark] .vertical-dock-item.active .vertical-dock-icon{background:color-mix(in srgb, var(--accent) 14%, #ffffff0a);box-shadow:0 10px 22px #00000057}.vertical-dock-item:hover .vertical-dock-icon,.vertical-dock-link:focus-visible .vertical-dock-icon{transform:scale(1.06)}.vertical-dock-text{opacity:1;text-overflow:ellipsis;min-width:0;max-width:190px;transition:max-width var(--dur-slow) cubic-bezier(.22, 1, .36, 1), opacity var(--dur-fast) ease var(--dur-fast), transform var(--dur) ease var(--dur-fast);white-space:nowrap;overflow:hidden;transform:translate(0)}.vertical-dock-item:hover .vertical-dock-text,.vertical-dock-link:focus-visible .vertical-dock-text{transform:translate(4px)}.vertical-dock-tooltip{background:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 82%, var(--line));border-radius:var(--radius-pill);box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 16%, transparent);color:var(--panel-strong);pointer-events:none;white-space:nowrap;z-index:20;padding:7px 10px;font-size:12px;font-weight:950;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.expandable-sidebar:hover .vertical-dock-tooltip,.expandable-sidebar:focus-within .vertical-dock-tooltip{display:none}.expandable-sidebar:not(:hover):not(:focus-within) .vertical-dock-text{opacity:0;pointer-events:none;max-width:0;transition-delay:0s;overflow:hidden;transform:none}.expandable-sidebar:not(:hover):not(:focus-within) .vertical-dock-link{justify-content:center;gap:0;padding-right:0;overflow:visible}.expandable-sidebar:not(:hover):not(:focus-within) .vertical-dock-panel,.expandable-sidebar:not(:hover):not(:focus-within) .vertical-dock-item,.expandable-sidebar:not(:hover):not(:focus-within) .vertical-dock-link{width:42px}
.notification-tray{background:var(--panel);color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.notification-popover{animation:u-drop-in .16s var(--ease) both;border:1px solid var(--soft-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:40;width:min(360px,100vw - 32px);max-height:min(540px,100vh - 120px);position:absolute;top:calc(100% + 10px);right:0}.notification-tray-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--ink) 22%, transparent);z-index:320;position:fixed;inset:0}.notification-sheet{animation:u-drop-in .2s var(--ease) both;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);max-height:min(78dvh,640px);padding-top:env(safe-area-inset-top);position:fixed;top:0;left:0;right:0}.notification-tray-head{border-bottom:1px solid var(--soft-line);align-items:center;gap:10px;min-height:52px;padding:8px 8px 8px 18px;display:flex}.notification-tray-head strong{font-size:var(--text-lg)}.notification-popover .notification-tray-head strong{font-size:var(--text-md)}.notification-tray-head span{color:var(--muted);font-size:var(--text-sm);font-weight:800}.notification-tray-close{border-radius:var(--radius-sm);color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;padding:0;display:inline-flex}.notification-tray-close:hover,.notification-tray-close:focus-visible{background:var(--accent-quiet);outline:none}.notification-tray-rows{overscroll-behavior:contain;min-height:0;padding:4px 10px;overflow-y:auto}.notification-tray-row{appearance:none;border:0;border-bottom:1px solid var(--soft-line);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;grid-template-columns:12px minmax(0,1fr);align-items:start;column-gap:8px;width:100%;padding:12px 8px;display:grid}.notification-tray-row:last-child{border-bottom:0}.notification-tray-row:focus-visible{background:var(--accent-quiet);border-radius:var(--radius-sm);outline:none}@media (hover:hover){.notification-tray-row:hover{background:var(--accent-quiet);border-radius:var(--radius-sm)}}.notification-tray-row>i{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:6px;display:block}.notification-tray-row.is-unread>i{background:var(--accent)}.notification-tray-row strong,.notification-tray-row span,.notification-tray-row small{grid-column:2;min-width:0}.notification-tray-row strong{font-size:var(--text-md);line-height:1.3}.notification-tray-row span{color:var(--muted);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.4;overflow:hidden}.notification-tray-row small{color:var(--muted);font-size:var(--text-sm);margin-top:4px;font-weight:800}.notification-tray-empty{color:var(--muted);font-size:var(--text-base);text-align:center;gap:4px;margin:0;padding:26px 14px;display:grid}.notification-tray-empty strong{color:var(--ink)}.notification-tray-all{appearance:none;border:0;border-top:1px solid var(--soft-line);color:var(--accent-ink);cursor:pointer;font:inherit;font-size:var(--text-base);padding:12px 18px calc(12px + env(safe-area-inset-bottom));text-align:left;background:0 0;font-weight:800}.notification-tray-all:hover,.notification-tray-all:focus-visible{outline:none;text-decoration:underline}@media (prefers-reduced-motion:reduce){.notification-popover,.notification-sheet{animation:none}}
.loading-screen,.skeleton-screen{--loader-base:color-mix(in srgb, var(--soft-line) 66%, var(--panel-strong));--loader-highlight:color-mix(in srgb, var(--panel-strong) 76%, white 24%);background:var(--bg-2);scrollbar-gutter:stable;z-index:9999;min-height:100dvh;padding:0;animation:.26s ease-out both u-fade-in;display:block;position:fixed;inset:0;overflow:auto}.brand-splash{color:#fff;text-align:center;z-index:9999;background:#3f63d9;grid-template-rows:1fr auto 1fr;justify-items:center;padding:24px;display:grid;position:fixed;inset:0}.brand-splash[data-leaving]{pointer-events:none;animation:.32s ease-in both u-fade-out}.brand-splash-mark{align-self:center;width:96px;height:auto}.brand-splash-words{align-self:start;justify-items:center;gap:6px;padding-top:18px;display:grid}.brand-splash-label,.brand-splash small{color:#ffffffc7;font-size:14px;font-weight:650}.brand-splash strong{font-size:20px;font-weight:850}.skeleton-card,.skeleton-content-loader,.global-search-skeleton{--loader-base:color-mix(in srgb, var(--soft-line) 66%, var(--panel-strong));--loader-highlight:color-mix(in srgb, var(--panel-strong) 90%, var(--ink) 10%)}.skeleton-app-frame{grid-template-columns:88px minmax(0,1fr);min-height:100dvh;display:grid}.skeleton-sidebar{background:var(--panel-strong);border-right:1px solid var(--border-soft);align-content:start;gap:46px;padding:26px 18px;display:grid}.skeleton-brand-mark{border-radius:50%;justify-self:center;width:38px;height:38px}.skeleton-nav-stack{align-content:start;justify-items:center;gap:20px;display:grid}.skeleton-main{grid-template-rows:88px 1fr;min-width:0;display:grid}.skeleton-topbar{background:var(--bg-2);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:18px clamp(20px,3vw,42px);display:flex}.skeleton-search-field{background:var(--panel-strong);border:1px solid var(--border-soft);border-radius:var(--radius-pill);align-items:center;width:min(640px,52vw);min-height:48px;padding:0 18px;display:flex}.skeleton-top-actions{align-items:center;gap:12px;display:flex}.skeleton-content{align-content:start;gap:22px;padding:clamp(24px,3vw,44px);display:grid}.skeleton-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.skeleton-header>div{gap:12px;width:min(720px,80%);display:grid}.skeleton-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-content-skeleton{gap:20px;min-height:420px;display:grid}.dashboard-content-skeleton .skeleton-summary{min-height:104px}.dashboard-content-skeleton .skeleton-content-loader{min-height:300px}@media (max-width:760px){.dashboard-content-skeleton{min-height:360px}.dashboard-content-skeleton .skeleton-summary{grid-template-columns:repeat(2,minmax(0,1fr));min-height:168px}}.skeleton-line,.skeleton-avatar,.skeleton-nav-icon,.skeleton-brand-mark{background:linear-gradient(100deg, var(--loader-base) 20%, var(--loader-highlight) 46%, var(--loader-base) 72%);background-size:240% 100%;animation:1.45s ease-in-out infinite u-shimmer}.skeleton-line{border-radius:var(--radius-pill);max-width:100%;height:12px;display:block}.skeleton-header>div .skeleton-line:nth-child(2){height:34px}.skeleton-avatar,.skeleton-nav-icon{border-radius:50%;flex:none}.skeleton-avatar.small,.skeleton-nav-icon{width:34px;height:34px}.skeleton-card,.skeleton-content-loader{background:var(--panel-strong);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:none;animation:none}.skeleton-card{min-height:124px;padding:var(--space-5);gap:14px;display:grid}.skeleton-card.metric{min-height:116px}.skeleton-card.wide{min-height:260px}.skeleton-content-loader{gap:0;min-height:300px;display:grid;overflow:hidden}.skeleton-content-loader-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:18px 20px;display:flex}.skeleton-content-loader-head>div{flex:1;gap:10px;display:grid}.skeleton-content-loader-rows{padding:4px 20px 12px;display:grid}.skeleton-content-loader-row{border-bottom:1px solid var(--border-soft);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;display:grid}.skeleton-content-loader-row:last-child{border-bottom:0}.skeleton-content-loader-row>span:nth-child(2){gap:9px;display:grid}@media (max-width:900px){.skeleton-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-search-field{width:min(520px,62vw)}}@media (max-width:640px){.skeleton-app-frame{grid-template-columns:1fr}.skeleton-sidebar{display:none}.skeleton-main{grid-template-rows:68px 1fr}.skeleton-topbar{padding:12px 16px}.skeleton-search-field{width:min(78vw,420px)}.skeleton-top-actions .skeleton-line,.skeleton-top-actions .skeleton-nav-icon{display:none}.skeleton-content{gap:16px;padding:22px 16px}.skeleton-header>div{width:88%}.skeleton-header>.skeleton-line{display:none}.skeleton-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skeleton-card{border-radius:var(--radius-md);min-height:104px;padding:var(--space-4)}.skeleton-content-loader{border-radius:var(--radius-md)}.skeleton-content-loader-row{grid-template-columns:32px minmax(0,1fr)}.skeleton-content-loader-row>.skeleton-line:last-child{display:none}}@media (prefers-reduced-motion:reduce){.brand-splash,.loading-screen,.skeleton-screen,.skeleton-line,.skeleton-avatar,.skeleton-nav-icon,.skeleton-brand-mark{animation:none}.skeleton-line,.skeleton-avatar,.skeleton-nav-icon,.skeleton-brand-mark{background:var(--loader-base)}}
.animated-list-shell{min-width:0;position:relative}.animated-list-scroll{outline:0;min-width:0}.animated-list-motion-item{min-width:0}.animated-list-motion-item>*{width:100%}.animated-list-default-item{background:var(--row);border:1px solid var(--soft-line);border-radius:var(--radius-xs);color:var(--ink);padding:14px 16px;font-weight:850}.animated-list-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.animated-list-no-scrollbar::-webkit-scrollbar{display:none}.animated-list-top-gradient,.animated-list-bottom-gradient{pointer-events:none;transition:opacity var(--dur) ease;z-index:1;position:absolute;left:0;right:0}.animated-list-top-gradient{background:linear-gradient(to bottom, var(--panel-strong), transparent);height:42px;top:0}.animated-list-bottom-gradient{background:linear-gradient(to top, var(--panel-strong), transparent);height:76px;bottom:0}
.gradient-waves-container,.gradient-waves-container canvas{width:100%;height:100%;display:block}.gradient-waves-container{position:relative;overflow:hidden}.gradient-waves-container canvas{opacity:0;transition:opacity .9s ease-out}.gradient-waves-container[data-ready=true] canvas{opacity:1}.public-entry-page{--accent:#315fd6;--accent-2:#8eaff4;--border-soft:color-mix(in srgb, var(--accent) 20%, transparent);--ink:#142348;--muted:#667188;--panel:#f5f7fb;--panel-strong:#fff;--shadow:0 28px 80px #030d2747;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;isolation:isolate;background:#020817;position:relative}.public-entry-background{pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 50% 112%,#8deeff8c 0%,#0754e8d9 30%,#0754e859 52%,#0000 74%),radial-gradient(80% 50% at 18% 96%,#0754e880 0%,#0000 60%),linear-gradient(#020817 0%,#051538 58%,#0a2a7a 100%);position:fixed;inset:0;overflow:hidden}.public-entry-page>:not(.public-entry-background){z-index:1;position:relative}.public-entry-background:after{content:"";background:linear-gradient(#0000 58%,#01051014);position:absolute;inset:0}:root[data-theme=dark] .public-entry-page :where(input,textarea,select){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){.gradient-waves-container canvas{transition:none}}
.guided-tour-welcome,.guided-tour-card{background:var(--panel);border:1px solid color-mix(in srgb, var(--accent) 20%, var(--soft-line));color:var(--ink);z-index:340;gap:12px;display:grid;box-shadow:0 24px 70px #18244133}.guided-tour-welcome{border-radius:var(--radius-md);max-width:min(360px,100vw - 28px);padding:18px;position:fixed;bottom:22px;right:22px}.guided-tour-welcome>strong,.guided-tour-step>strong{font-size:20px;font-weight:900;line-height:1.15}.guided-tour-welcome>p,.guided-tour-step>p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.guided-tour-welcome>div,.guided-tour-card footer,.guided-tour-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.guided-tour-layer{pointer-events:none;z-index:330;position:fixed;inset:0}.guided-tour-shade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#080e1c14;position:fixed}.guided-tour-shade-full{inset:0}.guided-tour-target-blocker,.guided-tour-target-ring{border-radius:var(--radius-md);pointer-events:auto;position:fixed}.guided-tour-target-ring{border:2px solid var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none}.guided-tour-step{animation:u-rise-in var(--dur-slow) var(--ease) both;gap:12px;display:grid}.guided-tour-layer[data-moving] :is(.guided-tour-shade,.guided-tour-target-ring,.guided-tour-target-blocker){transition:top var(--dur-slow) var(--ease), left var(--dur-slow) var(--ease), width var(--dur-slow) var(--ease), height var(--dur-slow) var(--ease)}.guided-tour-card{border-radius:var(--radius-md);max-width:min(360px,100vw - 32px);padding:var(--space-4);pointer-events:auto;width:360px;position:fixed;bottom:22px;right:22px}.guided-tour-card header>span{color:var(--muted);font-size:12px;font-weight:850}.guided-tour-close,.guided-tour-back,.guided-tour-text-button,.guided-tour-primary{appearance:none;cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:900;display:inline-flex}.guided-tour-close{color:var(--muted);background:0 0;border-radius:50%;width:44px;height:44px;margin-left:auto;padding:0;position:absolute;top:8px;right:8px}.guided-tour-card .guided-tour-close{margin:-10px -10px -10px auto;position:static}.guided-tour-close:hover,.guided-tour-close:focus-visible,.guided-tour-back:hover,.guided-tour-back:focus-visible,.guided-tour-text-button:hover,.guided-tour-text-button:focus-visible{background:var(--row);color:var(--ink);outline:none}.guided-tour-back,.guided-tour-text-button{border-radius:var(--radius-pill);color:var(--muted);background:0 0;padding:0 12px}.guided-tour-back:disabled{opacity:0;pointer-events:none}.guided-tour-primary{background:var(--accent);border-radius:var(--radius-pill);color:var(--on-accent);padding:0 17px}.guided-tour-primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 24%, transparent);filter:brightness(1.06);outline:3px solid color-mix(in srgb, var(--accent) 22%, transparent);outline-offset:2px}.guided-tour-primary:focus-visible{background:var(--accent);color:var(--on-accent);outline:var(--focus-outline);outline-offset:2px}:root[data-theme=dark] .guided-tour-welcome,:root[data-theme=dark] .guided-tour-card{background:var(--panel-soft);border-color:#ffffff29;box-shadow:0 28px 84px #0000008f}:root[data-theme=dark] .guided-tour-shade{background:#00000047}:root[data-theme=dark] .guided-tour-primary,:root[data-theme=dark] .guided-tour-primary:focus-visible{background:color-mix(in srgb, var(--accent) 84%, white);color:var(--accent-ink)}@media (max-width:759px){.guided-tour-welcome,.guided-tour-card{bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-width:none;top:auto;left:12px;right:12px;transform:none}.guided-tour-welcome{padding:17px}.guided-tour-layer[data-card-above] .guided-tour-card{bottom:auto;top:max(12px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.guided-tour-card{transition:none;animation:none}.guided-tour-step{animation:none}.guided-tour-layer[data-moving] :is(.guided-tour-shade,.guided-tour-target-ring,.guided-tour-target-blocker){transition:none}}
.cookie-consent-banner{background:var(--panel-strong);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--soft-line));border-radius:var(--radius-md);bottom:max(20px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));max-width:980px;right:max(20px, env(safe-area-inset-right));z-index:108;justify-content:space-between;align-items:center;gap:28px;margin-inline:auto;padding:18px 20px;display:flex;position:fixed;box-shadow:0 18px 48px #1f2b4924}.cookie-consent-copy{gap:4px;min-width:0;display:grid}.cookie-consent-copy strong{color:var(--ink);font-size:16px;font-weight:900}.cookie-consent-copy p,.cookie-consent-copy small{color:var(--muted);margin:0;line-height:1.45}.cookie-consent-copy p{font-size:13px;font-weight:650}.cookie-consent-copy small{font-size:11px;font-weight:750}.cookie-consent-actions{flex:none;align-items:center;gap:8px;display:flex}.cookie-consent-actions button,.profile-cookie-settings-button{appearance:none;border-radius:var(--radius-pill);cursor:pointer;font:inherit;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.cookie-consent-essential,.cookie-consent-close,.profile-cookie-settings-button{background:var(--panel-strong);border:1px solid var(--soft-line);color:var(--ink)}.cookie-consent-allow{background:var(--accent);border:1px solid var(--accent);color:var(--accent-contrast,var(--on-accent))}.cookie-consent-actions button:hover,.profile-cookie-settings-button:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--soft-line))}.cookie-consent-actions button:focus-visible,.profile-cookie-settings-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.profile-cookie-settings-button{justify-self:start}@media (max-width:760px){.cookie-consent-banner{bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));flex-direction:column;align-items:stretch;gap:16px;padding:17px}.cookie-consent-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cookie-consent-close{grid-column:1/-1}.cookie-consent-actions button{padding-inline:12px}}@media (max-width:430px){.cookie-consent-actions{grid-template-columns:1fr}.cookie-consent-close{grid-column:auto}}@media (prefers-reduced-motion:reduce){.cookie-consent-banner,.cookie-consent-actions button{scroll-behavior:auto;transition:none}}
.image-crop-backdrop{z-index:120;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-crop-dialog{background:var(--panel-strong);border:1px solid var(--soft-line);border-radius:var(--radius-xs);box-shadow:var(--shadow-lg);gap:16px;width:100%;max-width:760px;max-height:calc(100dvh - 40px);padding:20px;display:grid;overflow-y:auto}.image-crop-head,.image-crop-actions,.image-crop-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-crop-head h2,.image-crop-head p,.image-crop-error{margin:0}.image-crop-head p{color:var(--muted);margin-top:4px;font-size:13px;font-weight:750}.image-crop-head>button,.image-crop-reset{border:1px solid var(--soft-line);color:var(--ink);cursor:pointer;font:inherit;background:0 0;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.image-crop-head>button{border-radius:50%;flex:none;width:38px;height:38px}.image-crop-stage{background:var(--row);border-radius:var(--radius-xs);cursor:grab;touch-action:none;width:100%;max-height:min(58dvh,520px);margin-inline:auto;position:relative;overflow:hidden}.image-crop-stage.dragging{cursor:grabbing}.image-crop-canvas{outline:0;width:100%;height:100%;display:block}.image-crop-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.image-crop-grid{pointer-events:none;position:absolute;inset:0}.image-crop-grid i{background:#ffffffc2;position:absolute;box-shadow:0 0 1px #24314db3}:root[data-theme=dark] .image-crop-grid i{background:#edf3ff6b;box-shadow:0 0 1px #000000b3}.image-crop-grid i:first-child,.image-crop-grid i:nth-child(2){width:1px;top:0;bottom:0}.image-crop-grid i:first-child{left:33.333%}.image-crop-grid i:nth-child(2){left:66.666%}.image-crop-grid i:nth-child(3),.image-crop-grid i:nth-child(4){height:1px;left:0;right:0}.image-crop-grid i:nth-child(3){top:33.333%}.image-crop-grid i:nth-child(4){top:66.666%}.image-crop-controls label{flex:1;gap:7px;font-size:13px;font-weight:850;display:grid}.image-crop-reset{border-radius:var(--radius-pill);gap:7px;min-height:42px;padding:0 16px}.image-crop-actions .secondary-pill{border:1px solid var(--soft-line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font:inherit;background:0 0;min-height:42px;padding:0 18px;font-weight:850}.image-crop-error{color:var(--danger);font-size:13px;font-weight:800}@media (max-width:640px){.image-crop-backdrop{padding:10px}.image-crop-dialog{max-height:calc(100dvh - 20px);padding:14px}.image-crop-controls{flex-direction:column;align-items:stretch}.image-crop-reset{align-self:flex-start}}
.public-demo-page{place-items:center;min-height:100vh;padding:clamp(18px,4vw,48px);display:grid}.public-entry-loading{justify-content:center;align-items:center;min-height:100svh;display:flex}.public-entry-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.72s linear infinite u-spin;display:block}.public-demo-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffe0;gap:20px;width:100%;max-width:1040px;padding:clamp(24px,4vw,44px);display:grid;position:relative;overflow:hidden}.public-demo-opening{z-index:400;animation:.22s ease-out both u-fade-in}.public-demo-opening strong{max-width:30ch}@media (prefers-reduced-motion:reduce){.public-demo-opening{animation:none}}.public-demo-shell>header,.public-demo-shell>footer{justify-content:space-between;align-items:center;display:flex}.public-demo-shell>header{flex-wrap:wrap;gap:12px 16px}.public-demo-brand{align-items:center;gap:10px;display:inline-flex}.public-demo-brand img{object-fit:contain;width:34px;height:34px}.public-demo-brand strong{font-size:17px}.public-demo-language{align-items:center;gap:var(--space-2);font-weight:750;display:inline-flex}.public-demo-language select{width:auto}.public-demo-shell>header a,.public-demo-shell>footer a{color:var(--ink);font-weight:950;text-decoration:none}.public-demo-shell>footer small,.public-demo-heading>p:last-child{color:var(--muted);font-weight:750}.public-demo-heading h1{margin:0 0 6px;font-size:clamp(26px,3.4vw,40px);line-height:1.05}.public-demo-heading p{max-width:62ch;margin:0;font-size:13px;line-height:1.45}.public-demo-heading>p:last-child{font-weight:500}.public-demo-heading a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline}.public-demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.public-demo-role-grid button{background:var(--panel);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;text-align:left;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:76px;padding:15px 17px;display:grid;position:relative}.public-demo-page .primary-pill{color:#fff;background:#1f3264;border-color:#1f3264}.public-demo-page .primary-pill:hover,.public-demo-page .primary-pill:focus-visible{color:#fff;background:#294783;border-color:#294783}.public-demo-page .primary-pill.is-loading{cursor:wait;opacity:.82;pointer-events:none}.public-demo-page .ghost-pill{color:#1f3264;background:#fff;border-color:#1f326438}.public-demo-role-grid button:hover,.public-demo-role-grid button:focus-visible{border-color:color-mix(in srgb, var(--accent) 36%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 9%, transparent);outline:0}.public-demo-role-grid span{gap:3px;display:grid}.public-demo-role-grid small{color:var(--muted)}.public-demo-role-grid em{color:var(--accent-ink);text-transform:uppercase;font-size:10px;font-style:normal;font-weight:950;position:absolute;top:8px;right:16px}.public-demo-look-entry{border:1px dashed color-mix(in srgb, var(--accent) 32%, transparent);border-radius:var(--radius-md);color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.public-demo-look-entry>span{flex:1;gap:3px;display:grid}.public-demo-look-entry small{color:var(--muted)}.public-demo-look-entry svg{color:var(--accent-ink)}.public-demo-look-entry:hover,.public-demo-look-entry:focus-visible{background:color-mix(in srgb, var(--accent) 6%, transparent);border-style:solid;outline:0}.public-demo-look-entry[disabled]{cursor:default;opacity:.55}.public-demo-admin-entry{background:color-mix(in srgb, var(--accent) 7%, var(--panel));border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.public-demo-admin-entry>span{gap:3px;display:grid}.public-demo-admin-entry small{color:var(--muted)}.public-demo-admin-entry>div{flex-wrap:wrap;gap:8px;display:flex}.public-demo-admin-entry a{text-decoration:none}.public-demo-chip{background:color-mix(in srgb, var(--accent) 8%, var(--panel-strong));border-radius:var(--radius-pill);color:var(--accent-ink);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:950;text-decoration:none}.demo-simulation-toast{background:var(--ink);border-radius:var(--radius-pill);color:var(--panel-strong);z-index:130;padding:10px 15px;font-size:12px;font-weight:850;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:680px){.public-demo-role-grid{grid-template-columns:1fr}.public-demo-shell>footer{flex-direction:column;align-items:flex-start;gap:8px}.public-demo-admin-entry{flex-direction:column;align-items:stretch}.public-demo-admin-entry>div{display:grid}}@media (prefers-reduced-motion:reduce){.demo-simulation-toast{transition:none;animation:none}.public-entry-spinner,.public-demo-opening{animation:none}}.public-demo-board-picker{border:1px solid var(--border,#ffffff47);border-radius:24px;flex-wrap:wrap;justify-content:center;gap:2px;width:fit-content;max-width:100%;margin:0;padding:4px;display:flex;position:relative}.public-demo-board-thumb{width:var(--thumb-w,0);height:var(--thumb-h,0);background:var(--accent,#1f4e79);transform:translate(var(--thumb-x), var(--thumb-y));transition:transform var(--dur-slow) var(--ease), width var(--dur-slow) var(--ease);border-radius:999px;position:absolute;top:0;left:0}.public-demo-board-picker button{color:inherit;cursor:pointer;font:inherit;transition:color var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:700;line-height:1.2;position:relative}.public-demo-board-picker button.is-selected{color:var(--accent-contrast,#fff)}@media (max-width:480px){.public-demo-board-picker{grid-template-columns:1fr 1fr;width:min(320px,100%);display:grid}}@media (prefers-reduced-motion:reduce){.public-demo-board-thumb,.public-demo-board-picker button{transition:none}}.public-demo-board-picker button:focus-visible{outline:2px solid var(--accent,#1f4e79);outline-offset:2px}.public-demo-shell{grid-template-columns:minmax(0,1fr)}.public-demo-shell,.public-demo-role-grid button,.public-demo-role-grid button>span,.public-demo-look-entry>span,.public-demo-admin-entry>span{min-width:0}.public-demo-heading h1,.public-demo-heading p,.public-demo-role-grid strong,.public-demo-role-grid small,.public-demo-look-entry strong,.public-demo-look-entry small,.public-demo-admin-entry strong,.public-demo-admin-entry small{overflow-wrap:anywhere}.public-demo-admin-entry>div{min-width:0}.public-demo-admin-entry a{overflow-wrap:anywhere;text-align:center;white-space:normal}.public-demo-role-grid strong i{background:color-mix(in srgb, var(--accent) 10%, var(--panel-strong));border-radius:var(--radius-pill);color:var(--accent-ink);letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;margin-inline-start:6px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:900;display:inline-block}.demo-contact-button{border-radius:var(--radius-pill);bottom:max(18px, env(safe-area-inset-bottom));color:#06301a;left:max(18px, env(safe-area-inset-left));white-space:nowrap;z-index:106;background:#25d366;border:1px solid #1ebe5b;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 10px 28px #14234838}.demo-contact-button:hover,.demo-contact-button:focus-visible{outline-offset:2px;background:#2fe273;outline:3px solid #25d36666}.app-shell .demo-contact-button{left:114px}@media (max-width:1180px){.app-shell .demo-contact-button{left:102px}}@media (max-width:820px){.app-shell .demo-contact-button{left:max(18px, env(safe-area-inset-left))}}:root[data-public-demo] .guided-tour-offer{background:var(--panel-strong);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--soft-line));border-radius:var(--radius-pill);bottom:max(18px, env(safe-area-inset-bottom));color:var(--ink);cursor:pointer;font:inherit;right:max(18px, env(safe-area-inset-right));z-index:340;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:850;display:inline-flex;position:fixed;box-shadow:0 10px 28px #1824412e}@media (max-width:760px){:root[data-public-demo] .cookie-consent-banner{gap:10px;padding:12px 14px}:root[data-public-demo] .cookie-consent-copy strong{font-size:14px}:root[data-public-demo] .cookie-consent-copy p{font-size:12px}:root[data-public-demo] .cookie-consent-copy small{display:none}:root[data-public-demo] .cookie-consent-actions{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-public-demo] .cookie-consent-actions button{min-height:36px;font-size:12px}.demo-contact-button{padding:9px 13px;font-size:12px}:root[data-public-demo] .guided-tour-offer{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 46px);padding:9px 13px;font-size:12px}}

