@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/fonts/material-symbols-rounded.woff2)format("woff2")}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#2457f5;--primary-light:#3b6af7;--primary-dark:#1736a4;--primary-container:#eaf0ff;--on-primary:#fff;--secondary:#111827;--secondary-light:#26334a;--secondary-container:#e8ecf2;--on-secondary:#fff;--tertiary:#65a30d;--tertiary-container:#ecfccb;--brand-lime:#a3e635;--background:#f7f9fc;--surface:#fff;--surface-low:#f1f4f9;--surface-mid:#eaeff6;--surface-high:#e3e9f2;--surface-highest:#d8e0ec;--surface-card:#fff;--canvas:var(--background);--on-surface:#111827;--on-surface-variant:#344054;--on-surface-muted:#667085;--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.5rem, 1.3rem + .7vw, 2rem);--error:#941b1b;--error-container:#ffcdd2;--success:#1b5e20;--success-container:#c8e6c9;--warning:#853400;--warning-container:#ffe0b2;--info:#005887;--info-container:#b3e5fc;--outline:#dce3ee;--outline-strong:#a8b4c7;--border:var(--outline);--border-control:#7b879a;--focus:#2457f5;--chart-1:#2457f5;--chart-2:#111827;--chart-3:#65a30d;--chart-4:#e65100;--chart-grid:#dce3ee;--shadow-sm:0 1px 2px #1118270d, 0 4px 12px #1118270a;--shadow-md:0 8px 24px #11182714;--shadow-lg:0 14px 36px #1118271f;--shadow-xl:0 24px 64px #1118272e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--control-height:44px;--control-height-sm:36px;--tap-target-min:44px;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--ease-standard:ease;--transition:var(--duration-normal) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-standard);--sidebar-width:268px;--header-height:72px;--content-max:1600px;--content-readable:760px;--breakpoint-compact:700px;--breakpoint-tablet:768px;--breakpoint-laptop:1024px;--z-sidebar:100;--z-header:90;--z-overlay:500;--z-modal:510;--sidebar:#111827;--sidebar-muted:#b8c2d4;--primary-rgb:36, 87, 245;--primary-subtle:var(--primary-container);--on-secondary-container:#27364d;--outline-variant:#c7d0de;--border-light:var(--outline);--surface-variant:var(--surface-mid);--surface-2:var(--surface-low);--surface-3:var(--outline);--surface-sunken:var(--surface-low);--radius-2:var(--radius-md);--text-2:var(--on-surface-variant);--text-secondary:var(--on-surface-variant);--danger-color:var(--error);--success-color:var(--success)}.ui-page{gap:var(--space-6);min-width:0;display:grid}.ui-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);min-width:0;display:flex}.ui-page-heading{gap:var(--space-2);min-width:0;display:grid}.ui-page-eyebrow{color:var(--primary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800;line-height:1.2}.ui-page-title{font-size:var(--text-2xl);letter-spacing:-.025em;text-wrap:balance}.ui-page-description{color:var(--on-surface-variant);font-size:var(--text-sm);max-width:var(--content-readable);line-height:1.55}.ui-page-actions,.ui-section-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ui-section-title{font-size:var(--text-lg)}.ui-section-description{color:var(--on-surface-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.ui-filter-bar{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);align-items:end;gap:var(--space-4);padding:var(--space-4);flex-wrap:wrap;display:flex}.ui-filter-bar__fields{align-items:end;gap:var(--space-3);flex:640px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));min-width:0;display:grid}.ui-filter-bar__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.ui-kpi-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-2);min-width:0;padding:var(--space-5);display:grid}.ui-kpi-card__topline{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.ui-kpi-card__label{color:var(--on-surface-muted);font-size:var(--text-xs);letter-spacing:.035em;text-transform:uppercase;font-weight:750}.ui-kpi-card__icon{background:var(--primary-container);border-radius:var(--radius-sm);color:var(--primary);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.ui-kpi-card__value{color:var(--on-surface);font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.55rem,1.35rem + .65vw,2rem);font-weight:800;line-height:1.1}.ui-kpi-card__detail{color:var(--on-surface-muted);font-size:var(--text-xs)}.ui-data-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.ui-data-card__header{border-bottom:1px solid var(--outline);padding:var(--space-4) var(--space-5)}.ui-data-card__body{min-width:0}.ui-table-scroll{overscroll-behavior-inline:contain;min-width:0;overflow-x:auto}.ui-table-scroll .table{min-width:720px;margin:0}.ui-state-panel{color:var(--on-surface-variant);align-items:center;gap:var(--space-3);min-height:220px;padding:var(--space-8);text-align:center;justify-items:center;display:grid}.ui-state-panel--compact{min-height:0;padding:var(--space-6)}.ui-state-panel__icon{background:var(--surface-low);border-radius:var(--radius-full);color:var(--primary);justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.ui-state-panel__icon .material-symbols-rounded{font-size:28px}.ui-state-panel__title{font-size:var(--text-lg)}.ui-state-panel__description{color:var(--on-surface-muted);font-size:var(--text-sm);max-width:480px}.ui-loading{color:var(--on-surface-variant);align-items:center;gap:var(--space-3);min-height:220px;padding:var(--space-8);justify-content:center;display:flex}.ui-status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:var(--space-1);white-space:nowrap;border:1px solid #0000;min-height:28px;padding:5px 10px;font-weight:750;line-height:1.25;display:inline-flex}.ui-status-badge--success{background:var(--success-container);color:var(--success)}.ui-status-badge--warning{background:var(--warning-container);color:#8a3600}.ui-status-badge--error{background:var(--error-container);color:var(--error)}.ui-status-badge--info{background:var(--secondary-container);color:#0d4f99}.ui-status-badge--neutral{background:var(--surface-mid);color:var(--on-surface-variant)}@media (width<=700px){.ui-page{gap:var(--space-5)}.ui-page-header,.ui-section-header{flex-direction:column;align-items:stretch}.ui-page-actions,.ui-section-actions{width:100%}.ui-page-actions>.btn,.ui-section-actions>.btn{flex:auto}.ui-filter-bar{flex-direction:column;align-items:stretch}.ui-filter-bar__fields{flex-basis:auto;grid-template-columns:1fr;display:grid}.ui-filter-bar__actions>.btn{flex:1}}@media (prefers-reduced-motion:reduce){.ui-kpi-card,.ui-data-card{scroll-behavior:auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--background);color:var(--on-surface);min-width:320px;min-height:100vh;line-height:1.5}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 2px var(--surface)}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--on-surface);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--on-surface-variant)}a{color:var(--secondary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--secondary-light)}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.icon-lg{font-size:28px}.icon-xl{font-size:36px}.icon-sm{font-size:16px}.app-layout{background:var(--canvas);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.page-content{padding:var(--space-8);width:100%;max-width:var(--content-max);flex:1;margin:0 auto;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 40%, #2d5a1b 100%);z-index:100;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid #ffffff1a}.sidebar-logo h1,.sidebar-logo-title{color:#fff;font-size:1.3rem;font-family:var(--font-display);letter-spacing:-.5px;display:block}.sidebar-logo p{color:#fff9;font-size:.7rem;font-family:var(--font-body);margin-top:2px}.sidebar-user{padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);color:#fff;background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-info h4{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-info p{color:#fff9;margin-top:1px;font-size:.7rem}.sidebar-nav{padding:var(--space-3) 0;flex:1;overflow-y:auto}.sidebar-section-label{padding:var(--space-4) var(--space-5) var(--space-2);text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;font-size:.65rem;font-weight:700}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:#ffffffbf;transition:all var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link.active{color:#fff;background:#ffffff26}.sidebar-link.active:before{content:"";background:var(--primary-container);border-radius:0 2px 2px 0;width:3px;height:50%;position:absolute;top:25%;left:0}.sidebar-link .badge{background:var(--error);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid #ffffff1a}.sidebar-status{align-items:center;gap:var(--space-2);color:#fff9;font-size:.75rem;display:flex}.status-dot{border-radius:var(--radius-full);background:#4caf50;width:8px;height:8px;box-shadow:0 0 6px #4caf50b3}.status-dot.offline{background:#f44336;animation:1.5s ease-in-out infinite pulse-red;box-shadow:0 0 6px #f44336b3}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 6px #f44336b3}50%{opacity:.5;box-shadow:0 0 12px #f44336e6}}.offline-banner{z-index:9999;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:#fff;font-size:.875rem;font-weight:600;font-family:var(--font-body);background:linear-gradient(135deg,#d32f2f,#c62828);animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #d32f2f66}.offline-banner.online{background:linear-gradient(135deg,#3b6af7,#2457f5);box-shadow:0 2px 12px #2e7d3266}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.page-header-left h2{color:var(--on-surface);letter-spacing:-.5px;font-size:1.75rem}.page-header-left p{color:var(--on-surface-muted);margin-top:var(--space-1);font-size:.875rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;min-height:44px;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;box-shadow:0 2px 8px #2457f54d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #2457f566}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);color:#fff;box-shadow:0 2px 8px #1565c04d}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1565c066}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--success-container)}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-mid)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 2px 8px #c628284d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #c6282866}.btn-sm{padding:6px var(--space-3);border-radius:var(--radius-md);min-height:36px;font-size:.8rem}.btn-lg{padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:1rem}.btn-xl{padding:var(--space-6) var(--space-10);border-radius:var(--radius-xl);gap:var(--space-2);flex-direction:column;height:auto;font-size:1.125rem}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);color:var(--on-surface-variant);background:0 0}.btn-icon:hover:not(:disabled){background:var(--surface-mid)}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}.card{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--outline);overflow:hidden}.card-header{padding:var(--space-5) var(--space-6);background:var(--surface-low);border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card-header h3{color:var(--on-surface);font-size:1rem}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--surface-low);border-top:1px solid var(--outline)}.kpi-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.kpi-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--outline);gap:var(--space-2);transition:all var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);height:3px;position:absolute;top:0;left:0;right:0}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-muted);font-size:.75rem;font-weight:600}.kpi-value{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-1px;font-size:2rem;font-weight:800;line-height:1}.kpi-sub{color:var(--on-surface-muted);align-items:center;gap:var(--space-1);font-size:.75rem;display:flex}.kpi-icon{right:var(--space-4);top:var(--space-4);color:var(--primary-container);opacity:.4;font-size:32px;position:absolute}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{color:var(--on-surface-variant);letter-spacing:.2px;font-size:.8rem;font-weight:600}.form-label .required{color:var(--error);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--surface-card);border:1px solid var(--border-control);border-radius:var(--radius-lg);padding:10px var(--space-4);font-family:var(--font-body);color:var(--on-surface);transition:all var(--transition);outline:none;width:100%;min-height:44px;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--focus);background:var(--surface-card);box-shadow:0 0 0 3px #1565c01f}.form-input.error,.form-select.error{border-color:var(--error);background:var(--error-container)}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.form-error{color:var(--error);align-items:center;gap:var(--space-1);font-size:.75rem;display:flex}.form-hint{color:var(--on-surface-muted);font-size:.75rem}.table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--outline);background:var(--surface-card);box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead tr{background:var(--surface-low)}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--on-surface-variant);white-space:nowrap;font-size:.75rem;font-weight:700}.table tbody tr{transition:background var(--transition)}.table tbody tr:nth-child(2n){background:#fafcfa}.table tbody tr:hover{background:var(--surface-mid)}.table tbody td{padding:var(--space-3) var(--space-4);color:var(--on-surface);vertical-align:middle}.badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-container);color:var(--success)}.badge-error{background:var(--error-container);color:var(--error)}.badge-warning{background:var(--warning-container);color:var(--warning)}.badge-info{background:var(--info-container);color:var(--info)}.badge-neutral{background:var(--surface-highest);color:var(--on-surface-variant)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-5);background:#0f1c1294;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--outline);width:100%;max-width:560px;max-height:90vh;animation:.25s slideUp;overflow-y:auto}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.25rem}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--outline);justify-content:flex-end;gap:var(--space-3);display:flex}.search-bar{position:relative}.search-bar .material-symbols-rounded{left:var(--space-3);color:var(--on-surface-muted);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{padding-left:36px}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:.875rem;display:flex}.alert-error{background:var(--error-container);color:var(--error)}.alert-success{background:var(--success-container);color:var(--success)}.alert-warning{background:var(--warning-container);color:var(--warning)}.alert-info{background:var(--info-container);color:var(--info)}.session-inactivity-warning{top:var(--space-4);z-index:2300;width:min(620px,100vw - 32px);box-shadow:var(--shadow-lg);border:1px solid;flex-wrap:wrap;align-items:center;margin:0;position:fixed;left:50%;transform:translate(-50%)}.session-inactivity-warning>span:nth-child(2){flex:1}.tabs{gap:var(--space-1);background:var(--surface-high);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:4px;display:flex}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition);text-align:center;background:0 0;border:none;flex:1;font-size:.85rem;font-weight:600}.tab.active{background:var(--surface-card);color:var(--primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--on-surface)}.empty-state{padding:var(--space-12);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state .material-symbols-rounded{color:var(--outline-strong);font-size:56px}.empty-state h3{color:var(--on-surface-variant);font-size:1.1rem}.empty-state p{max-width:320px;font-size:.875rem}.spinner{border:3px solid var(--surface-high);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.6s linear infinite spin}.loading-full{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.loading-full p{color:var(--on-surface-muted);font-size:.875rem}.divider{background:var(--outline);height:1px;margin:var(--space-5) 0}.qty-control{align-items:center;gap:var(--space-2);display:flex}.qty-control button{border-radius:var(--radius-full);border:1.5px solid var(--outline-strong);background:var(--surface-card);cursor:pointer;width:28px;height:28px;transition:all var(--transition);color:var(--on-surface);justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.qty-control button:hover{background:var(--surface-mid);border-color:var(--primary);color:var(--primary)}.qty-control span{text-align:center;min-width:28px;font-size:.95rem;font-weight:700}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--on-surface);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);min-width:280px;font-size:.875rem;animation:.25s slideInRight;display:flex}.toast-success{background:var(--primary)}.toast-error{background:var(--error)}.toast-warning{background:var(--warning)}.filters-bar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--outline);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-2);display:flex}.filter-group label{color:var(--on-surface-variant);white-space:nowrap;font-size:.8rem;font-weight:600}.filter-group select,.filter-group input{background:var(--surface-high);border-radius:var(--radius-md);padding:6px var(--space-3);color:var(--on-surface);transition:all var(--transition);border:1.5px solid #0000;outline:none;font-size:.85rem}.filter-group select:focus,.filter-group input:focus{border-color:var(--primary);background:var(--surface-card)}.assistant-fab{z-index:2200;align-items:center;gap:var(--space-3);color:#fff;box-shadow:var(--shadow-xl);cursor:pointer;background:linear-gradient(135deg,#0d4c8c,#1a7a3c);border:none;border-radius:999px;padding:12px 20px 12px 12px;animation:3s ease-in-out infinite fabPulse;display:inline-flex;position:fixed;bottom:24px;right:24px}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px #0d4c8c66,0 0 #0d4c8c4d}50%{box-shadow:0 4px 30px #1a7a3c80,0 0 0 8px #1a7a3c1a}}.assistant-fab:hover{animation:none;transform:scale(1.05);box-shadow:0 6px 35px #0d4c8c99}.assistant-fab-icon{background:#ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.6rem;display:inline-grid}.assistant-header-icon{color:var(--primary);font-size:1.75rem}.assistant-fab.is-open{background:linear-gradient(135deg,#1a7a3c,#0d4c8c);animation:2s ease-in-out infinite fabPulseOpen}@keyframes fabPulseOpen{0%,to{box-shadow:0 4px 20px #1a7a3c66,0 0 #1a7a3c4d}50%{box-shadow:0 4px 30px #0d4c8c80,0 0 0 8px #0d4c8c1a}}.assistant-widget-shell{z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08151d47;justify-content:flex-end;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.assistant-module-shell{width:100%;min-width:0;height:calc(100vh - 170px);min-height:760px}.assistant-widget-card{width:min(1200px,100vw - 48px);height:min(820px,100vh - 48px);box-shadow:var(--shadow-xl);background:linear-gradient(#eff7fc 0%,#fff 100%);border-radius:28px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.assistant-widget-card.is-embedded{width:100%;height:100%;min-height:0}.assistant-widget-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#111827f7,#2457f5eb);display:flex}.assistant-widget-header h3,.assistant-widget-header p{color:#fff}.assistant-widget-body{grid-template-columns:minmax(320px,390px) 1fr;height:100%;min-height:0;display:grid}.assistant-context-panel{gap:var(--space-4);padding:var(--space-5);background:#dff1fb8c;grid-template-rows:auto minmax(280px,1fr) minmax(180px,.6fr);min-height:0;display:grid;overflow-y:auto}.assistant-manual-card,.assistant-purchase-card{grid-template-rows:auto 1fr;min-height:0;display:grid}.assistant-scroll-body{min-height:0;overflow-y:auto}.assistant-purchase-body{max-height:240px}.assistant-chat-panel{background:linear-gradient(#f4faffb3,#fff 45%);grid-template-rows:1fr auto;height:100%;min-height:0;display:grid}.assistant-chat-messages{padding:var(--space-5);gap:var(--space-3);align-content:start;min-height:0;display:grid;overflow-y:auto}.assistant-chat-bubble{padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--outline);background:#fff;border-radius:20px}.assistant-chat-bubble.is-user{background:linear-gradient(135deg, var(--secondary), var(--secondary-light));border:none}.assistant-chat-title{margin-bottom:var(--space-2);font-weight:700}.assistant-chat-bubble.is-user .assistant-chat-title,.assistant-chat-bubble.is-user .assistant-chat-text{color:#fff}.assistant-chat-text{white-space:pre-wrap}.assistant-chat-meta{margin-top:var(--space-2);color:var(--on-surface-muted);font-size:.76rem}.assistant-chat-composer{padding:var(--space-5);border-top:1px solid var(--outline);gap:var(--space-3);background:#fff;display:grid}.assistant-empty-state{padding:var(--space-5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes thinkingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.thinking-text{animation:1.5s ease-in-out infinite thinkingPulse;display:inline-block}@keyframes thinkingDotsAnim{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:""}}.thinking-dots-animated{letter-spacing:2px;animation:1.5s step-end infinite thinkingDotsAnim;display:inline-block}.auth-page{min-height:100vh;padding:var(--space-5);background:#0b1220;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle,#2457f56b 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite floatOrb;position:absolute;top:-150px;right:-100px}.auth-page:after{content:"";background:radial-gradient(circle,#a3e63529 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse floatOrb;position:absolute;bottom:-120px;left:-80px}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}.auth-card{-webkit-backdrop-filter:blur(24px);padding:var(--space-10);z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.auth-card.auth-card-security{max-width:540px}.mfa-setup-summary{margin:0 0 var(--space-5);color:#cddae8db;gap:9px;padding:0;font-size:.8rem;list-style:none;display:grid}.mfa-setup-summary li{align-items:center;gap:10px;display:flex}.mfa-setup-summary li span{color:#9ce8fb;background:#00b4d81a;border:1px solid #67def547;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:.72rem;font-weight:850;display:grid}.mfa-qr-panel{margin:0 0 var(--space-5);text-align:center;background:#ffffff0e;border:1px solid #67def547;border-radius:18px;place-items:center;gap:12px;padding:16px;display:grid}.mfa-qr-panel img{background:#fff;border-radius:14px;width:min(250px,100%);height:auto;padding:8px;display:block}.mfa-qr-panel div{gap:3px;display:grid}.mfa-qr-panel strong{color:#e6f8fc;font-size:.86rem}.mfa-qr-panel span{color:#b9cddec7;font-size:.72rem}.mfa-manual-key{color:#cbdae8db;background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;padding:11px 12px}.mfa-same-device{margin-bottom:var(--space-5);background:linear-gradient(145deg,#00b4d81f,#ffffff09);border:1px solid #67def54d;border-radius:16px;gap:12px;padding:15px;display:grid}.mfa-same-device__header{align-items:flex-start;gap:10px;display:flex}.mfa-same-device__header>span{color:#9ce8fb;background:#00b4d824;border-radius:11px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.mfa-same-device__header h2{color:#e6f8fc;margin:0;font-size:.95rem}.mfa-same-device__header p{color:#b9cdded1;margin:3px 0 0;font-size:.76rem;line-height:1.45}.mfa-same-device__actions{gap:8px;display:grid}.mfa-same-device__actions .btn{gap:7px;width:100%;min-height:44px}.mfa-manual-key p{margin-bottom:0;font-size:.75rem;line-height:1.5}.mfa-manual-key .form-input{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.mfa-same-device__privacy,.mfa-same-device__status{margin:0;font-size:.72rem;line-height:1.45}.auth-card .mfa-same-device__privacy{color:#e7c97ee6!important}.auth-card .mfa-same-device__status{min-height:1.05rem;font-weight:650;color:#a8e9f7!important}@media (width>=520px){.mfa-same-device__actions{grid-template-columns:1fr 1fr}}.auth-card h3{color:#e0e6ed!important}.auth-card p{color:#a0aec0cc!important}.auth-card .form-label{color:#c8d2e1d9;font-size:.82rem;font-weight:500}.auth-card .form-input{color:#e8edf3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.auth-card .form-input::placeholder{color:#a0aec066}.auth-card .form-input:focus{background:#ffffff14;border-color:#3b6af7b8;outline:none;box-shadow:0 0 0 3px #2457f529}.auth-card .btn-primary{letter-spacing:.3px;background:linear-gradient(135deg,#1736a4,#2457f5);border:none;border-radius:12px;padding:14px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #2457f557}.auth-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #2457f575}.auth-card .btn-primary:active:not(:disabled){transform:translateY(0)}.auth-card .alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444433}.auth-card .btn-ghost{color:#a0c4ffcc}.auth-card .btn-ghost:hover{color:#a0c4ff;background:#ffffff0d}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo h1{letter-spacing:-.5px;font-size:1.75rem;font-weight:700;color:#e8edf3!important}.auth-logo p{letter-spacing:.5px;margin-top:6px;font-size:.82rem;color:#d0dbffc7!important}.auth-brand-panel{width:100%;min-height:88px;margin:0 auto var(--space-4);background:#fff;border:1px solid #ffffffc2;border-radius:18px;place-items:center;padding:14px 16px;display:grid;box-shadow:0 14px 34px #00000047}.auth-brand-panel--compact{max-width:260px;min-height:60px;margin-bottom:var(--space-5);border-radius:14px;padding:9px 12px}.auth-brand-logo{object-fit:contain;width:100%;height:auto;display:block}.auth-logo .logo-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#1736a4 0%,#2457f5 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #2457f55c}.auth-logo .logo-icon .material-symbols-rounded{color:#fff;font-size:30px}.auth-notice{background:var(--info-container);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);gap:var(--space-2);color:var(--info);align-items:flex-start;font-size:.8rem;display:flex}.login-page{min-height:100dvh;color:var(--secondary);background:#f4f7ff;grid-template-rows:auto 1fr auto;justify-content:stretch;align-items:stretch;padding:0;display:grid;overflow:hidden auto}.login-page:before,.login-page:after{display:none}.landing-page{background:#f6f8fe}.login-topbar,.login-shell,.landing-hero,.login-only-shell,.sucursia-section,.sucursia-proof,.sucursia-contact,.login-footer{width:min(100% - 64px,1320px);margin-inline:auto}.login-topbar{justify-content:space-between;align-items:center;gap:var(--space-6);border-bottom:1px solid #dfe6f3;min-height:92px;padding-block:18px;display:flex}.landing-topbar{z-index:20;background:#f6f8fe;position:sticky;top:0}.login-brand{align-items:center;width:clamp(190px,18vw,236px);min-height:48px;display:inline-flex}.login-brand img{width:100%;height:auto;display:block}.login-nav{align-items:center;gap:clamp(16px,2vw,30px);margin-left:auto;display:flex}.login-nav a{color:#475467;font-size:.78rem;font-weight:750}.login-nav a:hover{color:var(--primary)}.login-topbar-access{color:#fff;background:var(--primary);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:.78rem;font-weight:800;transition:background-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.login-topbar-access:hover{color:#fff;background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 22px #2457f538}.login-topbar-access .material-symbols-rounded{font-size:18px}.login-back-link{color:#344054;background:#fff;border:1px solid #b8c4d6;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.login-back-link:hover{border-color:var(--primary);color:var(--primary);background:#eef3ff}.login-back-link .material-symbols-rounded{font-size:18px}.login-shell{grid-template-columns:minmax(0,1.35fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,7vw,104px);padding-block:clamp(48px,6vw,84px);display:grid}.landing-hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(48px,7vw,104px);min-height:calc(100dvh - 92px);padding-block:clamp(62px,8vw,104px);display:grid}.landing-hero>.login-product-preview{width:100%;max-width:none;margin-top:0}.landing-hero .login-story h1{max-width:720px;font-size:clamp(3.15rem,5.5vw,5.5rem)}.landing-hero .login-story-copy{max-width:590px}.login-only-shell{grid-template-columns:minmax(0,.9fr) minmax(400px,.68fr);align-items:center;gap:clamp(52px,9vw,132px);min-height:calc(100dvh - 156px);padding-block:clamp(48px,7vw,92px);display:grid}.login-only-context{max-width:610px}.login-only-context h1{color:#101828;letter-spacing:-.062em;text-wrap:balance;max-width:560px;font-size:clamp(3rem,6vw,5.6rem);font-weight:850;line-height:.98}.login-only-context>p:not(.login-eyebrow){max-width:540px;margin-top:24px;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.72;color:#5f6c7e!important}.login-only-points{border-bottom:1px solid #ced8e7;gap:0;margin-top:44px;display:grid}.login-only-points>div{border-top:1px solid #ced8e7;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;padding-block:18px;display:grid}.login-only-points .material-symbols-rounded{color:var(--primary);font-size:24px}.login-only-points p{font-size:.78rem;line-height:1.52;color:#667085!important}.login-only-points strong{color:#182230;margin-bottom:2px;font-size:.86rem;display:block}.login-story{min-width:0}.login-eyebrow{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:17px;font-size:.74rem;font-weight:850;display:flex;color:var(--primary)!important}.login-eyebrow .material-symbols-rounded{font-size:20px}.login-story h1{color:#101828;letter-spacing:-.062em;text-wrap:balance;max-width:780px;font-size:clamp(2.75rem,5.1vw,5.35rem);font-weight:850;line-height:.98}.login-story h1 span{color:var(--primary);margin-top:9px;display:block}.login-story-copy{max-width:650px;margin-top:var(--space-6);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.7;color:#475467!important}.login-story-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.login-story-primary,.login-story-secondary{border:1px solid var(--primary);border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 17px;font-size:.8rem;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.login-story-primary{color:#fff;background:var(--primary)}.login-story-primary:hover{color:#fff;background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 9px 24px #2457f538}.login-story-primary .material-symbols-rounded{font-size:19px}.login-story-secondary{color:var(--primary);background:0 0}.login-story-secondary:hover{color:var(--primary-dark);background:#eaf0ff;transform:translateY(-1px)}.landing-action-note{align-items:flex-start;gap:7px;max-width:570px;margin-top:13px;font-size:.69rem;line-height:1.5;display:flex;color:#7c8799!important}.landing-action-note:before{content:"";background:#65a30d;border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:.38em}.login-capabilities{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.login-capabilities article{min-width:0;padding-top:var(--space-4);border-top:1px solid #cfd9e9;grid-template-columns:42px minmax(0,1fr);gap:12px;display:grid}.login-capabilities article>.material-symbols-rounded{width:42px;height:42px;color:var(--primary);background:#e4ebff;place-items:center;font-size:22px;display:grid}.login-capabilities h2{color:#182230;font-size:.88rem;font-weight:800;line-height:1.35}.login-capabilities p{margin-top:4px;font-size:.75rem;line-height:1.48;color:#667085!important}.login-product-preview{max-width:760px;margin-top:var(--space-8);background:#fff;border:1px solid #d8e1ef;border-radius:20px;padding:20px 22px 13px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 24px 70px #2457f51f}.landing-hero .login-product-preview:hover{border-color:#b8c8f7;transform:translateY(-3px);box-shadow:0 30px 80px #2457f529}.login-product-preview:after{content:"";background:var(--brand-lime);width:5px;height:100%;position:absolute;top:0;left:0}.login-preview-heading,.login-preview-section-title,.login-preview-live,.login-preview-branch{align-items:center;display:flex}.login-preview-heading{justify-content:space-between;gap:var(--space-4)}.login-preview-heading>div{gap:2px;display:grid}.login-preview-heading>div>span,.login-preview-metrics span,.login-preview-section-title small,.login-preview-branch small{color:#667085;letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:700}.login-preview-heading strong{color:#182230;font-family:var(--font-display);font-size:1rem}.login-preview-live{color:#47700a;background:#f3fbdc;border:1px solid #d4e9a9;border-radius:999px;gap:7px;min-height:28px;padding:4px 9px;font-size:.68rem;font-weight:800}.login-preview-live i{background:#65a30d;border-radius:50%;width:7px;height:7px}.login-preview-metrics{border-block:1px solid #e7ecf4;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;display:grid}.login-preview-metrics>div{gap:2px;padding:15px 18px 15px 0;display:grid}.login-preview-metrics>div+div{border-left:1px solid #e7ecf4;padding-left:18px}.login-preview-metrics strong{color:#101828;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.15rem,2vw,1.55rem)}.login-preview-metrics small{color:#667085;font-size:.67rem}.login-preview-metrics b{color:#47700a}.login-preview-detail{grid-template-columns:minmax(0,1.65fr) minmax(180px,.8fr);gap:20px;padding-top:17px;display:grid}.login-preview-chart{min-width:0}.login-preview-section-title{color:#344054;justify-content:space-between;gap:12px;font-size:.73rem;font-weight:750}.login-preview-bars{border-bottom:1px solid #dfe6f1;align-items:end;gap:7px;height:82px;margin-top:11px;padding-top:6px;display:flex}.login-preview-bars i{width:100%;height:var(--bar-height);transform-origin:bottom;background:#2457f5;min-height:9px}.login-preview-bars i:nth-child(2n){background:#a3e635}.login-preview-branch{border-left:1px solid #e7ecf4;align-self:stretch;gap:11px;padding-left:18px}.login-preview-branch>.material-symbols-rounded{width:38px;height:38px;color:var(--primary);background:#eaf0ff;flex:0 0 38px;place-items:center;font-size:21px;display:grid}.login-preview-branch>div{gap:2px;display:grid}.login-preview-branch strong{color:#182230;font-size:.86rem}.login-preview-branch>div>span{color:#667085;font-size:.68rem}.login-preview-caption{text-align:right;margin-top:10px;font-size:.61rem;color:#98a2b3!important}.login-access-card.auth-card{color:#101828;-webkit-backdrop-filter:none;background:#fff;border:1px solid #dbe3ef;border-radius:20px;width:100%;max-width:450px;margin-left:auto;padding:clamp(28px,3.5vw,42px);animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 28px 80px #1118271f}.login-access-heading{margin-bottom:var(--space-7)}.login-access-card .login-access-kicker{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:.72rem;font-weight:850;display:flex;color:var(--primary)!important}.login-access-kicker .material-symbols-rounded{font-size:19px}.login-access-card h2{color:#101828;letter-spacing:-.04em;font-size:clamp(1.7rem,3vw,2.15rem)}.login-access-heading>p:last-child{margin-top:8px;font-size:.88rem;color:#667085!important}.login-access-card .form-group{margin-bottom:19px}.login-access-card .form-label{color:#344054;font-size:.79rem;font-weight:750}.login-access-card .form-input{color:#101828;background:#fff;border:1px solid #aeb9c8;border-radius:10px;min-height:50px;padding:12px 14px;font-size:.9rem}.login-access-card .form-input::placeholder{color:#98a2b3}.login-access-card .form-input:focus{border-color:var(--primary);color:#101828;background:#fff;outline:none;box-shadow:0 0 0 4px #2457f51a}.login-password-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.login-password-label .form-label{margin:0}.login-password-recovery{min-height:30px;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:.74rem;font-weight:750}.login-password-recovery:hover:not(:disabled){text-decoration:underline}.login-password-recovery:disabled{color:#98a2b3;cursor:wait}.login-access-card .btn-primary{background:var(--primary);border-radius:10px;min-height:50px;box-shadow:0 8px 22px #2457f53d}.login-access-card .btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 10px 26px #2457f547}.login-access-card .btn-primary .material-symbols-rounded{order:2;font-size:20px}.login-access-card .btn-ghost{color:var(--primary)}.login-access-card .btn-ghost:hover{color:var(--primary-dark);background:#eef3ff}.login-access-card .alert{margin-bottom:var(--space-4);border-radius:10px;font-size:.78rem;line-height:1.5}.login-access-card .alert-error{color:#991b1b;background:#fff1f2;border-color:#fecaca}.login-access-card .alert-info{color:#075985;background:#f0f9ff;border-color:#bae6fd}.login-access-card .alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.login-recovery-action{margin-bottom:var(--space-4)}.login-help-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.login-help-actions .auth-guide-trigger,.login-help-actions .install-app-button--login{color:#344054;background:#f8faff;border:1px solid #d6dfed;border-radius:10px;width:100%;min-height:44px;margin-top:0;padding:9px 10px;font-size:.75rem;font-weight:750}.login-help-actions .auth-guide-trigger:hover,.login-help-actions .auth-guide-trigger:focus-visible,.login-help-actions .install-app-button--login:hover:not(:disabled){color:var(--primary-dark);background:#eef3ff;border-color:#9eb2f5;transform:none}.login-security-note{border-top:1px solid #e4e9f2;align-items:flex-start;gap:10px;margin-top:18px;padding-top:18px;display:flex}.login-security-note>.material-symbols-rounded{color:#65a30d;font-size:21px}.login-access-card .login-security-note p{font-size:.7rem;line-height:1.5;color:#667085!important}.login-security-note strong{color:#344054;margin-bottom:2px;display:block}.login-developer-link{color:#7c8799;justify-content:center;align-items:center;gap:4px;margin-top:16px;font-size:.67rem;display:flex}.login-developer-link:hover{color:var(--primary)}.login-developer-link .material-symbols-rounded{font-size:14px}.sucursia-section{border-top:1px solid #dfe6f3;padding-block:clamp(72px,9vw,124px)}.landing-page .sucursia-section:nth-of-type(2n){background:#fff}.sucursia-section-index{color:var(--primary);letter-spacing:.12em;margin-bottom:clamp(34px,5vw,62px);font-size:.7rem;font-weight:850}.sucursia-section-intro{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:end;gap:clamp(36px,7vw,96px);display:grid}.sucursia-section-eyebrow{letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:850;color:var(--primary)!important}.sucursia-section-intro h2,.sucursia-contact h2{color:#101828;letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.15rem,4.5vw,4.3rem);font-weight:850;line-height:1.02}.sucursia-section-intro>p{font-size:.96rem;line-height:1.72;color:#5f6c7e!important}.sucursia-overview-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,6vw,84px);margin-top:clamp(48px,7vw,88px);display:grid}.sucursia-overview-core{color:#fff;background:#111827;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:420px;padding:clamp(28px,4vw,52px);display:flex}.sucursia-overview-core>.material-symbols-rounded{color:var(--brand-lime);font-size:42px}.sucursia-overview-core>p{letter-spacing:.1em;text-transform:uppercase;margin-top:auto;font-size:.72rem;font-weight:850;color:#a3e635!important}.sucursia-overview-core h3{color:#fff;letter-spacing:-.05em;margin-top:13px;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.04}.sucursia-overview-core>div{border-top:1px solid #344054;flex-wrap:wrap;gap:8px 16px;margin-top:34px;padding-top:20px;display:flex}.sucursia-overview-core>div span{color:#cbd5e1;font-size:.72rem;font-weight:700}.sucursia-overview-points{align-content:center;display:grid}.sucursia-overview-points article{border-top:1px solid #ced8e7;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-block:26px;transition:padding-left .18s,border-color .18s;display:grid}.sucursia-overview-points article:hover{border-color:#9db0ef;padding-left:10px}.sucursia-overview-points article:last-child{border-bottom:1px solid #ced8e7}.sucursia-overview-points article>span{color:var(--primary);font-size:.72rem;font-weight:850}.sucursia-overview-points h3{color:#182230;font-size:1.12rem}.sucursia-overview-points p{margin-top:7px;font-size:.85rem;line-height:1.6;color:#667085!important}.sucursia-modules{background:#fff}.sucursia-module-grid{border-block:1px solid #d8e1ee;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(48px,7vw,88px);display:grid}.sucursia-module-grid article{border-bottom:1px solid #d8e1ee;border-right:1px solid #d8e1ee;min-height:244px;padding:26px clamp(20px,2.6vw,34px) 30px;transition:background-color .18s,transform .18s,box-shadow .18s}.sucursia-module-grid article:not(.sucursia-module-featured):hover{z-index:1;background:#f7f9ff;position:relative;transform:translateY(-3px);box-shadow:0 16px 42px #11182714}.sucursia-module-grid article:nth-child(3n){border-right:0}.sucursia-module-grid article:nth-child(n+4){border-bottom:0}.sucursia-module-grid article>div{color:var(--primary);justify-content:space-between;align-items:center;display:flex}.sucursia-module-grid article>div>span:first-child{font-size:.7rem;font-weight:850}.sucursia-module-grid .material-symbols-rounded{font-size:30px}.sucursia-module-grid h3{color:#182230;margin-top:56px;font-size:1.2rem}.sucursia-module-grid p{margin-top:10px;font-size:.83rem;line-height:1.62;color:#667085!important}.sucursia-module-grid .sucursia-module-featured{color:#fff;background:#2457f5}.sucursia-module-grid .sucursia-module-featured:hover{transform:translateY(-3px);box-shadow:0 18px 46px #2457f53d}.sucursia-module-featured>div,.sucursia-module-featured h3{color:#fff!important}.sucursia-module-featured p{color:#dbe5ff!important}.sucursia-process-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(48px,7vw,88px);list-style:none;display:grid}.sucursia-process-steps>li>span{color:var(--primary);font-size:.76rem;font-weight:850}.sucursia-process-line{transform-origin:0;background:#cfd8e7;width:100%;height:2px;margin-block:18px 28px}.sucursia-process-steps h3{color:#182230;font-size:1.08rem}.sucursia-process-steps p{margin-top:9px;font-size:.82rem;line-height:1.62;color:#667085!important}.sucursia-proof{background:#111827;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sucursia-proof>div{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:15px;min-height:158px;padding:40px clamp(24px,3vw,42px);display:grid}.sucursia-proof>div+div{border-left:1px solid #344054}.sucursia-proof .material-symbols-rounded{color:var(--brand-lime);font-size:28px}.sucursia-proof p{font-size:.8rem;line-height:1.62;color:#cbd5e1!important}.sucursia-proof strong{color:#fff;margin-bottom:3px;font-size:.9rem;display:block}.sucursia-contact{background:#111827;border-radius:24px;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:clamp(44px,7vw,96px);margin-top:clamp(72px,9vw,124px);padding:clamp(30px,5vw,68px);display:grid}.sucursia-contact-copy{align-self:center}.sucursia-contact h2{color:#fff}.sucursia-contact-copy>p:not(.sucursia-section-eyebrow){margin-top:22px;font-size:.92rem;line-height:1.7;color:#cbd5e1!important}.sucursia-contact-copy>a{color:#a3e635;overflow-wrap:anywhere;align-items:center;gap:7px;margin-top:26px;font-size:.82rem;font-weight:750;display:inline-flex}.sucursia-contact-copy>a:hover{color:#bef264}.sucursia-contact-copy>a .material-symbols-rounded{font-size:16px}.sucursia-contact-assurance{color:#94a3b8;border-top:1px solid #344054;align-items:flex-start;gap:10px;margin-top:42px;padding-top:20px;font-size:.7rem;line-height:1.5;display:flex}.sucursia-contact-assurance .material-symbols-rounded{color:#a3e635;font-size:20px}.sucursia-contact-form{background:#fff;border-radius:18px;padding:clamp(24px,3.4vw,42px)}.sucursia-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.sucursia-contact-fields label{color:#344054;gap:8px;font-size:.75rem;font-weight:750;display:grid}.sucursia-contact-fields label>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.sucursia-contact-fields small{color:#98a2b3;font-size:.64rem;font-weight:650}.sucursia-contact-fields input,.sucursia-contact-fields textarea{color:#101828;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #b8c3d2;border-radius:9px;padding:11px 13px;font-size:.86rem}.sucursia-contact-fields textarea{resize:vertical;min-height:112px}.sucursia-contact-fields input:focus,.sucursia-contact-fields textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #2457f51a}.sucursia-contact-need{grid-column:1/-1}.sucursia-contact-submit{color:#101828;background:var(--brand-lime);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:24px;padding:11px 18px;font-size:.8rem;font-weight:850;display:inline-flex}.sucursia-contact-submit:hover{background:#bef264}.sucursia-contact-submit .material-symbols-rounded{font-size:19px}.sucursia-contact-form>small{color:#7c8799;margin-top:12px;font-size:.66rem;line-height:1.5;display:block}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page input:focus-visible,.landing-page textarea:focus-visible{outline-offset:3px;outline:3px solid #2457f547}@media (prefers-reduced-motion:no-preference){.landing-page.motion-ready [data-reveal]{opacity:0;transition:opacity .36s cubic-bezier(0,0,.2,1),transform .36s cubic-bezier(0,0,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}.landing-page.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.landing-page.motion-ready .login-product-preview .login-preview-bars i{transform:scaleY(.08)}.landing-page.motion-ready .login-product-preview.is-visible .login-preview-bars i{transition:transform .38s cubic-bezier(0,0,.2,1);transition-delay:calc(.12s + var(--bar-delay,0s));transform:scaleY(1)}.landing-page.motion-ready .sucursia-process-steps .sucursia-process-line{transform:scaleX(.08)}.landing-page.motion-ready .sucursia-process-steps.is-visible .sucursia-process-line{transition:transform .32s cubic-bezier(0,0,.2,1) .12s;transform:scaleX(1)}}.login-footer{justify-content:space-between;align-items:center;gap:var(--space-5);color:#7c8799;border-top:1px solid #dfe6f3;min-height:64px;padding-block:14px;font-size:.68rem;font-weight:600;display:flex}.login-footer>div{gap:3px;display:grid}.login-footer strong{color:#344054}.login-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;display:flex}.login-footer a{color:#667085}.login-footer a:hover{color:var(--primary)}.login-only-footer>a{font-weight:750}@media (width<=1120px){.login-nav{gap:14px}.login-shell{grid-template-columns:minmax(0,1.15fr) minmax(350px,.8fr);gap:42px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:42px}.login-only-shell{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:52px}.login-story h1{font-size:clamp(2.7rem,5.6vw,4rem)}.login-capabilities{grid-template-columns:1fr;gap:10px}.login-capabilities article{padding-top:10px}.login-product-preview{margin-top:var(--space-6)}.sucursia-module-grid,.sucursia-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sucursia-module-grid article:nth-child(3n){border-right:1px solid #d8e1ee}.sucursia-module-grid article:nth-child(2n){border-right:0}.sucursia-module-grid article:nth-child(n+4){border-bottom:1px solid #d8e1ee}.sucursia-module-grid article:nth-child(n+5){border-bottom:0}.sucursia-contact{grid-template-columns:minmax(0,.72fr) minmax(440px,1.28fr);gap:40px}}@media (width<=900px){.login-topbar,.login-shell,.landing-hero,.login-only-shell,.sucursia-section,.sucursia-proof,.sucursia-contact,.login-footer{width:min(100% - 40px,720px)}.login-nav{display:none}.login-shell{grid-template-columns:1fr;gap:42px;padding-block:44px}.landing-hero,.login-only-shell{grid-template-columns:1fr;gap:44px;padding-block:48px 64px}.landing-hero .login-story,.login-only-context{text-align:center;max-width:680px;margin-inline:auto}.landing-hero .login-eyebrow,.login-only-context .login-eyebrow,.landing-hero .login-story-actions{justify-content:center}.landing-hero>.login-product-preview{text-align:left;max-width:720px;margin-inline:auto}.login-only-context h1,.login-only-context>p:not(.login-eyebrow){margin-inline:auto}.login-only-points{text-align:left;border-top:1px solid #ced8e7;grid-template-columns:repeat(3,minmax(0,1fr))}.login-only-points>div{border-top:0;grid-template-columns:1fr;padding:20px 16px}.login-only-points>div+div{border-left:1px solid #ced8e7}.login-story{text-align:center}.login-eyebrow{justify-content:center}.login-story h1,.login-story-copy{margin-inline:auto}.login-capabilities{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr))}.login-capabilities article{grid-template-columns:1fr}.login-product-preview{text-align:left;margin-inline:auto}.login-access-card.auth-card{max-width:600px;margin-inline:auto}.sucursia-section-intro,.sucursia-overview-grid,.sucursia-contact{grid-template-columns:1fr}.sucursia-section-intro{align-items:start;gap:24px}.sucursia-overview-core{min-height:360px}.sucursia-proof{grid-template-columns:1fr}.sucursia-proof>div{min-height:0}.sucursia-proof>div+div{border-top:1px solid #344054;border-left:0}.sucursia-contact{gap:38px}}@media (width<=680px){.login-topbar,.login-shell,.landing-hero,.login-only-shell,.sucursia-section,.sucursia-proof,.sucursia-contact,.login-footer{width:min(100% - 28px,560px)}.login-topbar{min-height:76px}.login-brand{width:176px}.login-shell{gap:32px;padding-block:34px 44px}.landing-hero,.login-only-shell{gap:32px;padding-block:36px 48px}.landing-hero .login-story h1,.login-only-context h1{font-size:clamp(2.3rem,11vw,3.2rem)}.login-only-context>p:not(.login-eyebrow){margin-top:18px;font-size:.94rem}.login-only-points{border-top:0;grid-template-columns:1fr;margin-top:28px}.login-only-points>div{border-top:1px solid #ced8e7;grid-template-columns:34px minmax(0,1fr);padding:15px 0}.login-only-points>div+div{border-left:0}.login-story h1{letter-spacing:-.055em;font-size:clamp(2.3rem,11vw,3.2rem)}.login-story-copy{margin-top:18px;font-size:.95rem}.login-capabilities,.login-product-preview{display:none}.login-access-card.auth-card{border-radius:16px;padding:26px 20px}.sucursia-section{padding-block:58px}.sucursia-section-index{margin-bottom:32px}.sucursia-section-intro h2,.sucursia-contact h2{font-size:clamp(2rem,10vw,3rem)}.sucursia-overview-grid,.sucursia-module-grid,.sucursia-process-steps{margin-top:42px}.sucursia-module-grid,.sucursia-process-steps{grid-template-columns:1fr}.sucursia-module-grid article,.sucursia-module-grid article:nth-child(2n),.sucursia-module-grid article:nth-child(3n),.sucursia-module-grid article:nth-child(n+4),.sucursia-module-grid article:nth-child(n+5){border-bottom:1px solid #d8e1ee;border-right:0;min-height:215px}.sucursia-module-grid article:last-child{border-bottom:0}.sucursia-process-steps{gap:34px}.sucursia-process-line{margin-bottom:20px}.sucursia-contact{border-radius:18px;margin-top:58px;padding:28px 20px}.sucursia-contact-fields{grid-template-columns:1fr}.sucursia-contact-need{grid-column:auto}.sucursia-contact-form{border-radius:14px;padding:22px 18px}.login-footer{text-align:center;flex-direction:column;align-items:flex-start}.login-footer>div,.login-footer nav{justify-content:center;width:100%}}@media (width<=420px){.login-topbar-access{width:42px;padding:0}.login-topbar-access>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.login-back-link{width:42px;padding:0}.login-back-link>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.login-story-actions{grid-template-columns:1fr;display:grid}.login-help-actions{grid-template-columns:1fr}.login-password-label{flex-direction:column;align-items:flex-start;gap:2px}.sucursia-contact-submit{width:100%}}@media (prefers-reduced-motion:reduce){.login-access-card.auth-card{animation:none}.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.landing-page.motion-ready [data-reveal],.landing-page.motion-ready .login-product-preview .login-preview-bars i,.landing-page.motion-ready .sucursia-process-steps .sucursia-process-line{opacity:1;transform:none}}@media print{.no-print{display:none!important}.ticket-print{color:#000;background:#fff;width:80mm;font-family:Courier New,monospace;font-size:12px}.ticket-print.narrow{width:58mm;font-size:10px}body{background:#fff}}.pos-layout{gap:var(--space-5);height:calc(100vh - var(--header-height) - var(--space-10));grid-template-columns:1fr 380px;display:grid;overflow:hidden}.pos-products{padding-right:var(--space-2);overflow-y:auto}.pos-cart{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.product-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-2);border:2px solid #0000;flex-direction:column;display:flex}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.product-card.in-cart{border-color:var(--primary);background:var(--success-container)}.product-card .product-icon{background:linear-gradient(135deg, var(--primary-container) 0%, var(--secondary-container) 100%);border-radius:var(--radius-lg);width:52px;height:52px;margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.product-card .product-icon .material-symbols-rounded{color:var(--primary);font-size:28px}.product-card .product-img-wrapper{border-radius:var(--radius-xl);width:72px;height:72px;margin-bottom:var(--space-1);background:var(--surface-low);justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.product-card:hover .product-img-wrapper{transform:scale(1.08);box-shadow:0 4px 16px #2457f526}.product-card .product-img{object-fit:cover;width:100%;height:100%}.product-card h4{color:var(--on-surface);font-size:.8rem;font-weight:700;line-height:1.2}.product-card .price{font-family:var(--font-display);color:var(--primary);font-size:1rem;font-weight:800}.product-card .stock-chip{padding:2px 6px;font-size:.65rem}.cart-items{padding:var(--space-4);flex:1;overflow-y:auto}.cart-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-low);margin-bottom:var(--space-2);transition:all var(--transition);display:flex}.cart-item:hover{background:var(--surface-mid)}.cart-item-name{color:var(--on-surface);flex:1;font-size:.85rem;font-weight:600}.cart-item-subtotal{color:var(--primary);white-space:nowrap;font-size:.9rem;font-weight:700}.cart-summary{background:var(--surface-low);padding:var(--space-4) var(--space-5);border-top:1px solid var(--outline)}.cart-total-row{color:var(--on-surface-variant);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.cart-total-row.total{font-size:1.25rem;font-weight:800;font-family:var(--font-display);color:var(--on-surface);padding-top:var(--space-3);border-top:1px solid var(--outline);margin-top:var(--space-2)}.cashback-widget{background:linear-gradient(135deg, var(--secondary-container) 0%, var(--primary-container) 100%);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4)}.cashback-widget h4{color:var(--primary-dark);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);font-size:.8rem;font-weight:700;display:flex}.cashback-amount{font-family:var(--font-display);color:var(--primary);font-size:1.5rem;font-weight:800}.cashback-status{color:var(--on-surface-variant);margin-top:4px;font-size:.72rem}.payment-method{background:var(--surface-low);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);align-items:center;gap:var(--space-3);display:flex}.payment-method label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--on-surface);min-width:130px;font-size:.875rem;font-weight:600;display:flex}.payment-amount-input{background:var(--surface-card);border:1.5px solid var(--outline);border-radius:var(--radius-md);padding:8px var(--space-3);font-size:1rem;font-weight:700;font-family:var(--font-display);color:var(--on-surface);transition:all var(--transition);outline:none;flex:1}.payment-amount-input:focus{border-color:var(--primary)}.pos-start{justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;min-height:calc(100vh - 200px);display:flex}.pos-start-title{text-align:center}.pos-start-title h2{color:var(--on-surface);font-size:2rem}.pos-start-title p{color:var(--on-surface-muted);margin-top:var(--space-2)}.pos-start-buttons{gap:var(--space-5);grid-template-columns:repeat(3,1fr);width:100%;max-width:700px;display:grid}.pos-start-btn{background:var(--surface-card);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-5);align-items:center;gap:var(--space-4);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:2px solid #0000;flex-direction:column;display:flex}.pos-start-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pos-start-btn .icon-wrap{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:72px;height:72px;display:flex}.pos-start-btn .material-symbols-rounded{font-size:36px}.pos-start-btn h3{text-align:center;color:var(--on-surface);font-size:1.1rem}.pos-start-btn p{text-align:center;color:var(--on-surface-muted);font-size:.8rem}.stock-bar-wrap{align-items:center;gap:var(--space-2);display:flex}.stock-bar{background:var(--surface-high);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.stock-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.report-summary-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ticket-preview{color:#000;padding:var(--space-5);border-radius:var(--radius-lg);max-width:320px;box-shadow:var(--shadow-xl);background:#fff;border:1px solid #e0e0e0;margin:0 auto;font-family:Courier New,monospace;font-size:13px}.ticket-preview.narrow{max-width:235px;font-size:11px}.ticket-divider{margin:var(--space-3) 0;border:none;border-top:1px dashed #aaa}.ticket-center{text-align:center}.ticket-bold{font-weight:700}.ticket-row{justify-content:space-between;display:flex}.mobile-header,.sidebar-overlay,.admin-mobile-topbar,.admin-bottom-nav,.admin-menu-overlay,.admin-menu-sheet{display:none}@media (width<=1200px){.pos-layout{grid-template-columns:1fr 340px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=900px){.sidebar{transition:transform var(--transition);transform:translate(-100%)}.sidebar-open .sidebar{transform:translate(0)}.main-content{margin-left:0}.mobile-header{padding:var(--space-4) var(--space-5);background:var(--surface-card);box-shadow:var(--shadow-sm);z-index:90;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-header-title{color:var(--primary);margin:0;font-size:1.25rem}.sidebar-overlay{z-index:95;background:#00000080;display:block;position:fixed;inset:0}.pos-layout{grid-template-columns:1fr;height:auto}.pos-start-buttons,.form-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.assistant-widget-shell{align-items:stretch;padding:12px}.assistant-widget-card{border-radius:22px;width:100%;height:100%}.assistant-widget-body{grid-template-columns:1fr}.assistant-module-shell,.assistant-widget-card.is-embedded{height:auto;min-height:0}.assistant-context-panel{grid-template-rows:auto auto auto;max-height:42vh}.assistant-fab{padding-right:12px;bottom:12px;right:12px}.admin-mobile-layout{background:#f8faf8;flex-direction:column;min-height:100vh;display:flex}.admin-mobile-layout .main-content{margin-left:0;padding-bottom:100px}.admin-mobile-layout .page-content{padding:16px}.admin-mobile-layout .mobile-header{display:none}.admin-mobile-topbar{-webkit-backdrop-filter:blur(16px);z-index:90;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:9999px;justify-content:space-between;align-items:center;margin:12px 16px 0;padding:10px 20px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 20px 50px #2457f51f}.admin-topbar-avatar{color:#fff;width:40px;height:40px;font-size:.9rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#1736a4,#2457f5);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001a}.admin-topbar-title{font-family:var(--font-display);color:#1736a4;letter-spacing:-.5px;margin:0;font-size:1.2rem;font-weight:800}.admin-topbar-action{color:#1736a4;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .3s}.admin-topbar-action:active{background:#2457f514;transform:scale(.92)}.admin-bottom-nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #fff3;border-radius:40px 40px 0 0;justify-content:space-around;align-items:center;padding:8px 16px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000014}.admin-bottom-nav-tab{color:#717a6d;font-size:11px;font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;padding:6px 18px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.admin-bottom-nav-tab:active{transform:scale(.9)}.admin-bottom-nav-tab .material-symbols-rounded{margin-bottom:2px;font-size:22px}.admin-bottom-nav-tab.active{color:#fff;background:#2457f5;padding:8px 22px;box-shadow:0 4px 16px #2457f559}.admin-bottom-nav-label{margin-top:2px;font-size:11px;line-height:1}.admin-menu-overlay{z-index:200;background:#0006;animation:.2s fadeIn;display:block;position:fixed;inset:0}.admin-menu-sheet{z-index:210;-webkit-backdrop-filter:blur(24px);background:#fffffff2;border-radius:40px 40px 0 0;max-height:85vh;padding:0 20px 40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 60px #0000001f}.admin-menu-handle{z-index:1;background:#fffffff2;justify-content:center;padding:12px 0 8px;display:flex;position:sticky;top:0}.admin-menu-handle-bar{background:#c0c9bb;border-radius:4px;width:36px;height:4px}.admin-menu-user{border-bottom:1px solid #e6e9e7;align-items:center;gap:14px;margin-bottom:8px;padding:16px 0 20px;display:flex}.admin-menu-avatar{color:#fff;width:48px;height:48px;font-size:1.1rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#1736a4,#2457f5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #2457f54d}.admin-menu-name{font-family:var(--font-display);color:#191c1b;margin:0;font-size:1.05rem;font-weight:700}.admin-menu-role{color:#717a6d;margin:2px 0 0;font-size:.8rem}.admin-menu-nav{padding:8px 0}.admin-menu-section{text-transform:uppercase;letter-spacing:1.5px;color:#717a6d;padding:16px 4px 6px;font-size:.65rem;font-weight:700}.admin-menu-link{color:#41493e;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-menu-link:active{transform:scale(.97)}.admin-menu-link.active{color:#1736a4;background:#2457f50f;border-left:3px solid #cca830;font-weight:600}.admin-menu-link .material-symbols-rounded{color:#41493e;font-size:22px}.admin-menu-link.active .material-symbols-rounded{color:#1736a4}.admin-menu-logout{color:#ba1a1a;cursor:pointer;background:#ba1a1a0f;border:none;border-radius:16px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-menu-logout:active{background:#ba1a1a1f;transform:scale(.97)}.admin-mobile-layout .page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.admin-mobile-layout .page-header-left h2{font-family:var(--font-display);color:#191c1b;letter-spacing:-.02em;font-size:1.6rem;font-weight:700;line-height:1.2}.admin-mobile-layout .kpi-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;gap:14px;margin:0 -16px;padding-bottom:16px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.admin-mobile-layout .kpi-grid::-webkit-scrollbar{display:none}.admin-mobile-layout .kpi-card{scroll-snap-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fffc;border-radius:2rem;flex-shrink:0;min-width:240px;padding:20px 24px;box-shadow:0 20px 40px #0000000d}.admin-mobile-layout .kpi-card:before{display:none}.admin-mobile-layout .kpi-card:hover{transform:none;box-shadow:0 20px 40px #0000000d}.admin-mobile-layout .kpi-label{letter-spacing:.05em;color:#41493e;font-size:.68rem}.admin-mobile-layout .kpi-value{color:#1736a4;letter-spacing:-.02em;font-size:1.8rem}.admin-mobile-layout .kpi-icon{color:#1736a4;opacity:.15;font-size:28px}.admin-mobile-layout .card{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fffc;border-radius:1.5rem;box-shadow:0 20px 40px #0000000d}.admin-mobile-layout .card-header{background:0 0;border-bottom:1px solid #e6e9e7}.admin-mobile-layout .dashboard-bento-grid{grid-template-columns:1fr!important}.admin-mobile-layout .modal-overlay{align-items:flex-end;padding:0}.admin-mobile-layout .modal{border-radius:40px 40px 0 0;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.admin-mobile-layout .table-wrapper{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fffc;border-radius:1.5rem;box-shadow:0 20px 40px #0000000d}.admin-mobile-layout .btn{border-radius:9999px;min-height:48px}.admin-mobile-layout .btn-primary{background:linear-gradient(135deg,#1736a4 0%,#2457f5 100%);box-shadow:0 4px 16px #2457f54d}.admin-mobile-layout .form-input,.admin-mobile-layout .form-select,.admin-mobile-layout .form-textarea{background:#e6e9e7;border:1.5px solid #0000;border-radius:16px;padding:14px 16px}.admin-mobile-layout .form-input:focus,.admin-mobile-layout .form-select:focus{background:#fff;border-color:#2457f5;box-shadow:0 0 0 3px #2457f514}.admin-mobile-layout .tabs{background:#e6e9e7;border-radius:9999px;padding:4px}.admin-mobile-layout .tab{border-radius:9999px}.admin-mobile-layout .tab.active{color:#fff;background:#2457f5;box-shadow:0 2px 8px #2457f540}.admin-mobile-layout .badge{border-radius:9999px;padding:4px 12px}.admin-mobile-layout .page-header{flex-direction:column;align-items:stretch;gap:14px}.admin-mobile-layout .page-header>div[style*="display: flex"]{flex-direction:column!important;gap:10px!important}.admin-mobile-layout .page-header .form-select{width:100%}.admin-mobile-layout .page-header .btn-lg{justify-content:center;width:100%}.admin-mobile-layout .card-body>.form-group{flex:100%!important}.admin-mobile-layout .card-body[style*=flex-wrap]{flex-direction:column!important}.admin-mobile-layout .card-body[style*="display: flex"][style*=gap]{flex-direction:column!important;align-items:stretch!important}.admin-mobile-layout .card-body .kpi-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;gap:12px;margin:0 -24px;padding-bottom:12px;padding-left:24px;padding-right:24px;display:flex;overflow-x:auto}.admin-mobile-layout .card-body .kpi-grid::-webkit-scrollbar{display:none}.admin-mobile-layout .card-body .kpi-card{scroll-snap-align:start;background:#ffffff80;border:1px solid #fff9;border-radius:1.5rem;flex-shrink:0;min-width:200px;padding:16px 20px}.admin-mobile-layout .card-body .kpi-card:before{display:none}.admin-mobile-layout .card-body .kpi-card .kpi-value{font-size:1.4rem}.admin-mobile-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(180px"]{grid-template-columns:1fr!important}.admin-mobile-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(200px"]{grid-template-columns:1fr 1fr!important}.admin-mobile-layout div[style*="grid-template-columns: repeat(auto-fill, minmax(280px"]{grid-template-columns:1fr!important}.admin-mobile-layout div[style*="gridTemplateColumns: repeat(3, 1fr)"]{gap:4px!important}.admin-mobile-layout div[style*="display: flex"][style*="justify-content: space-between"][style*="background: var(--surface-low)"]{flex-direction:column;gap:4px}.admin-mobile-layout .table-wrapper{-webkit-overflow-scrolling:touch;border-radius:1.5rem;margin:0 -16px;padding:0 16px;overflow-x:auto}.admin-mobile-layout .table{min-width:600px;font-size:.8rem}.admin-mobile-layout .table thead th{white-space:nowrap;padding:10px 12px;font-size:.68rem}.admin-mobile-layout .table tbody td{padding:10px 12px;font-size:.8rem}.admin-mobile-layout .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.admin-mobile-layout .tabs::-webkit-scrollbar{display:none}.admin-mobile-layout .tab{white-space:nowrap;flex:none;min-width:max-content;padding:8px 16px;font-size:.8rem}.admin-mobile-layout .card-header h3{font-size:.9rem;line-height:1.3}.admin-mobile-layout .card-header h3 span[style*="fontSize: '0.8rem'"]{margin-top:4px;display:block}.admin-mobile-layout .card[style*="border: 2px solid var(--primary)"]{border-radius:2rem;border:2px solid #2457f566!important}.admin-mobile-layout .card[style*="border: 2px solid var(--primary)"] .card-header{border-radius:2rem 2rem 0 0}.admin-mobile-layout .card-body[style*="alignItems: 'flex-end'"]{align-items:stretch!important}.admin-mobile-layout .table .btn-sm{min-height:unset;border-radius:8px;padding:4px 8px;font-size:.72rem}.admin-mobile-layout div[style*="background: var(--warning-container)"]{border-radius:1rem!important}.admin-mobile-layout .empty-state{padding:32px 20px!important}.admin-mobile-layout .empty-state .material-symbols-rounded{color:#717a6d;margin-bottom:8px;font-size:40px}.admin-bottom-nav-tab{padding:6px 12px}.admin-bottom-nav-tab.active{padding:8px 16px}.admin-bottom-nav-label{font-size:10px}.admin-mobile-layout .card svg[viewBox]{touch-action:pan-x;max-height:220px}.admin-mobile-layout .card>div:has(>svg){background:linear-gradient(#2457f505 0%,#fff0 100%);border-radius:0 0 1.5rem 1.5rem;padding:8px 4px 4px}.admin-mobile-layout .filters-bar{background:#e6e9e773;border-radius:1rem;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.admin-mobile-layout .filters-bar .filter-group[style*=alignSelf]{align-self:stretch!important}.admin-mobile-layout .filters-bar .filter-group .btn{justify-content:center;width:100%}.admin-mobile-layout .filter-group{flex-direction:column;flex:100%;gap:4px;display:flex}.admin-mobile-layout .filter-group label{color:#41493e;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.admin-mobile-layout .filter-group input[type=date],.admin-mobile-layout .filter-group select{background:#fff;border:1.5px solid #e6e9e7;border-radius:12px;width:100%;padding:10px 12px;font-size:.85rem;transition:all .2s}.admin-mobile-layout .filter-group input[type=date]:focus,.admin-mobile-layout .filter-group select:focus{border-color:#2457f5;box-shadow:0 0 0 3px #2457f514}.admin-mobile-layout .card-header{flex-direction:column;gap:10px;padding:16px 20px;align-items:flex-start!important}.admin-mobile-layout .card-header h3{color:#191c1b;font-size:.95rem;font-weight:700}.admin-mobile-layout .card-header .form-select,.admin-mobile-layout .card-header select{background:#e6e9e7;border:1.5px solid #0000;border-radius:12px;padding:10px 12px;font-size:.85rem;width:100%!important}.admin-mobile-layout .card-header .badge{padding:3px 10px;font-size:.65rem}.admin-mobile-layout>.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid;overflow-x:visible}.admin-mobile-layout>.kpi-grid .kpi-card{min-width:unset;flex-shrink:unset;scroll-snap-align:unset;border-radius:1.2rem;padding:14px 16px}.admin-mobile-layout>.kpi-grid .kpi-value{font-size:1.15rem}.admin-mobile-layout>.kpi-grid .kpi-label{font-size:.62rem}.admin-mobile-layout div[style*="display: grid"][style*=gap]>.card{overflow:hidden}.admin-mobile-layout .table tbody td[style*="fontWeight: 700"]{color:#1736a4}.admin-mobile-layout svg circle{r:5}.admin-mobile-layout svg circle:active{r:9}.admin-mobile-layout .card>.card-body,.admin-mobile-layout .card>div:not(.card-header){padding-left:16px;padding-right:16px}.admin-mobile-layout .card .kpi-grid[style*=marginBottom]{grid-template-columns:1fr 1fr;gap:10px;padding:0 0 12px;overflow-x:visible;margin:0!important;display:grid!important}.admin-mobile-layout .card .kpi-grid[style*=marginBottom] .kpi-card{min-width:unset;flex-shrink:unset;scroll-snap-align:unset;background:#2457f50a;border:1px solid #2457f51a;border-radius:1rem;padding:12px 14px}.admin-mobile-layout .card .table-wrapper+.table-wrapper,.admin-mobile-layout .card div[style*=marginTop]>.table-wrapper{margin-top:0}.admin-mobile-layout .card .table-wrapper{box-shadow:none;background:0 0;border:none;border-radius:0;margin-left:-16px;margin-right:-16px;padding:0 16px}.admin-mobile-layout .card .table{min-width:100%}.admin-mobile-layout .card .table thead th{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;position:sticky;top:0}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--on-surface-muted)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.font-mono{font-family:Courier New,monospace}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.w-full{width:100%}.cursor-pointer{cursor:pointer}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-step-enter{animation:.3s ease-out posStepIn}.pos-step-forward{animation:.3s ease-out posSlideLeft}.pos-step-back{animation:.3s ease-out posSlideRight}@keyframes posStepIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes posSlideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes posSlideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.sidebar{width:var(--sidebar-width);background:var(--sidebar);padding:18px 14px 14px;box-shadow:8px 0 28px #1118272e}.sidebar-logo{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;min-height:56px;padding:0 8px 18px;display:flex}.sidebar-logo-mark{width:40px;height:40px;font-family:var(--font-display);background:#fff;border-radius:12px;flex:0 0 40px;place-items:center;font-size:1.1rem;font-weight:800;display:inline-grid;box-shadow:0 5px 16px #00000029}.sidebar-logo-mark img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.sidebar-logo-copy{min-width:0}.sidebar-logo h1,.sidebar-logo-title{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.sidebar-logo p{color:var(--sidebar-muted);letter-spacing:.01em;margin-top:2px;font-size:.62rem;line-height:1.25}.sidebar-user{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;gap:11px;margin:14px 2px 12px;padding:11px}.sidebar-user-avatar{background:#2457f5;border:1px solid #ffffff3d;width:40px;height:40px}.sidebar-user-info{min-width:0}.sidebar-user-info h4{color:#fff;max-width:170px;font-size:.82rem}.sidebar-user-info p{max-width:170px;color:var(--sidebar-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.sidebar-nav{scrollbar-color:#ffffff47 transparent;scrollbar-width:thin;flex-direction:column;gap:4px;padding:2px 0 10px;display:flex}.sidebar-link{color:#e0ebe1;border-radius:9px;gap:10px;min-height:38px;margin:1px 0;padding:8px 10px;font-size:.8rem;line-height:1.2}.sidebar-link .material-symbols-rounded{color:var(--sidebar-muted);flex:0 0 20px;font-size:19px}.sidebar-link-label{flex:1;min-width:0}.sidebar-link:hover{color:#fff;background:#ffffff17}.sidebar-link:hover .material-symbols-rounded,.sidebar-link.active .material-symbols-rounded{color:#fff}.sidebar-link.active{color:#fff;background:#ffffff26;font-weight:700;box-shadow:inset 3px 0 #b5dfa9}.sidebar-link.active:before{display:none}.sidebar-root-link{min-height:44px;margin-bottom:4px;font-size:.84rem}.sidebar-nav-group{border-radius:10px}.sidebar-nav-group>summary{min-height:42px;color:var(--sidebar-muted);cursor:pointer;transition:color var(--transition), background var(--transition);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;list-style:none;display:flex}.sidebar-nav-group>summary::-webkit-details-marker{display:none}.sidebar-nav-group>summary:hover{color:#fff;background:#ffffff12}.sidebar-group-heading,.sidebar-group-meta{align-items:center;display:flex}.sidebar-group-heading{letter-spacing:.045em;text-transform:uppercase;gap:9px;min-width:0;font-size:.68rem;font-weight:800}.sidebar-group-heading .material-symbols-rounded{flex:0 0 19px;font-size:19px}.sidebar-group-heading>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-group-meta{gap:2px}.sidebar-group-count{border-radius:var(--radius-full);background:#ffffff1c;place-items:center;min-width:23px;height:21px;padding:0 6px;font-size:.63rem;font-weight:800;display:inline-grid}.sidebar-group-chevron{transition:transform var(--transition);font-size:18px}.sidebar-nav-group[open] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-links{border-left:1px solid #ffffff24;gap:1px;margin:1px 0 5px 14px;padding-left:8px;display:grid}.sidebar-badge{border-radius:var(--radius-full);color:#fff;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.62rem;font-weight:800;display:inline-grid}.sidebar-badge-critical{background:#c62828}.sidebar-badge-warning{background:#a64b00}.sidebar-badge-info{background:#1565c0}.sidebar-footer{border-top:1px solid #ffffff1f;gap:8px;padding:12px 2px 0;display:grid}.sidebar-status{color:var(--sidebar-muted);padding:0 9px}.sidebar-logout{color:#ffd4d0;border:1px solid #ffd4d033;margin-top:0}.sidebar-logout:hover{color:#fff;background:#c6282838}.workspace-topbar{z-index:80;min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--outline);-webkit-backdrop-filter:blur(14px);background:#fffffff5;padding:10px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px #17211a05}.workspace-topbar-primary,.workspace-topbar-secondary,.workspace-context-pills,.workspace-context-pill,.workspace-user{align-items:center;display:flex}.workspace-topbar-primary{gap:11px;min-width:0}.workspace-context{align-items:center;gap:11px;min-width:0;display:flex}.workspace-context-mark{width:40px;height:40px;color:var(--primary);background:var(--primary-container);border-radius:11px;flex:0 0 40px;place-items:center;display:inline-grid}.workspace-context-mark .material-symbols-rounded{font-size:21px}.workspace-context-copy{min-width:0;line-height:1.15;display:grid}.workspace-context-copy>span{color:var(--on-surface-muted);letter-spacing:.075em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.66rem;font-weight:800;overflow:hidden}.workspace-context-copy>strong{color:var(--on-surface);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.98rem;overflow:hidden}.workspace-topbar-secondary{gap:9px;min-width:0}.workspace-context-pills{gap:7px;min-width:0}.workspace-context-pill{border:1px solid var(--outline);border-radius:var(--radius-full);min-width:0;min-height:32px;color:var(--on-surface-variant);background:var(--surface-low);white-space:nowrap;gap:6px;padding:5px 10px;font-size:.72rem;font-weight:700}.workspace-context-pill .material-symbols-rounded{color:var(--primary);font-size:16px}.workspace-menu-button{border:1px solid var(--outline);width:42px;height:42px;color:var(--primary);background:var(--surface-card);cursor:pointer;border-radius:11px;flex:0 0 42px;place-items:center;display:none}.workspace-topbar .version-refresh-button{border:1px solid var(--outline);min-width:42px;min-height:42px;color:var(--primary);background:var(--surface-card);box-shadow:none;padding:8px 12px}.workspace-topbar .version-refresh-button:hover:not(:disabled){color:var(--primary-dark);background:var(--primary-container);box-shadow:none;transform:none}.workspace-user-avatar{border-radius:var(--radius-full);color:#fff;width:38px;height:38px;font-family:var(--font-display);box-shadow:0 0 0 3px var(--primary-container);background:#47794c;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.support-session-banner{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid #0277bd33;flex-wrap:wrap}.support-session-copy{align-items:center;gap:var(--space-2);display:flex}.focused-workspace .page-content{max-width:none;padding:18px}.card,.kpi-card,.filters-bar,.table-wrapper{transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition)}.card:hover,.filters-bar:hover{border-color:#c4d0c5}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:#c4d0c5}.table tbody tr+tr{border-top:1px solid #edf1ed}.table thead th{height:44px;color:var(--on-surface-variant);letter-spacing:.06em}.table tbody td{min-height:48px}.form-label{color:var(--on-surface)}.form-input::placeholder,.form-textarea::placeholder{color:#647267}.modal-header,.modal-footer{background:#fafcfa}.modal-header{z-index:2;background:#fafcfaf7;position:sticky;top:0}.modal-footer{z-index:2;position:sticky;bottom:0}.admin-menu-close{border:1px solid var(--outline);width:40px;height:40px;color:var(--on-surface-variant);background:var(--surface-card);cursor:pointer;border-radius:11px;place-items:center;margin-left:auto;display:inline-grid}.admin-menu-user-copy{min-width:0}.admin-menu-root-link{border:1px solid var(--outline);background:var(--surface-low);margin-bottom:7px}.admin-menu-group{border-bottom:1px solid #e9eee9}.admin-menu-group>summary{min-height:48px;color:var(--on-surface-variant);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 5px;list-style:none;display:flex}.admin-menu-group>summary::-webkit-details-marker{display:none}.admin-menu-group-heading,.admin-menu-group-meta{align-items:center;display:flex}.admin-menu-group-heading{letter-spacing:.035em;text-transform:uppercase;gap:10px;font-size:.78rem;font-weight:800}.admin-menu-group-heading .material-symbols-rounded{color:var(--primary);font-size:20px}.admin-menu-group-meta{gap:4px}.admin-menu-group-count{border-radius:var(--radius-full);min-width:24px;height:22px;color:var(--on-surface-muted);background:var(--surface-high);place-items:center;padding:0 6px;font-size:.66rem;font-weight:800;display:inline-grid}.admin-menu-group-chevron{transition:transform var(--transition);font-size:19px}.admin-menu-group[open] .admin-menu-group-chevron{transform:rotate(180deg)}.admin-menu-group-links{border-left:1px solid var(--outline);gap:2px;padding:0 0 9px 13px;display:grid}@media (width<=1180px){.workspace-date-pill,.version-refresh-label{display:none}.workspace-topbar .version-refresh-button{padding:8px}}@media (width<=900px){.main-content,.admin-mobile-layout .main-content{min-width:0;margin-left:0;padding-bottom:0}.workspace-topbar{gap:10px;min-height:64px;padding:8px 16px}.workspace-menu-button{display:inline-grid}.workspace-context-mark{flex-basis:36px;width:36px;height:36px}.workspace-context-copy>span{font-size:.61rem}.workspace-context-copy>strong{font-size:.88rem}.workspace-context-pill{text-overflow:ellipsis;max-width:200px;overflow:hidden}.workspace-context-pill>span:last-child{text-overflow:ellipsis;overflow:hidden}.workspace-topbar .version-refresh-button{width:40px;min-width:40px;height:40px;min-height:40px}.page-content,.admin-mobile-layout .page-content{padding:20px}.admin-mobile-layout .page-content{padding-bottom:104px}.sidebar{z-index:110;transition:transform .22s;transform:translate(-100%)}.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{z-index:105;cursor:pointer;background:#0f1c1294;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.admin-bottom-nav{min-height:72px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--outline);-webkit-backdrop-filter:blur(14px);background:#fffffff7;border-radius:20px 20px 0 0;box-shadow:0 -8px 28px #17211a1a}.admin-bottom-nav-tab,.admin-bottom-nav-tab.active{border-radius:12px;min-width:54px;min-height:50px;padding:6px 10px}.admin-bottom-nav-tab.active{color:var(--primary);background:var(--primary-container);box-shadow:none}.admin-menu-overlay{z-index:200;background:#0f1c1294;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.admin-menu-sheet{z-index:210;max-height:88vh;padding:0 18px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--outline);color:var(--on-surface);background:#fff;border-bottom:0;border-radius:24px 24px 0 0;animation:.24s ease-out slideUp;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 60px #17211a33}.admin-menu-handle{background:#fff;padding:11px 0 7px}.admin-menu-user{border-bottom:1px solid var(--outline);gap:12px;padding:10px 0 16px}.admin-menu-avatar{width:44px;height:44px;box-shadow:none;background:#47794c}.admin-menu-name{color:var(--on-surface)}.admin-menu-role{color:var(--on-surface-muted)}.admin-menu-nav{padding:10px 0}.admin-menu-link{min-height:44px;color:var(--on-surface-variant);border-radius:10px;gap:11px;padding:9px 11px}.admin-menu-link .material-symbols-rounded{color:var(--on-surface-muted)}.admin-menu-link.active{color:var(--primary);background:var(--primary-container);box-shadow:inset 3px 0 var(--primary);border-left:0}.admin-menu-link.active .material-symbols-rounded{color:var(--primary)}.admin-menu-logout{border-radius:11px;min-height:46px;margin-top:12px}.admin-mobile-layout{background:var(--canvas)}.admin-mobile-layout .card,.admin-mobile-layout .kpi-card,.admin-mobile-layout .table-wrapper{border:1px solid var(--outline);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none}.admin-mobile-layout .kpi-grid,.admin-mobile-layout .card-body .kpi-grid,.admin-mobile-layout>.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px;padding:0;display:grid;overflow:visible}.admin-mobile-layout .kpi-card,.admin-mobile-layout .card-body .kpi-card,.admin-mobile-layout>.kpi-grid .kpi-card{border-radius:var(--radius-xl);scroll-snap-align:unset;min-width:0;padding:16px}.admin-mobile-layout .kpi-card:before{display:block}.admin-mobile-layout .kpi-value{color:var(--on-surface);font-size:clamp(1.35rem,6vw,1.75rem)}.admin-mobile-layout .card-header{border-bottom:1px solid var(--outline);background:var(--surface-low);gap:10px;padding:16px 18px}.admin-mobile-layout .card-body,.admin-mobile-layout .card>div:not(.card-header){padding-left:18px;padding-right:18px}.admin-mobile-layout .table-wrapper,.admin-mobile-layout .card .table-wrapper{box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;margin:0;padding:0;overflow-x:auto}.admin-mobile-layout .table,.admin-mobile-layout .card .table{min-width:620px}.admin-mobile-layout .form-input,.admin-mobile-layout .form-select,.admin-mobile-layout .form-textarea{border:1px solid var(--border-control);background:#fff;border-radius:11px;min-height:44px}.admin-mobile-layout .modal{border-radius:22px 22px 0 0;max-height:92vh}.admin-mobile-layout .tabs{border:1px solid var(--outline);background:var(--surface-low);border-radius:12px}.admin-mobile-layout .tab,.admin-mobile-layout .tab.active{border-radius:9px;min-height:40px}.admin-mobile-layout .tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}}@media (width<=620px){.workspace-topbar{padding-left:12px;padding-right:12px}.workspace-context-mark,.workspace-context-pills,.workspace-user{display:none}.workspace-topbar-primary{flex:1}.workspace-context-copy>strong{max-width:42vw}.page-content,.admin-mobile-layout .page-content{padding:16px}.admin-mobile-layout .page-content{padding-bottom:98px}.page-header,.admin-mobile-layout .page-header{align-items:stretch;gap:12px}.page-header>.btn,.page-header>div:last-child:not(.page-header-left) .btn{width:100%}.kpi-grid,.admin-mobile-layout .kpi-grid,.admin-mobile-layout .card-body .kpi-grid,.admin-mobile-layout>.kpi-grid{grid-template-columns:1fr}.card-header,.admin-mobile-layout .card-header{align-items:stretch}.card-header>.btn,.card-header>div:last-child .btn{width:100%}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%}.toast-container{bottom:88px;left:12px;right:12px}.toast{width:100%;min-width:0}.support-session-banner,.support-session-copy{align-items:flex-start}.support-session-banner .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.install-app-button{border:1px solid var(--outline);min-height:42px;color:var(--primary);background:var(--surface-card);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.install-app-button:hover:not(:disabled){color:var(--primary-dark);background:var(--primary-container);border-color:#2457f54d}.install-app-button:disabled{cursor:wait;opacity:.72}.install-app-button .material-symbols-rounded{font-size:20px}.install-app-button--login{width:100%;margin-top:var(--space-4);color:#c8d7ff;background:#2457f521;border-color:#7c9fff4d}.install-app-button--login:hover:not(:disabled){color:#fff;background:#2457f53d;border-color:#a3e6356b}.install-app-button--menu{width:100%;min-height:46px;color:var(--primary);background:var(--primary-container);margin-top:12px}.install-app-button--sidebar{color:#fff;background:#2457f538;border-color:#a3e6354d;width:100%;min-height:42px;display:none}.install-app-button--sidebar:hover:not(:disabled){color:#fff;background:#2457f559;border-color:#a3e63594}.install-guide{gap:var(--space-5);display:grid}.install-guide-intro{align-items:center;gap:var(--space-4);grid-template-columns:64px minmax(0,1fr);display:grid}.install-guide-intro img{border:1px solid var(--outline);object-fit:cover;width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:18px;display:block}.install-guide-intro span{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:850;display:block}.install-guide-intro p,.install-guide-steps p,.install-guide-note p{margin:0}.install-guide-intro p{color:var(--on-surface-variant);font-size:.9rem;line-height:1.5}.install-guide-steps{gap:12px;padding:0;list-style:none;display:grid}.install-guide-steps li{border:1px solid var(--outline);background:var(--surface-low);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.install-guide-step-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-container);border-radius:12px;place-items:center;display:inline-grid}.install-guide-steps strong{color:var(--on-surface);margin:1px 0 3px;font-size:.86rem;display:block}.install-guide-steps p{color:var(--on-surface-muted);font-size:.78rem;line-height:1.45}.install-guide-note{color:var(--primary-dark);background:#2457f50f;border:1px solid #2457f533;border-radius:13px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.install-guide-note .material-symbols-rounded{flex:0 0 20px;margin-top:1px}.install-guide-note p{color:inherit;font-size:.76rem;line-height:1.45}@media (width<=1180px){.install-app-button--compact .install-app-button-label{display:none}.install-app-button--compact{width:42px;padding:8px}}@media (width<=620px){.install-app-button--topbar{display:none}.install-app-button--sidebar{display:inline-flex}.install-guide-intro{grid-template-columns:52px minmax(0,1fr)}.install-guide-intro img{border-radius:15px;width:52px;height:52px}.install-guide-steps li{grid-template-columns:38px minmax(0,1fr);padding:10px}.install-guide-step-icon{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.install-app-button{transition:none}}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:60vh;padding:32px;animation:.3s ease-out loaderFadeIn;display:flex}.page-loader--compact{justify-content:flex-start;align-items:stretch;gap:14px;min-height:240px;padding:12px 0;animation:.18s ease-out .12s both loaderFadeIn}.page-loader--compact .page-loader__text{text-align:center;margin:0}.page-loader__skeleton{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:14px;width:100%;display:grid}.page-loader__skeleton span{border:1px solid var(--outline-soft,#74839229);background:var(--surface-container,#f4f7fb);display:block;position:relative;overflow:hidden}.page-loader__skeleton span:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb8 48%,#0000 76%);animation:1.25s ease-in-out infinite loaderSkeleton;position:absolute;inset:0;transform:translate(-100%)}.page-loader__skeleton-title{border-radius:10px;grid-column:1/-1;width:min(42%,360px);height:32px}.page-loader__skeleton-card{border-radius:18px;height:150px}@keyframes loaderSkeleton{to{transform:translate(100%)}}.page-loader__icon{background:linear-gradient(135deg,#2457f51f 0%,#1736a414 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;animation:1.8s ease-in-out infinite loaderPulse;display:flex}.page-loader__icon .material-symbols-rounded{color:var(--primary,#2457f5);font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;font-size:32px}.page-loader__bar-wrapper{background:var(--surface-high,#d4e9f7);border-radius:4px;width:180px;height:4px;position:relative;overflow:hidden}.page-loader__bar{background:linear-gradient(90deg, var(--primary,#2457f5) 0%, var(--primary-light,#3b6af7) 50%, var(--primary-container,#eaf0ff) 100%);border-radius:4px;width:40%;height:100%;animation:1.4s ease-in-out infinite loaderProgress;position:absolute;top:0;left:0}.page-loader__bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:1.4s ease-in-out infinite loaderShimmer;position:absolute;inset:0}.page-loader__text{font-family:var(--font-body,"Inter", sans-serif);color:var(--on-surface-muted,#6b8090);letter-spacing:.3px;font-size:.8rem;font-weight:500;animation:.6s ease-out .2s both loaderTextFade}@keyframes loaderFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes loaderProgress{0%{width:40%;left:-40%}50%{width:50%;left:30%}to{width:40%;left:110%}}@keyframes loaderShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loaderTextFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.page-loader{gap:20px;min-height:50vh}.page-loader__icon{border-radius:12px;width:48px;height:48px}.page-loader__icon .material-symbols-rounded{font-size:28px}.page-loader__bar-wrapper{width:140px}.page-loader__text{font-size:.75rem}.page-loader--compact{min-height:210px;padding:8px 0}.page-loader__skeleton{grid-template-columns:1fr}.page-loader__skeleton-title{grid-column:auto;width:62%}.page-loader__skeleton-card{height:116px}.page-loader__skeleton-card--short{display:none}}@media (prefers-reduced-motion:reduce){.page-loader,.page-loader__icon,.page-loader__bar,.page-loader__bar:after,.page-loader__text,.page-loader__skeleton span:after{animation:none}}.skip-link{z-index:3000;top:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--primary);border-radius:var(--radius-lg);color:var(--primary-dark);background:var(--surface-card);box-shadow:var(--shadow-lg);transform:translate(-50%, calc(-100% - var(--space-6)));transition:transform var(--transition);font-weight:800;position:fixed;left:50%}.skip-link:focus,.skip-link:focus-visible{color:var(--primary-dark);transform:translate(-50%)}.admin-bottom-nav-tab{position:relative}.admin-bottom-nav-badge{border-radius:var(--radius-full);color:#fff;background:var(--error);text-align:center;pointer-events:none;min-width:16px;padding:0 5px;font-size:.6rem;font-weight:800;line-height:16px;position:absolute;top:2px;left:50%;transform:translate(14px)}.admin-menu-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-align:center;min-width:24px;margin-left:auto;padding:3px 7px;font-weight:800}.admin-menu-badge--critical,.admin-menu-badge--warning{background:var(--warning-container);color:var(--warning)}.admin-menu-badge--critical{background:var(--error-container);color:var(--error)}.admin-menu-badge--info{background:var(--info-container);color:var(--info)}#main-content:focus,#main-content:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.tutorial-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:850}.tutorial-welcome{align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr);display:grid}.tutorial-welcome h2,.tutorial-center-intro h2{color:var(--on-surface);font-family:var(--font-display);margin:0;font-size:clamp(1.35rem,3vw,2rem)}.tutorial-welcome p:not(.tutorial-eyebrow),.tutorial-center-intro p:not(.tutorial-eyebrow){color:var(--on-surface-variant);margin:8px 0 0;line-height:1.6}.tutorial-welcome-mark{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));border-radius:24px;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 14px 34px #1b5e2033}.tutorial-welcome-mark .material-symbols-rounded{font-size:38px}.tutorial-welcome-points{margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tutorial-welcome-points>span{border:1px solid var(--outline);border-radius:var(--radius-lg);min-height:54px;color:var(--on-surface-variant);background:var(--surface-low);align-items:center;gap:8px;padding:10px 12px;font-size:.78rem;font-weight:750;display:flex}.tutorial-welcome-points .material-symbols-rounded{color:var(--primary);font-size:20px}.tutorial-safety-note{margin:var(--space-5) 0 0;border-radius:var(--radius-lg);color:#315137;background:#edf6ee;align-items:flex-start;gap:9px;padding:12px 14px;font-size:.8rem;line-height:1.5;display:flex}.tutorial-safety-note .material-symbols-rounded{color:var(--primary);flex:none;font-size:20px}.tutorial-help-button{border:1px solid var(--outline);width:42px;height:42px;color:var(--primary);background:var(--surface-card);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:11px;flex:0 0 42px;place-items:center;padding:0;display:inline-grid}.tutorial-help-button:hover,.tutorial-help-button:focus-visible{border-color:color-mix(in srgb, var(--primary) 40%, var(--outline));color:var(--primary-dark);background:var(--primary-container)}.tutorial-help-button .material-symbols-rounded{font-size:21px}.tutorial-tour-overlay{z-index:4000;pointer-events:auto;position:fixed;inset:0}.tutorial-tour-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a160db8;position:absolute;inset:0}.tutorial-spotlight{z-index:1;pointer-events:none;border:3px solid #fff;border-radius:16px;transition:inset .18s,width .18s,height .18s;position:fixed;box-shadow:0 0 0 9999px #0a160db8,0 0 0 7px #81c7845c}.tutorial-tour-card{z-index:2;width:min(620px,100%);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);color:var(--on-surface);background:var(--surface-card);border:1px solid #ffffffb3;border-radius:22px;outline:none;padding:22px;transition:top .18s,left .18s;position:fixed;overflow-y:auto;box-shadow:0 28px 70px #00000052}.tutorial-tour-progress{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;display:grid}.tutorial-tour-progress span{border-radius:var(--radius-full);background:var(--surface-highest);height:4px}.tutorial-tour-progress span.is-active{background:var(--primary)}.tutorial-tour-heading{align-items:center;gap:13px;display:flex}.tutorial-tour-icon{width:46px;height:46px;color:var(--primary);background:var(--primary-container);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.tutorial-tour-heading p{color:var(--on-surface-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;font-size:.7rem;font-weight:800}.tutorial-tour-heading h2{font-family:var(--font-display);margin:0;font-size:1.2rem}.tutorial-tour-body{color:var(--on-surface-variant);margin:16px 0 20px;line-height:1.6}.tutorial-tour-actions,.tutorial-tour-actions>div,.tutorial-guide-player footer,.tutorial-guide-player footer>div{align-items:center;gap:9px;display:flex}.tutorial-tour-actions,.tutorial-guide-player footer{justify-content:space-between}.tutorial-center-intro{justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--outline);display:flex}.tutorial-center-progress{border-radius:var(--radius-lg);background:var(--surface-low);flex:0 0 150px;width:150px;padding:12px}.tutorial-center-progress strong{color:var(--primary-dark);font-family:var(--font-display);font-size:1.35rem;display:block}.tutorial-center-progress>span{color:var(--on-surface-muted);font-size:.73rem;font-weight:750}.tutorial-center-progress>div,.tutorial-guide-player-progress{border-radius:var(--radius-full);background:var(--surface-highest);height:6px;margin-top:9px;overflow:hidden}.tutorial-center-progress>div>span,.tutorial-guide-player-progress>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.tutorial-resume-banner{width:100%;margin:var(--space-5) 0 0;border:1px solid color-mix(in srgb, var(--primary) 35%, var(--outline));border-radius:var(--radius-xl);color:var(--primary-dark);background:var(--primary-container);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.tutorial-resume-banner>.material-symbols-rounded:first-child{font-size:28px}.tutorial-resume-banner span:nth-child(2){color:var(--on-surface-variant);gap:2px;font-size:.77rem;display:grid}.tutorial-resume-banner strong{color:var(--on-surface);font-size:.88rem}.tutorial-guide-grid{margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tutorial-guide-card{border:1px solid var(--outline);border-radius:var(--radius-xl);min-height:118px;color:inherit;background:var(--surface-card);text-align:left;cursor:pointer;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid}.tutorial-guide-card:hover,.tutorial-guide-card:focus-visible{border-color:color-mix(in srgb, var(--primary) 38%, var(--outline));box-shadow:var(--shadow-md);transform:translateY(-1px)}.tutorial-guide-icon{width:44px;height:44px;color:var(--primary);background:var(--primary-container);border-radius:13px;place-items:center;display:grid}.tutorial-guide-copy{gap:4px;min-width:0;display:grid}.tutorial-guide-copy strong{color:var(--on-surface);font-size:.92rem}.tutorial-guide-copy>span:last-child{color:var(--on-surface-variant);font-size:.76rem;line-height:1.45}.tutorial-guide-meta{color:var(--on-surface-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:.68rem;font-weight:800;display:flex}.tutorial-guide-meta em{border-radius:var(--radius-full);color:#8a4b00;background:#fff3dd;padding:2px 6px;font-size:.61rem;font-style:normal}.tutorial-guide-status{color:var(--on-surface-muted)}.tutorial-guide-status.is-complete{color:var(--success)}.tutorial-guide-player{z-index:2;border:1px solid color-mix(in srgb, var(--primary) 30%, var(--outline));width:min(430px,100vw - 44px);max-height:calc(100vh - 24px);color:var(--on-surface);background:var(--surface-card);border-radius:22px;outline:none;transition:top .18s,left .18s;position:fixed;overflow:hidden;box-shadow:0 24px 64px #0d26123d}.tutorial-guide-overlay{z-index:4000;pointer-events:auto;position:fixed;inset:0}.tutorial-guide-overlay--target-interactive{pointer-events:none}.tutorial-guide-overlay--target-interactive .tutorial-guide-player,.tutorial-guide-overlay--target-interactive .tutorial-interaction-shield{pointer-events:auto}.tutorial-interaction-shield{z-index:0;position:fixed}.tutorial-interaction-shield--top{top:0;left:0;right:0}.tutorial-interaction-shield--left{left:0}.tutorial-interaction-shield--right{right:0}.tutorial-interaction-shield--bottom{bottom:0;left:0;right:0}.tutorial-guide-player>header{justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;display:flex}.tutorial-guide-player-heading{align-items:center;gap:10px;min-width:0;display:flex}.tutorial-guide-player-heading>.material-symbols-rounded{width:38px;height:38px;color:var(--primary);background:var(--primary-container);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.tutorial-guide-player-heading p{color:var(--on-surface-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 2px;font-size:.66rem;font-weight:800}.tutorial-guide-player-heading h2{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;overflow:hidden}.tutorial-guide-player-tools{gap:4px;display:flex}.tutorial-guide-player-tools button{width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.tutorial-guide-player-tools button:hover,.tutorial-guide-player-tools button:focus-visible{color:var(--primary);background:var(--primary-container)}.tutorial-guide-player-progress{border-radius:0;height:4px;margin:0}.tutorial-guide-player-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:20px 18px 16px;display:grid}.tutorial-step-number{border-radius:var(--radius-full);color:#fff;background:var(--primary);place-items:center;width:30px;height:30px;font-size:.77rem;font-weight:850;display:grid}.tutorial-guide-player-body h3{margin:2px 0 7px;font-size:1rem}.tutorial-guide-player-body p{color:var(--on-surface-variant);margin:0;font-size:.84rem;line-height:1.55}.tutorial-guide-player-body .tutorial-step-section{color:var(--primary);letter-spacing:.045em;text-transform:uppercase;margin:0 0 3px;font-size:.66rem;font-weight:850;line-height:1.3}.tutorial-guide-limit{color:#7a4b00;background:#fff5e5;border-radius:10px;align-items:center;gap:7px;margin:0 18px 14px;padding:9px 10px;font-size:.72rem;display:flex}.tutorial-guide-limit .material-symbols-rounded{font-size:17px}.tutorial-guide-player footer{border-top:1px solid var(--outline);background:var(--surface-low);padding:13px 16px}.tutorial-guide-player footer .btn{min-height:40px}.tutorial-guide-resume{z-index:3500;border:1px solid color-mix(in srgb, var(--primary) 32%, var(--outline));width:min(360px,100vw - 44px);color:var(--primary-dark);background:var(--surface-card);box-shadow:var(--shadow-xl);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;display:grid;position:fixed;bottom:22px;right:22px}.tutorial-guide-resume>span:nth-child(2){color:var(--on-surface-muted);font-size:.7rem;display:grid}.tutorial-guide-resume strong{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}@media (width<=760px){.tutorial-welcome-points,.tutorial-guide-grid{grid-template-columns:1fr}.tutorial-center-intro{flex-direction:column;align-items:stretch}.tutorial-center-progress{flex-basis:auto;width:auto}.tutorial-tour-overlay{padding:0}.tutorial-tour-card{padding:18px}}@media (width<=620px){.tutorial-welcome{text-align:center;grid-template-columns:1fr}.tutorial-welcome-mark{border-radius:20px;width:64px;height:64px;margin:0 auto}.tutorial-welcome-mark .material-symbols-rounded{font-size:32px}.tutorial-help-button{flex-basis:40px;width:40px;height:40px}.tutorial-tour-card{max-height:calc(100vh - 28px);overflow-y:auto}.tutorial-tour-actions{flex-direction:column-reverse;align-items:stretch}.tutorial-tour-actions>div{grid-template-columns:1fr 1.35fr;display:grid}.tutorial-tour-actions .btn{width:100%}.tutorial-guide-card{min-height:108px;padding:13px}.tutorial-guide-player{width:calc(100vw - 20px);max-height:calc(100vh - 20px - env(safe-area-inset-bottom));overflow-y:auto}.tutorial-guide-player footer{flex-direction:column-reverse;align-items:stretch}.tutorial-guide-player footer>div{grid-template-columns:auto 1fr;display:grid}.tutorial-guide-player footer>div .btn:last-child{width:100%}.tutorial-guide-resume{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}}@media (prefers-reduced-motion:reduce){.tutorial-spotlight,.tutorial-tour-card,.tutorial-guide-player,.tutorial-guide-card,.tutorial-help-button{transition:none}}.auth-guide-trigger{width:100%;min-height:44px;margin-top:var(--space-4);color:#b9d8ff;font:inherit;cursor:pointer;background:#a0c4ff12;border:1px solid #a0c4ff3d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.auth-guide-trigger:hover,.auth-guide-trigger:focus-visible{background:#a0c4ff21;border-color:#a0c4ff8c;transform:translateY(-1px)}.auth-guide-trigger .material-symbols-rounded{font-size:21px}.auth-guide-overlay{z-index:7000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020812e0;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.auth-guide-dialog{color:#e8edf3;background:#101c2b;border:1px solid #8bc5ff42;border-radius:24px;outline:none;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(980px,100%);height:min(780px,100dvh - 40px);max-height:calc(100dvh - 40px);animation:.22s slideUp;display:grid;overflow:hidden;box-shadow:0 28px 90px #00000080}.auth-guide-header,.auth-guide-footer{justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.auth-guide-header{background:#111f30;border-bottom:1px solid #ffffff14;min-width:0}.auth-guide-header p,.auth-guide-eyebrow{color:#75d9f5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.7rem;font-weight:800}.auth-guide-header h2{color:#f6f9fc;margin:0;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.2}.auth-guide-close{color:#dbe8f7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.auth-guide-progress-area{background:#07111d8c;border-bottom:1px solid #ffffff12;padding:12px 20px}.auth-guide-progress-summary{color:#aebed0;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;font-size:.76rem;display:none}.auth-guide-progress-summary strong{color:#9be9fa}.auth-guide-progress{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-guide-progress button{color:#c0ccda;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:6px 8px;transition:border-color .16s,background .16s,color .16s;display:flex}.auth-guide-progress button:hover,.auth-guide-progress button:focus-visible{color:#ecf8ff;border-color:#75d9f57a}.auth-guide-progress button span{color:#d4dfec;background:#ffffff14;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.72rem;font-weight:850;display:grid}.auth-guide-progress button small{font-size:.68rem;font-weight:750}.auth-guide-progress button.is-active{color:#dff8ff;background:#00b4d829;border-color:#00b4d894}.auth-guide-progress button.is-active span{color:#082338;background:#67def5}.auth-guide-content{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template:"copy visual""support visual"/minmax(0,1.08fr) minmax(310px,.92fr);align-content:center;gap:16px 24px;min-height:0;padding:20px;display:grid;overflow-y:auto}.auth-guide-copy{grid-area:copy;min-width:0}.auth-guide-support{grid-area:support;min-width:0}.auth-guide-visual{grid-area:visual}.auth-guide-hero{object-fit:cover;border:1px solid #6fcdf52e;border-radius:18px;width:100%;max-height:92px;margin-bottom:14px;display:block}.auth-guide-copy h3{color:#f7fbff;margin:0;font-size:clamp(1.35rem,3.2vw,1.85rem);line-height:1.16}.auth-guide-copy>p:not(.auth-guide-eyebrow){color:#ced9e6;margin:16px 0 0;line-height:1.58}.auth-guide-tip{color:#bce7cd;background:#2a9b5e1f;border:1px solid #5edb9547;border-radius:14px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:.82rem;line-height:1.55;display:flex}.auth-guide-tip .material-symbols-rounded{color:#64db95;flex:none;font-size:21px}.auth-guide-tip strong{color:#d9f8e5;margin-bottom:2px;display:block}.auth-guide-official-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.auth-guide-official-links a{color:#9ce8fb;border:1px solid #75d9f540;border-radius:10px;align-items:center;min-height:44px;padding:10px 12px;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.auth-guide-visual{background:radial-gradient(circle at 72% 12%,#00b4d838,#0000 38%),linear-gradient(145deg,#ffffff13,#ffffff06);border:1px solid #80caee29;border-radius:20px;place-items:center;min-height:330px;padding:18px;display:grid;overflow:hidden}.auth-guide-login-demo,.auth-guide-mail-demo,.auth-guide-password-demo{background:#0a182aeb;border:1px solid #ffffff1c;border-radius:20px;width:min(330px,100%);padding:20px;box-shadow:0 20px 42px #00000040}.auth-guide-demo-label,.auth-guide-demo-field span{color:#adbbca;margin-bottom:7px;font-size:.74rem;font-weight:650;display:block}.auth-guide-demo-input,.auth-guide-demo-field{color:#dbe7f4;background:#ffffff0e;border:1px solid #75d9f540;border-radius:11px;padding:12px 13px;font-size:.78rem}.auth-guide-click-target{color:#aeeefd;background:#00b4d81f;border:2px solid #67def5;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:.8rem;display:flex;position:relative;box-shadow:0 0 0 6px #00b4d814}.auth-guide-click-target .material-symbols-rounded{color:#fff;filter:drop-shadow(0 3px 6px #00000073);font-size:34px;position:absolute;bottom:-18px;right:-15px}.auth-guide-demo-caption{color:#75d9f5;text-align:center;margin-top:13px;font-size:.7rem;display:block}.auth-guide-mail-header,.auth-guide-mail-row,.auth-guide-mail-spam{align-items:center;gap:10px;display:flex}.auth-guide-mail-header{color:#f1f6fb;margin-bottom:14px}.auth-guide-mail-row{color:#e9f6fb;background:#00b4d821;border:2px solid #67def5;border-radius:13px;padding:12px;position:relative}.auth-guide-mail-row>span:nth-child(2){flex:1;display:grid}.auth-guide-mail-row small{color:#b8ccdc;margin-top:3px}.auth-guide-mail-row>.material-symbols-rounded{color:#75d9f5;transform:rotate(135deg)}.auth-guide-mail-avatar{color:#082338;background:#67def5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:850;display:grid}.auth-guide-mail-action,.auth-guide-primary-demo{color:#062235;text-align:center;background:linear-gradient(135deg,#67def5,#61b8ff);border-radius:10px;margin-top:14px;padding:11px;font-size:.76rem;font-weight:850}.auth-guide-mail-spam{color:#b5c3d3;margin-top:12px;font-size:.72rem}.auth-guide-mail-spam .material-symbols-rounded{color:#ffbd66;font-size:18px}.auth-guide-demo-field+.auth-guide-demo-field{margin-top:10px}.auth-guide-demo-field strong{color:#f3f7fb;letter-spacing:.12em}.auth-guide-strength-list{color:#bdd0e1;gap:7px;margin-top:14px;font-size:.72rem;display:grid}.auth-guide-strength-list i{color:#0a2b1a;background:#64db95;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:5px;font-style:normal;font-weight:900;display:inline-grid}.auth-guide-authenticator-header{align-items:center;gap:10px;display:flex}.auth-guide-authenticator-header>span:last-child{line-height:1.2;display:grid}.auth-guide-authenticator-header small{color:#71808e;font-size:.65rem}.auth-guide-authenticator-header strong{margin:2px 0;font-size:.77rem}.auth-guide-authenticator-logo{background:#fff;border:1px solid #e5e9ee;border-radius:13px;flex:0 0 52px;width:52px;height:52px;display:block;box-shadow:0 5px 14px #1b2e3c29}.auth-guide-download-demo{place-items:center;gap:10px;width:100%;display:grid}.auth-guide-download-demo .auth-guide-authenticator-header{color:#263238;background:#fff;border:1px solid #e4eaf0;border-radius:16px;width:min(280px,100%);padding:10px 12px;box-shadow:0 10px 25px #040f1a38}.auth-guide-real-screen{place-items:center;gap:6px;margin:0;display:grid}.auth-guide-real-screen-frame{aspect-ratio:273/592;background:#eef3f8;border:4px solid #52677c;border-radius:18px;width:132px;position:relative;overflow:hidden;box-shadow:0 16px 35px #00000052}.auth-guide-real-screen.is-home .auth-guide-real-screen-frame{border-radius:15px;width:112px}.auth-guide-real-screen img{object-fit:cover;width:100%;height:100%;display:block}.auth-guide-real-screen figcaption{color:#b8c7d7;text-align:center;justify-content:center;align-items:flex-start;gap:4px;max-width:170px;font-size:.58rem;line-height:1.25;display:flex}.auth-guide-real-screen figcaption .material-symbols-rounded{color:#64db95;font-size:13px}.auth-guide-click-ring{z-index:3;pointer-events:none;border:3px solid #ffd54f;position:absolute;box-shadow:0 0 0 5px #ffd54f40,0 0 16px #ffd54fcc}.auth-guide-click-ring.is-start{border-radius:999px;height:6.2%;bottom:8.2%;left:4%;right:4%}.auth-guide-click-ring.is-plus{aspect-ratio:1;border-radius:15px;width:19%;bottom:3.6%;right:1.5%}.auth-guide-real-callout{z-index:4;color:#1d2a36;white-space:nowrap;background:#ffd54f;border-radius:999px;padding:4px 7px;font-size:.57rem;font-weight:850;position:absolute;box-shadow:0 5px 14px #0000004d}.auth-guide-real-callout.is-start{bottom:16%;left:50%;transform:translate(-50%)}.auth-guide-real-callout.is-plus{bottom:15%;right:18%}.auth-guide-sample-mask{z-index:2;color:#e8f2fb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#0b1722e0;border-radius:10px;place-items:center;height:39%;padding:8px;font-size:.55rem;font-weight:800;display:grid;position:absolute;top:7%;left:4%;right:4%}.auth-guide-scan-demo,.auth-guide-code-demo{justify-content:center;align-items:center;gap:18px;width:100%;display:flex;position:relative}.auth-guide-qr-card{color:#1b2b39;text-align:center;background:#fff;border-radius:16px;place-items:center;gap:8px;width:164px;padding:15px;display:grid;box-shadow:0 15px 35px #00000040}.auth-guide-qr-card small{color:#6b7783;font-size:.57rem}.auth-guide-demo-qr{background:#fff;grid-template-columns:repeat(9,1fr);gap:2px;width:108px;height:108px;padding:8px;display:grid}.auth-guide-demo-qr i{background:#fff}.auth-guide-demo-qr i.is-filled{background:#10202d}.auth-guide-code-phone,.auth-guide-code-form{border-radius:22px;align-content:center;width:140px;min-height:225px;padding:15px;display:grid}.auth-guide-code-phone{color:#273744;background:#f9fbfd;position:relative;box-shadow:0 14px 34px #00000045}.auth-guide-code-phone span{font-size:.67rem;font-weight:800}.auth-guide-code-phone strong{color:#1d5db3;letter-spacing:.09em;margin-top:10px;font-size:1.45rem}.auth-guide-code-phone small{color:#71808d;margin-top:7px;font-size:.56rem;line-height:1.4}.auth-guide-code-phone i{border:4px solid #dce8f7;border-top-color:#2e79dd;border-radius:50%;width:28px;height:28px;position:absolute;bottom:17px;right:17px}.auth-guide-code-form{color:#dbe6f2;background:#0b1928;border:1px solid #ffffff1f}.auth-guide-code-form>span{font-size:.67rem;font-weight:750}.auth-guide-code-form>div{gap:5px;margin:10px 0 14px;display:flex}.auth-guide-code-form i{border-bottom:2px solid #67def5;width:12px;height:18px}.auth-guide-code-form strong{color:#062235;text-align:center;background:#67def5;border-radius:8px;padding:9px;font-size:.64rem}.auth-guide-code-arrow{color:#67def5}.auth-guide-footer{background:#111f30;border-top:1px solid #ffffff14;box-shadow:0 -12px 28px #040b142e}.auth-guide-footer>div{align-items:center;gap:9px;display:flex}.auth-guide-footer>.auth-guide-audio-actions{flex-wrap:wrap}.auth-guide-label-short{display:none}.auth-guide-footer .btn{min-height:44px}.auth-guide-footer .btn-primary{color:#fff;background:linear-gradient(135deg,#0077b6,#00b4d8);border-color:#0000;align-items:center;gap:7px;display:inline-flex}@media (width<=760px){.auth-guide-overlay{align-items:end;padding:0}.auth-guide-dialog{border-width:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.auth-guide-header{padding:max(11px, env(safe-area-inset-top)) 14px 11px}.auth-guide-header p{font-size:.62rem}.auth-guide-header h2{max-width:270px;font-size:1rem}.auth-guide-close{flex-basis:42px;width:42px;height:42px}.auth-guide-progress-area{padding:8px 12px 9px}.auth-guide-progress-summary{display:flex}.auth-guide-progress{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.auth-guide-progress button{min-width:0;min-height:40px;padding:5px;display:grid}.auth-guide-progress button small{display:none}.auth-guide-content{grid-template:"copy""visual""support"/1fr;align-content:start;gap:14px;min-height:0;padding:16px;scroll-padding:16px}.auth-guide-visual{border-radius:18px;min-height:250px;padding:14px}.auth-guide-visual.is-authenticator{min-height:340px}.auth-guide-hero{display:none}.auth-guide-copy h3{font-size:1.35rem}.auth-guide-copy>p:not(.auth-guide-eyebrow){margin-top:12px;font-size:.93rem;line-height:1.55}.auth-guide-tip{font-size:.8rem}.auth-guide-official-links{grid-template-columns:1fr 1fr;display:grid}.auth-guide-official-links a{text-align:center;justify-content:center;padding:8px}.auth-guide-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;display:grid}.auth-guide-footer>div{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.auth-guide-footer .btn{white-space:nowrap;justify-content:center;min-width:0;padding:8px 10px;font-size:.78rem}.auth-guide-label-long{display:none}.auth-guide-label-short{display:inline}}@media (width<=390px){.auth-guide-scan-demo,.auth-guide-code-demo{gap:8px}.auth-guide-qr-card{width:150px;padding:12px}.auth-guide-code-phone,.auth-guide-code-form{width:132px;min-height:210px;padding:12px}.auth-guide-footer .btn{padding-inline:7px;font-size:.74rem}}@media (prefers-reduced-motion:reduce){.auth-guide-overlay,.auth-guide-dialog,.auth-guide-trigger{transition:none;animation:none}}