:root{color:#1f2937;background:#edf1f5;font-family:var( --font-family-base, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif );font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:var(--native-color-scheme, light);--font-family-theme: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-base: var(--font-family-theme);--brand: #0d5257;--brand-strong: #083a3d;--brand-soft: #e5f2f2;--sidebar: #27313b;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-text: #d6dde3;--sidebar-muted: #9cabb7;--sidebar-text-strong: #ffffff;--sidebar-link-hover: color-mix(in srgb, var(--brand) 18%, var(--sidebar) 82%);--sidebar-link-active: color-mix(in srgb, var(--brand-strong) 22%, var(--brand) 18%, var(--sidebar) 60%);--sidebar-link-active-text: var(--sidebar-text-strong);--sidebar-link-dot: color-mix(in srgb, var(--sidebar-text) 26%, transparent);--sidebar-link-active-dot: color-mix(in srgb, white 72%, var(--brand-strong) 28%);--sidebar-card-background: rgba(255, 255, 255, .08);--sidebar-card-border: rgba(255, 255, 255, .08);--canvas: #edf1f5;--body-background: linear-gradient(180deg, #eef3f7 0%, #e7edf3 100%);--login-background: radial-gradient(circle at top left, rgba(13, 82, 87, .12), transparent 24%), linear-gradient(180deg, #eff4f7 0%, #e7edf2 100%);--sidebar-background: linear-gradient( 180deg, var(--brand-strong) 0%, var(--sidebar) 18%, #232c36 100% );--surface: #ffffff;--surface-muted: #f7f9fb;--surface-strong: #ffffff;--surface-border: #d9e0e7;--text-primary: #1f2937;--text-secondary: #5f6c7b;--text-muted: #8f99a5;--danger-soft: #fff1f1;--danger-text: #b42318;--success-soft: #e8f6ee;--success-text: #117a44;--warning-soft: #fff6e5;--warning-text: #9a6700;--shadow-theme: 0 12px 30px rgba(31, 41, 55, .06);--shadow-soft: var(--shadow-theme);--focus-border: rgba(13, 82, 87, .45);--focus-ring: 0 0 0 4px rgba(13, 82, 87, .1);--surface-elevated: #ffffff;--surface-overlay: #f8fafc;--surface-accent-info: color-mix(in srgb, var(--brand-soft) 72%, var(--surface));--surface-accent-success: color-mix(in srgb, var(--success-soft) 74%, var(--surface));--surface-accent-danger: color-mix(in srgb, var(--danger-soft) 74%, var(--surface));--surface-accent-warning: color-mix(in srgb, var(--warning-soft) 74%, var(--surface));--table-head-background: #2d3642;--table-head-text: #ffffff;--table-head-locked-text: rgba(255, 255, 255, .72);--board-off-background: #eef3f8;--board-off-text: #586578;--board-empty-background: #ffffff;--board-empty-text: #8d98a8;--board-row-border: rgba(209, 218, 230, .7);--tab-background: var(--surface-muted);--tab-background-hover: #edf2f6;--tab-text: var(--text-secondary);--tab-border: var(--surface-border);--secondary-button-background: var(--surface-muted);--secondary-button-hover-background: #eef3f7;--import-button-background: #4a5160;--import-button-hover-background: #404856;--muted-badge-background: var(--surface-overlay);--muted-badge-text: var(--text-secondary);--link-accent: #3158e5;--shell-sidebar-width: 248px;--sidebar-padding-y: 18px;--sidebar-padding-x: 16px;--brand-font-size: 22px;--nav-link-min-height: 42px;--nav-link-padding-y: 10px;--nav-link-padding-x: 12px;--nav-link-padding-left: 16px;--nav-link-radius: var(--radius-button);--nav-link-border-width: 0px;--nav-link-border-color: transparent;--nav-subnav-item-min-height: 30px;--nav-subnav-item-padding-x: 12px;--nav-subnav-item-border-width: 1px;--nav-subnav-item-border-color: color-mix(in srgb, var(--brand) 10%, transparent);--nav-subnav-item-background: color-mix(in srgb, var(--sidebar-link-active) 42%, transparent);--nav-subnav-item-text: var(--sidebar-muted);--nav-subnav-item-dot: color-mix(in srgb, var(--sidebar-text) 44%, transparent);--topbar-min-height: 72px;--topbar-padding-x: 28px;--content-body-padding-y: 20px;--content-body-padding-x: 28px;--panel-padding: 20px;--field-height: 48px;--action-button-height: 44px;--icon-button-size: 40px;--content-max-width: none;--body-font-size: 16px;--page-title-size: clamp(30px, 3vw, 40px);--section-title-size: 18px;--table-toolbar-title-size: 18px;--motion-duration-fast: .14s;--motion-duration-normal: .22s;--motion-duration-slow: .36s;--motion-distance-sm: 4px;--motion-distance-md: 10px;--motion-scale-from: .985;--motion-lift: 1px;--motion-hover-scale: 1.004;--motion-press-scale: .992;--motion-sidebar-shift: 24px;--motion-ease-standard: cubic-bezier(.2, .8, .2, 1);--motion-ease-emphasized: cubic-bezier(.18, .88, .24, 1);--radius-field: 12px;--radius-button: 12px;--radius-panel: 18px;--radius-card: 16px;--radius-pill: 999px;--radius-modal: 24px;--z-layer-panel-base: 0;--z-layer-panel-elevated: 80;--z-layer-popover: 120;--z-layer-account-dropdown: 160;--z-layer-toast: 220}:root[data-ui-color-preset=slate]{--brand: #375569;--brand-strong: #243847;--brand-soft: #eaf1f6;--sidebar: #222c34;--body-background: linear-gradient(180deg, #edf2f6 0%, #e4ebf1 100%);--login-background: radial-gradient(circle at top left, rgba(55, 85, 105, .15), transparent 24%), linear-gradient(180deg, #eef3f7 0%, #e3ebf1 100%)}:root[data-ui-color-preset=forest]{--brand: #236648;--brand-strong: #174632;--brand-soft: #e8f4ee;--sidebar: #22312b;--body-background: linear-gradient(180deg, #edf3ef 0%, #e4ece7 100%);--login-background: radial-gradient(circle at top left, rgba(35, 102, 72, .14), transparent 24%), linear-gradient(180deg, #eef5f0 0%, #e3ede7 100%)}:root[data-ui-color-preset=liquidGlass]{--font-family-theme: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--brand: #1b7ea8;--brand-strong: #0f5f82;--brand-soft: rgba(141, 221, 255, .22);--sidebar: rgba(246, 250, 255, .24);--sidebar-background: linear-gradient(180deg, rgba(244, 250, 255, .42) 0%, rgba(232, 243, 255, .28) 100%);--sidebar-text: #28465e;--sidebar-muted: #69849a;--sidebar-text-strong: #183449;--sidebar-card-background: rgba(255, 255, 255, .24);--sidebar-card-border: rgba(255, 255, 255, .34);--sidebar-border: rgba(255, 255, 255, .26);--canvas: #deebf7;--body-background: radial-gradient(circle at 12% 8%, rgba(115, 206, 255, .32), transparent 22%), radial-gradient(circle at 88% 14%, rgba(163, 153, 255, .22), transparent 24%), radial-gradient(circle at 50% 100%, rgba(255, 255, 255, .64), transparent 40%), linear-gradient(180deg, #e8f2fb 0%, #dce8f4 48%, #d4e1ee 100%);--login-background: radial-gradient(circle at 18% 10%, rgba(115, 206, 255, .3), transparent 24%), radial-gradient(circle at 82% 12%, rgba(163, 153, 255, .24), transparent 24%), linear-gradient(180deg, #eaf3fc 0%, #dbe8f4 100%);--surface: rgba(255, 255, 255, .46);--surface-elevated: rgba(255, 255, 255, .58);--surface-strong: rgba(255, 255, 255, .64);--surface-muted: rgba(246, 250, 255, .42);--surface-overlay: rgba(255, 255, 255, .32);--surface-border: rgba(255, 255, 255, .42);--text-primary: #1b3144;--text-secondary: #657f94;--text-muted: #8aa0b3;--danger-soft: rgba(255, 112, 112, .16);--danger-text: #a53f4d;--success-soft: rgba(72, 192, 145, .16);--success-text: #136b57;--warning-soft: rgba(248, 193, 71, .18);--warning-text: #8a5c12;--shadow-theme: 0 18px 42px rgba(77, 117, 150, .18);--focus-border: rgba(43, 168, 217, .34);--focus-ring: 0 0 0 4px rgba(43, 168, 217, .12);--tab-background: rgba(255, 255, 255, .38);--tab-background-hover: rgba(255, 255, 255, .48);--tab-text: #38576c;--tab-border: rgba(255, 255, 255, .42);--secondary-button-background: rgba(255, 255, 255, .34);--secondary-button-hover-background: rgba(255, 255, 255, .46);--import-button-background: rgba(56, 78, 102, .82);--import-button-hover-background: rgba(46, 67, 90, .9);--table-head-background: rgba(54, 76, 98, .82);--table-head-text: #f6fbff;--board-off-background: rgba(232, 239, 248, .74);--board-off-text: #5c6f82;--board-empty-background: rgba(255, 255, 255, .54);--board-empty-text: #8da3b5;--board-row-border: rgba(255, 255, 255, .38)}:root[data-ui-color-preset=system]{--font-family-theme: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root[data-ui-color-preset=system]{--native-color-scheme: dark;--brand: #86d7d2;--brand-strong: #d9fffd;--brand-soft: rgba(134, 215, 210, .16);--sidebar: #0d1117;--sidebar-background: linear-gradient(180deg, #0b0f14 0%, #10161d 100%);--sidebar-text: #dde5ec;--sidebar-muted: #8b98a7;--canvas: #0f141a;--body-background: linear-gradient(180deg, #0f141a 0%, #131a22 100%);--login-background: radial-gradient(circle at top left, rgba(134, 215, 210, .16), transparent 26%), linear-gradient(180deg, #0f141a 0%, #161d26 100%);--surface: #171d25;--surface-strong: #1b222b;--surface-muted: #202832;--surface-border: rgba(221, 229, 236, .12);--text-primary: #eef4fb;--text-secondary: #b6c2cf;--text-muted: #8b98a7;--danger-soft: rgba(248, 113, 113, .14);--danger-text: #ffb4ab;--success-soft: rgba(74, 222, 128, .14);--success-text: #98f2b5;--warning-soft: rgba(251, 191, 36, .14);--warning-text: #f7d47a;--shadow-theme: 0 20px 40px rgba(0, 0, 0, .35);--focus-border: rgba(134, 215, 210, .45);--focus-ring: 0 0 0 4px rgba(134, 215, 210, .12);--surface-elevated: #1f2630;--surface-overlay: #242d36;--surface-accent-info: color-mix(in srgb, var(--brand-soft) 56%, var(--surface));--surface-accent-success: color-mix(in srgb, var(--success-soft) 56%, var(--surface));--surface-accent-danger: color-mix(in srgb, var(--danger-soft) 56%, var(--surface));--surface-accent-warning: color-mix(in srgb, var(--warning-soft) 56%, var(--surface));--table-head-background: #27303a;--table-head-text: #f2f7fb;--board-off-background: #2d3641;--board-off-text: #d0d8e1;--board-empty-background: #1f2731;--board-empty-text: #aab5c1;--board-row-border: rgba(221, 229, 236, .12);--tab-background: #242d36;--tab-background-hover: #2a3540;--tab-text: #d2dbe4;--tab-border: rgba(221, 229, 236, .16);--secondary-button-background: #202832;--secondary-button-hover-background: #27303c;--import-button-background: #2a3340;--import-button-hover-background: #313b49;--muted-badge-background: #252d38;--muted-badge-text: #b6c2cf;--link-accent: #8fb7ff}}:root[data-ui-color-preset=midnight],:root[data-ui-color-preset=obsidian]{--native-color-scheme: dark;--sidebar-text: #dde5ec;--sidebar-muted: #8b98a7;--text-primary: #eef4fb;--text-secondary: #b6c2cf;--text-muted: #8b98a7;--danger-text: #ffb4ab;--success-text: #98f2b5;--warning-text: #f7d47a;--shadow-theme: 0 20px 40px rgba(0, 0, 0, .35);--surface-elevated: #202731;--surface-overlay: #252d38;--surface-accent-info: color-mix(in srgb, var(--brand-soft) 56%, var(--surface));--surface-accent-success: color-mix(in srgb, var(--success-soft) 56%, var(--surface));--surface-accent-danger: color-mix(in srgb, var(--danger-soft) 56%, var(--surface));--surface-accent-warning: color-mix(in srgb, var(--warning-soft) 56%, var(--surface));--table-head-background: #28303b;--table-head-text: #f2f7fb;--board-off-background: #2f3743;--board-off-text: #d2dbe5;--board-empty-background: #1f2731;--board-empty-text: #aab5c1;--board-row-border: rgba(221, 229, 236, .12);--tab-background: #242d36;--tab-background-hover: #2a3540;--tab-text: #d2dbe4;--tab-border: rgba(221, 229, 236, .16);--secondary-button-background: #202832;--secondary-button-hover-background: #27303c;--import-button-background: #2a3340;--import-button-hover-background: #313b49;--muted-badge-background: #252d38;--muted-badge-text: #b6c2cf;--link-accent: #8fb7ff}:root[data-ui-color-preset=midnight]{--brand: #7c9bff;--brand-strong: #dce4ff;--brand-soft: rgba(124, 155, 255, .16);--sidebar: #0d1320;--sidebar-background: linear-gradient(180deg, #0b0f18 0%, #11182a 100%);--canvas: #0d1320;--body-background: radial-gradient(circle at top, rgba(124, 155, 255, .1), transparent 22%), linear-gradient(180deg, #0d1320 0%, #11192a 100%);--login-background: radial-gradient(circle at top left, rgba(124, 155, 255, .16), transparent 26%), linear-gradient(180deg, #0d1320 0%, #162035 100%);--surface: #171f30;--surface-strong: #1a2336;--surface-muted: #202a3d;--surface-border: rgba(221, 229, 236, .12);--danger-soft: rgba(248, 113, 113, .14);--success-soft: rgba(74, 222, 128, .14);--warning-soft: rgba(251, 191, 36, .14);--focus-border: rgba(124, 155, 255, .45);--focus-ring: 0 0 0 4px rgba(124, 155, 255, .12)}:root[data-ui-color-preset=obsidian]{--brand: #8bd0c4;--brand-strong: #defdf8;--brand-soft: rgba(139, 208, 196, .16);--sidebar: #121416;--sidebar-background: linear-gradient(180deg, #101214 0%, #181b1f 100%);--canvas: #121416;--body-background: linear-gradient(180deg, #121416 0%, #181b1f 100%);--login-background: radial-gradient(circle at top left, rgba(139, 208, 196, .12), transparent 24%), linear-gradient(180deg, #121416 0%, #1a1f24 100%);--surface: #1c2024;--surface-strong: #20252a;--surface-muted: #262c32;--surface-border: rgba(230, 236, 241, .1);--danger-soft: rgba(248, 113, 113, .14);--success-soft: rgba(74, 222, 128, .14);--warning-soft: rgba(251, 191, 36, .14);--focus-border: rgba(139, 208, 196, .45);--focus-ring: 0 0 0 4px rgba(139, 208, 196, .12)}:root[data-ui-color-preset=mac]{--font-family-theme: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;--brand: #0674f8;--brand-strong: #0459be;--brand-soft: rgba(6, 116, 248, .12);--sidebar: #eef3f8;--sidebar-background: linear-gradient(180deg, #f8fbff 0%, #eaf1f9 100%);--sidebar-text: #203040;--sidebar-muted: #657789;--sidebar-text-strong: #1c2d3b;--sidebar-card-background: rgba(255, 255, 255, .72);--sidebar-card-border: rgba(32, 48, 64, .08);--sidebar-border: rgba(32, 48, 64, .08);--canvas: #f3f6fb;--body-background: radial-gradient(circle at top left, rgba(6, 116, 248, .08), transparent 24%), linear-gradient(180deg, #f6f9fd 0%, #eef3f8 100%);--login-background: radial-gradient(circle at top left, rgba(6, 116, 248, .12), transparent 22%), linear-gradient(180deg, #f7faff 0%, #eef4fa 100%);--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .94);--surface-muted: rgba(242, 247, 252, .92);--surface-border: rgba(32, 48, 64, .1);--text-primary: #1a2633;--text-secondary: #66788b;--text-muted: #8493a2;--shadow-theme: 0 16px 36px rgba(60, 91, 122, .14);--focus-border: rgba(6, 116, 248, .42);--focus-ring: 0 0 0 4px rgba(6, 116, 248, .12)}:root[data-ui-color-preset=windows]{--font-family-theme: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;--brand: #0067c0;--brand-strong: #004b8d;--brand-soft: rgba(0, 103, 192, .12);--sidebar: #e6eef8;--sidebar-background: linear-gradient(180deg, #eff5fc 0%, #e1ebf7 100%);--sidebar-text: #183247;--sidebar-muted: #607789;--sidebar-text-strong: #183247;--sidebar-card-background: rgba(255, 255, 255, .74);--sidebar-card-border: rgba(24, 50, 71, .08);--sidebar-border: rgba(24, 50, 71, .08);--canvas: #edf3f9;--body-background: linear-gradient(180deg, #f4f8fc 0%, #eaf1f8 100%);--login-background: radial-gradient(circle at top left, rgba(0, 103, 192, .12), transparent 24%), linear-gradient(180deg, #f4f8fc 0%, #eaf1f8 100%);--surface: #ffffff;--surface-strong: #ffffff;--surface-muted: #f5f8fb;--surface-border: rgba(24, 50, 71, .12);--text-primary: #1b2733;--text-secondary: #657484;--text-muted: #83909d;--shadow-theme: 0 14px 30px rgba(34, 68, 104, .08);--focus-border: rgba(0, 103, 192, .42);--focus-ring: 0 0 0 4px rgba(0, 103, 192, .12)}:root[data-ui-color-preset=sand]{--brand: #8a5a2f;--brand-strong: #5f3d20;--brand-soft: #f5eadc;--sidebar: #5c4738;--sidebar-background: linear-gradient(180deg, #705644 0%, #5b4638 100%);--canvas: #f4efe8;--body-background: linear-gradient(180deg, #f7f2eb 0%, #efe8dd 100%);--login-background: radial-gradient(circle at top left, rgba(138, 90, 47, .14), transparent 24%), linear-gradient(180deg, #f8f3ec 0%, #eee5d8 100%);--surface: #fffaf4;--surface-strong: #fffdf9;--surface-muted: #f7f0e6;--surface-border: #dfd2c2;--text-primary: #362b24;--text-secondary: #77685d;--text-muted: #9a8b80;--focus-border: rgba(138, 90, 47, .38);--focus-ring: 0 0 0 4px rgba(138, 90, 47, .1)}:root[data-ui-color-preset=rose]{--brand: #b3457a;--brand-strong: #822d57;--brand-soft: #fdeaf2;--sidebar: #523743;--sidebar-background: linear-gradient(180deg, #674654 0%, #503844 100%);--canvas: #faf1f5;--body-background: radial-gradient(circle at top left, rgba(179, 69, 122, .12), transparent 22%), linear-gradient(180deg, #fcf4f7 0%, #f4e8ee 100%);--login-background: radial-gradient(circle at top left, rgba(179, 69, 122, .16), transparent 22%), linear-gradient(180deg, #fcf4f7 0%, #f2e6ec 100%);--surface: #fffafd;--surface-strong: #ffffff;--surface-muted: #f8eef3;--surface-border: #e8d4de;--text-primary: #32242b;--text-secondary: #796470;--text-muted: #9e8994;--focus-border: rgba(179, 69, 122, .4);--focus-ring: 0 0 0 4px rgba(179, 69, 122, .1)}:root[data-ui-color-preset=royal]{--brand: #4b53d0;--brand-strong: #2d3291;--brand-soft: #eaebff;--sidebar: #2f3558;--sidebar-background: linear-gradient(180deg, #353d68 0%, #2d3456 100%);--canvas: #eef0fb;--body-background: radial-gradient(circle at top, rgba(75, 83, 208, .12), transparent 22%), linear-gradient(180deg, #f4f5fd 0%, #e8ecf8 100%);--login-background: radial-gradient(circle at top left, rgba(75, 83, 208, .16), transparent 24%), linear-gradient(180deg, #f5f6ff 0%, #e8ebfb 100%);--surface: #ffffff;--surface-strong: #ffffff;--surface-muted: #f3f4ff;--surface-border: #d8dbf0;--focus-border: rgba(75, 83, 208, .42);--focus-ring: 0 0 0 4px rgba(75, 83, 208, .12)}:root[data-ui-color-preset=nord]{--brand: #367d99;--brand-strong: #285d73;--brand-soft: #e6f2f7;--sidebar: #2e3c4f;--sidebar-background: linear-gradient(180deg, #324356 0%, #2c384a 100%);--canvas: #eef3f7;--body-background: linear-gradient(180deg, #f3f7fa 0%, #e7edf3 100%);--login-background: radial-gradient(circle at top left, rgba(54, 125, 153, .12), transparent 22%), linear-gradient(180deg, #f3f8fb 0%, #e5edf3 100%);--surface: #fbfdff;--surface-strong: #ffffff;--surface-muted: #f3f7fa;--surface-border: #d8e1e9;--text-primary: #1f2b36;--text-secondary: #627180;--text-muted: #82909c;--focus-border: rgba(54, 125, 153, .4);--focus-ring: 0 0 0 4px rgba(54, 125, 153, .1)}:root[data-ui-color-preset=sunset]{--brand: #cf5f38;--brand-strong: #9a3f22;--brand-soft: #fff0e8;--sidebar: #533239;--sidebar-background: linear-gradient(180deg, #6d3a3d 0%, #4f2d33 100%);--canvas: #fff2eb;--body-background: radial-gradient(circle at top, rgba(255, 172, 92, .16), transparent 18%), linear-gradient(180deg, #fff7f1 0%, #ffede4 100%);--login-background: radial-gradient(circle at top left, rgba(255, 135, 77, .18), transparent 22%), linear-gradient(180deg, #fff7f1 0%, #ffe9df 100%);--surface: #fffdfb;--surface-strong: #ffffff;--surface-muted: #fff3ec;--surface-border: #f0d6c7;--text-primary: #3a261f;--text-secondary: #7f6257;--text-muted: #a18479;--focus-border: rgba(207, 95, 56, .4);--focus-ring: 0 0 0 4px rgba(207, 95, 56, .1)}:root[data-ui-color-preset=aurora]{--brand: #217b7d;--brand-strong: #11595b;--brand-soft: #e7f6f4;--sidebar: #2b3252;--sidebar-background: linear-gradient(180deg, #2d3561 0%, #23304e 100%);--canvas: #edf3f8;--body-background: radial-gradient(circle at top left, rgba(33, 123, 125, .14), transparent 20%), radial-gradient(circle at top right, rgba(97, 89, 255, .12), transparent 22%), linear-gradient(180deg, #f3f8fb 0%, #e8eef5 100%);--login-background: radial-gradient(circle at top left, rgba(33, 123, 125, .16), transparent 20%), radial-gradient(circle at top right, rgba(97, 89, 255, .12), transparent 22%), linear-gradient(180deg, #f5f9fc 0%, #e7eef5 100%);--surface: rgba(255, 255, 255, .92);--surface-strong: rgba(255, 255, 255, .98);--surface-muted: rgba(244, 248, 252, .92);--surface-border: rgba(41, 64, 86, .12);--text-primary: #1e2a33;--text-secondary: #62717f;--text-muted: #81909c;--shadow-theme: 0 18px 38px rgba(34, 56, 78, .12);--focus-border: rgba(33, 123, 125, .4);--focus-ring: 0 0 0 4px rgba(33, 123, 125, .1)}:root[data-ui-color-preset=paper]{--brand: #3f5c78;--brand-strong: #2d4358;--brand-soft: #f1f4f7;--sidebar: #3f4a54;--sidebar-background: linear-gradient(180deg, #46515a 0%, #3c454e 100%);--canvas: #f4f1eb;--body-background: linear-gradient(180deg, #f7f3ed 0%, #eeebe3 100%);--login-background: radial-gradient(circle at top left, rgba(63, 92, 120, .1), transparent 22%), linear-gradient(180deg, #f7f4ee 0%, #ece7df 100%);--surface: #fffefb;--surface-strong: #fffefc;--surface-muted: #f7f3ed;--surface-border: #ddd5ca;--text-primary: #2c2a28;--text-secondary: #6d675f;--text-muted: #92897f;--shadow-theme: 0 10px 24px rgba(78, 71, 60, .08);--focus-border: rgba(63, 92, 120, .34);--focus-ring: 0 0 0 4px rgba(63, 92, 120, .08)}:root[data-ui-density=compact]{--sidebar-padding-y: 14px;--sidebar-padding-x: 14px;--brand-font-size: 20px;--nav-link-min-height: 38px;--nav-link-padding-y: 8px;--topbar-min-height: 66px;--topbar-padding-x: 22px;--content-body-padding-y: 14px;--content-body-padding-x: 22px;--panel-padding: 18px;--field-height: 44px;--action-button-height: 40px;--icon-button-size: 36px}:root[data-ui-font-scale=small]{--body-font-size: 15px}:root[data-ui-font-scale=large]{--body-font-size: 17px}:root[data-ui-font-family=theme]{--font-family-base: var(--font-family-theme)}:root[data-ui-font-family=system]{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-ui-font-family=inter]{--font-family-base: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif}:root[data-ui-font-family=apple]{--font-family-base: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}:root[data-ui-font-family=windows]{--font-family-base: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif}:root[data-ui-font-family=editorial]{--font-family-base: "Iowan Old Style", "Palatino Linotype", Georgia, serif}:root[data-ui-heading-scale=compact]{--page-title-size: clamp(16px, 1.53vw, 20px);--section-title-size: 10px;--table-toolbar-title-size: 10px}:root[data-ui-heading-scale=small]{--page-title-size: clamp(27px, 2.6vw, 34px);--section-title-size: 17px;--table-toolbar-title-size: 17px}:root[data-ui-heading-scale=large]{--page-title-size: clamp(34px, 3.4vw, 46px);--section-title-size: 20px;--table-toolbar-title-size: 20px}:root[data-ui-heading-scale=hero]{--page-title-size: clamp(38px, 3.8vw, 52px);--section-title-size: 22px;--table-toolbar-title-size: 22px}:root[data-ui-sidebar-mode=compact]{--shell-sidebar-width: 196px;--sidebar-padding-y: 14px;--sidebar-padding-x: 12px;--brand-font-size: 18px;--nav-link-min-height: 38px;--nav-link-padding-y: 8px;--nav-link-padding-x: 10px;--nav-link-padding-left: 12px;--topbar-padding-x: 24px}:root[data-ui-sidebar-width=narrow]{--shell-sidebar-width: 220px}:root[data-ui-sidebar-width=wide]{--shell-sidebar-width: 292px}:root[data-ui-sidebar-mode=compact][data-ui-sidebar-width=narrow]{--shell-sidebar-width: 176px}:root[data-ui-sidebar-mode=compact][data-ui-sidebar-width=wide]{--shell-sidebar-width: 228px}:root[data-ui-content-width=wide]{--content-max-width: 1480px}:root[data-ui-content-width=contained]{--content-max-width: 1320px}:root[data-ui-corner-style=soft]{--radius-field: 16px;--radius-button: 16px;--radius-panel: 22px;--radius-card: 20px;--radius-modal: 28px}:root[data-ui-corner-style=square]{--radius-field: 8px;--radius-button: 8px;--radius-panel: 12px;--radius-card: 12px;--radius-modal: 16px}:root[data-ui-shadow-level=theme]{--shadow-soft: var(--shadow-theme)}:root[data-ui-shadow-level=flat]{--shadow-soft: none}:root[data-ui-shadow-level=soft]{--shadow-soft: 0 12px 26px rgba(15, 23, 42, .08)}:root[data-ui-shadow-level=elevated]{--shadow-soft: 0 20px 44px rgba(15, 23, 42, .16)}:root[data-ui-control-scale=compact]{--field-height: 42px;--action-button-height: 38px;--icon-button-size: 34px}:root[data-ui-control-scale=large]{--field-height: 54px;--action-button-height: 50px;--icon-button-size: 44px}:root[data-ui-motion-style=calm]{--motion-duration-fast: .12s;--motion-duration-normal: .18s;--motion-duration-slow: .26s;--motion-distance-sm: 0px;--motion-distance-md: 1px;--motion-scale-from: 1;--motion-lift: 0px;--motion-hover-scale: 1;--motion-press-scale: .999;--motion-sidebar-shift: 0px;--motion-ease-standard: linear;--motion-ease-emphasized: linear}:root[data-ui-motion-style=glass]{--motion-duration-fast: .22s;--motion-duration-normal: .36s;--motion-duration-slow: .56s;--motion-distance-sm: 10px;--motion-distance-md: 20px;--motion-scale-from: .95;--motion-lift: 5px;--motion-hover-scale: 1.018;--motion-press-scale: .98;--motion-sidebar-shift: 34px;--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1)}:root[data-ui-motion-style=system]{--motion-duration-fast: .14s;--motion-duration-normal: .22s;--motion-duration-slow: .36s;--motion-distance-sm: 4px;--motion-distance-md: 10px;--motion-scale-from: .985;--motion-lift: 1px;--motion-hover-scale: 1.004;--motion-press-scale: .992;--motion-sidebar-shift: 24px;--motion-ease-standard: cubic-bezier(.2, .8, .2, 1);--motion-ease-emphasized: cubic-bezier(.18, .88, .24, 1)}:root[data-ui-motion-style=crisp]{--motion-duration-fast: 70ms;--motion-duration-normal: .11s;--motion-duration-slow: .15s;--motion-distance-sm: 0px;--motion-distance-md: 1px;--motion-scale-from: 1;--motion-lift: 0px;--motion-hover-scale: 1;--motion-press-scale: .997;--motion-sidebar-shift: 2px;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.2, 0, 0, 1)}:root[data-ui-motion-style=smooth]{--motion-duration-fast: .24s;--motion-duration-normal: .38s;--motion-duration-slow: .62s;--motion-distance-sm: 7px;--motion-distance-md: 18px;--motion-scale-from: .982;--motion-lift: 3px;--motion-hover-scale: 1.008;--motion-press-scale: .992;--motion-sidebar-shift: 28px;--motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--motion-ease-emphasized: cubic-bezier(.22, 1, .36, 1)}:root[data-ui-motion-level=subtle]{--motion-distance-sm: 0px;--motion-distance-md: 2px;--motion-scale-from: .998;--motion-lift: 0px;--motion-hover-scale: 1.001;--motion-press-scale: .998;--motion-sidebar-shift: 6px}:root[data-ui-motion-level=expressive]{--motion-distance-sm: 8px;--motion-distance-md: 18px;--motion-scale-from: .968;--motion-lift: 4px;--motion-hover-scale: 1.014;--motion-press-scale: .982;--motion-sidebar-shift: 34px}:root[data-ui-motion-speed=slow]{--motion-duration-fast: .22s;--motion-duration-normal: .34s;--motion-duration-slow: .52s}:root[data-ui-motion-speed=fast]{--motion-duration-fast: 80ms;--motion-duration-normal: .14s;--motion-duration-slow: .22s}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--body-background);color:var(--text-primary);font-size:var(--body-font-size);font-family:var(--font-family-base);transition:background var(--motion-duration-slow) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),[role=button]:not([aria-disabled=true]),a.primary-button,a.secondary-button,a.ghost-button,a.danger-button,a.import-button,a.icon-button,a.settings-tab,a.nav-link{cursor:pointer}a{color:inherit;text-decoration:none}.app-loader{min-height:100vh;display:grid;place-items:center;color:var(--text-secondary)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:40px;background:var(--login-background)}.login-card,.panel,.stat-card,.user-card{border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-soft)}.login-card{animation:admin-enter-pop var(--motion-duration-slow) var(--motion-ease-emphasized) both}:root[data-ui-color-preset=liquidGlass] .login-card,:root[data-ui-color-preset=liquidGlass] .panel,:root[data-ui-color-preset=liquidGlass] .stat-card,:root[data-ui-color-preset=liquidGlass] .user-card,:root[data-ui-color-preset=liquidGlass] .topbar,:root[data-ui-color-preset=liquidGlass] .topbar-user,:root[data-ui-color-preset=liquidGlass] .custom-select-menu,:root[data-ui-color-preset=liquidGlass] .custom-date-popover,:root[data-ui-color-preset=liquidGlass] .modal-card,:root[data-ui-color-preset=liquidGlass] .summary-item,:root[data-ui-color-preset=liquidGlass] .attendance-schedule-user-card,:root[data-ui-color-preset=liquidGlass] .attendance-schedule-day-card,:root[data-ui-color-preset=liquidGlass] .attendance-board-table tbody td,:root[data-ui-color-preset=liquidGlass] .attendance-board-sticky-cell,:root[data-ui-color-preset=liquidGlass] .credential-box,:root[data-ui-color-preset=liquidGlass] .integration-note-card,:root[data-ui-color-preset=liquidGlass] .integration-attribute-card,:root[data-ui-color-preset=liquidGlass] .permission-group{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:color-mix(in srgb,rgba(255,255,255,.72) 56%,var(--surface-border));box-shadow:inset 0 1px #ffffff52,0 18px 48px #4d759629;backdrop-filter:blur(20px) saturate(1.28);-webkit-backdrop-filter:blur(20px) saturate(1.28)}:root[data-ui-color-preset=liquidGlass] .settings-tab,:root[data-ui-color-preset=liquidGlass] .topbar-menu,:root[data-ui-color-preset=liquidGlass] .icon-button,:root[data-ui-color-preset=liquidGlass] .secondary-button,:root[data-ui-color-preset=liquidGlass] .ghost-button,:root[data-ui-color-preset=liquidGlass] .file-picker-button,:root[data-ui-color-preset=liquidGlass] .custom-select-trigger,:root[data-ui-color-preset=liquidGlass] .custom-date-trigger,:root[data-ui-color-preset=liquidGlass] .attendance-board-cell.is-empty{backdrop-filter:blur(16px) saturate(1.22);-webkit-backdrop-filter:blur(16px) saturate(1.22)}.panel,.stat-card,.appearance-order-card,.settings-tabs-panel{animation:admin-enter-up var(--motion-duration-slow) var(--motion-ease-standard) both}.modal-card{animation:admin-enter-pop var(--motion-duration-normal) var(--motion-ease-emphasized) both}.admin-toast{animation:admin-toast-in var(--motion-duration-normal) var(--motion-ease-emphasized) both}.custom-select-menu{animation:admin-enter-pop var(--motion-duration-fast) var(--motion-ease-emphasized) both;transform-origin:top center}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button,.import-button,.nav-link,.settings-tab,.topbar-menu,.custom-select-trigger,.attendance-board-cell,.attendance-schedule-user-card,.attendance-schedule-day-card,.topbar-user,.page-chip,.status-badge{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard)}:root[data-ui-animations-enabled=false] *,:root[data-ui-animations-enabled=false] *:before,:root[data-ui-animations-enabled=false] *:after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}@keyframes admin-enter-up{0%{opacity:0;transform:translateY(var(--motion-distance-md))}to{opacity:1;transform:translateY(0)}}@keyframes admin-enter-pop{0%{opacity:0;transform:translateY(var(--motion-distance-sm)) scale(var(--motion-scale-from))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-toast-in{0%{opacity:0;transform:translateY(var(--motion-distance-md)) translate(var(--motion-distance-sm)) scale(var(--motion-scale-from))}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}.login-card{width:min(460px,100%);border-radius:var(--radius-modal);padding:30px}.login-form,.stack,.detail-list,.list{display:grid;gap:16px}.admin-page{gap:18px}.admin-page.admin-page-with-tabs{gap:14px}.admin-page>*{min-width:0}.admin-page>.stack{gap:18px}.admin-page.admin-page-with-tabs>.stack{gap:14px}.stack>*{min-width:0}.field{display:grid;gap:8px;color:var(--text-secondary)}.field span{font-size:14px;font-weight:500}.field input{height:var(--field-height);border-radius:var(--radius-field);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease}.password-field{position:relative}.password-field input{width:100%;padding-right:50px}.password-visibility-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:calc(var(--radius-field) - 4px);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.password-visibility-toggle:hover{background:var(--surface-muted);color:var(--text-primary)}.password-visibility-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.password-visibility-toggle svg{width:18px;height:18px}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-muted);color:var(--text-primary);opacity:1}.readonly-field-input{font-weight:400}.field select,.field textarea,.password-inline-row input{min-height:var(--field-height);border-radius:var(--radius-field);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease}.custom-select,.custom-date-input{position:relative}.custom-select-trigger{width:100%;min-height:var(--field-height);border-radius:var(--radius-field);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.custom-select-trigger:hover{transform:translateY(calc(var(--motion-lift) * -1))}.custom-date-trigger{width:100%;min-height:var(--field-height);border-radius:var(--radius-field);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.custom-date-trigger:hover{transform:translateY(calc(var(--motion-lift) * -1))}.custom-date-trigger:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.custom-date-input.is-disabled .custom-date-trigger,.custom-date-trigger:disabled{cursor:default;background:var(--surface-muted)}.custom-select-trigger:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.custom-select.is-disabled .custom-select-trigger,.custom-select-trigger:disabled{cursor:default;background:var(--surface-muted)}.custom-select-value,.custom-date-value{display:block;text-align:left}.custom-date-value.is-placeholder,.custom-select-value.is-placeholder{color:var(--text-muted)}.custom-date-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex:0 0 auto}.custom-date-icon svg{width:18px;height:18px}.custom-select-chevron{flex:0 0 auto;color:var(--text-secondary);font-size:12px}.custom-date-popover{position:absolute;z-index:var(--z-layer-popover);top:calc(100% + 8px);left:0;width:min(316px,calc(100vw - 32px));padding:0 12px 12px;border-radius:var(--radius-card);border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-soft)}.custom-date-popover.is-range,.custom-date-popover.is-month{width:min(316px,calc(100vw - 32px))}.custom-date-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 -12px 10px;padding:10px 12px;border-radius:var(--radius-card) var(--radius-card) 14px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-strong) 88%,var(--brand) 12%),color-mix(in srgb,var(--brand-strong) 76%,#ffffff 24%))}.custom-date-toolbar-label{text-align:center;font-size:14px;font-weight:700;color:#fff}.custom-date-nav-group{display:inline-flex;align-items:center;gap:4px}.custom-date-nav-button,.custom-date-footer-button{min-height:30px;border-radius:9px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-primary);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.custom-date-nav-button{min-width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-color:#fff3;background:#ffffff24;color:#fff}.custom-date-nav-button:hover{background:#ffffff3d}.custom-date-footer-button:hover{transform:translateY(calc(var(--motion-lift) * -1));background:var(--surface-elevated)}.custom-date-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:0;margin-bottom:4px}.custom-date-weekdays span{text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.custom-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:0;row-gap:6px}.custom-date-day{min-height:30px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard);outline:none}.custom-date-day:hover{transform:translateY(calc(var(--motion-lift) * -1));background:var(--surface-muted)}.custom-date-day.is-outside{color:var(--text-muted);opacity:.72}.custom-date-day.is-today{border-color:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--brand-strong)}.custom-date-day.is-single-selected{background:color-mix(in srgb,var(--surface) 94%,var(--brand-soft) 6%);border-color:color-mix(in srgb,var(--brand) 42%,transparent);border-radius:999px;color:var(--brand-strong);font-weight:700}.custom-date-day:focus,.custom-date-day:focus-visible{outline:none}.custom-date-day:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 72%,#ffffff 28%)}.custom-date-day.is-in-range{border-radius:0;background:color-mix(in srgb,var(--brand-soft) 82%,var(--surface) 18%);border-color:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand-strong)}.custom-date-day.is-range-start,.custom-date-day.is-range-end,.custom-date-day.is-pending-anchor{background:var(--brand-strong);border-color:transparent;color:#fff;font-weight:700}.custom-date-day.is-range-start{border-radius:999px 0 0 999px}.custom-date-day.is-range-end{border-radius:0 999px 999px 0}.custom-date-day.is-range-single,.custom-date-day.is-pending-anchor{border-radius:999px}.custom-date-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.custom-date-footer.is-range,.custom-date-footer.is-unified{flex-direction:column;align-items:stretch;gap:10px;margin-top:12px}.custom-date-footer-button{flex:1 1 0;padding:0 10px;font-size:13px;font-weight:600}.custom-date-footer-actions{display:flex;align-items:center;gap:8px}.custom-date-range-summary{display:flex;align-items:center}.custom-date-range-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;width:100%}.custom-date-range-summary-card{min-height:46px;padding:10px 12px;border-radius:calc(var(--radius-card) - 6px);border:1px solid var(--surface-border);background:var(--surface-muted);display:inline-flex;align-items:center;justify-content:center;text-align:center}.custom-date-range-summary-separator{display:inline-flex;align-items:center;justify-content:center;min-width:18px;font-weight:700;color:var(--text-muted)}.custom-date-range-summary-card strong{font-size:13px;line-height:1.35;color:var(--text-primary)}.custom-date-apply-button{min-height:36px;border:none;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-strong) 86%,var(--brand) 14%),color-mix(in srgb,var(--brand-strong) 76%,#ffffff 24%));color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),filter var(--motion-duration-fast) var(--motion-ease-standard),opacity var(--motion-duration-fast) var(--motion-ease-standard)}.custom-date-apply-button:hover{transform:translateY(calc(var(--motion-lift) * -1));filter:brightness(1.02)}.custom-date-apply-button:disabled{cursor:default;opacity:.55;filter:grayscale(.12)}.custom-date-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.custom-date-month{min-height:38px;border:1px solid var(--surface-border);border-radius:12px;background:var(--surface-muted);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.custom-date-month:hover{transform:translateY(calc(var(--motion-lift) * -1));background:var(--surface-elevated)}.custom-date-month.is-selected{background:color-mix(in srgb,var(--surface) 94%,var(--brand-soft) 6%);border-color:color-mix(in srgb,var(--brand) 42%,transparent);color:var(--brand-strong)}.custom-select-menu{position:absolute;z-index:var(--z-layer-popover);top:calc(100% + 8px);left:0;right:0;max-height:280px;overflow-y:auto;padding:8px;border-radius:var(--radius-card);border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-soft)}.custom-select-option{width:100%;min-height:42px;border:none;border-radius:calc(var(--radius-button) - 2px);background:transparent;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;text-align:left;cursor:pointer}.custom-select-option:hover{background:var(--surface-muted)}.custom-select-option.is-selected{background:var(--brand-soft);color:var(--brand-strong)}.custom-select-option:disabled{cursor:default;opacity:.55}.custom-select-option-check{font-size:13px;color:var(--brand)}.custom-select-option-label{color:inherit}.field textarea{min-height:120px;padding:12px 14px;resize:vertical}.field textarea.textarea-compact{min-height:calc(2.9em + 24px)}.roles-editor-panel .field textarea{min-height:calc(4.35em + 24px)}.field input:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.field select:focus,.field textarea:focus,.password-inline-row input:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;height:var(--action-button-height);border:none;border-radius:var(--radius-button);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),opacity var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard);padding:0 16px;text-align:center;line-height:1.2;white-space:normal}.primary-button{background:var(--brand);color:#fff;font-weight:700}.secondary-button,.ghost-button{background:var(--secondary-button-background);color:var(--text-primary);border:1px solid var(--surface-border)}.danger-button{background:#ba1a1a;color:#fff;font-weight:700}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-hover-scale))}.secondary-button:hover,.ghost-button:hover{background:var(--secondary-button-hover-background)}.primary-button:disabled{opacity:.65;cursor:default}.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.6;cursor:default;transform:none}.hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button{width:var(--icon-button-size);height:var(--icon-button-size);display:inline-grid;place-items:center;border-radius:var(--radius-button);border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--brand);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.icon-button:hover{transform:translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-hover-scale));background:var(--brand-soft);border-color:var(--focus-border)}.icon-button.is-danger{color:var(--danger-text)}.icon-button.is-danger:hover{background:color-mix(in srgb,var(--danger-background) 80%,var(--surface) 20%);border-color:color-mix(in srgb,var(--danger-text) 28%,transparent)}.icon-button svg{width:18px;height:18px}.import-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:132px;padding-inline:16px;font-weight:700;white-space:nowrap}.import-button svg{width:16px;height:16px;flex:0 0 auto}.error-banner{border-radius:var(--radius-button);padding:14px 16px;background:var(--danger-soft);color:var(--danger-text);border:1px solid color-mix(in srgb,var(--danger-text) 20%,var(--surface-border))}.success-banner{border-radius:var(--radius-button);padding:14px 16px;background:var(--success-soft);color:var(--success-text);border:1px solid color-mix(in srgb,var(--success-text) 20%,var(--surface-border))}.shell{min-height:100vh;display:grid;--shell-sidebar-visible-width: var(--shell-sidebar-width);grid-template-columns:var(--shell-sidebar-visible-width) minmax(0,1fr);background:var(--body-background);transition:grid-template-columns var(--motion-duration-normal) var(--motion-ease-standard)}.shell.is-sidebar-collapsed{--shell-sidebar-visible-width: 0px}.sidebar{display:grid;grid-template-rows:auto 1fr;gap:24px;padding:var(--sidebar-padding-y) var(--sidebar-padding-x) 20px;border-right:1px solid var(--sidebar-border);background:var(--sidebar-background);color:var(--sidebar-text);transition:opacity var(--motion-duration-normal) var(--motion-ease-standard),transform var(--motion-duration-normal) var(--motion-ease-standard),padding var(--motion-duration-normal) var(--motion-ease-standard);overflow:hidden}:root[data-ui-sidebar-mode=compact] .sidebar{gap:18px}:root[data-ui-sidebar-mode=compact] .brand-wrap{gap:4px;padding:10px 8px 12px}:root[data-ui-sidebar-mode=compact] .brand-subtitle{display:none}:root[data-ui-sidebar-mode=compact] .nav{gap:4px}:root[data-ui-sidebar-mode=compact] .user-card{padding:12px}:root[data-ui-sidebar-mode=compact] .sidebar-footer{gap:10px}.shell.is-sidebar-collapsed .sidebar{inline-size:0;min-width:0;opacity:0;transform:translate(calc(var(--motion-sidebar-shift) * -1));pointer-events:none;padding-left:0;padding-right:0;border-right-width:0;border-right-color:transparent}.brand-wrap{display:grid;gap:8px;padding:12px 10px 14px;border-bottom:1px solid rgba(255,255,255,.08);min-width:0;overflow:hidden;opacity:1;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard) 90ms}.brand{font-size:var(--brand-font-size);font-weight:800;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:clip}.brand-subtitle,.eyebrow,.page-subtitle,.table-secondary,.user-meta,.detail-row span,.stat-label,.list-meta,.empty-state,.topbar-subtitle,.table-count{color:var(--text-secondary)}.brand-subtitle{color:var(--sidebar-muted);white-space:nowrap}.brand-subtitle,.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.eyebrow{color:var(--brand)}.topbar-section-label{display:inline-flex;align-items:center;min-height:38px;margin-left:2px;white-space:nowrap;font-size:16.5px;font-weight:800}.nav{display:grid;gap:6px;align-content:start;opacity:1;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard) 90ms}.nav-group{display:grid;gap:4px}.nav-link{position:relative;display:flex;align-items:center;min-height:var(--nav-link-min-height);padding:var(--nav-link-padding-y) var(--nav-link-padding-x) var(--nav-link-padding-y) var(--nav-link-padding-left);border-radius:var(--nav-link-radius);border:var(--nav-link-border-width) solid var(--nav-link-border-color);color:var(--sidebar-text);font-weight:500;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);white-space:nowrap;overflow:hidden}.nav-link:before{content:"";width:8px;height:8px;margin-right:12px;border-radius:var(--radius-pill);background:var(--sidebar-link-dot);flex:0 0 auto}.nav-link:hover{background:var(--sidebar-link-hover);transform:translate(var(--motion-lift))}.nav-link.is-active{background:var(--sidebar-link-active);color:var(--sidebar-link-active-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}.nav-link.is-active:before{background:var(--sidebar-link-active-dot)}.nav-subnav{display:grid;gap:6px;margin-left:calc(var(--nav-link-padding-left) + 10px);padding:4px 0 8px 6px}.nav-subnav-item{display:flex;align-items:center;gap:10px;min-height:var(--nav-subnav-item-min-height);padding:0 var(--nav-subnav-item-padding-x);border-radius:calc(var(--radius-button) - 2px);border:var(--nav-subnav-item-border-width) solid var(--nav-subnav-item-border-color);background:var(--nav-subnav-item-background);color:var(--nav-subnav-item-text);font-size:13px;font-weight:500;line-height:1.35;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-subnav-item:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--nav-subnav-item-dot);flex:0 0 auto}:root[data-ui-sidebar-nav-style=outline] .nav-link{--nav-link-border-width: 1px;--nav-link-border-color: color-mix(in srgb, var(--sidebar-text) 12%, transparent)}:root[data-ui-sidebar-nav-style=outline] .nav-link:hover{background:color-mix(in srgb,var(--sidebar-link-hover) 54%,transparent);border-color:color-mix(in srgb,var(--brand) 18%,transparent)}:root[data-ui-sidebar-nav-style=outline] .nav-link.is-active{background:color-mix(in srgb,var(--sidebar-link-active) 54%,transparent);border-color:color-mix(in srgb,var(--brand) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 10%,transparent)}:root[data-ui-sidebar-nav-style=solid] .nav-link{--nav-link-radius: calc(var(--radius-button) + 2px)}:root[data-ui-sidebar-nav-style=solid] .nav-link:hover{background:color-mix(in srgb,var(--brand-strong) 18%,var(--sidebar) 82%)}:root[data-ui-sidebar-nav-style=solid] .nav-link.is-active{background:color-mix(in srgb,var(--brand-strong) 36%,var(--brand) 24%,var(--sidebar) 40%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 26%,transparent),0 10px 18px #0000001f}:root[data-ui-sidebar-nav-style=minimal] .nav-link{--nav-link-radius: 10px}:root[data-ui-sidebar-nav-style=minimal] .nav-link:hover{background:color-mix(in srgb,var(--sidebar-text) 6%,transparent)}:root[data-ui-sidebar-nav-style=minimal] .nav-link.is-active{background:color-mix(in srgb,var(--sidebar-text) 10%,transparent);box-shadow:none}:root[data-ui-sidebar-nav-style=glass] .nav-link{--nav-link-border-width: 1px;--nav-link-border-color: color-mix(in srgb, rgba(255, 255, 255, .22) 64%, transparent);backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}:root[data-ui-sidebar-nav-style=glass] .nav-link:hover{background:color-mix(in srgb,var(--brand-soft) 18%,transparent);border-color:color-mix(in srgb,rgba(255,255,255,.28) 76%,transparent)}:root[data-ui-sidebar-nav-style=glass] .nav-link.is-active{background:color-mix(in srgb,var(--brand-soft) 24%,transparent);border-color:color-mix(in srgb,rgba(255,255,255,.38) 82%,transparent);box-shadow:inset 0 1px #ffffff29,0 10px 18px #00000014}:root[data-ui-sidebar-subnav-style=line] .nav-subnav{gap:10px;margin-left:calc(var(--nav-link-padding-left) + 14px);padding:2px 0 8px 10px;border-left:1px solid color-mix(in srgb,var(--sidebar-text) 16%,transparent)}:root[data-ui-sidebar-subnav-style=line] .nav-subnav-item{--nav-subnav-item-min-height: 22px;--nav-subnav-item-padding-x: 0px;--nav-subnav-item-border-width: 0px;--nav-subnav-item-background: transparent;--nav-subnav-item-text: color-mix(in srgb, var(--sidebar-text) 82%, transparent);--nav-subnav-item-dot: color-mix(in srgb, var(--sidebar-text) 22%, transparent);border-radius:0}:root[data-ui-sidebar-subnav-style=line] .nav-subnav-item:before{width:4px;height:4px}:root[data-ui-sidebar-subnav-style=minimal] .nav-subnav{gap:8px;margin-left:calc(var(--nav-link-padding-left) + 12px);padding:2px 0 8px}:root[data-ui-sidebar-subnav-style=minimal] .nav-subnav-item{--nav-subnav-item-min-height: 20px;--nav-subnav-item-padding-x: 0px;--nav-subnav-item-border-width: 0px;--nav-subnav-item-background: transparent;--nav-subnav-item-text: color-mix(in srgb, var(--sidebar-text) 74%, transparent);--nav-subnav-item-dot: transparent;border-radius:0}:root[data-ui-sidebar-subnav-style=minimal] .nav-subnav-item:before{display:none}:root[data-ui-sidebar-subnav-style=cards] .nav-subnav{gap:8px;margin-left:calc(var(--nav-link-padding-left) + 6px);padding:6px 0 8px}:root[data-ui-sidebar-subnav-style=cards] .nav-subnav-item{--nav-subnav-item-min-height: 36px;--nav-subnav-item-padding-x: 14px;--nav-subnav-item-border-width: 1px;--nav-subnav-item-border-color: color-mix(in srgb, var(--brand) 14%, transparent);--nav-subnav-item-background: color-mix(in srgb, var(--brand-soft) 16%, transparent);--nav-subnav-item-text: var(--sidebar-text);--nav-subnav-item-dot: color-mix(in srgb, var(--brand) 46%, transparent);border-radius:calc(var(--radius-button) - 1px)}:root[data-ui-sidebar-subnav-style=compact] .nav-subnav{gap:6px;margin-left:calc(var(--nav-link-padding-left) + 8px);padding:3px 0 8px}:root[data-ui-sidebar-subnav-style=compact] .nav-subnav-item{--nav-subnav-item-min-height: 26px;--nav-subnav-item-padding-x: 10px;--nav-subnav-item-border-color: color-mix(in srgb, var(--brand) 8%, transparent);--nav-subnav-item-background: color-mix(in srgb, var(--sidebar-link-active) 28%, transparent);font-size:12px;letter-spacing:.01em}.shell.is-sidebar-collapsed .brand-wrap,.shell.is-sidebar-collapsed .nav{opacity:0;transition-delay:0ms}.sidebar-footer{display:grid;gap:12px}.user-card{border-radius:var(--radius-card);padding:16px;background:var(--sidebar-card-background);border-color:var(--sidebar-card-border);box-shadow:none}.user-name,.page-title,.section-title,.table-primary,.stat-value,.list-title,.topbar-title{color:var(--text-primary)}.user-name{color:var(--sidebar-text-strong)}.user-name,.table-primary{font-weight:700}.content{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:var(--topbar-min-height);padding:0 var(--topbar-padding-x);border-bottom:1px solid var(--surface-border);background:var(--surface-strong)}.topbar-group{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto;flex-wrap:nowrap}.topbar-status-slot{display:inline-flex;align-items:center;flex:0 0 auto;min-width:228px}.topbar-menu{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--text-primary);flex:0 0 auto;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.topbar-menu:hover{transform:translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-hover-scale))}.topbar-menu.is-active{color:var(--brand)}.topbar-menu-bars{display:inline-grid;gap:4px;place-items:center}.topbar-menu-bars span{display:block;width:17px;height:2px;border-radius:999px;background:currentColor}.topbar-title{font-size:15px;font-weight:700}.topbar-subtitle{font-size:13px}.topbar-user{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:8px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-card);background:var(--surface);width:auto;min-width:0;max-width:100%;flex:none;text-align:left}.topbar-account{position:relative;width:fit-content;min-width:0;max-width:min(460px,38vw);flex:0 0 auto}.topbar-user-trigger{cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.topbar-user-trigger:hover{transform:translateY(calc(var(--motion-lift) * -1))}.topbar-user-trigger.is-open{background:var(--surface-muted);border-color:color-mix(in srgb,var(--brand) 20%,var(--surface-border))}.topbar-user-copy{min-width:0;flex:0 1 auto}.topbar-user .topbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.12}.topbar-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:calc(var(--radius-button) - 2px);background:var(--brand-soft);color:var(--brand);font-weight:700}.account-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:var(--z-layer-account-dropdown);width:min(360px,calc(100vw - 32px));display:grid;gap:12px;padding:14px;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:var(--surface-strong);box-shadow:var(--shadow-soft)}.account-dropdown-menu{display:grid;gap:8px}.account-dropdown-item{display:flex;align-items:center;width:100%;min-height:44px;padding:0 14px;border:1px solid var(--surface-border);border-radius:var(--radius-button);background:var(--surface-muted);color:var(--text-primary);font-size:15px;font-weight:600;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.account-dropdown-item:hover{background:color-mix(in srgb,var(--brand-soft) 56%,var(--surface));border-color:color-mix(in srgb,var(--brand) 20%,var(--surface-border));color:var(--brand);transform:translateY(calc(var(--motion-lift) * -1))}.account-dropdown-item.is-active{background:color-mix(in srgb,var(--brand-soft) 68%,var(--surface));border-color:color-mix(in srgb,var(--brand) 24%,var(--surface-border));color:var(--brand)}.account-dropdown-item.is-danger:hover{background:color-mix(in srgb,var(--danger-soft) 64%,var(--surface));border-color:color-mix(in srgb,var(--danger-text) 18%,var(--surface-border));color:var(--danger-text)}.account-profile-card{display:grid;gap:12px;padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-card);background:var(--surface-muted)}.account-profile-grid{display:grid;gap:10px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-profile-field{display:grid;gap:4px;min-width:0}.account-profile-field span{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-profile-field strong{color:var(--text-primary);font-size:14px;line-height:1.35;word-break:break-word}.account-profile-actions{display:flex;justify-content:flex-start}.content-body{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--content-body-padding-y) var(--content-body-padding-x) 28px}.admin-toast-viewport{position:fixed;right:24px;bottom:24px;z-index:var(--z-layer-toast);width:min(420px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none}.admin-toast{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--surface-border);background:var(--surface-strong);box-shadow:var(--shadow-soft);pointer-events:auto}.admin-toast.is-success{background:color-mix(in srgb,var(--success-soft) 52%,var(--surface));border-color:color-mix(in srgb,var(--success-text) 24%,var(--surface-border))}.admin-toast.is-error{background:color-mix(in srgb,var(--danger-soft) 52%,var(--surface));border-color:color-mix(in srgb,var(--danger-text) 24%,var(--surface-border))}.admin-toast.is-info{background:color-mix(in srgb,var(--brand-soft) 52%,var(--surface));border-color:color-mix(in srgb,var(--brand) 24%,var(--surface-border))}.admin-toast-message{color:var(--text-primary);line-height:1.4}.admin-toast-close{width:28px;height:28px;border:1px solid var(--surface-border);border-radius:calc(var(--radius-button) - 2px);background:var(--surface);color:var(--text-secondary);cursor:pointer}.admin-toast-close:hover{background:var(--surface-muted)}.page-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.page-header>div>.eyebrow{display:none}.page-title{margin:6px 0 8px;font-size:var(--page-title-size);line-height:1.05;letter-spacing:-.04em}.page-subtitle{margin:0;max-width:680px;font-size:14px}.page-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-chip,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;border:1px solid transparent}.page-chip{border:1px solid var(--focus-border);background:var(--brand-soft);color:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{border-radius:var(--radius-panel);padding:20px}.stat-value{font-size:34px;font-weight:800;letter-spacing:-.04em}.stat-meta-list{display:grid;gap:4px;margin-top:10px}.stat-meta-item{font-size:12px;line-height:1.4;color:var(--text-secondary)}.panel{position:relative;z-index:var(--z-layer-panel-base);border-radius:var(--radius-panel);padding:var(--panel-padding)}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-title{margin:0 0 16px;font-size:var(--section-title-size);letter-spacing:-.02em}.detail-row,.list-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--surface-border)}.detail-row:last-child,.list-row:last-child{border-bottom:none}.list-title{font-weight:600}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--surface-border)}.table-toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-section-panel,.settings-section-panel,.settings-editor-panel{display:grid;align-content:start;gap:0}.admin-section-panel>*+*,.settings-section-panel>*+*,.settings-editor-panel>*+*{margin-top:18px}.admin-section-panel>.section-title,.settings-section-panel>.section-title,.settings-editor-panel>.section-title{margin:0}.admin-section-panel .table-toolbar,.settings-section-panel .table-toolbar,.settings-editor-panel .table-toolbar{align-items:flex-start}.admin-section-panel .table-toolbar-group,.settings-section-panel .table-toolbar-group,.settings-editor-panel .table-toolbar-group{min-width:0;flex:1 1 420px}.admin-section-panel .table-count,.settings-section-panel .table-count,.settings-editor-panel .table-count{line-height:1.45}.admin-section-panel .primary-button,.admin-section-panel .secondary-button,.admin-section-panel .store-editor-badges,.admin-section-panel .integration-actions,.settings-section-panel .primary-button,.settings-section-panel .secondary-button,.settings-section-panel .store-editor-badges,.settings-editor-panel .store-editor-badges{flex:0 0 auto}.role-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.table-toolbar h2{margin:0;font-size:var(--table-toolbar-title-size);letter-spacing:-.02em}.table-count{font-size:13px}:root[data-ui-show-page-descriptions=false] .page-subtitle{display:none}:root[data-ui-show-section-descriptions=false] .table-count{display:none}.appearance-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.appearance-scope-tabs{margin-bottom:18px}.appearance-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.appearance-motion-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:span 2}.appearance-checkbox-grid{margin-bottom:18px}.appearance-reorder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-order-card{display:grid;gap:14px;padding:16px;border-radius:var(--radius-card);border:1px solid var(--surface-border);background:var(--surface-muted)}.appearance-order-header{display:grid;gap:4px}.appearance-order-header .section-title{margin:0;font-size:16px}.appearance-order-list{display:grid;gap:10px}.appearance-order-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--radius-button);border:1px solid var(--surface-border);background:var(--surface)}.appearance-order-actions{display:flex;align-items:center;gap:8px}.table-shell{overflow:auto;border-radius:var(--radius-card)}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px;table-layout:auto}.data-table thead th{background:var(--sidebar);color:var(--table-head-text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;text-align:left;vertical-align:middle;white-space:normal;line-height:1.2;overflow-wrap:break-word;word-break:normal}.data-table thead th+th{box-shadow:inset 1px 0 color-mix(in srgb,var(--table-head-text) 10%,transparent)}.data-table thead th:first-child{border-top-left-radius:var(--radius-button);border-bottom-left-radius:var(--radius-button)}.data-table thead th:last-child{border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}.data-table tbody td{padding:16px;border-bottom:1px solid var(--surface-border);text-align:left;vertical-align:top;background:var(--surface-strong);line-height:1.5;overflow-wrap:break-word;word-break:normal}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover td{background:var(--surface-muted)}.data-table tbody tr.is-selected td{background:var(--brand-soft)}:root[data-ui-table-style=striped] .data-table tbody tr:nth-child(2n):not(.is-selected) td{background:var(--surface-muted)}:root[data-ui-table-style=striped] .attendance-board-table tbody tr:nth-child(2n) td:not(.attendance-board-sticky-cell){background:var(--surface-muted)}:root[data-ui-table-style=dense] .data-table{font-size:14px}:root[data-ui-table-style=dense] .data-table thead th{padding:10px 12px}:root[data-ui-table-style=dense] .data-table tbody td{padding:10px 12px}:root[data-ui-table-style=dense] .attendance-board-table{font-size:14px}:root[data-ui-table-style=dense] .attendance-board-table thead th{padding:10px 12px}:root[data-ui-table-style=dense] .attendance-board-table tbody td{padding:10px 12px}:root[data-ui-table-style=dense] .data-table .table-secondary,:root[data-ui-table-style=dense] .attendance-board-table .table-secondary{font-size:11px}:root[data-ui-table-style=contrast] .data-table thead th{background:color-mix(in srgb,var(--sidebar) 86%,var(--brand-strong) 14%)}:root[data-ui-table-style=contrast] .data-table tbody tr:nth-child(2n):not(.is-selected) td{background:var(--surface-muted)}:root[data-ui-table-style=contrast] .data-table tbody td{border-bottom-color:color-mix(in srgb,var(--surface-border) 54%,var(--text-primary) 46%)}:root[data-ui-table-style=contrast] .attendance-board-table thead th{background:color-mix(in srgb,var(--sidebar) 86%,var(--brand-strong) 14%)}:root[data-ui-table-style=contrast] .attendance-board-table tbody tr:nth-child(2n) td:not(.attendance-board-sticky-cell){background:var(--surface-muted)}:root[data-ui-table-style=contrast] .attendance-board-table tbody td{border-bottom-color:color-mix(in srgb,var(--surface-border) 54%,var(--text-primary) 46%)}:root[data-ui-table-style=contrast] .table-shell,:root[data-ui-table-style=contrast] .attendance-board-table-wrap{border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 58%,var(--text-primary) 42%)}.table-primary{display:block;font-weight:700;line-height:1.22}.table-primary.is-attendance-substitute{color:var(--warning-text)}.table-secondary{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--text-secondary)}.status-badge.is-success{background:var(--success-soft);color:var(--success-text)}.status-badge.is-warning{background:var(--warning-soft);color:var(--warning-text)}.status-badge.is-danger{background:var(--danger-soft);color:var(--danger-text)}.status-badge.is-muted{background:var(--muted-badge-background);color:var(--muted-badge-text)}.status-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.35;color:var(--text-primary);white-space:nowrap}.status-inline:before{content:"";width:8px;height:8px;border-radius:999px;flex:0 0 auto;background:currentColor}.status-inline.is-success{color:var(--success-text)}.status-inline.is-warning{color:var(--warning-text)}.status-inline.is-danger{color:var(--danger-text)}.status-inline.is-muted{color:var(--muted-badge-text)}:root[data-ui-status-style=outline] .page-chip,:root[data-ui-status-style=outline] .inline-chip,:root[data-ui-status-style=outline] .status-badge{background:transparent}:root[data-ui-status-style=outline] .page-chip{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 36%,var(--surface-border))}:root[data-ui-status-style=outline] .inline-chip{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 36%,var(--surface-border))}:root[data-ui-status-style=outline] .inline-chip.is-muted,:root[data-ui-status-style=outline] .status-badge.is-muted{color:var(--muted-badge-text);border-color:color-mix(in srgb,var(--muted-badge-text) 28%,var(--surface-border))}:root[data-ui-status-style=outline] .status-badge.is-success{color:var(--success-text);border-color:color-mix(in srgb,var(--success-text) 30%,var(--surface-border))}:root[data-ui-status-style=outline] .status-badge.is-warning{color:var(--warning-text);border-color:color-mix(in srgb,var(--warning-text) 30%,var(--surface-border))}:root[data-ui-status-style=outline] .status-badge.is-danger{color:var(--danger-text);border-color:color-mix(in srgb,var(--danger-text) 30%,var(--surface-border))}:root[data-ui-status-style=outline] .status-inline{padding:4px 10px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,currentColor 24%,var(--surface-border));background:color-mix(in srgb,currentColor 8%,transparent)}:root[data-ui-status-style=solid] .page-chip,:root[data-ui-status-style=solid] .inline-chip,:root[data-ui-status-style=solid] .status-badge{color:#fff;border-color:transparent}:root[data-ui-status-style=solid] .page-chip,:root[data-ui-status-style=solid] .inline-chip{background:var(--brand)}:root[data-ui-status-style=solid] .inline-chip.is-muted,:root[data-ui-status-style=solid] .status-badge.is-muted{background:var(--text-secondary)}:root[data-ui-status-style=solid] .status-badge.is-success{background:var(--success-text)}:root[data-ui-status-style=solid] .status-badge.is-warning{background:var(--warning-text)}:root[data-ui-status-style=solid] .status-badge.is-danger{background:var(--danger-text)}:root[data-ui-status-style=solid] .status-inline{padding:4px 10px;border-radius:var(--radius-pill);color:#fff;background:var(--brand)}:root[data-ui-status-style=solid] .status-inline.is-success{background:var(--success-text)}:root[data-ui-status-style=solid] .status-inline.is-warning{background:var(--warning-text)}:root[data-ui-status-style=solid] .status-inline.is-danger{background:var(--danger-text)}:root[data-ui-status-style=solid] .status-inline.is-muted{background:var(--text-secondary)}.empty-state{padding:24px 0 8px}.table-wrap{display:block;white-space:normal;line-height:1.45}.data-table td .status-inline{white-space:normal;align-items:center}.table-actions-cell{vertical-align:top}.data-table td .inline-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.data-table td .inline-actions>.primary-button,.data-table td .inline-actions>.secondary-button,.data-table td .inline-actions>.ghost-button,.data-table td .inline-actions>.danger-button{width:auto;max-width:100%;white-space:nowrap}.data-table td .inline-actions.attendance-row-actions{flex-direction:row;align-items:center;gap:8px}.data-table td.table-actions-cell>.primary-button,.data-table td.table-actions-cell>.secondary-button,.data-table td.table-actions-cell>.ghost-button,.data-table td.table-actions-cell>.danger-button{width:auto;max-width:100%;white-space:nowrap}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;margin-top:18px;padding-inline:4px}.table-pagination-info{flex:0 1 auto;font-size:12px;line-height:1.45;color:var(--text-secondary)}.table-pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto;flex:1 1 auto}.table-pagination-segment{display:inline-flex;align-items:center;gap:8px}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:38px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--motion-duration-sm) var(--motion-ease-standard),border-color var(--motion-duration-sm) var(--motion-ease-standard),color var(--motion-duration-sm) var(--motion-ease-standard),transform var(--motion-duration-sm) var(--motion-ease-standard),box-shadow var(--motion-duration-sm) var(--motion-ease-standard)}.pagination-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 32%,var(--surface-border));background:var(--surface-muted)}.pagination-button.is-active{border-color:color-mix(in srgb,var(--brand) 40%,var(--surface-border));background:var(--brand-soft);color:var(--brand-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}.pagination-button:disabled{cursor:default;opacity:.45}.pagination-ellipsis{color:var(--text-secondary);font-size:13px;line-height:1}@media(max-width:980px){.table-pagination{align-items:flex-start}.table-pagination-controls{margin-left:0;justify-content:flex-start}.attendance-toolbar{flex-wrap:wrap}.attendance-actions{width:100%;justify-content:flex-start;margin-left:0}}.settings-tabs-panel{position:relative;z-index:var(--z-layer-panel-base);padding-top:14px;padding-bottom:14px}.panel:has(.custom-select.is-open),.panel:has(.custom-date-input.is-open),.settings-tabs-panel:has(.custom-select.is-open),.settings-tabs-panel:has(.custom-date-input.is-open){z-index:var(--z-layer-panel-elevated)}.field:has(.custom-select.is-open),.field:has(.custom-date-input.is-open){position:relative;z-index:var(--z-layer-popover)}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:nowrap}.attendance-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto;margin-left:auto}.modal-overlay{position:fixed;inset:0;z-index:calc(var(--z-layer-account-dropdown) + 20);display:grid;place-items:center;padding:24px;background:#1f29376b}.modal-card{width:min(980px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:24px;border:1px solid var(--surface-border);background:var(--surface);box-shadow:0 24px 70px #1118272e}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 28px 0}.modal-body{padding:24px 28px 0}.modal-footer{justify-content:flex-end;padding:28px}.modal-title{margin:0;font-size:26px;letter-spacing:-.03em}.modal-close-button{width:40px;height:40px;display:inline-grid;place-items:center;border:none;border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer}.modal-close-button:hover{background:var(--surface-muted);color:var(--text-primary)}.modal-close-button svg{width:22px;height:22px}.attendance-confirm-modal{width:min(520px,100%);max-height:none}.attendance-import-modal{width:min(650px,100%)}.attendance-import-modal .modal-header,.attendance-import-modal .modal-footer{padding:22px 22px 0}.attendance-import-modal .modal-body{padding:18px 22px 0}.attendance-import-modal .modal-footer{padding:22px}.attendance-confirm-body{gap:16px}.attendance-confirm-text{margin:0;color:var(--text-secondary);line-height:1.5}.attendance-confirm-summary{border:1px solid var(--surface-border);border-radius:var(--radius-card);background:var(--surface-muted);padding:4px 18px}.attendance-confirm-actions{justify-content:flex-start}.template-link-button{align-self:start;border:none;background:transparent;color:var(--link-accent);font-size:18px;font-weight:500;cursor:pointer;padding:0}.template-link-button:hover{text-decoration:underline}.file-picker-shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;border:1px solid var(--surface-border);border-radius:18px;overflow:hidden;background:var(--surface)}.file-picker-button{min-width:180px;border:none;border-right:1px solid var(--surface-border);background:var(--secondary-button-background);color:var(--text-primary);font-size:18px;padding:0 28px;cursor:pointer}.file-picker-button:hover{background:var(--secondary-button-hover-background)}.file-picker-name{display:flex;align-items:center;min-height:72px;padding:0 24px;color:var(--text-secondary);font-size:18px}.settings-tabs{display:flex;gap:10px;flex-wrap:wrap}.settings-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--tab-background);color:var(--tab-text);border:1px solid var(--tab-border);font-weight:700;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.settings-tab:hover{background:var(--tab-background-hover);transform:translateY(calc(var(--motion-lift) * -1))}.settings-tab.is-active{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 24%,var(--surface-border))}.settings-tab.is-disabled{opacity:.65}:root[data-ui-tab-style=outline] .settings-tab{background:transparent;border-color:color-mix(in srgb,var(--brand) 28%,var(--surface-border));color:var(--text-secondary)}:root[data-ui-tab-style=outline] .settings-tab:hover{background:color-mix(in srgb,var(--brand-soft) 40%,transparent)}:root[data-ui-tab-style=outline] .settings-tab.is-active{background:color-mix(in srgb,var(--brand-soft) 52%,transparent);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 48%,var(--surface-border))}:root[data-ui-tab-style=underline] .settings-tabs{gap:18px}:root[data-ui-tab-style=underline] .settings-tab{min-height:40px;padding:0 4px;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-secondary)}:root[data-ui-tab-style=underline] .settings-tab:hover{background:transparent;color:var(--text-primary);border-bottom-color:color-mix(in srgb,var(--brand) 28%,transparent);transform:none}:root[data-ui-tab-style=underline] .settings-tab.is-active{background:transparent;color:var(--brand);border-bottom-color:var(--brand)}:root[data-ui-tab-style=segment] .settings-tabs{gap:6px;padding:6px;border-radius:calc(var(--radius-pill) + 8px);background:var(--surface-muted);border:1px solid var(--surface-border);width:fit-content;max-width:100%}:root[data-ui-tab-style=segment] .settings-tab{background:transparent;border-color:transparent}:root[data-ui-tab-style=segment] .settings-tab:hover{background:color-mix(in srgb,var(--surface) 76%,transparent)}:root[data-ui-tab-style=segment] .settings-tab.is-active{background:var(--surface);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 20%,var(--surface-border));box-shadow:var(--shadow-soft)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.95fr);gap:18px;align-items:start}.settings-editor-panel{position:sticky;top:24px}.readonly-field{min-height:48px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-primary);padding:12px 14px;display:flex;align-items:center}.dense-stack{gap:14px}.dense-stack>.filters-grid,.dense-stack>.form-grid{margin-bottom:0}.dense-stack>.filters-grid+.table-wrap,.dense-stack>.form-grid+.table-wrap{margin-top:6px}.filters-grid,.form-grid{display:grid;gap:14px}.filters-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.8fr);margin-bottom:18px}.stores-filters-grid{align-items:end}.stores-summary-filters-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.users-summary-filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.users-editor-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-by-day-filters-grid{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr))}.stores-view-tabs{margin:0 0 16px}.stores-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.attendance-schedule-layout{grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr)}.attendance-schedule-sidebar,.attendance-schedule-editor{min-width:0}.attendance-schedule-month-note{margin-top:-2px;color:var(--text-secondary);font-weight:600;text-transform:capitalize}.attendance-schedule-user-list{display:grid;gap:10px;max-height:68vh;overflow-y:auto;padding-right:4px}.attendance-schedule-user-card{width:100%;border:1px solid var(--surface-border);border-radius:18px;background:var(--surface-elevated);color:var(--text-primary);padding:14px 16px;text-align:left;display:grid;gap:6px;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard)}.attendance-schedule-user-card:hover{transform:translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-hover-scale));border-color:#0d52572e;box-shadow:0 10px 24px #1118270f}.attendance-schedule-user-card.is-active{background:var(--surface-accent-info);border-color:color-mix(in srgb,var(--brand) 22%,var(--surface-border))}.attendance-schedule-user-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attendance-schedule-user-metrics{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:2px;font-size:12px;color:var(--text-secondary)}.attendance-schedule-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.attendance-schedule-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.attendance-schedule-days{display:grid;gap:12px}.attendance-schedule-day-card{border:1px solid var(--surface-border);border-radius:20px;padding:16px;background:var(--surface-elevated);display:grid;gap:14px}.attendance-schedule-day-card.is-locked{background:var(--surface-overlay)}.attendance-schedule-day-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.attendance-schedule-day-date{font-size:18px;font-weight:700;text-transform:capitalize}.attendance-schedule-day-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) minmax(0,1fr);gap:12px;align-items:start}.attendance-schedule-comment-field{min-width:0}.attendance-schedule-comment-readonly{min-height:48px;align-items:flex-start;white-space:pre-wrap}.attendance-schedule-save-row{display:flex;justify-content:flex-end}.attendance-board-editor{min-width:0;gap:8px}.attendance-board-filters-grid{grid-template-columns:minmax(220px,280px) minmax(280px,1fr)}.attendance-board-month-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}.attendance-board-month-picker{min-width:0}.attendance-board-month-step-button{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-elevated);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.attendance-board-month-step-icon{width:18px;height:18px;display:block;flex:0 0 auto}.attendance-board-month-step-button:hover{transform:translateY(calc(var(--motion-lift) * -1));border-color:color-mix(in srgb,var(--brand) 24%,var(--surface-border));color:var(--brand)}.attendance-board-month-note{margin-top:-4px;color:var(--text-secondary);font-weight:600;text-transform:capitalize}.attendance-board-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.attendance-board-actions{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto}.attendance-board-legend{display:flex;flex-wrap:nowrap;align-items:center;gap:12px 18px;color:var(--text-secondary);font-size:13px}.attendance-board-legend-item{display:inline-flex;align-items:center;gap:8px}.save-status-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap}.save-status-indicator.is-dirty{border-color:color-mix(in srgb,var(--warning, #b7791f) 24%,var(--surface-border));background:color-mix(in srgb,var(--warning, #b7791f) 12%,var(--surface-elevated));color:color-mix(in srgb,var(--warning, #b7791f) 76%,var(--text-primary))}.save-status-indicator.is-topbar{min-height:30px;padding:0 10px;font-size:11px;letter-spacing:.01em;max-width:100%}.save-status-indicator.is-hidden{visibility:hidden;pointer-events:none}.attendance-board-table-wrap{overflow-x:auto;padding-bottom:4px}.attendance-board-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0 10px}.attendance-board-table thead th{position:sticky;top:0;z-index:1;background:var(--table-head-background);color:var(--table-head-text);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:12px 8px;text-align:center;border-bottom:0}.attendance-board-table thead th.is-sticky{left:0;z-index:3;text-align:left;min-width:220px}.attendance-board-day-head.is-locked{color:var(--table-head-locked-text)}.attendance-board-day-head small{display:block;margin-top:4px;font-size:10px;letter-spacing:0;text-transform:none}.attendance-board-table tbody td{border-top:1px solid var(--board-row-border);border-bottom:1px solid var(--board-row-border);background:var(--surface-elevated);padding:14px 8px;text-align:center}.attendance-board-table tbody td:first-child{border-left:1px solid var(--board-row-border);border-top-left-radius:16px;border-bottom-left-radius:16px}.attendance-board-table tbody td:last-child{border-right:1px solid var(--board-row-border);border-top-right-radius:16px;border-bottom-right-radius:16px}.attendance-board-sticky-cell{position:sticky;left:0;z-index:2;min-width:220px;text-align:left!important;background:var(--surface-elevated)}.attendance-board-cell{width:38px;height:38px;padding:0;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-elevated);color:var(--text-secondary);font-weight:700;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}.attendance-board-cell:hover{transform:translateY(-1px)}.attendance-board-cell.is-work{background:var(--brand-soft);border-color:#0d52572e;color:var(--brand)}.attendance-board-cell.is-off{background:var(--board-off-background);border-color:color-mix(in srgb,var(--board-off-text) 22%,var(--surface-border));color:var(--board-off-text)}.attendance-board-cell.is-empty{background:var(--board-empty-background);color:var(--board-empty-text)}.attendance-board-cell.is-locked{opacity:.6;cursor:default}.attendance-store-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.attendance-board-save-note{display:flex;justify-content:flex-end}.attendance-store-overview-card{width:100%;border:1px solid var(--surface-border);border-radius:20px;background:var(--surface-elevated);color:var(--text-primary);padding:16px;display:grid;gap:14px;text-align:left;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard)}.attendance-store-overview-card:hover{transform:translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-hover-scale));border-color:color-mix(in srgb,var(--brand) 18%,var(--surface-border));box-shadow:0 10px 24px #1118270f}.attendance-store-overview-card.is-active{background:var(--surface-accent-info);border-color:color-mix(in srgb,var(--brand) 26%,var(--surface-border))}.attendance-store-overview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attendance-store-overview-title{font-size:16px;font-weight:800;line-height:1.2}.attendance-store-overview-meta{margin-top:4px;color:var(--text-secondary);font-size:12px;font-weight:600}.attendance-store-overview-state{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--surface-muted);color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap}.attendance-store-overview-state.is-covered{background:var(--brand-soft);color:var(--brand)}.attendance-mini-calendar{display:grid;gap:8px}.attendance-mini-calendar-weekdays,.attendance-mini-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.attendance-mini-calendar-weekday{color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center}.attendance-mini-calendar-empty{min-height:54px}.attendance-mini-calendar-day{min-height:54px;border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-muted);padding:7px 6px 6px;display:grid;align-content:start;gap:6px}.attendance-mini-calendar-day.is-filled{background:color-mix(in srgb,var(--brand-soft) 58%,var(--surface-elevated));border-color:color-mix(in srgb,var(--brand) 16%,var(--surface-border))}.attendance-mini-calendar-day.is-empty{color:color-mix(in srgb,var(--danger, #dc2626) 62%,var(--text-primary));background:color-mix(in srgb,var(--danger, #dc2626) 11%,var(--surface-elevated));border-color:color-mix(in srgb,var(--danger, #dc2626) 30%,var(--surface-border));box-shadow:inset 0 2px color-mix(in srgb,var(--danger, #dc2626) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--danger, #dc2626) 8%,transparent)}.attendance-mini-calendar-day.is-off{background:color-mix(in srgb,var(--warning, #b7791f) 11%,var(--surface-elevated));border-color:color-mix(in srgb,var(--warning, #b7791f) 28%,var(--surface-border));box-shadow:inset 0 2px color-mix(in srgb,var(--warning, #b7791f) 24%,transparent)}.attendance-mini-calendar-day.is-single{background:color-mix(in srgb,var(--info, #2563eb) 11%,var(--surface-elevated));border-color:color-mix(in srgb,var(--info, #2563eb) 28%,var(--surface-border));box-shadow:inset 0 2px color-mix(in srgb,var(--info, #2563eb) 24%,transparent)}.attendance-mini-calendar-day.is-multi{background:color-mix(in srgb,var(--success, #3c8c53) 14%,var(--surface-elevated));border-color:color-mix(in srgb,var(--success, #3c8c53) 34%,var(--surface-border));box-shadow:inset 0 2px color-mix(in srgb,var(--success, #3c8c53) 28%,transparent)}.attendance-mini-calendar-day.is-today{border-color:color-mix(in srgb,var(--brand) 28%,var(--surface-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 20%,transparent)}.attendance-mini-calendar-day.is-locked{opacity:.74}.attendance-mini-calendar-day-number{font-size:11px;font-weight:700;line-height:1;color:var(--text-secondary)}.attendance-mini-calendar-day.is-empty .attendance-mini-calendar-day-number{color:color-mix(in srgb,var(--danger, #dc2626) 62%,var(--text-primary))}.attendance-mini-calendar-day.is-off .attendance-mini-calendar-day-number{color:color-mix(in srgb,var(--warning, #b7791f) 74%,var(--text-primary))}.attendance-mini-calendar-day-mark{display:grid;gap:2px;align-content:flex-start}.attendance-mini-calendar-day-name,.attendance-mini-calendar-day-off,.attendance-mini-calendar-day-more,.attendance-mini-calendar-day-dash{display:inline-flex;align-items:center;justify-content:flex-start;min-height:16px;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-mini-calendar-day-name{color:var(--text-primary)}.attendance-mini-calendar-day-more,.attendance-mini-calendar-day-dash{color:var(--text-secondary)}.attendance-mini-calendar-day.is-empty .attendance-mini-calendar-day-dash{color:color-mix(in srgb,var(--danger, #dc2626) 72%,var(--text-primary))}.attendance-mini-calendar-day-off{color:color-mix(in srgb,var(--warning, #b7791f) 82%,var(--text-primary))}.attendance-mini-calendar-day.is-single .attendance-mini-calendar-day-name{color:color-mix(in srgb,var(--info, #2563eb) 82%,var(--text-primary))}.attendance-mini-calendar-day.is-multi .attendance-mini-calendar-day-name{color:color-mix(in srgb,var(--success, #3c8c53) 82%,var(--text-primary))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>.field.is-full-width{grid-column:1 / -1}.store-form-grid .field.is-full-width{grid-column:1 / -1}.compact-field{gap:6px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-card{display:flex;align-items:start;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-primary)}.checkbox-card input{margin-top:3px}.store-summary-card{display:grid;gap:4px;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-muted)}.store-summary-card strong{font-size:20px}.store-summary-label{color:var(--text-secondary);font-size:13px;font-weight:600}.store-editor-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.store-editor-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.store-enabled-toggle label{display:grid;gap:6px}.store-editor-actions{display:flex;justify-content:flex-end}.store-summary-table td{vertical-align:top}.store-summary-table{width:100%;min-width:0;table-layout:fixed}.store-summary-table th:nth-child(1),.store-summary-table td:nth-child(1){width:17%}.store-summary-table th:nth-child(2),.store-summary-table td:nth-child(2){width:18%}.store-summary-table th:nth-child(3),.store-summary-table td:nth-child(3){width:14%}.store-summary-table th:nth-child(4),.store-summary-table td:nth-child(4){width:15%}.store-summary-table th:nth-child(5),.store-summary-table td:nth-child(5){width:14%}.store-summary-table th:nth-child(6),.store-summary-table td:nth-child(6){width:14%}.store-summary-table th:nth-child(7),.store-summary-table td:nth-child(7){width:8%}.store-summary-table thead th{white-space:normal;line-height:1.25;padding:12px;overflow-wrap:break-word;word-break:normal}.store-summary-table tbody td{padding:12px}.store-summary-value{margin-top:4px;font-size:14px;line-height:1.35;color:var(--text-primary);font-weight:600}.store-summary-lines{display:grid;gap:6px;justify-items:start}.store-summary-table .table-primary,.store-summary-table .store-summary-value,.store-summary-table .store-summary-lines,.store-summary-table .table-wrap{overflow-wrap:break-word;word-break:normal}.store-editor-list-table td{vertical-align:top}.store-editor-list-table{table-layout:fixed;width:100%}.store-editor-list-cell .store-summary-lines{min-height:100%}.user-editor-badges{display:flex;justify-content:flex-end;max-width:320px}.role-editor-badges{justify-content:flex-end}.users-editor-panel .table-toolbar{align-items:flex-start}.users-summary-table th:nth-child(1),.users-summary-table td:nth-child(1){width:16%}.users-summary-table th:nth-child(2),.users-summary-table td:nth-child(2){width:13%}.users-summary-table th:nth-child(3),.users-summary-table td:nth-child(3){width:14%}.users-summary-table th:nth-child(4),.users-summary-table td:nth-child(4){width:22%}.users-summary-table th:nth-child(5),.users-summary-table td:nth-child(5){width:11%}.users-summary-table th:nth-child(6),.users-summary-table td:nth-child(6){width:13%}.users-summary-table th:nth-child(7),.users-summary-table td:nth-child(7){width:11%}.users-summary-table{width:100%;min-width:0;table-layout:fixed}.users-summary-table thead th{white-space:normal;line-height:1.25;padding:12px;overflow-wrap:break-word;word-break:normal}.users-summary-table tbody td{padding:12px}.users-summary-table .table-primary,.users-summary-table .store-summary-value,.users-summary-table .store-summary-lines,.users-summary-table .table-wrap{overflow-wrap:break-word;word-break:normal}.users-summary-table .secondary-button{width:100%}.security-onboarding-table th:nth-child(1),.security-onboarding-table td:nth-child(1){width:18%}.security-onboarding-table th:nth-child(2),.security-onboarding-table td:nth-child(2){width:12%}.security-onboarding-table th:nth-child(3),.security-onboarding-table td:nth-child(3){width:20%}.security-onboarding-table th:nth-child(4),.security-onboarding-table td:nth-child(4){width:22%}.security-onboarding-table th:nth-child(5),.security-onboarding-table td:nth-child(5){width:10%}.security-onboarding-table th:nth-child(6),.security-onboarding-table td:nth-child(6){width:18%}.security-delivery-table th:nth-child(1),.security-delivery-table td:nth-child(1){width:12%}.security-delivery-table th:nth-child(2),.security-delivery-table td:nth-child(2){width:16%}.security-delivery-table th:nth-child(3),.security-delivery-table td:nth-child(3){width:18%}.security-delivery-table th:nth-child(4),.security-delivery-table td:nth-child(4){width:20%}.security-delivery-table th:nth-child(5),.security-delivery-table td:nth-child(5){width:18%}.security-delivery-table th:nth-child(6),.security-delivery-table td:nth-child(6){width:16%}.security-sessions-table th:nth-child(1),.security-sessions-table td:nth-child(1){width:15%}.security-sessions-table th:nth-child(2),.security-sessions-table td:nth-child(2){width:11%}.security-sessions-table th:nth-child(3),.security-sessions-table td:nth-child(3){width:22%}.security-sessions-table th:nth-child(4),.security-sessions-table td:nth-child(4){width:14%}.security-sessions-table th:nth-child(5),.security-sessions-table td:nth-child(5){width:10%}.security-sessions-table th:nth-child(6),.security-sessions-table td:nth-child(6){width:10%}.security-sessions-table th:nth-child(7),.security-sessions-table td:nth-child(7){width:18%}.security-audit-table th:nth-child(1),.security-audit-table td:nth-child(1){width:13%}.security-audit-table th:nth-child(2),.security-audit-table td:nth-child(2){width:15%}.security-audit-table th:nth-child(3),.security-audit-table td:nth-child(3){width:23%}.security-audit-table th:nth-child(4),.security-audit-table td:nth-child(4){width:17%}.security-audit-table th:nth-child(5),.security-audit-table td:nth-child(5){width:32%}.security-critical-users-table th:nth-child(1),.security-critical-users-table td:nth-child(1){width:22%}.security-critical-users-table th:nth-child(2),.security-critical-users-table td:nth-child(2){width:22%}.security-critical-users-table th:nth-child(3),.security-critical-users-table td:nth-child(3){width:10%}.security-critical-users-table th:nth-child(4),.security-critical-users-table td:nth-child(4){width:12%}.security-critical-users-table th:nth-child(5),.security-critical-users-table td:nth-child(5){width:14%}.security-critical-users-table th:nth-child(6),.security-critical-users-table td:nth-child(6){width:20%}.security-critical-roles-table th:nth-child(1),.security-critical-roles-table td:nth-child(1){width:26%}.security-critical-roles-table th:nth-child(2),.security-critical-roles-table td:nth-child(2){width:10%}.security-critical-roles-table th:nth-child(3),.security-critical-roles-table td:nth-child(3){width:12%}.security-critical-roles-table th:nth-child(4),.security-critical-roles-table td:nth-child(4){width:10%}.security-critical-roles-table th:nth-child(5),.security-critical-roles-table td:nth-child(5){width:16%}.security-critical-roles-table th:nth-child(6),.security-critical-roles-table td:nth-child(6){width:26%}.attendance-by-day-table th:nth-child(1),.attendance-by-day-table td:nth-child(1){width:10%}.attendance-by-day-table th:nth-child(2),.attendance-by-day-table td:nth-child(2){width:10%}.attendance-by-day-table th:nth-child(3),.attendance-by-day-table td:nth-child(3){width:18%}.attendance-by-day-table th:nth-child(4),.attendance-by-day-table td:nth-child(4){width:14%}.attendance-by-day-table th:nth-child(5),.attendance-by-day-table td:nth-child(5){width:14%}.attendance-by-day-table th:nth-child(6),.attendance-by-day-table td:nth-child(6){width:12%}.attendance-by-day-table th:nth-child(7),.attendance-by-day-table td:nth-child(7){width:10%}.attendance-by-day-table th:nth-child(8),.attendance-by-day-table td:nth-child(8){width:18%}.users-registry-table th:nth-child(1),.users-registry-table td:nth-child(1){width:23%}.users-registry-table th:nth-child(2),.users-registry-table td:nth-child(2){width:12%}.users-registry-table th:nth-child(3),.users-registry-table td:nth-child(3){width:12%}.users-registry-table th:nth-child(4),.users-registry-table td:nth-child(4){width:13%}.users-registry-table th:nth-child(5),.users-registry-table td:nth-child(5){width:20%}.users-registry-table th:nth-child(6),.users-registry-table td:nth-child(6){width:20%}.store-address-cell{max-width:320px;white-space:normal}.credential-box{display:grid;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface-muted)}.credential-box.is-highlighted{background:var(--surface-accent-info);border-color:color-mix(in srgb,var(--brand) 18%,var(--surface-border))}.credential-title{font-size:16px;font-weight:700;margin-bottom:4px}.password-inline-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.password-inline-row input{width:100%}.action-row,.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.integration-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.integration-payload{min-height:260px;font-family:SFMono-Regular,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.integrations-page .table-toolbar{align-items:flex-start;gap:16px}.integrations-page .table-toolbar-group{min-width:0}.integrations-page .integration-actions{margin-left:auto;align-self:flex-start;justify-content:flex-end}.integrations-page .integration-actions .primary-button,.integrations-page .integration-actions .secondary-button{white-space:nowrap}.integrations-page .form-grid{align-items:start}.integrations-page .form-grid>.field.is-full-width{grid-column:1 / -1}.integrations-page .credential-box{height:100%}.integrations-page .checkbox-grid{gap:14px}.integrations-page .checkbox-card{min-height:110px;padding:16px 18px}.integrations-page .checkbox-card>div{display:grid;gap:6px;min-width:0}.integration-accordion-section{gap:0}.integration-accordion-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-accordion-trigger{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.integration-accordion-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-elevated);color:var(--brand-strong);font-size:24px;font-weight:500;line-height:1;flex-shrink:0}.integration-accordion-icon-glyph{display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:400;line-height:1;transform:translateY(-1px)}.integration-accordion-copy{min-width:0;display:grid;gap:2px}.integration-accordion-title{font-size:26px;font-weight:800;line-height:1.12;color:var(--text-primary)}.integrations-page .integration-accordion-title{font-size:22px}.integration-accordion-status{flex-shrink:0;margin-left:auto}.integration-accordion-body{gap:18px;margin-top:18px}.integration-accordion-trigger:hover .integration-accordion-icon,.integration-accordion-trigger:focus-visible .integration-accordion-icon{border-color:color-mix(in srgb,var(--brand) 40%,var(--surface-border));background:color-mix(in srgb,var(--brand) 12%,var(--surface-elevated))}.integration-note-card{display:grid;gap:10px;padding:18px;border-radius:18px;border:1px solid var(--surface-border);background:var(--surface-accent-info)}.integration-note-title{font-size:16px;font-weight:700;color:var(--text-primary)}.integration-note-text{color:var(--text-secondary);line-height:1.55}.integration-attribute-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.integration-attribute-card{display:grid;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface-elevated)}.integration-attribute-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.integration-attribute-meta{display:flex;gap:8px;flex-wrap:wrap}.integration-attribute-sample{color:var(--text-primary);font-size:14px}.action-cluster{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:16px 0}.subsection-divider{height:1px;background:var(--surface-border)}.credential-lines{display:grid;gap:8px;color:var(--text-primary)}.permission-section,.permission-summary{display:grid;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface-muted)}.permission-section.is-success{background:var(--surface-accent-success)}.permission-section.is-danger{background:var(--surface-accent-danger)}.permission-section-header{display:grid;gap:4px}.permission-groups{display:grid;gap:14px}.permission-group{border:1px solid var(--surface-border);border-radius:14px;background:var(--surface-elevated);overflow:hidden}.permission-group-title{padding:12px 14px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 74%,var(--surface));border-bottom:1px solid var(--surface-border)}.permission-group-body{display:grid}.permission-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-bottom:1px solid var(--surface-border)}.permission-row:last-child{border-bottom:none}.permission-row input{margin-top:3px}.permission-row-copy{display:grid;gap:4px}.permission-row-description{color:var(--text-secondary);font-size:13px;line-height:1.45}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.inline-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:var(--surface-accent-info);color:var(--brand);font-size:12px;font-weight:700}.inline-chip.is-muted{margin-left:8px;background:var(--surface-overlay);color:var(--text-secondary)}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-grid+.table-shell,.summary-grid+.filters-grid,.summary-grid+.stack,.summary-grid+.success-banner,.summary-grid+.error-banner,.summary-grid+.table-count{margin-top:18px}.settings-section-panel .error-banner+.table-shell,.settings-section-panel .success-banner+.table-shell,.settings-section-panel .error-banner+.filters-grid,.settings-section-panel .success-banner+.filters-grid{margin-top:18px}.summary-item{padding:14px;border-radius:12px;border:1px solid var(--surface-border);background:var(--surface-elevated)}@media(max-width:1440px){.shell{--shell-sidebar-width: 220px}:root[data-ui-sidebar-width=narrow] .shell{--shell-sidebar-width: 196px}:root[data-ui-sidebar-width=wide] .shell{--shell-sidebar-width: 248px}:root[data-ui-sidebar-mode=compact] .shell{--shell-sidebar-width: 176px}:root[data-ui-sidebar-mode=compact][data-ui-sidebar-width=narrow] .shell{--shell-sidebar-width: 156px}:root[data-ui-sidebar-mode=compact][data-ui-sidebar-width=wide] .shell{--shell-sidebar-width: 196px}.sidebar{gap:20px;padding:16px 14px 18px}.brand-wrap{padding:10px 8px 12px}.brand{font-size:20px}.nav-link{min-height:40px;padding:9px 10px 9px 14px;font-size:15px}.nav-link:before{margin-right:10px}.user-card{padding:14px}.topbar{gap:16px;padding:0 22px}.topbar-user{flex:0 1 380px;min-width:0;max-width:min(420px,44vw)}.content-body{padding:16px 22px 24px}.panel,.stat-card{padding:18px}.users-summary-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-editor-filters-grid{grid-template-columns:1fr 1fr}.attendance-by-day-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-section-panel .table-toolbar,.settings-editor-panel .table-toolbar,.users-settings-panel .table-toolbar,.users-editor-panel .table-toolbar{flex-wrap:wrap}.settings-section-panel .table-toolbar-group,.settings-editor-panel .table-toolbar-group,.users-settings-panel .table-toolbar-group,.users-editor-panel .table-toolbar-group{min-width:0;flex:1 1 420px}.settings-section-panel .primary-button,.settings-section-panel .store-editor-badges,.settings-editor-panel .store-editor-badges,.users-settings-panel .primary-button,.users-editor-panel .store-editor-badges{flex:0 0 auto}.users-settings-panel .stores-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.users-summary-table{min-width:0}}@media(max-width:1360px){.topbar{padding:0 18px}.topbar-account{flex:0 0 auto;max-width:min(340px,38vw)}.topbar-user{padding:8px 10px}.attendance-store-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-user .topbar-subtitle{display:none}.page-header{flex-wrap:wrap}.topbar-subtitle{max-width:540px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-grid,.settings-layout,.attendance-schedule-layout,.attendance-board-layout{grid-template-columns:1fr}.settings-editor-panel{position:static}.stores-summary-cards,.stores-summary-filters-grid,.users-summary-filters-grid,.appearance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-motion-row{grid-column:span 2}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-by-day-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-settings-panel .stores-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.users-summary-table{min-width:0}.users-settings-panel .primary-button{white-space:nowrap}.users-editor-panel .form-grid,.users-editor-panel .checkbox-grid{grid-template-columns:1fr}.users-editor-panel .form-grid>.field.is-full-width,.users-editor-panel .store-form-grid .field.is-full-width{grid-column:span 1}.user-editor-badges{max-width:none;width:100%;justify-content:flex-start}.attendance-actions{width:auto;justify-content:flex-end}.modal-overlay{padding:16px}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.file-picker-shell{grid-template-columns:1fr}.file-picker-button{min-height:56px;border-right:none;border-bottom:1px solid var(--surface-border)}.file-picker-name{min-height:56px}.attendance-schedule-header,.attendance-schedule-day-head{flex-direction:column;align-items:flex-start}.attendance-schedule-actions{width:100%;justify-content:flex-start}.attendance-store-overview-head{flex-direction:column;align-items:flex-start}.attendance-schedule-day-grid,.attendance-store-overview-grid,.appearance-reorder-grid{grid-template-columns:1fr}}@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.topbar{padding:0 18px}.stats-grid,.two-column-grid,.settings-layout{grid-template-columns:1fr 1fr}.attendance-schedule-layout,.attendance-board-layout{grid-template-columns:1fr}.stores-summary-cards,.stores-summary-filters-grid,.users-summary-filters-grid,.appearance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-editor-filters-grid{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr}.attendance-board-toolbar{flex-direction:column;align-items:flex-start}.attendance-board-actions{width:100%;justify-content:flex-start}.appearance-reorder-grid{grid-template-columns:1fr}.settings-editor-panel{position:static}}@media(max-width:820px){.content-body,.sidebar,.login-shell{padding:16px}.topbar{min-height:auto;padding:16px;align-items:start;flex-direction:column}.topbar-group,.topbar-account,.topbar-user,.page-header,.table-toolbar{width:100%}.account-dropdown{position:static;width:100%;margin-top:12px}.account-profile-grid{grid-template-columns:1fr}.page-header,.table-toolbar{flex-direction:column;align-items:start}.stats-grid,.two-column-grid,.settings-layout,.filters-grid,.form-grid,.appearance-motion-row,.checkbox-grid,.password-inline-row,.summary-grid,.stores-summary-cards,.stores-summary-filters-grid,.users-summary-filters-grid,.users-editor-filters-grid,.attendance-by-day-filters-grid{grid-template-columns:1fr}.appearance-toolbar-actions{width:100%;justify-content:flex-start}.appearance-order-item{flex-direction:column;align-items:stretch}.appearance-order-actions{justify-content:flex-end}.users-settings-panel .stores-summary-cards{grid-template-columns:1fr}.attendance-schedule-save-row{justify-content:stretch}.attendance-schedule-save-row .primary-button,.attendance-board-actions,.attendance-board-actions .primary-button,.attendance-board-actions .secondary-button{width:100%}.action-cluster{flex-direction:column}.page-title{font-size:32px}}