:root{--glass-bg: rgba(255, 255, 255, .76);--glass-bg-elevated: rgba(255, 255, 255, .88);--glass-bg-subtle: rgba(255, 255, 255, .58);--glass-bg-solid-fallback: #f8fafc;--sidebar-bg: rgba(255, 255, 255, .78);--sidebar-border: rgba(255, 255, 255, .68);--header-bg: rgba(255, 255, 255, .76);--header-border: rgba(255, 255, 255, .68);--card-bg: rgba(255, 255, 255, .86);--card-border: rgba(255, 255, 255, .65);--modal-bg: rgba(255, 255, 255, .96);--popover-bg: rgba(255, 255, 255, .96);--popover-border: rgba(148, 163, 184, .32);--glass-border: rgba(255, 255, 255, .65);--glass-border-subtle: rgba(148, 163, 184, .25);--glass-blur: 18px;--glass-card-blur: 12px;--glass-saturate: 160%;--glass-radius: 20px;--glass-radius-sm: 12px;--glass-radius-lg: 24px;--shadow-glass: 0 10px 30px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-glass-lg: 0 20px 45px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .06);--shadow-popover: 0 18px 42px rgba(15, 23, 42, .16), 0 4px 12px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .35);--app-text: #0f172a;--app-text-secondary: #334155;--app-text-muted: #475569;--app-text-inverse: #ffffff;--app-accent: #1d4ed8;--app-accent-hover: #1e40af;--app-accent-soft: rgba(37, 99, 235, .12);--app-emerald: #047857;--app-emerald-soft: rgba(5, 150, 105, .13);--surface-hover: rgba(37, 99, 235, .08);--surface-active: rgba(37, 99, 235, .15);--status-success: #047857;--status-success-bg: rgba(16, 185, 129, .14);--status-warning: #b45309;--status-warning-bg: rgba(245, 158, 11, .16);--status-danger: #b91c1c;--status-danger-bg: rgba(239, 68, 68, .14);--status-info: #1d4ed8;--status-info-bg: rgba(59, 130, 246, .14);--input-bg: rgba(255, 255, 255, .94);--input-border: rgba(100, 116, 139, .38);--input-border-hover: rgba(51, 65, 85, .58);--input-text: #0f172a;--input-placeholder: #64748b;--table-bg: rgba(255, 255, 255, .72);--table-header-bg: rgba(241, 245, 249, .88);--table-row-hover: rgba(37, 99, 235, .07);--table-border: rgba(148, 163, 184, .25);--canvas-bg: radial-gradient(circle at 12% 15%, rgba(16, 185, 129, .16), transparent 42%), radial-gradient(circle at 88% 12%, rgba(37, 99, 235, .18), transparent 45%), radial-gradient(circle at 50% 88%, rgba(14, 165, 233, .14), transparent 50%), linear-gradient(135deg, #eef2ff 0%, #f0fdf4 52%, #f8fafc 100%);--canvas-base: #f1f5f9;--sidebar-width: 272px;--sidebar-collapsed-width: 84px;--header-height: 70px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .16s cubic-bezier(.22, 1, .36, 1);--transition-normal: .24s cubic-bezier(.22, 1, .36, 1)}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--glass-bg: rgba(15, 23, 42, .76);--glass-bg-elevated: rgba(30, 41, 59, .88);--glass-bg-subtle: rgba(15, 23, 42, .58);--glass-bg-solid-fallback: #0f172a;--sidebar-bg: rgba(15, 23, 42, .78);--sidebar-border: rgba(148, 163, 184, .22);--header-bg: rgba(15, 23, 42, .76);--header-border: rgba(148, 163, 184, .22);--card-bg: rgba(30, 41, 59, .86);--card-border: rgba(148, 163, 184, .22);--modal-bg: rgba(15, 23, 42, .96);--popover-bg: rgba(15, 23, 42, .96);--popover-border: rgba(148, 163, 184, .28);--glass-border: rgba(148, 163, 184, .22);--glass-border-subtle: rgba(148, 163, 184, .16);--shadow-glass: 0 14px 34px rgba(2, 6, 23, .45), 0 2px 8px rgba(2, 6, 23, .32);--shadow-glass-lg: 0 24px 54px rgba(2, 6, 23, .65), 0 4px 14px rgba(2, 6, 23, .42);--shadow-popover: 0 22px 48px rgba(2, 6, 23, .72), 0 4px 14px rgba(2, 6, 23, .48);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .45);--app-text: #f8fafc;--app-text-secondary: #e2e8f0;--app-text-muted: #94a3b8;--app-text-inverse: #0f172a;--app-accent: #3b82f6;--app-accent-hover: #60a5fa;--app-accent-soft: rgba(59, 130, 246, .22);--app-emerald: #34d399;--app-emerald-soft: rgba(16, 185, 129, .22);--surface-hover: rgba(59, 130, 246, .16);--surface-active: rgba(59, 130, 246, .26);--status-success: #34d399;--status-success-bg: rgba(16, 185, 129, .2);--status-warning: #fbbf24;--status-warning-bg: rgba(245, 158, 11, .2);--status-danger: #f87171;--status-danger-bg: rgba(239, 68, 68, .22);--status-info: #60a5fa;--status-info-bg: rgba(59, 130, 246, .22);--input-bg: rgba(15, 23, 42, .9);--input-border: rgba(148, 163, 184, .34);--input-border-hover: rgba(203, 213, 225, .55);--input-text: #f8fafc;--input-placeholder: #94a3b8;--table-bg: rgba(15, 23, 42, .72);--table-header-bg: rgba(30, 41, 59, .88);--table-row-hover: rgba(59, 130, 246, .14);--table-border: rgba(148, 163, 184, .18);--canvas-bg: radial-gradient(circle at 14% 18%, rgba(16, 185, 129, .16), transparent 42%), radial-gradient(circle at 86% 14%, rgba(37, 99, 235, .22), transparent 46%), radial-gradient(circle at 50% 85%, rgba(30, 64, 175, .18), transparent 52%), linear-gradient(135deg, #020617 0%, #0f172a 55%, #091526 100%);--canvas-base: #020617}html[data-ui-style=liquid][data-theme=light],html[data-ui-style=liquid]:not([data-theme=dark]){--glass-bg: rgba(255, 255, 255, .52);--glass-bg-elevated: rgba(255, 255, 255, .64);--glass-bg-subtle: rgba(255, 255, 255, .38);--glass-bg-solid-fallback: #eef2ff;--sidebar-bg: rgba(255, 255, 255, .48);--sidebar-border: rgba(255, 255, 255, .82);--header-bg: rgba(255, 255, 255, .46);--header-border: rgba(255, 255, 255, .82);--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(255, 255, 255, .8);--modal-bg: rgba(255, 255, 255, .88);--popover-bg: rgba(255, 255, 255, .9);--popover-border: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .82);--glass-border-subtle: rgba(148, 163, 184, .28);--glass-blur: 24px;--glass-card-blur: 16px;--glass-saturate: 190%;--glass-radius: 22px;--glass-radius-sm: 14px;--glass-radius-lg: 26px;--shadow-glass: 0 14px 36px rgba(15, 23, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .75);--shadow-glass-lg: 0 24px 52px rgba(15, 23, 42, .15), inset 0 1px 0 rgba(255, 255, 255, .85);--input-bg: rgba(255, 255, 255, .84);--table-bg: rgba(255, 255, 255, .58);--table-header-bg: rgba(255, 255, 255, .72);--canvas-bg: radial-gradient(circle at 10% 15%, rgba(16, 185, 129, .28), transparent 44%), radial-gradient(circle at 88% 12%, rgba(59, 130, 246, .3), transparent 48%), radial-gradient(circle at 75% 82%, rgba(99, 102, 241, .22), transparent 50%), radial-gradient(circle at 22% 85%, rgba(14, 165, 233, .24), transparent 48%), linear-gradient(135deg, #e0e7ff 0%, #dcfce7 50%, #e0f2fe 100%);--canvas-base: #e2e8f0}html[data-ui-style=liquid][data-theme=dark]{--glass-bg: rgba(15, 23, 42, .5);--glass-bg-elevated: rgba(30, 41, 59, .58);--glass-bg-subtle: rgba(15, 23, 42, .38);--glass-bg-solid-fallback: #0b1120;--sidebar-bg: rgba(15, 23, 42, .46);--sidebar-border: rgba(148, 163, 184, .32);--header-bg: rgba(15, 23, 42, .44);--header-border: rgba(148, 163, 184, .32);--card-bg: rgba(30, 41, 59, .56);--card-border: rgba(148, 163, 184, .3);--modal-bg: rgba(15, 23, 42, .88);--popover-bg: rgba(15, 23, 42, .9);--popover-border: rgba(148, 163, 184, .36);--glass-border: rgba(148, 163, 184, .3);--glass-border-subtle: rgba(148, 163, 184, .2);--glass-blur: 24px;--glass-card-blur: 16px;--glass-saturate: 190%;--glass-radius: 22px;--glass-radius-sm: 14px;--glass-radius-lg: 26px;--shadow-glass: 0 16px 40px rgba(2, 6, 23, .52), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-glass-lg: 0 26px 58px rgba(2, 6, 23, .7), inset 0 1px 0 rgba(255, 255, 255, .16);--input-bg: rgba(15, 23, 42, .82);--table-bg: rgba(15, 23, 42, .56);--table-header-bg: rgba(30, 41, 59, .74);--canvas-bg: radial-gradient(circle at 12% 16%, rgba(16, 185, 129, .28), transparent 44%), radial-gradient(circle at 86% 14%, rgba(37, 99, 235, .34), transparent 48%), radial-gradient(circle at 72% 84%, rgba(79, 70, 229, .26), transparent 50%), radial-gradient(circle at 20% 82%, rgba(14, 165, 233, .22), transparent 46%), linear-gradient(135deg, #020617 0%, #0b192c 50%, #071324 100%);--canvas-base: #020617}html[data-ui-style=elegant][data-theme=light],html[data-ui-style=elegant]:not([data-theme=dark]){--glass-bg: rgba(255, 255, 255, .76);--glass-bg-elevated: rgba(255, 255, 255, .88);--glass-bg-subtle: rgba(255, 255, 255, .58);--glass-bg-solid-fallback: #f8fafc;--sidebar-bg: rgba(255, 255, 255, .78);--sidebar-border: rgba(255, 255, 255, .68);--header-bg: rgba(255, 255, 255, .76);--header-border: rgba(255, 255, 255, .68);--card-bg: rgba(255, 255, 255, .88);--card-border: rgba(255, 255, 255, .65);--modal-bg: rgba(255, 255, 255, .96);--popover-bg: rgba(255, 255, 255, .96);--popover-border: rgba(148, 163, 184, .32);--glass-blur: 18px;--glass-card-blur: 12px;--glass-saturate: 160%;--glass-radius: 20px;--glass-radius-sm: 12px;--glass-radius-lg: 24px;--input-bg: rgba(255, 255, 255, .94);--table-bg: rgba(255, 255, 255, .8);--table-header-bg: rgba(241, 245, 249, .92)}html[data-ui-style=elegant][data-theme=dark]{--glass-bg: rgba(15, 23, 42, .76);--glass-bg-elevated: rgba(30, 41, 59, .88);--glass-bg-subtle: rgba(15, 23, 42, .58);--glass-bg-solid-fallback: #0f172a;--sidebar-bg: rgba(15, 23, 42, .78);--sidebar-border: rgba(148, 163, 184, .22);--header-bg: rgba(15, 23, 42, .76);--header-border: rgba(148, 163, 184, .22);--card-bg: rgba(30, 41, 59, .88);--card-border: rgba(148, 163, 184, .22);--modal-bg: rgba(15, 23, 42, .96);--popover-bg: rgba(15, 23, 42, .96);--popover-border: rgba(148, 163, 184, .28);--glass-blur: 18px;--glass-card-blur: 12px;--glass-saturate: 160%;--glass-radius: 20px;--glass-radius-sm: 12px;--glass-radius-lg: 24px;--input-bg: rgba(15, 23, 42, .92);--table-bg: rgba(15, 23, 42, .8);--table-header-bg: rgba(30, 41, 59, .92)}html[data-ui-style=minimal][data-theme=light],html[data-ui-style=minimal]:not([data-theme=dark]){--glass-bg: #ffffff;--glass-bg-elevated: #ffffff;--glass-bg-subtle: #f8fafc;--glass-bg-solid-fallback: #ffffff;--sidebar-bg: #f8fafc;--sidebar-border: #e2e8f0;--header-bg: #ffffff;--header-border: #e2e8f0;--card-bg: #ffffff;--card-border: #e2e8f0;--modal-bg: #ffffff;--popover-bg: #ffffff;--popover-border: #cbd5e1;--glass-border: #e2e8f0;--glass-border-subtle: #e2e8f0;--glass-blur: 0px;--glass-card-blur: 0px;--glass-saturate: 100%;--glass-radius: 12px;--glass-radius-sm: 8px;--glass-radius-lg: 14px;--shadow-glass: 0 1px 3px rgba(15, 23, 42, .05);--shadow-glass-lg: 0 4px 12px rgba(15, 23, 42, .08);--shadow-popover: 0 10px 25px rgba(15, 23, 42, .12);--input-bg: #ffffff;--input-border: #cbd5e1;--input-border-hover: #94a3b8;--table-bg: #ffffff;--table-header-bg: #f1f5f9;--table-border: #e2e8f0;--canvas-bg: none;--canvas-base: #f1f5f9}html[data-ui-style=minimal][data-theme=dark]{--glass-bg: #111827;--glass-bg-elevated: #1e293b;--glass-bg-subtle: #0f172a;--glass-bg-solid-fallback: #111827;--sidebar-bg: #0f172a;--sidebar-border: #1e293b;--header-bg: #111827;--header-border: #1e293b;--card-bg: #1e293b;--card-border: #334155;--modal-bg: #1e293b;--popover-bg: #1e293b;--popover-border: #475569;--glass-border: #334155;--glass-border-subtle: #1e293b;--glass-blur: 0px;--glass-card-blur: 0px;--glass-saturate: 100%;--glass-radius: 12px;--glass-radius-sm: 8px;--glass-radius-lg: 14px;--shadow-glass: 0 1px 3px rgba(0, 0, 0, .35);--shadow-glass-lg: 0 4px 12px rgba(0, 0, 0, .45);--shadow-popover: 0 12px 28px rgba(0, 0, 0, .6);--input-bg: #0f172a;--input-border: #334155;--input-border-hover: #64748b;--table-bg: #1e293b;--table-header-bg: #0f172a;--table-border: #334155;--canvas-bg: none;--canvas-base: #090d16}html[data-ui-style=minimal] .glass-panel,html[data-ui-style=minimal] .glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-panel,.glass-card{background:var(--glass-bg-solid-fallback);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--shadow-glass);color:var(--app-text);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),border-radius var(--transition-fast)}@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))){.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.glass-card{background:var(--card-bg);border-color:var(--card-border);backdrop-filter:blur(var(--glass-card-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-card-blur)) saturate(var(--glass-saturate))}.app-sidebar.glass-panel{background:var(--sidebar-bg);border-color:var(--sidebar-border)}.app-header.glass-panel{background:var(--header-bg);border-color:var(--header-border)}}.glass-card--subtle{background:var(--glass-bg-subtle);border-color:var(--glass-border-subtle)}.glass-card--interactive{transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.glass-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass-lg)}.macos-dots{display:inline-flex;align-items:center;gap:7px}.macos-dot{width:11px;height:11px;border-radius:999px;display:inline-block}.macos-dot--red{background:#ff5f56}.macos-dot--yellow{background:#ffbd2e}.macos-dot--green{background:#27c93f}.sms-appearance-menu-wrapper{position:relative;display:inline-flex}.sms-appearance-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 24px));padding:12px;border-radius:var(--glass-radius);background:var(--popover-bg);border:1px solid var(--popover-border);box-shadow:var(--shadow-popover);color:var(--app-text);z-index:80;display:flex;flex-direction:column;gap:8px}@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))){html:not([data-ui-style=minimal]) .sms-appearance-popover{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}}.sms-appearance-popover__header{display:flex;align-items:center;gap:8px;padding:2px 6px;font-size:.9rem;font-weight:800;color:var(--app-text)}.sms-appearance-popover__divider{height:1px;background:var(--glass-border-subtle);margin:2px 0}.sms-appearance-popover__section{display:flex;flex-direction:column;gap:6px}.sms-appearance-popover__section-title{display:flex;align-items:center;gap:6px;padding:2px 6px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--app-text-muted)}.sms-appearance-options{display:flex;flex-direction:column;gap:4px}.sms-appearance-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sms-appearance-option{width:100%;display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--glass-radius-sm);border:1px solid transparent;background:transparent;color:var(--app-text);font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sms-appearance-option--mode{align-items:center;justify-content:center;padding:9px 10px}.sms-appearance-option:hover{background:var(--surface-hover)}.sms-appearance-option--active{background:var(--app-accent-soft);border-color:var(--app-accent)}.sms-appearance-radio-indicator{font-size:.95rem;line-height:1.2;color:var(--app-accent);flex-shrink:0}.sms-appearance-option__content{display:flex;flex-direction:column;gap:2px;min-width:0}.sms-appearance-option__label{font-size:.85rem;font-weight:700;color:var(--app-text)}.sms-appearance-option__desc{font-size:.74rem;color:var(--app-text-secondary);line-height:1.35}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);background-color:var(--canvas-base);background-image:var(--canvas-bg);background-attachment:fixed;color:var(--app-text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--app-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sms-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.9375rem;font-weight:600;border-radius:var(--glass-radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.sms-btn:disabled{opacity:.6;cursor:not-allowed}.sms-btn--primary{background:linear-gradient(135deg,var(--app-accent) 0%,var(--app-accent-hover) 100%);color:#fff;box-shadow:0 4px 12px #1d4ed840}.sms-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.sms-btn--secondary{background:var(--glass-bg-elevated);color:var(--app-text);border-color:var(--input-border)}.sms-btn--secondary:hover:not(:disabled){border-color:var(--input-border-hover);background:var(--app-accent-soft)}.sms-btn--danger{background:var(--status-danger);color:#fff}.sms-btn--ghost{background:transparent;color:var(--app-text-secondary);min-height:40px;padding:8px 12px}.sms-btn--ghost:hover:not(:disabled){background:var(--app-accent-soft);color:var(--app-accent)}.sms-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sms-label{font-size:.875rem;font-weight:600;color:var(--app-text);display:flex;align-items:center;gap:4px}.sms-required{color:var(--status-danger);font-weight:700}.sms-input,.sms-textarea,.sms-select{width:100%;min-height:44px;padding:10px 14px;font-size:.95rem;font-family:inherit;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--glass-radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sms-textarea{min-height:96px;resize:vertical}.sms-input::placeholder,.sms-textarea::placeholder{color:var(--input-placeholder)}.sms-input:hover:not(:disabled),.sms-textarea:hover:not(:disabled),.sms-select:hover:not(:disabled){border-color:var(--input-border-hover)}.sms-input:focus,.sms-textarea:focus,.sms-select:focus{outline:none;border-color:var(--app-accent);box-shadow:var(--shadow-focus)}.sms-input--error,.sms-textarea--error{border-color:var(--status-danger)}.sms-field-error{font-size:.8125rem;font-weight:500;color:var(--status-danger);margin-top:2px}.sms-field-hint{font-size:.8125rem;color:var(--app-text-muted)}.sms-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.775rem;font-weight:600}.sms-badge--success{background:var(--status-success-bg);color:var(--status-success)}.sms-badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}.sms-badge--danger{background:var(--status-danger-bg);color:var(--status-danger)}.sms-badge--info{background:var(--status-info-bg);color:var(--status-info)}.sms-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--glass-radius-sm);border:1px solid var(--table-border);background:var(--table-bg)}.sms-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.sms-table th{padding:12px 16px;font-weight:600;color:var(--app-text-secondary);background:var(--table-header-bg);border-bottom:1px solid var(--table-border);white-space:nowrap}.sms-table td{padding:12px 16px;border-bottom:1px solid var(--table-border);color:var(--app-text)}.sms-table tbody tr:hover{background:var(--table-row-hover)}.app-shell{display:flex;min-height:100vh;padding:16px;gap:18px;max-width:1600px;width:100%;margin:0 auto}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:16px;height:calc(100vh - 32px);padding:18px 14px;transition:width var(--transition-normal);z-index:30}.app-sidebar--collapsed{width:var(--sidebar-collapsed-width)}.app-main-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.app-header{min-height:var(--header-height);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:16px;z-index:25}.app-content{flex:1;display:flex;flex-direction:column;gap:20px;padding-bottom:28px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.auth-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px}.auth-container{width:100%;max-width:480px}.auth-container--wide{max-width:580px}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061785;z-index:50;display:flex}.mobile-drawer-panel{width:min(84vw,300px);height:100%;padding:20px 16px;display:flex;flex-direction:column;border-radius:0 var(--glass-radius) var(--glass-radius) 0}.mobile-only{display:none!important}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.app-shell{padding:10px;gap:12px}.app-sidebar{display:none}.mobile-only{display:inline-flex!important}.app-header{top:10px;padding:10px 14px}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}