:root{--bg:#f5f6f8;--surface:#fff;--surface-muted:#f8fafc;--border:#e5e7eb;--text:#172033;--muted:#667085;--primary:#635bff;--primary-strong:#5148e5;--success:#168a4a;--warning:#b77900;--danger:#d92d20;--info:#0277bd;--shadow:0 .1875rem .5rem 0 #22303e1a;--shadow-hover:0 .5rem 1.25rem #22303e24;--shadow-filter:drop-shadow(0 .1875rem .5rem #22303e1a);--shadow-hover-filter:drop-shadow(0 .5rem 1.25rem #22303e24);--sidebar-shadow:.125rem 0 .75rem #22303e0e;--sidebar-width:268px;--sidebar-collapsed-width:78px;--topbar-height:64px}:root[data-theme=dark]{--bg:#232333;--surface:#2b2c40;--surface-muted:#303249;--border:#44485e;--text:#e7e7f2;--muted:#a8abc4;--primary:#7367f0;--primary-strong:#8b80f7;--success:#35b779;--warning:#ffb84d;--danger:#ff6b64;--info:#4db6e5;--shadow:0 .1875rem .5rem 0 #0f101c42;--shadow-hover:0 .5rem 1.25rem #0f101c57;--shadow-filter:drop-shadow(0 .1875rem .5rem #0f101c42);--shadow-hover-filter:drop-shadow(0 .5rem 1.25rem #0f101c57);--sidebar-shadow:.125rem 0 .75rem #0f101c47}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;overflow-x:hidden}.sidebar{z-index:30;width:var(--sidebar-width);max-width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface);box-shadow:var(--sidebar-shadow);transition:width .18s,max-width .18s,box-shadow .18s;position:fixed;inset:0 auto 0 0;overflow:visible}.sidebar-content{flex-direction:column;gap:16px;min-width:0;height:100%;padding:16px 16px 6px;transition:padding .18s;display:flex;overflow:hidden}.app-shell.is-sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width)}.app-shell.is-sidebar-collapsed.is-sidebar-expanded .sidebar{width:var(--sidebar-width);max-width:var(--sidebar-width)}.sidebar-pin-toggle{z-index:2;background:var(--bg);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;transition:opacity .16s,transform .18s;display:inline-flex;position:absolute;top:25px;right:-16px}.sidebar-pin-toggle-inner{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 .125rem .375rem #635bff47}.sidebar-pin-toggle:hover .sidebar-pin-toggle-inner{background:var(--primary-strong);transform:scale(1.04);box-shadow:0 .1875rem .5rem #635bff57}.app-shell.is-sidebar-collapsed .sidebar-pin-toggle{opacity:0;pointer-events:none;transform:translate(-4px)scale(.92)}.app-shell.is-sidebar-collapsed .sidebar:hover .sidebar-pin-toggle{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.sidebar.is-compact .sidebar-content{padding-inline:14px;padding-bottom:6px}.sidebar.is-compact .nav-groups{align-items:stretch;margin-right:0;padding-right:0}.sidebar.is-compact .brand{justify-content:center}.sidebar.is-compact .brand>span:not(.brand-mark),.sidebar.is-compact .nav-item>span:not(.nav-icon):not(.nav-caret),.sidebar.is-compact .nav-caret{opacity:0;pointer-events:none;white-space:nowrap;width:0;max-width:0;overflow:hidden}.sidebar.is-compact .nav-section-title{color:#0000;height:16px;padding:8px 10px;position:relative;overflow:hidden}.sidebar.is-compact .nav-section-title:before{content:"";background:var(--border);height:1px;position:absolute;inset:50% 10px auto}.sidebar.is-compact .nav-item{justify-content:center;gap:0;width:100%;padding-inline:0}.sidebar.is-compact .nav-icon{margin-inline:auto}.sidebar.is-compact .nav-children{display:none}.brand{align-items:center;gap:12px;min-height:44px;display:flex}.brand-mark,.avatar{border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;width:38px;height:38px}.brand strong{font-size:14px;line-height:20px;display:block}.brand small{color:var(--muted);font-size:12px;line-height:18px;display:block}.nav-groups{flex-direction:column;flex:1;gap:4px;min-width:0;min-height:0;padding:4px 0;display:flex;position:relative;overflow:hidden}.nav-section{gap:4px;display:grid}.nav-section+.nav-section{margin-top:6px}.nav-section-title{color:#98a2b3;letter-spacing:.08em;text-transform:uppercase;padding:12px 10px 4px;font-size:11px;font-weight:700;line-height:16px}@media (min-width:901px){.nav-groups{margin-right:-16px;padding-right:16px}.sidebar.is-compact .nav-groups{margin-right:0;padding-right:0}}.nav-groups.is-mobile{overscroll-behavior:contain;overflow:hidden}@media (max-width:900px){.nav-groups.is-mobile{margin-right:-16px;padding-right:16px}}.nav-groups:not(.ps--active-y) .ps__rail-y,.nav-groups .ps__rail-x{display:none!important}.nav-groups .ps__rail-y{opacity:0;width:6px;transition:opacity .14s;background:0 0!important;right:4px!important}.nav-groups:hover .ps__rail-y,.nav-groups.ps--scrolling-y .ps__rail-y{opacity:1;width:9px}.nav-groups .ps__thumb-y{background:#cbd5e1;border-radius:999px;width:4px;right:0}.nav-groups .ps__rail-y:hover,.nav-groups .ps__rail-y:focus,.nav-groups .ps__rail-y.ps--clicking{background-color:#0f172a09!important}.nav-groups .ps__rail-y:hover>.ps__thumb-y,.nav-groups .ps__rail-y:focus>.ps__thumb-y,.nav-groups .ps__rail-y.ps--clicking>.ps__thumb-y{background:#d6dbe4;width:6px!important}.nav-group{border-radius:8px}.nav-item{color:#344054;text-align:left;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;font-size:15px;font-weight:500;line-height:20px;display:flex;overflow:hidden}.nav-item>span:not(.nav-icon):not(.nav-caret){text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.nav-icon{width:20px;height:20px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.nav-caret{color:var(--muted);margin-left:auto;font-size:20px;transition:transform .18s;transform:rotate(0)}.nav-group.is-expanded .nav-caret{transform:rotate(90deg)}.nav-item-parent{justify-content:flex-start}.sidebar.is-compact .brand{gap:0}.sidebar.is-compact .nav-item{grid-template-columns:1fr;place-items:center;gap:0;padding:8px 0;display:grid}.sidebar.is-compact .nav-item .nav-icon{grid-area:1/1;margin:0}.sidebar.is-compact .nav-item>span:not(.nav-icon),.sidebar.is-compact .nav-caret{margin-left:0;display:none}.nav-group.is-disabled .nav-item,.nav-item:disabled,.nav-child-group.is-disabled .nav-child-parent,.nav-child-link.is-disabled,.nav-children button:disabled{cursor:not-allowed;opacity:.52;pointer-events:none}.nav-group.is-disabled .nav-icon,.nav-group.is-disabled .nav-caret,.nav-child-link.is-disabled .nav-icon{color:#98a2b3}.nav-group.is-active>.nav-item-parent,.nav-group.is-child-active>.nav-item-parent{background:color-mix(in srgb, var(--primary) 10%, transparent);color:#344054;font-weight:500}.nav-group.is-active>.nav-item-parent .nav-icon,.nav-group.is-child-active>.nav-item-parent .nav-icon,.nav-group.is-active>.nav-item-parent .nav-caret,.nav-group.is-child-active>.nav-item-parent .nav-caret,.nav-group.is-active>.nav-item>span:not(.nav-icon):not(.nav-caret),.nav-group.is-child-active>.nav-item>span:not(.nav-icon):not(.nav-caret),.nav-group.is-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),.nav-group.is-child-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),.nav-group.is-active>.nav-item .nav-icon,.nav-group.is-active>.nav-item-parent .nav-icon,.nav-group.is-child-active>.nav-item-parent .nav-icon{color:var(--primary-strong)}.nav-children{opacity:0;gap:0;max-height:0;padding:0;transition:max-height .18s,opacity .18s,padding .18s;display:grid;overflow:hidden}.nav-group.is-expanded>.nav-children,.nav-child-group.is-expanded>.nav-children{opacity:1;max-height:1000px;padding:4px 0 6px}.nav-children a,.nav-children button{width:100%;min-height:38px;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:400;line-height:20px;display:flex;overflow:hidden}.nav-child-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.nav-tooltip-bubble{z-index:80;color:#fff;pointer-events:none;white-space:normal;background:#22303e;border:1px solid #22303e;border-radius:8px;max-width:min(320px,100vw - 32px);padding:6px 10px;font-size:12px;font-weight:700;line-height:1.3;display:block;position:fixed;transform:translateY(-50%);box-shadow:0 12px 28px #0f172a2e}.nav-child-group{gap:0;display:grid}.nav-child-parent .nav-caret{font-size:18px}.nav-child-group.is-expanded>.nav-child-parent .nav-caret{transform:rotate(90deg)}.nav-children-nested{margin-left:24px}.nav-children-nested .nav-child-link:before{left:19px}.nav-child-link{touch-action:manipulation;position:relative}.nav-child-link.is-example{cursor:default}.nav-child-link:before{content:"";background:var(--border);width:1px;position:absolute;top:-7px;bottom:-7px;left:18.5px}.nav-child-link .nav-icon,.nav-child-link .nav-child-label{z-index:1;position:relative}.nav-children a .nav-icon,.nav-children button .nav-icon{width:18px;height:18px;color:var(--muted);background:0 0}.nav-dot{color:var(--border);position:relative}.nav-dot:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.nav-children a.is-current{color:var(--primary-strong);font-weight:500}.nav-children a.is-current .nav-icon{color:var(--primary-strong)}.avatar{width:34px;height:34px;color:var(--primary-strong);background:#eef2ff;font-size:12px}.workspace{width:100%;min-width:0;padding-left:var(--sidebar-width);padding-top:calc(var(--topbar-height) + 16px);flex-direction:column;flex:1;transition:padding-left .18s;display:flex;overflow-x:hidden}.topbar{top:0;right:0;left:var(--sidebar-width);z-index:20;height:calc(var(--topbar-height) + 12px);background:var(--bg);pointer-events:none;border-radius:8px;padding:12px 24px 0;transition:left .18s;display:block;position:fixed}.app-shell.is-sidebar-collapsed .workspace{padding-left:var(--sidebar-collapsed-width)}.app-shell.is-sidebar-collapsed .topbar{left:var(--sidebar-collapsed-width)}.app-shell.is-content-wide .topbar-inner,.app-shell.is-content-wide .page-stack{width:100%;max-width:none}.app-shell.is-semi-dark-menu .sidebar{background:#25293c;border-right-color:#ffffff14;box-shadow:.125rem 0 .875rem #0f101c38}.app-shell.is-semi-dark-menu .sidebar .brand strong,.app-shell.is-semi-dark-menu .sidebar .nav-item,.app-shell.is-semi-dark-menu .sidebar .nav-child-link{color:#d6d8ec}.app-shell.is-semi-dark-menu .sidebar .brand small,.app-shell.is-semi-dark-menu .sidebar .nav-section-title,.app-shell.is-semi-dark-menu .sidebar .nav-icon,.app-shell.is-semi-dark-menu .sidebar .nav-caret,.app-shell.is-semi-dark-menu .sidebar .nav-child-link .nav-icon{color:#8f95bd}.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item-parent,.app-shell.is-semi-dark-menu .sidebar .nav-group.is-child-active>.nav-item-parent{background:color-mix(in srgb, var(--primary) 24%, transparent)}.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item>span:not(.nav-icon):not(.nav-caret),.app-shell.is-semi-dark-menu .sidebar .nav-group.is-child-active>.nav-item>span:not(.nav-icon):not(.nav-caret),.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),.app-shell.is-semi-dark-menu .sidebar .nav-group.is-child-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item .nav-icon,.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item-parent .nav-icon,.app-shell.is-semi-dark-menu .sidebar .nav-group.is-child-active>.nav-item-parent .nav-icon,.app-shell.is-semi-dark-menu .sidebar .nav-group.is-active>.nav-item-parent .nav-caret,.app-shell.is-semi-dark-menu .sidebar .nav-group.is-child-active>.nav-item-parent .nav-caret,.app-shell.is-semi-dark-menu .sidebar .nav-children a.is-current,.app-shell.is-semi-dark-menu .sidebar .nav-children a.is-current .nav-icon{color:var(--primary-strong)}.app-shell.is-semi-dark-menu .sidebar .nav-child-link:before,.app-shell.is-semi-dark-menu .sidebar.is-compact .nav-section-title:before{background:#ffffff1f}.topbar:before{content:"";background:var(--bg);pointer-events:none;z-index:0;border-radius:8px 8px 0 0;width:100%;height:12px;position:absolute;inset:0 auto auto 0}.topbar-inner{z-index:1;min-height:var(--topbar-height);background:var(--surface);pointer-events:auto;border:1px solid #e5e7ebb8;border-radius:8px;align-items:center;gap:16px;width:min(100%,1280px);margin:0 auto;padding:0 20px;display:flex;position:relative;box-shadow:0 8px 24px #17203314}:root[data-theme=dark] .topbar-inner{border-color:#44485ed1;box-shadow:0 8px 24px #0f101c47}:root[data-theme=dark] .nav-item{color:var(--text)}:root[data-theme=dark] .nav-icon,:root[data-theme=dark] .nav-caret,:root[data-theme=dark] .breadcrumbs,:root[data-theme=dark] .nav-children a,:root[data-theme=dark] .nav-children button{color:var(--muted)}:root[data-theme=dark] .nav-section-title{color:#8185a3}:root[data-theme=dark] .nav-group.is-active>.nav-item-parent,:root[data-theme=dark] .nav-group.is-child-active>.nav-item-parent{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--text)}:root[data-theme=dark] .nav-group.is-active>.nav-item>span:not(.nav-icon):not(.nav-caret),:root[data-theme=dark] .nav-group.is-child-active>.nav-item>span:not(.nav-icon):not(.nav-caret),:root[data-theme=dark] .nav-group.is-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),:root[data-theme=dark] .nav-group.is-child-active>.nav-item-parent>span:not(.nav-icon):not(.nav-caret),:root[data-theme=dark] .nav-group.is-active>.nav-item .nav-icon,:root[data-theme=dark] .nav-group.is-active>.nav-item-parent .nav-icon,:root[data-theme=dark] .nav-group.is-child-active>.nav-item-parent .nav-icon,:root[data-theme=dark] .nav-group.is-active>.nav-item-parent .nav-caret,:root[data-theme=dark] .nav-group.is-child-active>.nav-item-parent .nav-caret,:root[data-theme=dark] .nav-children a.is-current,:root[data-theme=dark] .nav-children a.is-current .nav-icon{color:var(--primary-strong)}:root[data-theme=dark] .avatar{background:color-mix(in srgb, var(--primary) 18%, var(--surface));color:var(--primary-strong)}.breadcrumbs{min-width:0;color:var(--muted);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumbs span:not(:last-child):after{content:"/";color:#98a2b3;margin-left:8px}.breadcrumbs span:last-child{color:var(--text);font-weight:700}.topbar-actions{align-items:center;gap:8px;display:flex;position:relative}.topbar-search,.button,.icon-button,.user-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.topbar-search{min-width:220px;color:var(--muted);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.icon-button{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex}.mobile-menu{display:none}.user-button{border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;font-weight:700;display:flex}.menu-wrap{position:relative}.dropdown-menu{z-index:100;background:var(--surface);border:1px solid #e5e7ebc7;border-radius:10px;gap:0;min-width:320px;padding:0;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 .375rem 1.25rem #22303e24}.dropdown-menu small,.dropdown-menu em{color:var(--muted);font-size:13px}.dropdown-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.dropdown-head strong,.user-menu-profile strong,.notification-item strong{color:var(--text);font-size:14px;line-height:20px;display:block}.dropdown-head small,.user-menu-profile small,.notification-item small{line-height:18px;display:block}.user-menu-profile strong{font-size:13px;line-height:18px}.user-menu-profile small{font-size:12px;line-height:16px}.dropdown-pill{color:var(--primary-strong);background:#635bff1a;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.notification-list,.user-menu-list{padding:8px;display:grid}.user-menu-list{padding:6px}.notification-item,.user-menu-list a,.user-menu-list button,.user-menu-logout{color:var(--text);border-radius:8px;align-items:center;gap:12px;text-decoration:none;transition:background-color .14s,color .14s,transform .14s;display:flex}.notification-item{min-width:0;padding:10px 8px}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item em{flex:none;font-size:12px;font-style:normal}.user-menu-list a{min-height:34px;padding:6px 8px;font-size:13px}.user-menu-list button{text-align:left;border:0;width:100%;min-height:34px;padding:6px 8px;font-size:13px}.notification-item:hover,.user-menu-list a:hover,.user-menu-list button:hover{background:var(--surface-muted)}.user-menu-list .user-menu-static-item,.user-menu-list .user-menu-static-item:hover{cursor:default;background:0 0}.notification-menu{min-width:292px}.notification-menu .dropdown-head{gap:10px;padding:10px 12px}.notification-menu .dropdown-head strong,.notification-menu .notification-item strong{font-size:13px;line-height:18px}.notification-menu .dropdown-head small,.notification-menu .notification-item small,.notification-menu .notification-item em{font-size:12px;line-height:16px}.notification-menu .dropdown-pill{padding:5px 8px;font-size:11px}.notification-menu .notification-list{padding:6px}.notification-menu .notification-item{gap:9px;padding:8px 6px}.notification-menu .dropdown-icon{border-radius:7px;width:30px;height:30px}.notification-menu .dropdown-icon svg{width:16px;height:16px}.notification-menu .dropdown-footer-action{min-height:36px;padding:9px 12px;font-size:12px}.mobile-user-action,.mobile-user-section{display:none}.mobile-user-section{border-block:1px solid var(--border);gap:8px;margin:6px 0;padding:10px 0}.mobile-user-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:800;line-height:16px}.mobile-theme-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 8px;display:grid}.mobile-theme-actions button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;justify-content:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:800}.mobile-theme-actions button.is-selected{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary-strong)}.mobile-notification-link{margin-inline:0}.dropdown-icon{width:34px;height:34px;color:var(--muted);background:#6670851a;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.dropdown-icon.tone-primary{color:var(--primary-strong);background:#635bff1a}.dropdown-icon.tone-warning{color:var(--warning);background:#b779001f}.dropdown-icon.tone-success{color:var(--success);background:#168a4a1f}.theme-menu{min-width:190px;padding:8px}.theme-menu-item{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px;font-size:14px;font-weight:600;display:flex}.theme-menu-item:hover,.theme-menu-item.is-selected{background:var(--surface-muted)}.theme-check{color:var(--primary-strong);opacity:0;margin-left:auto;font-size:13px;font-weight:800}.theme-menu-item.is-selected .theme-check{opacity:1}.dropdown-footer-action{background:var(--primary);text-align:center;border-radius:8px;margin:0 12px 12px;padding:10px 14px;font-weight:700;text-decoration:none;color:#fff!important;font-size:14px!important}.dropdown-footer-action:hover{background:var(--primary-strong)}.user-menu{min-width:232px}.user-menu-profile{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.user-menu-avatar{width:34px;height:34px;font-size:12px}.user-menu-logout{background:#d92d201a;justify-content:center;min-height:34px;margin:2px 8px 8px;padding:8px 12px;font-weight:700;color:var(--danger)!important;font-size:13px!important}.user-menu-logout:hover{background:#d92d2029}.customizer-scrim{z-index:109;opacity:0;pointer-events:none;background:#0f172a47;transition:opacity .18s;position:fixed;inset:0}.customizer-scrim.is-open{opacity:1;pointer-events:auto}.theme-customizer{z-index:110;border-left:1px solid var(--border);background:var(--surface);width:min(100%,380px);max-width:380px;color:var(--text);flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-.5rem 0 1.5rem #22303e29}.theme-customizer.is-open{transform:translate(0)}.theme-customizer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.theme-customizer-head strong{color:var(--text);font-size:18px;line-height:26px;display:block}.theme-customizer-head small{color:var(--muted);font-size:13px;line-height:18px;display:block}.theme-customizer-body{gap:24px;padding:20px;display:grid;overflow:auto}.customizer-section{gap:12px;display:grid}.customizer-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:18px}.customizer-color-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.customizer-color-row>span{color:var(--text);font-size:14px;font-weight:700}.customizer-color-options{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.customizer-color-dot{background:var(--swatch-color);border:2px solid #0000;border-radius:999px;width:24px;height:24px;position:relative;box-shadow:0 .125rem .375rem #22303e29}.customizer-color-dot.is-selected{border-color:var(--surface);outline:2px solid var(--swatch-color);outline-offset:2px}.customizer-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.customizer-choice{border:1px solid var(--border);background:var(--surface);min-height:86px;color:var(--text);text-align:center;border-radius:10px;place-items:center;gap:8px;padding:12px 8px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.customizer-choice strong{font-size:13px;line-height:18px}.customizer-choice:hover,.customizer-choice.is-selected{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-color:#635bff7a}.customizer-choice.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.customizer-toggle-row{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.customizer-toggle-row strong,.customizer-toggle-row small{display:block}.customizer-toggle-row strong{font-size:14px;line-height:20px}.customizer-toggle-row small{color:var(--muted);margin-top:2px;font-size:12px;line-height:18px}.customizer-switch{background:color-mix(in srgb, var(--muted) 24%, var(--surface));border-radius:999px;flex:none;width:42px;height:24px;transition:background .16s;position:relative}.customizer-switch:before{content:"";background:var(--surface);border-radius:999px;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a2e}.customizer-toggle-row.is-enabled .customizer-switch{background:var(--primary)}.customizer-toggle-row.is-enabled .customizer-switch:before{transform:translate(18px)}.customizer-segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.customizer-segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:800}.customizer-segmented button.is-active{background:var(--surface);color:var(--primary-strong);box-shadow:0 .125rem .375rem #22303e1a}.content-viewport{width:100%;min-width:0;max-width:100%;min-height:calc(100vh - var(--topbar-height));padding:24px;overflow-x:hidden}.page-stack{gap:20px;width:min(100%,1280px);min-width:0;margin:0 auto;display:grid;overflow-x:hidden}.component-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.component-tile{border:1px solid var(--border);background:var(--surface);min-height:112px;box-shadow:none;filter:var(--shadow-filter);border-radius:8px;gap:8px;padding:14px;display:grid}.component-tile strong{font-size:15px;line-height:22px}.component-tile small{color:var(--muted);font-size:13px;line-height:20px}.component-index-number{color:var(--primary-strong);font-size:12px;font-weight:700}.docs-page{--docs-aside-width:240px}.docs-home,.docs-category-stack,.docs-category,.docs-article,.docs-related{gap:18px;display:grid}.docs-hero{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface) 56%);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px;display:grid}.docs-kicker,.docs-card-category,.docs-article-meta span,.docs-toc-title{color:var(--primary-strong);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.docs-hero h2{max-width:760px;color:var(--text);margin:8px 0 10px;font-size:32px;line-height:1.16}.docs-hero p{max-width:760px;color:var(--muted);margin:0;font-size:15px}.docs-hero-stats{gap:8px;min-width:190px;display:grid}.docs-hero-stats span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, white);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.docs-hero-stats strong{color:var(--text)}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.docs-card{border:1px solid var(--border);background:var(--surface);min-height:176px;color:inherit;box-shadow:var(--shadow);border-radius:8px;align-content:start;gap:10px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.docs-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:var(--shadow-hover);transform:translateY(-1px)}.docs-card strong{color:var(--text);font-size:17px}.docs-card p,.docs-card small{color:var(--muted);margin:0}.docs-article-layout{grid-template-columns:var(--docs-aside-width) minmax(0, 1fr);align-items:start;gap:22px;display:grid}.docs-toc{top:calc(var(--topbar-height) + 18px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:16px;display:grid;position:sticky}.docs-toc a{color:var(--muted);border-radius:6px;padding:7px 8px}.docs-toc a:hover{background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary-strong)}.docs-article-meta{flex-wrap:wrap;gap:8px;display:flex}.docs-article-meta span{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));background:color-mix(in srgb, var(--primary) 8%, transparent);border-radius:999px;padding:6px 10px}.docs-block{scroll-margin-top:calc(var(--topbar-height) + 18px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:22px}.docs-block h2{color:var(--text);margin:0 0 12px;font-size:21px}.docs-block p{color:var(--muted);margin:0}.docs-block p+p{margin-top:10px}.docs-checklist{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.docs-checklist li{color:var(--text);padding-left:24px;position:relative}.docs-checklist li:before{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;position:absolute;top:8px;left:2px}.docs-code{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);color:#eef2ff;background:#101828;border-radius:8px;margin:16px 0 0;padding:14px;font-size:13px;line-height:1.6;overflow:auto}.docs-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.docs-related{grid-column:2}.component-showcase-stack{gap:16px;display:grid}.component-stack,.badge-grid,.chip-grid,.button-grid,.demo-actions,.pagination-demo,.tooltip-grid,.tabs-strip{flex-wrap:wrap;gap:10px;display:flex}.component-stack{flex-direction:column}.component-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.component-preview-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid;position:relative}:is(.component-preview-card:has(.autocomplete-field.is-open),.component-preview-card:has(.sneat-select-field.is-open)){z-index:18}.component-preview-card>strong{font-size:14px;line-height:20px}.component-preview-body{min-width:0}.component-preview-card--wide{grid-column:1/-1}.typography-demo{--typography-muted:#98a2b3}.typography-spec-list{gap:12px;display:grid}.typography-spec-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:16px;display:grid}.typography-token{width:fit-content;color:var(--primary-strong);white-space:nowrap;background:#635bff14;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.typography-spec-row p,.typography-utility-card p,.typography-color-card strong{margin:0}.typography-spec-row small{color:var(--muted);margin-top:4px;font-size:12px;line-height:18px;display:block}.typography-h1{letter-spacing:-.04em;font-size:clamp(48px,7vw,96px);font-weight:300;line-height:1}.typography-h2{letter-spacing:-.035em;font-size:clamp(40px,5.2vw,60px);font-weight:300;line-height:1}.typography-h3{letter-spacing:-.03em;font-size:clamp(34px,4.2vw,48px);font-weight:400;line-height:1.05}.typography-h4{letter-spacing:-.02em;font-size:clamp(28px,3vw,34px);font-weight:400;line-height:1.18}.typography-h5{letter-spacing:-.015em;font-size:24px;font-weight:400;line-height:32px}.typography-h6{font-size:20px;font-weight:500;line-height:32px}.typography-subtitle-1{font-size:16px;font-weight:400;line-height:28px}.typography-subtitle-2{font-size:14px;font-weight:600;line-height:22px}.typography-body-1{font-size:16px;font-weight:400;line-height:28px}.typography-body-2{font-size:14px;font-weight:400;line-height:22px}.typography-button{letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:700;line-height:36px}.typography-caption{color:var(--muted);font-size:12px;font-weight:400;line-height:20px}.typography-overline{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:32px}.typography-grid,.typography-color-grid,.typography-align-grid,.typography-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.typography-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.typography-utility-card,.typography-color-card,.typography-list-card,.typography-blockquote{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:10px;min-width:0;padding:16px;display:grid}.typography-utility-card p{color:var(--text);font-size:16px;line-height:24px}.typography-color-card{background:var(--surface)}.typography-color-card span{color:var(--muted);font-size:12px;line-height:18px}.font-weight-light{font-weight:300}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-decoration-underline{text-decoration:underline}.text-decoration-line-through{text-decoration:line-through}.text-no-wrap{white-space:nowrap;overflow-x:auto}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-primary{color:var(--primary-strong)}.text-secondary{color:#5f6b78}.text-success{color:var(--success)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.typography-blockquote{border-left:4px solid var(--primary);color:var(--text);background:linear-gradient(135deg,#635bff14,#0277bd0a);align-content:center;margin:0;font-size:18px;font-weight:500;line-height:30px;position:relative}.typography-list-card strong{font-size:14px;line-height:20px}.typography-list-card ol,.typography-list-card ul{color:var(--muted);margin:0;padding-left:20px}.typography-list-card li+li{margin-top:6px}.icons-demo code{color:var(--primary-strong);background:#635bff14;border-radius:4px;padding:2px 5px;font-size:12px}.icons-intro-card{background:linear-gradient(135deg,#635bff14,#0277bd0d);border:1px solid #635bff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px;display:flex}.icons-intro-card strong,.icons-action-card strong{color:var(--text);font-size:14px;line-height:20px;display:block}.icons-intro-card p,.icons-action-card small{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:20px}.icons-intro-mark{background:var(--primary);color:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;box-shadow:0 12px 26px #635bff3d}.icons-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.icons-card,.icons-size-card,.icons-color-card,.icons-action-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0}.icons-card{text-align:center;justify-items:center;gap:8px;padding:16px 10px;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.icons-card:hover{border-color:#635bff40;transform:translateY(-1px);box-shadow:0 10px 24px #17203314}.icons-preview,.icons-action-icon{color:var(--primary-strong);background:#635bff14;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icons-preview{width:44px;height:44px}.icons-card strong{color:var(--text);font-size:13px;line-height:18px}.icons-card small,.icons-size-card span,.icons-color-card small{color:var(--muted);font-size:12px;line-height:16px}.icons-size-row,.icons-stroke-row,.icons-inline-demo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.icons-size-card{min-width:96px;min-height:96px;color:var(--primary-strong);place-items:center;gap:8px;padding:14px;display:grid}.icons-color-grid,.icons-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.icons-color-card{text-align:center;justify-items:center;gap:8px;padding:18px;display:grid}.icons-action-card{width:100%;color:var(--text);text-align:left;align-items:center;gap:12px;padding:14px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.icons-action-card:hover{background:#635bff0a;border-color:#635bff40}.icons-action-card>span:nth-child(2){flex:1;min-width:0}.icons-action-icon{flex:none;width:40px;height:40px}.icons-inline-demo{margin-top:12px}.swiper-showcase{--swiper-primary:#635bff;--swiper-success:#168a4a;--swiper-info:#0277bd;--swiper-warning:#b77900;--swiper-danger:#d92d20}.swiper-panel{overflow:visible}.swiper-demo{gap:14px;display:grid;position:relative}.swiper-viewport{background:var(--surface-muted);border-radius:12px;position:relative;overflow:hidden}.swiper-track{will-change:transform;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex}.swiper-slide{flex:0 0 100%;min-width:0;padding:12px}.swiper-slide-card{background:radial-gradient(circle at 85% 18%, #ffffff70, transparent 22%), linear-gradient(135deg, var(--swiper-tone), color-mix(in srgb, var(--swiper-tone) 72%, #172033));color:#fff;border-radius:12px;align-content:end;gap:8px;min-height:260px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #17203329}.swiper-slide-card.tone-primary{--swiper-tone:var(--swiper-primary)}.swiper-slide-card.tone-success{--swiper-tone:var(--swiper-success)}.swiper-slide-card.tone-info{--swiper-tone:var(--swiper-info)}.swiper-slide-card.tone-warning{--swiper-tone:var(--swiper-warning)}.swiper-slide-card.tone-danger{--swiper-tone:var(--swiper-danger)}.swiper-slide-orb{background:#ffffff29;border-radius:999px;width:190px;height:190px;position:absolute;top:-56px;right:-38px}.swiper-slide-icon{color:#fff;background:#ffffff29;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;position:absolute;top:22px;left:22px}.swiper-slide-kicker,.swiper-slide-stat{background:#ffffff2e;border-radius:999px;align-items:center;width:fit-content;padding:5px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.swiper-slide-card strong{z-index:1;letter-spacing:-.03em;font-size:28px;line-height:34px;position:relative}.swiper-slide-card p{z-index:1;color:#ffffffd1;max-width:420px;margin:0;font-size:14px;line-height:22px;position:relative}.swiper-slide-stat{justify-content:center;min-width:64px;font-size:16px;line-height:20px;position:absolute;bottom:22px;right:22px}.swiper-nav{z-index:3;width:38px;height:38px;color:var(--text);background:#ffffffd1;border:1px solid #ffffff5c;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 18px #1720331f}.swiper-nav:hover{background:#fff}.swiper-nav.is-prev{left:26px}.swiper-nav.is-next{right:26px}.swiper-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.swiper-pagination,.swiper-thumbs,.swiper-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swiper-dot{background:#cbd5e1;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .14s,background-color .14s}.swiper-dot.is-active{background:var(--primary);width:24px}.swiper-play{min-height:34px;color:var(--primary-strong);background:#635bff14;border:1px solid #635bff33;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.swiper-progress{background:var(--surface-muted);border-radius:999px;height:5px;overflow:hidden}.swiper-progress span{border-radius:inherit;background:var(--primary);height:100%;transition:width .26s;display:block}.swiper-thumbs{justify-content:center}.swiper-thumb{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);border-radius:10px;font-weight:800}.swiper-thumb.is-active{border-color:color-mix(in srgb, var(--thumb-tone) 28%, var(--border));background:color-mix(in srgb, var(--thumb-tone) 12%, white);color:var(--thumb-tone)}.swiper-thumb.tone-primary{--thumb-tone:var(--swiper-primary)}.swiper-thumb.tone-success{--thumb-tone:var(--swiper-success)}.swiper-thumb.tone-info{--thumb-tone:var(--swiper-info)}.swiper-thumb.tone-warning{--thumb-tone:var(--swiper-warning)}.swiper-thumb.tone-danger{--thumb-tone:var(--swiper-danger)}.swiper-demo.is-multi .swiper-slide{flex-basis:33.333%}.swiper-demo.is-multi .swiper-slide-card{min-height:220px}.swiper-demo.is-centered .swiper-track{gap:0}.swiper-demo.is-centered .swiper-slide{flex-basis:72%}.swiper-demo.is-centered .swiper-slide-card{opacity:.72;min-height:240px;transition:transform .24s,opacity .24s;transform:scale(.92)}.swiper-demo.is-centered .swiper-slide:nth-child(n) .swiper-slide-card{transform:scale(.96)}.swiper-demo.is-vertical .swiper-viewport{height:300px}.swiper-demo.is-vertical .swiper-track{flex-direction:column;height:100%}.swiper-demo.is-vertical .swiper-slide{flex:0 0 100%;height:100%}.swiper-demo.is-cards .swiper-viewport{background:0 0;padding:16px;overflow:visible}.swiper-demo.is-cards .swiper-slide-card{min-height:280px;box-shadow:0 18px 44px #1720332e}.swiper-demo.is-cards .swiper-slide{padding:0}.swiper-demo.is-cards .swiper-slide:nth-child(2) .swiper-slide-card,.swiper-demo.is-cards .swiper-slide:nth-child(4) .swiper-slide-card{transform:rotate(-1deg)}.swiper-demo.is-cards .swiper-slide:nth-child(3) .swiper-slide-card,.swiper-demo.is-cards .swiper-slide:nth-child(5) .swiper-slide-card{transform:rotate(1deg)}.chart-showcase{--chart-primary:#635bff;--chart-secondary:#8592a3;--chart-success:#168a4a;--chart-info:#0277bd;--chart-warning:#b77900}.chart-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-grid-layout .chart-card:nth-child(3),.chart-card.is-wide{grid-column:1/-1}.chart-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 8px 22px #1720330f}.chart-svg{width:100%;min-height:180px;overflow:visible}.chart-grid-lines line,.chart-radar-grid{stroke:#66708529;stroke-width:1px;fill:none}.chart-line{fill:none;stroke:var(--chart-primary);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 8px #635bff29)}.chart-line.is-secondary{stroke:var(--chart-success)}.chart-area-fill{fill:url(#chart-area-gradient)}.chart-area-fill,.chart-radar-area{fill:#635bff24}.chart-point{fill:var(--surface);stroke:var(--chart-primary);stroke-width:3px}.chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:230px;padding-top:12px;display:grid}.chart-bars.is-grouped{grid-template-columns:repeat(6,minmax(0,1fr))}.chart-bar-column{text-align:center;align-items:end;gap:8px;min-width:0;height:100%;display:grid}.chart-bar-stack{border-bottom:1px solid var(--border);justify-content:center;align-items:end;gap:5px;height:180px;display:flex}.chart-bar-stack span{background:linear-gradient(180deg, var(--chart-primary), #635bff6b);border-radius:8px 8px 0 0;width:min(100%,26px);min-height:12px;display:block}.chart-bar-stack span.is-secondary{background:linear-gradient(180deg, var(--chart-success), #168a4a57)}.chart-bar-column small{color:var(--muted);font-size:12px}.chart-horizontal-bars{gap:14px;display:grid}.chart-horizontal-row{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.chart-horizontal-row span,.chart-horizontal-row strong{color:var(--muted);font-size:12px}.chart-horizontal-row div{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.chart-horizontal-row i{border-radius:inherit;background:var(--chart-primary);height:100%;display:block}.chart-donut-wrap{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;display:grid}.chart-donut{background:radial-gradient(circle at center, var(--surface) 0 48%, transparent 49%), conic-gradient(var(--chart-primary) 0 var(--p1), var(--chart-info) var(--p1) var(--p2), var(--chart-success) var(--p2) var(--p3), var(--chart-warning) var(--p3) 100%);border-radius:999px;place-items:center;width:170px;height:170px;display:grid;box-shadow:inset 0 0 0 1px #1720330f}.chart-donut strong,.chart-donut span{grid-area:1/1}.chart-donut strong{color:var(--text);font-size:24px}.chart-donut span{color:var(--muted);margin-top:42px;font-size:12px}.chart-legend{gap:10px;display:grid}.chart-legend span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.chart-legend i{background:var(--chart-primary);border-radius:999px;width:10px;height:10px}.chart-legend i.tone-success{background:var(--chart-success)}.chart-legend i.tone-info{background:var(--chart-info)}.chart-legend i.tone-warning{background:var(--chart-warning)}.chart-legend strong{color:var(--text);margin-left:auto}.chart-radar-area{stroke:var(--chart-primary);stroke-width:3px}.chart-scatter-point{fill:#635bff57;stroke:var(--chart-primary);stroke-width:2px}.chart-scatter-point.is-secondary{fill:#168a4a42;stroke:var(--chart-success)}.chart-metric-card{background:#635bff14;border-radius:8px;gap:2px;width:fit-content;padding:12px 14px;display:grid}.chart-metric-card span,.chart-metric-card small{color:var(--muted);font-size:12px}.chart-metric-card strong{color:var(--text);font-size:22px;line-height:28px}.cards-demo{--cards-demo-primary:#635bff;--cards-demo-success:#168a4a;--cards-demo-warning:#b77900;--cards-demo-danger:#d92d20;--cards-demo-info:#0277bd}.cards-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cards-demo-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cards-demo-stat-detail-grid{margin-top:16px}.cards-demo-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;min-width:0;padding:18px;display:grid;box-shadow:0 6px 18px #1720330f}.cards-demo-card-header,.cards-demo-stat-head,.cards-demo-list-item,.cards-demo-highlight-row,.cards-demo-target,.cards-demo-score,.cards-demo-inline-stats{align-items:center;gap:12px;display:flex}.cards-demo-card-header{justify-content:space-between;align-items:flex-start}.cards-demo-card-header h3,.cards-demo-profile-body h3{color:var(--text);margin:0;font-size:16px;line-height:22px}.cards-demo-card-header p,.cards-demo-card p,.cards-demo-profile-body p,.cards-demo-list-item span,.cards-demo-progress-row span,.cards-demo-topic-grid span,.cards-demo-report span,.cards-demo-finance span,.cards-demo-inline-stats span{color:var(--muted);margin:0;font-size:13px;line-height:20px}.cards-demo-card-action{flex:none}.cards-demo-media,.cards-demo-cover,.cards-demo-product-device{background:linear-gradient(135deg,#635bff2e,#0277bd1f),linear-gradient(45deg,#f8fafc 25%,#0000 25% 50%,#f8fafc 50% 75%,#0000 75%,#0000) 0 0/18px 18px;border-radius:8px}.cards-demo-media{min-height:140px}.cards-demo-product{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:14px;display:grid}.cards-demo-product-device{aspect-ratio:3/4;border:8px solid #172033;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff4d}.cards-demo-product strong,.cards-demo-highlight strong,.cards-demo-earning strong,.cards-demo-score strong,.cards-demo-stat-card strong,.cards-demo-report strong,.cards-demo-finance strong,.cards-demo-target strong{color:var(--text);font-size:24px;line-height:30px}.cards-demo-rating{color:#f59e0b;letter-spacing:0;font-size:14px}.cards-demo-rating span{color:#cbd5e1}.cards-demo-profile-card{padding:0;overflow:hidden}.cards-demo-cover{border-radius:8px 8px 0 0;min-height:92px}.cards-demo-profile-body{text-align:center;justify-items:center;gap:6px;padding:0 18px 18px;display:grid}.cards-demo-avatar-lg{border:4px solid var(--surface);width:58px;height:58px;margin-top:-29px}.cards-demo-profile-stats,.cards-demo-report,.cards-demo-finance{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.cards-demo-profile-stats span,.cards-demo-report div,.cards-demo-finance div{background:var(--surface-muted);border-radius:8px;gap:2px;min-width:0;padding:10px;display:grid}.cards-demo-profile-stats strong,.cards-demo-list-item strong{color:var(--text);font-size:14px;line-height:20px;display:block}.cards-demo-nav-list,.cards-demo-list,.cards-demo-timeline,.cards-demo-upgrade,.cards-demo-refresh-body{gap:12px;display:grid}.cards-demo-nav-list a{background:var(--surface-muted);min-height:38px;color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-weight:600;display:flex}.cards-demo-solid,.cards-demo-solid h3,.cards-demo-solid p,.cards-demo-solid .cards-demo-card-header p{color:#fff}.cards-demo-solid .component-btn.variant-flat{color:#fff;background:#ffffff24}.cards-demo-solid .component-btn.variant-flat:hover{background:#ffffff38}.cards-demo-solid.tone-primary{background:var(--cards-demo-primary);border-color:var(--cards-demo-primary)}.cards-demo-solid.tone-success{background:var(--cards-demo-success);border-color:var(--cards-demo-success)}.cards-demo-icon{width:42px;height:42px;color:var(--cards-demo-primary);background:#eef2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cards-demo-icon.tone-success{color:var(--cards-demo-success);background:#eaf7ef}.cards-demo-icon.tone-warning{color:var(--cards-demo-warning);background:#fff7e6}.cards-demo-icon.tone-danger{color:var(--cards-demo-danger);background:#fff0ee}.cards-demo-icon.tone-info{color:var(--cards-demo-info);background:#eaf6fd}.cards-demo-icon.tone-neutral{background:var(--surface-muted);color:var(--muted)}.cards-demo-highlight{background:linear-gradient(135deg, #635bff1a, #168a4a14), var(--surface)}.cards-demo-highlight-row{justify-content:space-between}.cards-demo-timeline div{gap:2px;padding-left:24px;display:grid;position:relative}.cards-demo-timeline div>span{border-radius:999px;width:10px;height:10px;position:absolute;top:5px;left:0}.cards-demo-timeline .tone-primary{background:var(--cards-demo-primary)}.cards-demo-timeline .tone-success{background:var(--cards-demo-success)}.cards-demo-timeline .tone-warning{background:var(--cards-demo-warning)}.cards-demo-timeline strong{color:var(--text)}.cards-demo-earning{justify-content:space-between;align-items:baseline;display:flex}.cards-demo-earning span,.cards-demo-report small,.cards-demo-stat-card small{color:var(--cards-demo-success);font-size:13px;font-style:normal;font-weight:700}.cards-demo-bars{align-items:end;gap:8px;height:110px;display:flex}.cards-demo-bars.is-wide{height:150px}.cards-demo-bars i{background:linear-gradient(#635bffdb,#635bff38);border-radius:6px 6px 0 0;flex:1 1 0;min-width:10px;display:block}.cards-demo-list-item{min-width:0}.cards-demo-list-item div{flex:1;min-width:0}.cards-demo-list-item em{color:var(--text);white-space:nowrap;font-style:normal;font-weight:700}.cards-demo-flag{font-size:11px;font-weight:800}.cards-demo-progress-row{gap:8px;display:grid}.cards-demo-progress-row>div:first-child{justify-content:space-between;gap:12px;display:flex}.cards-demo-progress{background:var(--surface-muted);border-radius:999px;height:8px;overflow:hidden}.cards-demo-progress span{border-radius:inherit;background:var(--cards-demo-primary);height:100%;display:block}.cards-demo-progress.tone-success span{background:var(--cards-demo-success)}.cards-demo-progress.tone-warning span{background:var(--cards-demo-warning)}.cards-demo-progress.tone-danger span{background:var(--cards-demo-danger)}.cards-demo-progress.tone-info span{background:var(--cards-demo-info)}.cards-demo-stat-card{gap:10px}.cards-demo-stat-head{justify-content:space-between}.cards-demo-mini-action{width:32px;height:32px}.cards-demo-target{align-items:center}.cards-demo-ring{background:conic-gradient(var(--cards-demo-primary) var(--value), #eef2ff 0);border-radius:999px;flex:none;place-items:center;width:96px;height:96px;display:grid}.cards-demo-ring span{border-radius:inherit;background:var(--surface);width:72px;height:72px;color:var(--text);place-items:center;font-weight:800;display:grid}.cards-demo-score strong{flex:none}.cards-demo-inline-stats{justify-content:space-between}.cards-demo-topic-grid{flex-wrap:wrap;gap:8px;display:flex}.cards-demo-topic-grid span{min-height:34px;color:var(--cards-demo-primary);text-align:center;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-weight:700;display:inline-flex}.cards-demo-topic-grid span.tone-info{color:var(--cards-demo-info);background:#eaf6fd}.cards-demo-upgrade{justify-items:start}.cards-demo-card.is-refreshing{position:relative}.cards-demo-loader{border:3px solid #e5e7eb;border-top-color:var(--cards-demo-primary);border-radius:999px;width:26px;height:26px;animation:.7s linear infinite cards-demo-spin;display:inline-block}@keyframes cards-demo-spin{to{transform:rotate(360deg)}}.component-page.is-radio>.page-header{display:none}.component-page.is-radio .form-demo-inline{align-items:center}.component-page.is-radio .radio-label-row{align-items:center;min-height:28px;line-height:1}.component-page.is-radio .radio-label-row>input[type=radio]{align-self:center;margin:0}.component-page.is-radio .radio-label-text{align-items:center;min-height:16px;line-height:20px;display:flex}.component-page.is-custom-input .component-preview-grid{gap:14px}.component-page.is-custom-input .component-preview-card{padding:16px}.component-page.is-custom-input .custom-input-grid{gap:12px;display:grid}.component-page.is-custom-input .custom-input-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.component-page.is-custom-input .custom-input-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.component-page.is-custom-input .custom-input-card{border:2px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:4px;padding:16px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.component-page.is-custom-input .custom-input-card:hover,.component-page.is-custom-input .custom-input-card.active{border-color:#635bff6b}.component-page.is-custom-input .custom-input-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #635bff14}.component-page.is-custom-input .custom-input-card--icon,.component-page.is-custom-input .custom-input-card--image{display:grid}.component-page.is-custom-input .custom-input-card--icon{text-align:center;justify-items:center;min-height:160px}.component-page.is-custom-input .custom-input-card--image{min-height:184px;padding:0;overflow:hidden}.component-page.is-custom-input .custom-input-control{z-index:1;display:inline-flex;position:absolute;top:12px;right:12px}.component-page.is-custom-input .custom-input-control input[type=radio],.component-page.is-custom-input .custom-input-control input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);background:0 0;border:0;padding:0}.component-page.is-custom-input .custom-input-content{gap:6px;min-width:0;display:grid}.component-page.is-custom-input .custom-input-content--icon{justify-items:center;gap:8px;padding-top:6px}.component-page.is-custom-input .custom-input-content--icon .cr-title{line-height:1.375rem}.component-page.is-custom-input .custom-input-headline{align-items:center;gap:8px;min-width:0;display:flex}.component-page.is-custom-input .custom-input-subtitle,.component-page.is-custom-input .custom-input-desc{color:var(--muted);font-size:13px;line-height:1.45}.component-page.is-custom-input .custom-input-divider{background:var(--border);flex:none;width:1px;height:16px}.component-page.is-custom-input .custom-input-card .cr-title{font-weight:500;line-height:1.375rem}.component-page.is-custom-input .custom-input-card p{margin:0}.component-page.is-custom-input .custom-input-image{object-fit:cover;width:100%;height:100%;display:block}.component-page.is-custom-input .custom-input-card--image .custom-input-image{min-height:184px}.component-page.is-custom-input .custom-input-card--image .custom-input-control{visibility:hidden;top:14px;right:14px}.component-page.is-custom-input .custom-input-card--image:hover .custom-input-control,.component-page.is-custom-input .custom-input-card--image.active .custom-input-control{visibility:visible}@media (max-width:900px){.component-page.is-custom-input .custom-input-grid--2,.component-page.is-custom-input .custom-input-grid--3{grid-template-columns:1fr}}.component-alert{--alert-tone:var(--primary);--alert-tone-rgb:99, 91, 255;--alert-on-tone:#fff;background:var(--alert-tone);color:var(--alert-on-tone);box-shadow:var(--alert-elevation,none);border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:12px 14px;font-weight:500;display:grid}.component-alert.tone-primary{--alert-tone:var(--primary);--alert-tone-rgb:99, 91, 255}.component-alert.tone-secondary{--alert-tone:#8592a3;--alert-tone-rgb:133, 146, 163}.component-alert.tone-info{--alert-tone:var(--info);--alert-tone-rgb:2, 119, 189}.component-alert.tone-success{--alert-tone:var(--success);--alert-tone-rgb:22, 138, 74}.component-alert.tone-warning{--alert-tone:var(--warning);--alert-tone-rgb:183, 121, 0}.component-alert.tone-error,.component-alert.tone-danger{--alert-tone:var(--danger);--alert-tone-rgb:217, 45, 32}.component-alert-content{gap:2px;min-width:0;display:grid}.component-alert-content>strong{font-size:15px;line-height:20px}.component-alert-content>span{color:inherit;font-size:13px;font-weight:400;line-height:20px}.component-alert-content>span strong{font-weight:800}.component-alert-icon{color:currentColor;place-items:center;width:22px;height:22px;display:inline-grid}.component-alert-close{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:inline-grid}.component-alert-close:hover{background:#ffffff2e}.component-alert.variant-tonal{border-color:rgba(var(--alert-tone-rgb), .16);background:rgba(var(--alert-tone-rgb), .12);color:var(--alert-tone)}.component-alert.variant-outlined{border-color:rgba(var(--alert-tone-rgb), .55);color:var(--alert-tone);background:0 0}.component-alert.variant-plain{border-color:var(--border);background:var(--surface);color:var(--text)}.component-alert.variant-plain .component-alert-content>span{color:var(--muted)}.component-alert.border-start{border-left:5px solid var(--alert-tone)}.component-alert.border-end{border-right:5px solid var(--alert-tone)}.component-alert.border-top{border-top:5px solid var(--alert-tone)}.component-alert.border-bottom{border-bottom:5px solid var(--alert-tone)}.component-alert.density-compact{padding:8px 12px}.component-alert.density-default{padding:16px}.component-alert.is-prominent{align-items:center;padding:16px}.component-alert.is-prominent .component-alert-icon{width:38px;height:38px}.component-alert.is-prominent .component-alert-icon svg{stroke-width:1.5px;width:34px;height:34px}.component-range-label{color:var(--text);gap:8px;font-size:13px;font-weight:700;display:grid}.component-range-label input{width:min(360px,100%);accent-color:var(--primary)}.avatar-demo-row,.avatar-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.avatar-demo{border:1px solid #ffffffd1;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.avatar-demo.is-tonal{border-color:#0f172a0f}.avatar-demo .avatar-image,.avatar-demo .avatar-icon{place-items:center;width:100%;height:100%;display:grid}.avatar-demo .avatar-image{object-fit:cover}.avatar-demo .avatar-icon svg{width:60%;height:60%}.avatar-group{align-items:center;display:flex}.avatar-group .avatar-demo+.avatar-demo{margin-left:-12px}.avatar-group .avatar-demo{box-shadow:0 4px 12px #0f172a14}.component-chip{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.component-chip.chip-primary{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.component-chip.chip-success{color:var(--success);background:#168a4a14;border-color:#168a4a33}.component-chip.chip-warning{color:var(--warning);background:#b7790014;border-color:#b7790033}.component-chip.chip-danger{color:var(--danger);background:#d92d2014;border-color:#d92d2033}.component-chip.chip-selected{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.component-chip.chip-removable{background:var(--surface-muted)}.component-chip.chip-removable.chip-selected{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.expansion-panels{gap:8px;display:grid}.expansion-panels.is-accordion{gap:0}.expansion-panel-item{background:var(--surface);border:1px solid #22303e1f;border-radius:6px;min-width:0;transition:box-shadow .2s,transform .2s,max-width .2s;overflow:hidden}.expansion-panel-item.is-open{box-shadow:0 6px 18px #17203314}.expansion-panels.is-accordion .expansion-panel-item{border-radius:6px}.expansion-panels.is-accordion .expansion-panel-item+.expansion-panel-item{margin-top:0}.expansion-panels.is-inset .expansion-panel-item{max-width:100%}.expansion-panels.is-inset .expansion-panel-item.is-open,.expansion-panels.is-popout .expansion-panel-item{max-width:calc(100% - 32px);margin-inline:auto}.expansion-panels.is-popout .expansion-panel-item.is-open{max-width:100%}.expansion-panels-border{border:1px solid #22303e1f;border-radius:6px;overflow:hidden}.expansion-panels-border .expansion-panel-item{box-shadow:none;border:0;border-radius:0}.expansion-panels-border .expansion-panel-item+.expansion-panel-item{border-top:1px solid #22303e1f}.expansion-panels-border .expansion-panel-trigger{background:var(--surface-muted)}.expansion-panels-border .expansion-panel-item.is-open .expansion-panel-trigger{border-bottom:1px solid #22303e1f;margin-bottom:-1px}.expansion-panel-trigger{text-align:left;width:100%;color:var(--text);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.expansion-panel-title-copy{min-width:0;font-size:14px;font-weight:500;line-height:1.35}.expansion-panel-trigger-actions{color:var(--muted);flex:none;align-items:center;gap:10px;display:inline-flex}.expansion-panel-action{justify-content:center;align-items:center;display:inline-flex}.expansion-panel-toggle{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.expansion-panel-toggle.is-open{transform:rotate(180deg)}.expansion-panels-border .expansion-panel-toggle.is-open{transform:none}.expansion-panel-content{opacity:0;max-height:0;transition:max-height .22s,opacity .18s;overflow:hidden}.expansion-panel-item.is-open .expansion-panel-content{opacity:1;max-height:440px}.expansion-panel-text{color:var(--muted);padding:0 16px 16px;font-size:13px}.expansion-panels-border .expansion-panel-text{padding:20px}.expansion-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.expansion-selected{color:var(--muted);font-size:13px}.list-demo{gap:8px;display:grid}.list-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.list-row strong,.list-row span{display:block}.list-row strong{font-size:14px}.list-row span{color:var(--muted);font-size:13px}.list-sneat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.list-sneat-card{gap:12px;display:grid}.list-sneat-copy{color:var(--muted);font-size:13px;line-height:1.55}.list-sneat-surface{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.list-sneat-list{display:grid}.list-sneat-subheader{min-height:40px;color:var(--muted);align-items:center;padding:0 16px;font-size:14px;font-weight:400;line-height:1.375rem;display:flex}.list-sneat-divider{background:var(--border);height:1px}.list-sneat-item{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 16px;display:flex}.list-sneat-item+.list-sneat-item{border-top:1px solid var(--border)}.list-sneat-item.is-rounded+.list-sneat-item.is-rounded,.list-sneat-item.is-shaped+.list-sneat-item.is-shaped{border-top:0}.list-sneat-item.is-two-line{align-items:flex-start;min-height:64px;padding-block:12px}.list-sneat-item.is-three-line{align-items:flex-start;min-height:88px;padding-block:16px}.list-sneat-item.is-nav{min-height:38px;padding-block:6px}.list-sneat-item.is-rounded{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;margin:0 8px 8px}.list-sneat-item.is-shaped{border:1px solid var(--border);background:var(--surface-muted);border-radius:0 14px 14px 0;margin:0 8px 8px}.list-sneat-item-copy{flex:1;gap:2px;min-width:0;display:grid}.list-sneat-item-copy strong{font-size:14px;line-height:20px;display:block}.list-sneat-item-copy span{color:var(--muted);font-size:13px;line-height:18px;display:block}.list-sneat-item-copy .is-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.list-sneat-leading{flex:none;justify-content:center;align-items:center;display:inline-flex}.list-sneat-leading .avatar{flex:none}.list-sneat-icon-badge{width:36px;height:36px;color:var(--primary-strong);background:#635bff14;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.list-sneat-action{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.list-sneat-action:hover{background:var(--surface-muted);color:var(--text)}.list-sneat-checkbox{width:16px;height:16px;min-height:16px;accent-color:var(--primary);margin-top:2px;padding:0}.list-sneat-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.list-sneat-status-dot{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px}.list-sneat-progress{background:var(--surface-muted);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.list-sneat-progress>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.list-sneat-subgroup{padding:6px 0 10px}.list-sneat-subgroup .list-sneat-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin-top:6px;margin-left:16px}.menu-demo{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.menu-trigger-group{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.menu-panel{z-index:10;border:1px solid var(--border);background:var(--surface);min-width:240px;box-shadow:none;filter:var(--shadow-filter);border-radius:8px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.menu-panel.is-top{top:auto;bottom:calc(100% + 8px)}.menu-panel.is-end{left:auto;right:0}.menu-panel.is-popover{min-width:300px;padding:0}.menu-panel-list{display:grid}.menu-item{width:100%;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;padding:10px 16px;font-size:14px;line-height:20px;display:flex}.menu-item:hover{background:var(--surface-muted)}.menu-transition-scale{transform-origin:0 0;animation:.14s menu-scale-in}.menu-transition-slide-x{transform-origin:0 0;animation:.16s menu-slide-x-in}.menu-transition-slide-y{transform-origin:top;animation:.16s menu-slide-y-in}@keyframes menu-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes menu-slide-x-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes menu-slide-y-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-popover-head{align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.menu-popover-head strong{font-size:14px;line-height:20px;display:block}.menu-popover-head span{color:var(--muted);font-size:13px;line-height:20px}.menu-popover-body{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);padding:14px 16px;font-size:13px;line-height:20px}.menu-popover-actions{gap:8px;padding:12px 16px;display:flex}.menu-popover-action{background:var(--surface-muted);border:0;border-radius:8px;width:32px;height:32px}.page-pill{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.page-pill.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.ring-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.component-ring{aspect-ratio:1;background:conic-gradient(var(--ring-tone) var(--ring-progress), #e5e7eb 0);border-radius:50%;place-items:center;gap:4px;width:100%;max-width:150px;margin:0 auto;display:grid;position:relative}.component-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}.component-ring strong,.component-ring span{z-index:1;position:relative}.component-ring strong{font-size:18px;line-height:24px}.component-ring span{color:var(--muted);font-size:12px}.linear-list{gap:12px;display:grid}.linear-row{gap:6px;display:grid}.linear-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.linear-head span{color:var(--muted);font-size:13px}.linear-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.linear-fill{border-radius:999px;height:100%;display:block}.linear-fill.tone-primary{background:var(--primary)}.linear-fill.tone-success{background:var(--success)}.linear-fill.tone-warning{background:var(--warning)}.linear-fill.tone-info{background:var(--info)}.tabs-demo{gap:12px;display:grid}.tabs-strip{align-items:center}.tab-link{min-height:42px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.tab-link:hover{color:var(--text);background:#0f172a08}.tab-link.is-active{border-bottom-color:var(--primary);color:var(--primary-strong);background:#635bff0f}.tab-link.is-stacked{flex-direction:column;gap:4px;min-width:112px;min-height:58px;padding:8px 14px 10px}.tab-pill{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.tab-pill.is-active{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.tab-panel{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:14px}.tab-panel strong{margin-bottom:4px;display:block}.tab-panel p{color:var(--muted);margin:0}.timeline-demo{gap:12px;display:grid}.timeline-demo.is-outlined{gap:10px}.timeline-icons-demo{gap:14px;display:grid}.timeline-row.is-icon{gap:14px}.timeline-row.is-icon>.avatar-demo{margin-top:2px}.timeline-review-head{align-items:center;gap:12px;display:flex}.timeline-review-head strong{color:var(--text);font-size:14px;display:block}.timeline-review-head span{color:var(--muted);font-size:12px;display:block}.timeline-review-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.timeline-rating{color:var(--warning);align-items:center;gap:2px;display:inline-flex}.timeline-review-copy{color:var(--muted);margin:10px 0 0}.timeline-earnings-head{align-items:center;gap:12px;display:flex}.timeline-earnings-head strong{font-size:24px;line-height:30px}.timeline-earnings-sub{color:var(--muted);margin-top:4px;font-size:12px;display:block}.timeline-chip.tone-success{color:var(--success);background:#168a4a14;border-color:#168a4a2e}.timeline-row{align-items:flex-start;gap:12px;display:flex}.timeline-row strong,.timeline-row span{display:block}.timeline-row strong{font-size:14px}.timeline-row span{color:var(--muted);font-size:13px}.timeline-dot{background:var(--border);border-radius:999px;flex:none;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 4px #e5e7eb73}.timeline-dot.tone-primary{background:var(--primary);box-shadow:0 0 0 4px #635bff24}.timeline-dot.tone-success{background:var(--success);box-shadow:0 0 0 4px #168a4a24}.timeline-dot.tone-warning{background:var(--warning);box-shadow:0 0 0 4px #b7790024}.timeline-dot.tone-info{background:var(--info);box-shadow:0 0 0 4px #0277bd24}.timeline-dot.tone-neutral{background:var(--border);box-shadow:0 0 0 4px #e5e7eb73}.timeline-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;flex:auto;gap:4px;padding:10px 12px;display:grid}.timeline-card.is-plain{background:0 0;border-color:#0000;padding:0}.timeline-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-title{color:var(--text);font-size:14px;font-weight:700}.timeline-meta{color:var(--muted);white-space:nowrap;font-size:12px}.timeline-body{color:var(--muted);font-size:13px}.timeline-doc-row,.timeline-project-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.timeline-chip img{flex:none;display:block}.timeline-avatar-row{align-items:center;gap:10px;display:flex}.timeline-client{gap:2px;display:grid}.timeline-client strong{font-size:13px}.timeline-client span{color:var(--muted);font-size:12px}.timeline-avatar-group{align-items:center;display:flex}.timeline-avatar-group .avatar-demo+.avatar-demo{margin-left:-10px}.timeline-avatar-group .avatar-demo{box-shadow:0 2px 10px #0f172a14}.timeline-progress-row{gap:6px;display:grid}.timeline-progress-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-progress-head strong{font-size:13px}.timeline-progress-head span{color:var(--success);font-size:13px;font-weight:700}.timeline-progress{background:var(--surface-muted);border-radius:999px;width:100%;height:4px;overflow:hidden}.timeline-progress-fill{border-radius:inherit;background:var(--primary);height:100%;display:block}.timeline-progress-fill.tone-secondary{background:#8592a3}.timeline-progress-fill.tone-success{background:var(--success)}.timeline-progress-fill.tone-info{background:var(--info)}.timeline-summary-list{gap:10px;display:grid}.timeline-summary-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.timeline-summary-copy{gap:2px;min-width:0;display:grid}.timeline-summary-copy strong{font-size:13px}.timeline-summary-copy span{color:var(--muted);font-size:12px}.timeline-summary-value{justify-items:end;gap:4px;min-width:110px;display:grid}.timeline-summary-value strong{font-size:13px}.tooltip-grid{align-items:flex-start}.tooltip-vmodel-row{align-items:center}.tooltip-demo{justify-content:center;align-items:center;display:inline-flex;position:relative}.tooltip-demo-activator{justify-content:center;align-items:center;display:inline-flex}.tooltip-demo-bubble{z-index:6;color:#fff;opacity:0;pointer-events:none;background:#22303e;border:1px solid #22303e;border-radius:8px;min-width:max-content;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.3;transition:opacity .16s,transform .16s;display:block;position:absolute;box-shadow:0 12px 28px #0f172a2e}.tooltip-demo.location-top .tooltip-demo-bubble{bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)scale(.98)}.tooltip-demo.location-bottom .tooltip-demo-bubble{top:calc(100% + 10px);left:50%;transform:translate(-50%,-6px)scale(.98)}.tooltip-demo.location-end .tooltip-demo-bubble{top:50%;left:calc(100% + 10px);transform:translate(6px,-50%)scale(.98)}.tooltip-demo.location-start .tooltip-demo-bubble{top:50%;right:calc(100% + 10px);transform:translate(-6px,-50%)scale(.98)}.tooltip-demo.is-open .tooltip-demo-bubble{opacity:1}.tooltip-demo.is-open.location-top .tooltip-demo-bubble,.tooltip-demo.is-open.location-bottom .tooltip-demo-bubble{transform:translate(-50%)scale(1)}.tooltip-demo.is-open.location-end .tooltip-demo-bubble,.tooltip-demo.is-open.location-start .tooltip-demo-bubble{transform:translateY(-50%)scale(1)}.tooltip-demo.transition-scale .tooltip-demo-bubble{transition-timing-function:cubic-bezier(.16,1,.3,1)}.tooltip-demo.transition-scale.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scale.location-bottom .tooltip-demo-bubble{transform:translate(-50%,4px)scale(.88)}.tooltip-demo.transition-scale.location-end .tooltip-demo-bubble,.tooltip-demo.transition-scale.location-start .tooltip-demo-bubble{transform:translate(4px,-50%)scale(.88)}.tooltip-demo.transition-scale.is-open.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scale.is-open.location-bottom .tooltip-demo-bubble{transform:translate(-50%)scale(1)}.tooltip-demo.transition-scale.is-open.location-end .tooltip-demo-bubble,.tooltip-demo.transition-scale.is-open.location-start .tooltip-demo-bubble{transform:translateY(-50%)scale(1)}.tooltip-demo.transition-scroll-x.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scroll-x.location-bottom .tooltip-demo-bubble{transform:translate(-50%)translate(8px)}.tooltip-demo.transition-scroll-x.is-open.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scroll-x.is-open.location-bottom .tooltip-demo-bubble{transform:translate(-50%)}.tooltip-demo.transition-scroll-y.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scroll-y.location-bottom .tooltip-demo-bubble{transform:translate(-50%,8px)}.tooltip-demo.transition-scroll-y.is-open.location-top .tooltip-demo-bubble,.tooltip-demo.transition-scroll-y.is-open.location-bottom .tooltip-demo-bubble{transform:translate(-50%)}.component-icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.component-btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;transition:border-color .12s,box-shadow .12s,background-color .12s,color .12s;display:inline-flex}.component-btn:focus-visible,.icon-button:focus-visible,.table-action:focus-visible,.tab-link:focus-visible,.tab-pill:focus-visible,.expansion-panel-trigger:focus-visible,.wizard-step:focus-visible,.menu-item:focus-visible,.menu-popover-action:focus-visible,.page-pill:focus-visible,.snackbar-inline button:focus-visible,.snackbar-icon-button:focus-visible,.dialog-toolbar-icon:focus-visible,.dialog-toolbar-action:focus-visible,.dialog-close-float:focus-visible,.cards-demo-nav-list a:focus-visible,.sneat-textfield-action:focus-visible,.sneat-textarea-clear:focus-visible,.autocomplete-suffix:focus-visible,.autocomplete-clear-button:focus-visible,.autocomplete-option:focus-visible,.sneat-select-option:focus-visible,.file-input-action:focus-visible,.sneat-rating-item:focus-visible,.form-demo-sneat-range-thumb:focus-visible{outline:none;box-shadow:0 0 0 4px #635bff14}.component-btn.tone-primary{border-color:var(--primary);background:var(--primary);color:#fff}.component-btn.tone-success{border-color:var(--success);background:var(--success);color:#fff}.component-btn.tone-warning{border-color:var(--warning);background:var(--warning);color:#fff}.component-btn.tone-danger{border-color:var(--danger);background:var(--danger);color:#fff}.component-btn.tone-info{border-color:var(--info);background:var(--info);color:#fff}.component-btn.tone-secondary{color:#fff;background:#8592a3;border-color:#8592a3}.component-btn.variant-tonal{color:var(--primary-strong);background:#635bff14}.component-btn.variant-tonal.tone-secondary{color:#5f6b78;background:#8592a31f}.component-btn.variant-tonal.tone-success{color:var(--success);background:#168a4a1f}.component-btn.variant-tonal.tone-warning{color:var(--warning);background:#b779001f}.component-btn.variant-tonal.tone-danger{color:var(--danger);background:#d92d201f}.component-btn.variant-tonal.tone-info{color:var(--info);background:#0277bd1f}.component-btn.variant-outlined{color:var(--primary-strong);background:0 0}.component-btn.variant-outlined.tone-primary{color:var(--primary-strong);border-color:#635bff33}.component-btn.variant-outlined.tone-secondary{color:#5f6b78;border-color:#8592a340}.component-btn.variant-outlined.tone-success{color:var(--success);border-color:#168a4a40}.component-btn.variant-outlined.tone-warning{color:var(--warning);border-color:#b7790040}.component-btn.variant-outlined.tone-danger{color:var(--danger);border-color:#d92d2040}.component-btn.variant-outlined.tone-info{color:var(--info);border-color:#0277bd40}.component-btn.variant-flat{color:var(--primary-strong);background:0 0}.component-btn.variant-flat.tone-primary{color:var(--primary-strong)}.component-btn.variant-flat.tone-secondary{color:#5f6b78}.component-btn.variant-flat.tone-success{color:var(--success)}.component-btn.variant-flat.tone-warning{color:var(--warning)}.component-btn.variant-flat.tone-danger{color:var(--danger)}.component-btn.variant-flat.tone-info{color:var(--info)}.component-btn.variant-plain{color:var(--text);background:0 0;border-color:#0000}.component-btn.variant-plain.tone-primary{color:var(--primary-strong)}.component-btn.variant-plain.tone-secondary{color:#5f6b78}.component-btn.variant-plain.tone-success{color:var(--success)}.component-btn.variant-plain.tone-warning{color:var(--warning)}.component-btn.variant-plain.tone-danger{color:var(--danger)}.component-btn.variant-plain.tone-info{color:var(--info)}.component-btn.size-sm{min-height:34px;padding:6px 10px;font-size:13px}.component-btn.size-lg{min-height:46px;padding:10px 18px}.component-btn.round-0{border-radius:0}.component-btn.round-sm{border-radius:4px}.component-btn.round-lg{border-radius:12px}.component-btn.round-xl{border-radius:16px}.component-btn.is-block{width:100%}.component-btn.is-loading{gap:8px}.component-btn.is-loading .button-spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite component-spin}.button-stack{gap:10px;display:grid}.button-group{align-items:stretch;gap:0;display:inline-flex}.button-group .component-btn{border-radius:0}.button-group .component-btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.button-group .component-btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.badge-demo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.demo-badge.tone-primary{color:var(--primary-strong);background:#635bff14;border-color:#635bff2e}.demo-badge.tone-secondary{color:#5f6b78;background:#8592a31a;border-color:#8592a32e}.demo-badge.tone-success{color:var(--success);background:#168a4a14;border-color:#168a4a2e}.demo-badge.tone-warning{color:var(--warning);background:#b7790014;border-color:#b779002e}.demo-badge.tone-danger{color:var(--danger);background:#d92d2014;border-color:#d92d202e}.demo-badge.tone-info{color:var(--info);background:#0277bd14;border-color:#0277bd2e}.demo-badge.variant-filled{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.demo-badge.variant-tonal{background:#635bff14}.demo-badge.variant-outlined{background:0 0;border-color:currentColor}.demo-badge.is-dot{min-width:28px}.badge-hover-demo{align-items:center;display:flex}.badge-hover-indicator{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:8px;font-size:11px;display:inline-flex}.badge-overlap{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;min-height:36px;padding:0 14px;font-weight:700;display:inline-flex;position:relative}.badge-overlap i{border:2px solid var(--surface);background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-style:normal;display:inline-flex;position:absolute;top:-8px;right:-8px}.badge-overlap.is-dot i{width:12px;min-width:12px;height:12px}.avatar-status{display:inline-flex;position:relative}.avatar-status i{border:2px solid var(--surface);background:var(--success);border-radius:999px;width:11px;height:11px;position:absolute;bottom:1px;right:0}.avatar-status.is-busy i{background:var(--danger)}.component-chip.is-outlined{background:0 0}.component-chip.chip-elevated{box-shadow:none;filter:var(--shadow-filter)}.component-chip.chip-round-0{border-radius:0}.component-chip.chip-round-sm{border-radius:4px}.component-chip.chip-round-lg{border-radius:12px}.component-chip.chip-size-sm{min-height:28px;padding:0 10px;font-size:12px}.component-chip.chip-size-lg{min-height:36px;padding:0 14px;font-size:14px}.select-chip-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip-expandable{color:var(--primary-strong);background:#635bff0f;border-color:#635bff33}.chip-expand-panel{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:13px}.dialog-preview-card,.dialog-mock{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;padding:14px;display:grid}.dialog-preview-card span,.dialog-mock span,.dialog-scroll-preview span,.dialog-loader-row span{color:var(--muted);font-size:13px}.dialog-preview-card div,.dialog-mock div,.dialog-actions-inline,.dialog-avatar-row{flex-wrap:wrap;gap:8px;display:flex}.dialog-avatar-row{align-items:center}.dialog-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dialog-form-field{gap:4px;display:grid}.dialog-form-field input{width:100%}.dialog-form-hint{color:var(--muted);font-size:12px;line-height:16px}.dialog-form-span-3{grid-column:1/-1}.dialog-settings-list{gap:10px;display:grid}.dialog-settings-list>label,.dialog-settings-list>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dialog-scroll-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;max-height:240px;padding:12px;display:grid;overflow:auto}.dialog-loader-row{align-items:center;gap:12px;display:flex}.dialog-modal-large{width:min(100%,680px)}.dialog-modal-small{width:min(100%,360px)}.dialog-modal-scrollable{width:min(100%,350px)}.dialog-modal-form{width:min(100%,600px)}.dialog-modal-loader{background:var(--surface);width:min(100%,420px);color:var(--text);border-color:#635bff33;gap:14px;min-height:0;padding:18px}.dialog-modal-loader .dialog-loader-panel{text-align:left;justify-items:stretch;gap:10px;width:100%;min-width:0;padding:0;display:grid}.dialog-modal-loader .dialog-loader-copy{color:var(--muted);opacity:1;margin:0;font-size:14px;font-weight:400;line-height:22px}.dialog-modal-loader .component-spinner{border-color:#635bff2e;border-top-color:var(--primary)}.dialog-loader-progress{background:var(--surface-muted);border-radius:999px;width:100%;height:4px;overflow:hidden}.dialog-loader-progress .linear-fill{background:var(--primary)}.dialog-close-float{align-self:center;margin-left:auto}.dialog-close-float.is-light{color:#fff}.dialog-select-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.dialog-select-row span{color:var(--text)}.dialog-select-row input[type=checkbox],.dialog-select-row input[type=radio]{flex:none;width:14px;height:14px;min-height:14px;margin:0}.dialog-list-group{gap:10px;display:grid}.dialog-fullscreen-divider{background:var(--border);height:1px}.dialog-fullscreen-list{gap:0;padding:8px 0;display:grid}.dialog-fullscreen-list.is-two-line{padding-top:0}.dialog-fullscreen-subheader{min-height:40px;color:var(--muted);align-items:center;padding:0 16px;font-size:14px;font-weight:400;line-height:1.375rem;display:flex}.dialog-fullscreen-item{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:flex-start;gap:12px;min-height:64px;padding:12px 16px;display:flex}.dialog-fullscreen-item.is-three-line{align-items:flex-start;min-height:88px;padding-top:16px;padding-bottom:16px}.dialog-fullscreen-item-copy{gap:0;min-width:0;display:grid}.dialog-fullscreen-item-copy strong{font-size:14px;line-height:1.25rem}.dialog-fullscreen-item-copy span{color:var(--muted);font-size:12px;line-height:1rem}.dialog-fullscreen-item input[type=checkbox],.dialog-fullscreen-item input[type=radio]{margin-top:0}.dialog-fullscreen-shell{z-index:90;background:0 0;position:fixed;inset:0}.dialog-modal-fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;background:var(--surface);border:0;border-radius:0;flex-direction:column;flex:auto;gap:0;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.dialog-fullscreen-toolbar{background:var(--primary);color:#fff;align-items:center;gap:8px;min-height:40px;padding:0 8px;display:flex}.dialog-toolbar-icon{width:32px;height:32px;min-height:32px;box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important}.dialog-fullscreen-title{font-size:15px;font-weight:600;line-height:1.2}.dialog-fullscreen-spacer{flex:1}.dialog-toolbar-action{min-height:28px;margin-right:0;padding:0;box-shadow:none!important;color:#fff!important;background:0 0!important;border:0!important}.dialog-fullscreen-content{flex:auto;gap:0;min-height:0;padding:0;overflow:auto}.dialog-form-actions{justify-content:flex-end}.list-row.compact{text-align:left;width:100%}.menu-static{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;min-width:220px;padding:12px;display:grid}.menu-static span{color:var(--muted);font-size:13px}.menu-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pagination-demo.is-dense{align-items:center}.pagination-demo.is-dense span{color:var(--muted)}.pagination-demo{align-items:center}.pagination-demo.is-outline .page-pill,.page-pill.is-outline{background:0 0}.page-pill:disabled{opacity:.45;cursor:not-allowed}.page-pill.is-active.tone-primary{border-color:var(--primary);background:var(--primary);color:#fff}.page-pill.is-active.tone-success{border-color:var(--success);background:var(--success);color:#fff}.page-pill.is-active.tone-error{border-color:var(--danger);background:var(--danger);color:#fff}.page-pill.is-active.tone-info{border-color:var(--info);background:var(--info);color:#fff}.pagination-demo.is-outline .page-pill.is-active,.page-pill.is-outline.is-active{color:var(--primary-strong);background:0 0}.page-pill.is-outline.is-active.tone-primary{color:var(--primary-strong);border-color:#635bff47}.page-pill.is-outline.is-active.tone-success{color:var(--success);border-color:#168a4a47}.page-pill.is-outline.is-active.tone-error{color:var(--danger);border-color:#d92d2047}.page-pill.is-outline.is-active.tone-info{color:var(--info);border-color:#0277bd47}.page-pill.is-circle{border-radius:999px}.page-pill.size-sm{width:32px;height:32px;font-size:12px}.page-pill.size-lg{width:44px;height:44px;font-size:14px}.page-ellipsis{min-width:18px;color:var(--muted);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.pagination-demo.is-length,.pagination-demo.is-total-visible{justify-content:flex-start}.pagination-demo.is-icons{align-items:center}.spinner-row{flex-wrap:wrap;gap:14px;display:flex}.component-spinner{border:4px solid #e5e7eb;border-top-color:var(--primary);border-radius:999px;width:42px;height:42px;animation:.9s linear infinite component-spin}.component-spinner.tone-success{border-top-color:var(--success)}.component-spinner.tone-warning{border-top-color:var(--warning)}.component-ring.size-sm{max-width:120px}.component-ring.size-lg{max-width:180px}@keyframes component-spin{to{transform:rotate(360deg)}}.linear-list.is-thin .linear-track{height:6px}.linear-list.is-rounded .linear-track{border-radius:999px}.linear-track.is-buffer{position:relative}.linear-buffer{border-radius:inherit;background:#635bff33;position:absolute;inset:0 auto 0 0}.linear-track.is-indeterminate .linear-fill{width:38%;animation:1.4s ease-in-out infinite component-progress}.linear-track.is-reversed .linear-fill{margin-left:auto}.linear-track.is-striped .linear-fill{background-image:linear-gradient(135deg,#ffffff59 25%,#0000 25% 50%,#ffffff59 50% 75%,#0000 75%,#0000);background-size:24px 24px}@keyframes component-progress{0%{transform:translate(-80%)}50%{transform:translate(35%)}to{transform:translate(120%)}}.snackbar-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:12px;display:grid}.snackbar-inline{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.snackbar-inline.is-multiline{align-items:flex-start}.snackbar-inline.is-vertical{flex-direction:column;align-items:flex-start}.snackbar-inline button{color:var(--primary-strong);background:0 0;border:0;font-weight:700}.snackbar-demo{z-index:95;color:#fff;background:#22303e;border-radius:6px;align-items:center;gap:12px;min-width:344px;max-width:672px;min-height:44px;display:flex;position:fixed;overflow:hidden;box-shadow:0 1px 5px #1720332e}.snackbar-demo.variant-tonal{color:#22303e;box-shadow:none;background:#22303e14}.snackbar-demo.variant-text{color:inherit;box-shadow:none;background:0 0}.snackbar-demo.variant-outlined{color:var(--danger);box-shadow:none;background:0 0;border:1px solid}.snackbar-demo.variant-flat{color:#fff;box-shadow:none;background:#22303e}.snackbar-demo.variant-default{color:#fff;background:#22303e}.snackbar-demo.is-vertical{flex-direction:column;align-items:stretch}.snackbar-demo.is-multiline{min-height:68px}.snackbar-demo.is-fade{animation:.15s cubic-bezier(0,0,.2,1) snackbar-fade-in}.snackbar-demo.is-scale{animation:.15s cubic-bezier(0,0,.2,1) snackbar-scale-in}.snackbar-demo.is-scroll-y-reverse{animation:.15s cubic-bezier(0,0,.2,1) snackbar-slide-in}.snackbar-content{flex:auto;padding:12px 16px;font-size:13px;line-height:20px}.snackbar-actions{align-items:center;gap:8px;margin-inline-end:16px;display:flex}.snackbar-demo.is-vertical .snackbar-actions{margin-bottom:8px;align-self:flex-end;margin-inline-end:16px}.snackbar-icon-button{width:40px;height:40px;color:var(--text);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.snackbar-icon-button:hover{background:var(--surface-muted)}@keyframes snackbar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes snackbar-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes snackbar-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tabs-strip.is-contained{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:4px}.tabs-vertical-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:12px;display:grid}.tabs-strip.is-vertical{flex-direction:column;align-items:stretch}.tabs-strip.is-vertical .tab-link{border-bottom:0;border-left:2px solid #0000;border-radius:8px;justify-content:flex-start}.tabs-strip.is-vertical .tab-link.is-active{border-left-color:var(--primary)}.tabs-strip.is-left{justify-content:flex-start}.tabs-strip.is-center{justify-content:center}.tabs-strip.is-right{justify-content:flex-end}.tabs-strip.is-paginated{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tabs-strip.is-paginated .tab-link{flex:none}.tabs-strip.is-fixed .tab-link{min-width:92px}.tabs-strip.is-grow .tab-link{flex:1 1 0}.tabs-strip.is-pill .tab-pill,.tab-pill.is-stacked{border-radius:999px}.tab-pill.is-stacked{flex-direction:column;gap:4px;min-width:110px;min-height:54px}.tabs-strip.is-contained .tab-link.is-active,.tabs-strip.is-contained .tab-pill.is-active{background:#fff}@media (max-width:900px){.component-preview-grid,.form-demo-grid,.switch-demo-grid--colors,.dialog-form-grid{grid-template-columns:1fr}.dialog-form-span-3{grid-column:auto}}@media (max-width:1100px){.stat-grid,.cards-demo-grid,.cards-demo-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.split-panel,.settings-layout{grid-template-columns:1fr}.component-tiles,.ring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{margin:0;font-size:24px;line-height:32px}.page-header p{max-width:680px;color:var(--muted);margin:4px 0 0}.eyebrow{letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--primary-strong)!important;margin:0 0 4px!important}.button{border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-weight:700;display:inline-flex}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button.ghost{color:#344054}.button.full{width:100%}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;display:grid}.stat-card,.panel{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:100%;box-shadow:none;filter:var(--shadow-filter);border-radius:8px}.stat-card{gap:8px;min-height:128px;padding:16px;display:grid}.stat-card span,.stat-card small,.section-header p{color:var(--muted)}.stat-card strong{font-size:28px;line-height:34px}.stat-card small{font-weight:700}.tone-primary small{color:var(--primary-strong)}.tone-success small{color:var(--success)}.tone-warning small{color:var(--warning)}.tone-danger small{color:var(--danger)}.tone-info small{color:var(--info)}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:16px;min-width:0;display:grid}.dashboard-grid>*,.stat-grid>*,.settings-layout>*,.split-panel>*{min-width:0}.panel{padding:20px}.section-header,.table-toolbar,.pagination-row,.form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header{margin-bottom:16px}.section-header h2,.split-panel h2{margin:0;font-size:18px;line-height:26px}.section-header p,.split-panel p{margin:2px 0 0}.queue-list{gap:10px;display:grid}.split-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.queue-list div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:12px}.queue-list strong,.queue-list span{display:block}.queue-list span{color:var(--muted);font-size:13px}.trend-bars{background:var(--surface-muted);border-radius:8px;align-items:end;gap:10px;height:184px;padding:16px;display:flex}.trend-bars span{background:linear-gradient(180deg, var(--primary), #8ee3ef);border-radius:6px 6px 0 0;flex:1;min-width:18px}.dashboard-page{gap:18px}.dashboard-page .page-actions{flex-wrap:wrap;gap:10px;display:flex}.dashboard-hero{background:radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 7%, var(--surface)), var(--surface) 58%);grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:stretch;gap:18px;display:grid;overflow:hidden}.dashboard-hero-copy{align-content:center;gap:12px;display:grid}.dashboard-kicker{background:color-mix(in srgb, var(--success) 12%, var(--surface));width:fit-content;color:var(--success);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.dashboard-hero h2{max-width:760px;color:var(--text);margin:0;font-size:28px;line-height:36px}.dashboard-hero p{max-width:720px;color:var(--muted);margin:0}.dashboard-hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.dashboard-health-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));background:color-mix(in srgb, var(--surface) 86%, white);border-radius:12px;align-content:center;gap:14px;padding:16px;display:grid}.dashboard-health-ring{aspect-ratio:1;background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(var(--primary) 0 var(--score), color-mix(in srgb, var(--border) 70%, var(--surface)) var(--score) 100%);text-align:center;border-radius:999px;place-content:center;justify-self:center;width:174px;display:grid}.dashboard-health-ring strong{color:var(--text);font-size:34px;line-height:40px}.dashboard-health-ring span,.dashboard-health-list span{color:var(--muted);font-size:13px}.dashboard-health-list{gap:8px;display:grid}.dashboard-health-list span,.dashboard-legend span{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-health-list i,.dashboard-legend i{background:var(--primary);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.dashboard-health-list i.tone-success,.dashboard-legend i.tone-success{background:var(--success)}.dashboard-health-list i.tone-warning{background:var(--warning)}.dashboard-health-list i.tone-info{background:var(--info)}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dashboard-kpi-card{min-width:0;position:relative}.dashboard-kpi-card .stat-card{min-height:142px;padding-right:58px}.dashboard-kpi-icon{z-index:1;background:color-mix(in srgb, var(--primary) 10%, var(--surface));width:40px;height:40px;color:var(--primary-strong);border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.dashboard-kpi-icon.tone-success{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success)}.dashboard-kpi-icon.tone-warning{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.dashboard-kpi-icon.tone-danger{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.dashboard-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;display:grid}.dashboard-side-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);gap:16px;display:grid}.dashboard-main-grid>*,.dashboard-side-grid>*,.dashboard-kpi-grid>*{min-width:0}.dashboard-legend{color:var(--muted);gap:14px;font-size:12px;font-weight:700;display:flex}.dashboard-revenue-chart{border:1px solid var(--border);background:linear-gradient(to top, transparent 0 24%, color-mix(in srgb, var(--border) 55%, transparent) 24% calc(24% + 1px), transparent calc(24% + 1px) 49%, color-mix(in srgb, var(--border) 55%, transparent) 49% calc(49% + 1px), transparent calc(49% + 1px) 74%, color-mix(in srgb, var(--border) 55%, transparent) 74% calc(74% + 1px), transparent calc(74% + 1px)), var(--surface-muted);border-radius:10px;grid-template-columns:repeat(7,minmax(34px,1fr));align-items:end;gap:12px;min-height:260px;padding:18px;display:grid}.dashboard-revenue-column{align-items:end;gap:8px;min-width:0;height:100%;display:grid}.dashboard-revenue-column>div{justify-content:center;align-items:end;gap:4px;height:208px;display:flex}.dashboard-revenue-column span{border-radius:6px 6px 0 0;width:min(18px,42%);display:block}.dashboard-revenue-column .is-billed{background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 52%, white))}.dashboard-revenue-column .is-collected{background:linear-gradient(180deg, var(--success), color-mix(in srgb, var(--success) 45%, white))}.dashboard-revenue-column small{color:var(--muted);text-align:center;font-size:12px;font-weight:700}.dashboard-work-panel .section-header svg,.dashboard-risk-panel .section-header svg{color:var(--warning)}.dashboard-priority-list button strong,.dashboard-checks strong,.dashboard-channel-list strong{color:var(--text)}.dashboard-channel-list>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;grid-template-columns:minmax(130px,.8fr) minmax(110px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.dashboard-channel-list>div>span{gap:3px;display:grid}.dashboard-channel-list small{color:var(--muted)}.ops-progress span.tone-success{background:linear-gradient(90deg, var(--success), #8ee3b1)}.ops-progress span.tone-info{background:linear-gradient(90deg, var(--info), #8ee3ef)}.ops-progress span.tone-warning{background:linear-gradient(90deg, var(--warning), #ffd98a)}.dashboard-checks{gap:10px;display:grid}.dashboard-checks div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:7px;padding:12px;display:grid}.dashboard-checks .status-badge{width:fit-content}.dashboard-checks span{color:var(--muted);font-size:13px}.dashboard-records-panel .ops-table-wrap table{min-width:820px}.system-page{gap:18px}.system-page .page-actions{flex-wrap:wrap;gap:10px;display:flex}.system-hero{background:radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--info) 15%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--success) 7%, var(--surface)), var(--surface) 58%);grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;display:grid;overflow:hidden}.system-hero-copy{align-content:center;gap:12px;display:grid}.system-kicker{background:color-mix(in srgb, var(--success) 12%, var(--surface));width:fit-content;color:var(--success);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.system-hero h2{max-width:760px;color:var(--text);margin:0;font-size:28px;line-height:36px}.system-hero p{max-width:720px;color:var(--muted);margin:0}.system-hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.system-status-card{border:1px solid color-mix(in srgb, var(--success) 18%, var(--border));background:color-mix(in srgb, var(--surface) 86%, white);border-radius:12px;align-content:center;gap:14px;padding:16px;display:grid}.system-pulse{background:linear-gradient(135deg, color-mix(in srgb, var(--success) 88%, #172033), color-mix(in srgb, var(--info) 74%, #172033));color:#fff;text-align:center;border-radius:12px;place-content:center;justify-items:center;gap:8px;min-height:174px;display:grid;position:relative;overflow:hidden}.system-pulse:before{content:"";background:#ffffff1f;border-radius:999px;width:132px;height:132px;position:absolute;transform:translate(64px,-46px)}.system-pulse svg,.system-pulse strong,.system-pulse span{z-index:1;position:relative}.system-pulse strong{font-size:30px;line-height:36px}.system-pulse span,.system-health-list span{color:var(--muted);font-size:13px}.system-pulse span{color:#ffffffc7}.system-health-list{gap:8px;display:grid}.system-health-list span{justify-content:space-between;align-items:center;gap:10px;display:flex}.system-health-list i{background:var(--success);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.system-health-list i.tone-warning{background:var(--warning)}.system-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.system-kpi-card{min-width:0;position:relative}.system-kpi-card .stat-card{min-height:142px;padding-right:58px}.system-kpi-icon{z-index:1;background:color-mix(in srgb, var(--primary) 10%, var(--surface));width:40px;height:40px;color:var(--primary-strong);border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.system-kpi-icon.tone-success{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success)}.system-kpi-icon.tone-warning{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--warning)}.system-kpi-icon.tone-info{background:color-mix(in srgb, var(--info) 12%, var(--surface));color:var(--info)}.system-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;display:grid}.system-side-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.system-main-grid>*,.system-side-grid>*,.system-kpi-grid>*{min-width:0}.system-jobs-panel .ops-table-wrap table{min-width:920px}.system-incident-panel .section-header svg{color:var(--warning)}.system-incident-list button strong,.system-integration-list strong,.system-maintenance-list strong{color:var(--text)}.system-integration-list>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;grid-template-columns:minmax(130px,.85fr) minmax(110px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.system-integration-list>div>span{gap:3px;display:grid}.system-integration-list small{color:var(--muted)}.ops-progress span.tone-danger{background:linear-gradient(90deg, var(--danger), #ff9d99)}.system-maintenance-list{gap:10px;display:grid}.system-maintenance-list>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.system-maintenance-list span{gap:3px;display:grid}.system-maintenance-list small{color:var(--muted)}.placeholder{border:1px dashed var(--border);background:var(--surface-muted);border-radius:8px;gap:10px;padding:14px;display:grid}.placeholder strong,.placeholder span{display:block}.placeholder span{color:var(--muted);font-size:13px}.ops-page{--ops-tone:var(--primary);--ops-tone-soft:#635bff1a}.ops-hero{border:1px solid color-mix(in srgb, var(--ops-tone) 18%, var(--border));background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--ops-tone) 18%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--ops-tone) 12%, white), var(--surface));border-radius:14px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #17203314}.ops-hero.tone-sales{--ops-tone:var(--primary)}.ops-hero.tone-orders{--ops-tone:#0277bd}.ops-hero.tone-finance{--ops-tone:var(--success)}.ops-hero.tone-inventory{--ops-tone:#b77900}.ops-hero.tone-products{--ops-tone:#7c3aed}.ops-hero.tone-access{--ops-tone:#0f766e}.ops-hero-copy{align-content:center;gap:10px;min-width:0;display:grid}.ops-kicker{background:color-mix(in srgb, var(--ops-tone) 12%, white);width:fit-content;color:color-mix(in srgb, var(--ops-tone) 82%, #172033);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;line-height:16px;display:inline-flex}.ops-hero h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.06}.ops-hero p{max-width:680px;color:var(--muted);margin:0;font-size:14px;line-height:22px}.ops-hero-actions,.ops-filter-shell,.ops-segmented,.ops-entity,.ops-metric-list div{align-items:center;gap:10px;display:flex}.ops-hero-actions{flex-wrap:wrap;margin-top:6px}.ops-hero-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--ops-tone) 92%, #172033), color-mix(in srgb, var(--ops-tone) 64%, #172033));color:#fff;border-radius:14px;align-content:center;justify-items:center;gap:6px;min-height:210px;padding:20px;display:grid;position:relative;overflow:hidden}.ops-hero-visual:before{content:"";background:#ffffff21;border-radius:999px;width:170px;height:170px;position:absolute;top:-52px;right:-42px}.ops-hero-visual>svg,.ops-hero-visual strong,.ops-hero-visual span,.ops-spark-bars,.ops-spark-line{z-index:1;position:relative}.ops-hero-visual strong{font-size:34px;line-height:40px}.ops-hero-visual span{color:#ffffffc7;font-size:13px}.ops-spark-bars,.ops-spark-line{align-items:end;gap:8px;width:min(100%,220px);height:74px;margin-top:12px;display:flex}.ops-spark-bars i,.ops-spark-line i{background:#ffffffb8;border-radius:999px 999px 0 0;flex:1;min-height:12px}.ops-spark-line i{background:#ffffff8a;border-radius:999px}.ops-radial{background:var(--surface);min-height:230px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ops-tone) 16%, var(--border));border-radius:14px;align-content:center;place-items:center;gap:10px;display:grid}.ops-radial>span{background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(var(--ops-tone) 0 var(--value), #eef2f6 var(--value) 100%);border-radius:999px;place-items:center;width:150px;height:150px;display:grid}.ops-radial strong{color:var(--text);font-size:26px}.ops-radial small{color:var(--muted);font-size:13px;font-weight:700}.ops-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ops-stat-card,.ops-category-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;min-width:0;padding:16px;display:grid;box-shadow:0 8px 22px #1720330f}.ops-stat-card span,.ops-category-card span{color:var(--muted);font-size:13px}.ops-stat-card strong{color:var(--text);font-size:28px;line-height:34px}.ops-stat-card small{font-size:12px;font-weight:800}.ops-stat-card small.tone-success{color:var(--success)}.ops-stat-card small.tone-warning{color:var(--warning)}.ops-stat-card small.tone-danger{color:var(--danger)}.ops-stat-card small.tone-info{color:var(--info)}.ops-panel{border-radius:12px}.ops-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ops-filter-shell{flex-wrap:wrap;margin-bottom:16px}.ops-search{border:1px solid var(--border);background:var(--surface);min-width:240px;color:var(--muted);border-radius:10px;flex:280px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.ops-search input{box-shadow:none;border:0;outline:none;padding-inline:0}.ops-segmented{background:var(--surface-muted);border-radius:10px;flex-wrap:wrap;flex:0 auto;padding:4px}.ops-segmented button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.ops-segmented button.is-active{background:var(--surface);color:var(--primary-strong);box-shadow:0 4px 12px #17203314}.ops-table-wrap{border:1px solid var(--border);border-radius:10px}.ops-table-wrap table{min-width:920px}.ops-table-wrap tbody tr{transition:background-color .12s}.ops-table-wrap tbody tr:hover{background:#635bff09}.ops-entity i{width:30px;height:30px;color:var(--primary-strong);background:#635bff14;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.ops-progress{background:var(--surface-muted);border-radius:999px;width:100%;min-width:86px;height:8px;overflow:hidden}.ops-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #8ee3ef);height:100%;display:block}.ops-timeline{gap:10px;display:grid}.ops-timeline div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.ops-timeline div>span{width:28px;height:28px;color:var(--muted);background:#eef2f6;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.ops-timeline div.is-complete>span{color:var(--success);background:#e8f7ef}.ops-timeline small{color:var(--muted)}.ops-action-list,.ops-aging-list,.ops-metric-list{gap:10px;display:grid}.ops-action-list button{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ops-action-list button:hover{background:#635bff0d;border-color:#635bff4d}.ops-action-list span,.ops-action-list strong{display:block}.ops-action-list span{color:var(--muted);font-size:13px}.invoice-modal{overflow:visible}.invoice-modal-summary{background:radial-gradient(circle at 90% 10%, #635bff1f, transparent 30%), var(--surface-muted);border:1px solid #635bff29;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px;display:grid}.invoice-modal-summary span{min-width:0;color:var(--primary-strong);align-items:center;gap:8px;font-weight:800;display:inline-flex}.invoice-modal-summary strong{color:var(--text);font-size:22px;line-height:28px}.invoice-modal-summary small{color:var(--muted);grid-column:1/-1;font-size:12px}.invoice-modal-grid{align-items:start}.invoice-field{min-width:0}.invoice-date-picker{gap:6px;display:grid}.invoice-date-picker .date-time-picker-input{min-height:58px;padding:0 12px}.users-header-actions{align-items:center;gap:12px;display:flex}.wizard-example-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:18px;display:grid}.wizard-example-layout .form-wizard-card{min-width:0}.wizard-example-options{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-content:start;gap:10px;padding:14px;display:grid}.wizard-example-options>strong{color:var(--text);font-size:13px}.wizard-example-choice-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wizard-example-choice{border:2px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:12px;justify-items:start;gap:8px;padding:16px;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.wizard-example-choice:hover,.wizard-example-choice.is-active{border-color:#635bff73;transform:translateY(-1px);box-shadow:0 8px 22px #635bff1a}.wizard-example-choice svg{color:var(--primary-strong)}.wizard-example-choice span{color:var(--muted);font-size:12px;line-height:18px}.wizard-example-summary{top:calc(var(--topbar-height) + 36px);gap:14px;display:grid;position:sticky}.wizard-example-summary h2{color:var(--text);margin:0;font-size:22px;line-height:28px}.wizard-example-summary>small{color:var(--muted)}.app-pages-stack{--pages-tone:var(--primary)}.app-page-grid,.pricing-page,.faq-page{gap:18px;display:grid}.profile-hero{padding:0;overflow:hidden}.profile-cover{background:radial-gradient(circle at 18% 22%,#ffffff47,#0000 26%),linear-gradient(135deg,#635bff,#09a2c7);min-height:160px}.profile-identity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px 22px 22px;display:grid}.profile-avatar{border:5px solid var(--surface);background:var(--primary);color:#fff;border-radius:18px;align-self:start;place-items:center;width:112px;height:112px;margin-bottom:-66px;font-size:31px;font-weight:900;display:grid;transform:translateY(-66px);box-shadow:0 16px 30px #1720332e}.profile-identity h2,.profile-identity p{margin:0}.profile-identity h2{color:var(--text);font-size:21px;line-height:27px}.profile-identity p,.profile-info-list span{color:var(--muted)}.profile-title-block{gap:3px;min-width:0;display:grid}.profile-meta-row{align-items:center;gap:10px;min-width:0;display:flex}.profile-meta-row p{flex:none}.profile-chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}.profile-info-list,.account-security-grid,.pricing-grid,.faq-grid{gap:14px;display:grid}.profile-info-list div,.account-security-grid div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:5px;padding:12px;display:grid}.profile-info-list strong,.account-security-grid strong{color:var(--text)}.app-settings-card{grid-template-columns:240px minmax(0,1fr);gap:18px;display:grid}.settings-content{gap:18px;min-width:0;display:grid}.account-security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-security-grid svg{color:var(--primary-strong)}.pricing-hero,.faq-hero{background:radial-gradient(circle at 85% 10%, #635bff24, transparent 24%), var(--surface);text-align:center;justify-items:center;gap:12px;display:grid;overflow:hidden}.pricing-hero h2,.faq-hero h2{color:var(--text);letter-spacing:-.05em;margin:0;font-size:clamp(30px,5vw,46px);line-height:1.05}.pricing-hero p,.faq-hero p,.pricing-card p,.faq-item p{color:var(--muted);margin:0}.pricing-toggle{background:var(--surface-muted);border-radius:999px;gap:6px;padding:6px;display:inline-flex}.pricing-toggle button,.faq-categories button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:800}.pricing-toggle button.is-active,.faq-categories button.is-active{background:var(--primary);color:#fff}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card{align-content:start;gap:14px;display:grid}.pricing-card.is-featured{border-color:#635bff5c;transform:translateY(-8px);box-shadow:0 18px 44px #635bff1f}.pricing-card h3,.pricing-card strong{color:var(--text);margin:0}.pricing-card strong{font-size:34px;line-height:40px}.pricing-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pricing-card li{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.pricing-card li svg{color:var(--success)}.faq-grid{grid-template-columns:260px minmax(0,1fr);align-items:start}.faq-categories,.faq-list{gap:10px;display:grid}.faq-categories button{text-align:left;border-radius:10px}.faq-item{gap:10px;display:grid}.faq-item h3{color:var(--text);margin:0}.misc-page{background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--misc-tone) 16%, transparent), transparent 28%), linear-gradient(135deg, #f7f8fb, #eef2f7);--misc-tone:var(--primary);place-items:center;min-height:100vh;padding:24px;display:grid;overflow:hidden}.misc-page.tone-warning{--misc-tone:var(--warning)}.misc-page.tone-danger{--misc-tone:var(--danger)}.misc-page.tone-info{--misc-tone:var(--info)}.misc-card{border:1px solid var(--border);text-align:center;background:#ffffffeb;border-radius:24px;justify-items:center;gap:22px;width:min(100%,560px);padding:34px;display:grid;box-shadow:0 24px 70px #17203324}.misc-illustration{width:220px;height:180px;color:var(--misc-tone);place-items:center;display:grid;position:relative}.misc-illustration span,.misc-illustration i{background:color-mix(in srgb, var(--misc-tone) 14%, transparent);border-radius:999px;position:absolute}.misc-illustration span{width:170px;height:170px}.misc-illustration i{width:54px;height:54px;bottom:12px;right:8px}.misc-illustration svg{z-index:1;stroke-width:1.6px;position:relative}.misc-copy{gap:10px;display:grid}.misc-copy h1{color:var(--text);letter-spacing:-.06em;margin:0;font-size:clamp(34px,6vw,54px);line-height:1}.misc-copy p{color:var(--muted);margin:0}.misc-subscribe{width:min(100%,360px)}.misc-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.calendar-shell{grid-template-columns:280px minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.calendar-sidebar,.calendar-main,.calendar-detail{min-width:0}.calendar-sidebar,.calendar-detail,.calendar-mini,.calendar-filter,.calendar-agenda,.calendar-main{gap:16px;display:grid}.calendar-mini>div:first-child,.calendar-toolbar,.calendar-title,.calendar-agenda button,.calendar-list-view button{align-items:center;gap:10px;display:flex}.calendar-mini>div:first-child{justify-content:space-between}.calendar-mini-week,.calendar-mini-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-mini-week span{color:var(--muted);font-size:11px;font-weight:800}.calendar-mini-grid span{min-height:30px;color:var(--text);border-radius:8px;place-items:center;font-size:12px;display:grid}.calendar-mini-grid span.is-muted{color:#b6c0cc}.calendar-mini-grid span.is-today{background:var(--primary);color:#fff;font-weight:900}.calendar-filter h3,.calendar-agenda h3{color:var(--text);margin:0;font-size:14px}.calendar-dot{background:var(--primary);border-radius:999px;flex:none;width:10px;height:10px;display:inline-flex}.calendar-dot.tone-success,.calendar-event.tone-success,.calendar-detail-icon.tone-success{--calendar-tone:var(--success)}.calendar-dot.tone-warning,.calendar-event.tone-warning,.calendar-detail-icon.tone-warning{--calendar-tone:var(--warning)}.calendar-dot.tone-danger,.calendar-event.tone-danger,.calendar-detail-icon.tone-danger{--calendar-tone:var(--danger)}.calendar-dot.tone-info,.calendar-event.tone-info,.calendar-detail-icon.tone-info{--calendar-tone:var(--info)}.calendar-dot.tone-primary,.calendar-event.tone-primary,.calendar-detail-icon.tone-primary{--calendar-tone:var(--primary)}.calendar-dot[class*=tone-]{background:var(--calendar-tone)}.calendar-agenda button,.calendar-list-view button{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);text-align:left;border-radius:10px;padding:10px}.calendar-agenda button span:nth-child(2),.calendar-list-view button span:nth-child(2){min-width:0;display:grid}.calendar-agenda small,.calendar-list-view small{color:var(--muted);font-size:12px}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between}.calendar-title{min-width:min(100%,360px)}.calendar-title h2,.calendar-title p{margin:0}.calendar-title h2{color:var(--text);font-size:24px;line-height:30px}.calendar-title p{color:var(--muted);font-size:13px}.calendar-search{flex:240px;max-width:340px}.calendar-view-switch button{text-transform:capitalize}.calendar-month{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:repeat(7,minmax(118px,1fr));display:grid;overflow:auto}.calendar-week-head{border-bottom:1px solid var(--border);background:var(--surface-muted);color:var(--muted);text-transform:uppercase;padding:12px;font-size:12px;font-weight:900}.calendar-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);align-content:start;gap:8px;min-height:132px;padding:10px;display:grid}.calendar-day>span{width:28px;height:28px;color:var(--text);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.calendar-day.is-muted{background:#fafbfc}.calendar-day.is-muted>span{color:#b6c0cc}.calendar-day.is-today>span{background:var(--primary);color:#fff}.calendar-day>div{gap:6px;display:grid}.calendar-event{border:1px solid color-mix(in srgb, var(--calendar-tone,var(--primary)) 22%, transparent);background:color-mix(in srgb, var(--calendar-tone,var(--primary)) 12%, white);color:color-mix(in srgb, var(--calendar-tone,var(--primary)) 82%, #172033);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:800;overflow:hidden}.calendar-week,.calendar-day-view{border:1px solid var(--border);background:var(--surface);border-radius:12px;display:grid;overflow:auto}.calendar-week{grid-template-columns:70px repeat(7,minmax(120px,1fr))}.calendar-time-col,.calendar-week-day,.calendar-day-view>div{border-right:1px solid var(--border);align-content:start;gap:10px;min-height:360px;padding:12px;display:grid}.calendar-time-col span,.calendar-day-view>div>span{color:var(--muted);font-size:12px;font-weight:800}.calendar-week-day strong{color:var(--text)}.calendar-day-view>div{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:70px minmax(0,1fr);min-height:70px}.calendar-list-view{gap:10px;display:grid}.calendar-list-view button{justify-content:space-between}.calendar-detail-card{border:1px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:18px;display:grid}.calendar-detail-card h3{color:var(--text);margin:0}.calendar-detail-icon{background:color-mix(in srgb, var(--calendar-tone,var(--primary)) 12%, white);width:52px;height:52px;color:var(--calendar-tone,var(--primary));border-radius:14px;place-items:center;display:grid}.calendar-event-panel{overflow:visible}.calendar-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kanban-shell{--kanban-card-shadow:0 .1875rem .5rem 0 #22303e1a;--kanban-card-shadow-hover:0 .5rem 1.25rem #22303e24;grid-template-columns:minmax(0,1fr) 310px;gap:18px;display:grid}.kanban-toolbar{box-shadow:var(--kanban-card-shadow);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.kanban-toolbar h2,.kanban-toolbar p{margin:0}.kanban-toolbar h2{color:var(--text);font-size:26px;line-height:32px}.kanban-toolbar p{color:var(--muted);font-size:13px}.kanban-search{max-width:360px}.kanban-toolbar-actions,.kanban-card-meta,.kanban-avatar-row,.kanban-detail-assignees div{align-items:center;gap:8px;display:flex}.kanban-board-wrap{min-width:0;padding-bottom:8px;overflow-x:auto}.kanban-board{grid-template-columns:repeat(4,minmax(280px,1fr));gap:16px;min-width:1180px;display:grid}.kanban-lane{border:1px solid var(--border);background:color-mix(in srgb, var(--lane-tone,var(--primary)) 4%, var(--surface));box-shadow:var(--kanban-card-shadow);--lane-tone:var(--primary);border-radius:14px;align-content:start;gap:12px;padding:14px;display:grid}.kanban-lane.tone-info{--lane-tone:var(--info)}.kanban-lane.tone-warning{--lane-tone:var(--warning)}.kanban-lane.tone-success{--lane-tone:var(--success)}.kanban-lane.is-drop-target{border-color:color-mix(in srgb, var(--lane-tone) 42%, var(--border));background:color-mix(in srgb, var(--lane-tone) 9%, var(--surface));box-shadow:var(--kanban-card-shadow), inset 0 0 0 2px color-mix(in srgb, var(--lane-tone) 18%, transparent)}.kanban-lane header{justify-content:space-between;align-items:center;gap:12px;display:flex}.kanban-lane h3,.kanban-lane span,.kanban-card strong,.kanban-card p{margin:0}.kanban-lane h3{color:var(--text);font-size:16px}.kanban-lane header span{color:var(--muted);font-size:12px}.kanban-card-stack{gap:12px;display:grid}.kanban-card{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;box-shadow:var(--kanban-card-shadow);border-radius:12px;gap:12px;padding:14px;transition:border-color .12s,box-shadow .12s,transform .12s;display:grid}.kanban-card:hover{box-shadow:var(--kanban-card-shadow-hover);border-color:#635bff52;transform:translateY(-2px)}.kanban-card.is-dragging{opacity:.48;transform:rotate(1deg)scale(.98)}.kanban-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.kanban-card strong{font-size:15px;line-height:20px}.kanban-card p{color:var(--muted);font-size:13px;line-height:20px}.kanban-card-meta{color:var(--muted);flex-wrap:wrap;font-size:12px;font-weight:700}.kanban-card-meta span{align-items:center;gap:5px;display:inline-flex}.kanban-avatar-row .avatar,.kanban-detail-assignees .avatar{width:30px;height:30px;font-size:11px}.kanban-avatar-row .avatar+.avatar,.kanban-detail-assignees .avatar+.avatar{margin-left:-6px}.kanban-add-card{border:1px dashed color-mix(in srgb, var(--lane-tone) 36%, var(--border));color:color-mix(in srgb, var(--lane-tone) 84%, #172033);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:flex;box-shadow:0 .125rem .375rem #22303e14}.kanban-detail{min-width:0;box-shadow:var(--kanban-card-shadow);align-content:start;gap:16px;display:grid}.kanban-detail-card{border:1px solid var(--border);background:var(--surface-muted);box-shadow:var(--kanban-card-shadow);border-radius:14px;gap:12px;padding:16px;display:grid}.kanban-detail-card h3,.kanban-detail-card p{margin:0}.kanban-detail-card h3{color:var(--text);font-size:20px;line-height:26px}.kanban-detail-card p{color:var(--muted);line-height:22px}.kanban-detail-assignees{gap:10px;display:grid}.kanban-task-modal{overflow:visible}.kanban-task-modal .invoice-date-picker .date-time-picker-input{min-height:40px;padding:0 10px}.kanban-label-picker{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.kanban-label-picker>strong{color:var(--text);flex-basis:100%;font-size:13px}.ops-kanban{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ops-lane{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:10px;padding:14px;display:grid}.ops-lane>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.ops-lane span{color:var(--muted);font-size:13px}.ops-lane strong{color:var(--text);font-size:24px}.ops-lane button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex}.ops-zone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ops-zone-grid>div,.ops-category-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;min-width:0;padding:14px;display:grid;box-shadow:0 8px 22px #1720330d}.ops-zone-grid svg,.ops-category-card svg{color:var(--primary-strong)}.ops-zone-grid strong,.ops-category-card strong{color:var(--text)}.ops-zone-grid span,.ops-zone-grid small{color:var(--muted);font-size:12px}.ops-metric-list div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;justify-content:space-between;padding:12px}.ops-metric-list span{color:var(--muted);flex:1;font-size:13px}.ops-metric-list svg{color:var(--primary-strong)}.ops-wave-bars{background:var(--surface-muted);border-radius:12px;align-items:end;gap:10px;height:220px;padding:16px;display:flex}.ops-wave-bars span{background:linear-gradient(180deg, var(--success), #168a4a47);border-radius:999px 999px 0 0;flex:1;min-height:18px}.ops-aging-list>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:8px;padding:12px;display:grid}.ops-aging-list span{justify-content:space-between;gap:12px;display:flex}.ops-aging-list small,.ops-aging-list b{color:var(--muted)}.ops-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ops-permission-grid>div{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:8px;padding:12px;display:grid}.ops-permission-grid span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ops-permission-grid span.is-on{color:var(--success);font-weight:700}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}td{font-size:13px}.status-badge{border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.tone-success{color:var(--success);background:#e8f7ef}.status-badge.tone-warning{color:var(--warning);background:#fff4d6}.status-badge.tone-danger{color:var(--danger);background:#ffe7e5}.status-badge.tone-info{color:var(--info);background:#e4f4ff}.status-badge.tone-neutral{color:#475467;background:#eef2f6}.table-action{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.table-demo{--table-demo-header:var(--surface-muted);--table-demo-hover:color-mix(in srgb, var(--primary) 6%, var(--surface));--table-demo-strong:var(--text);--table-demo-group:color-mix(in srgb, var(--primary) 9%, var(--surface));--table-demo-expanded:color-mix(in srgb, var(--surface-muted) 68%, var(--surface))}.table-demo-panel{overflow:hidden}.table-demo-wrap{border:1px solid var(--border);background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;min-width:0;max-width:100%;overflow-x:auto}.table-demo-table{background:var(--surface);min-width:760px}.table-demo-table th{background:var(--table-demo-header);color:var(--muted);letter-spacing:.02em;font-size:12px}.table-demo-table td{color:var(--text);vertical-align:middle}.table-demo-table tbody tr:hover td{background:var(--table-demo-hover)}.table-demo-wrap.is-themed{border-color:#635bff3d}.table-demo-wrap.is-themed th{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary-strong)}.table-demo-wrap.is-themed tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-muted) 56%, var(--surface))}.table-demo-wrap.is-dense th,.table-demo-wrap.is-dense td,.table-demo-dense th,.table-demo-dense td{padding-top:8px;padding-bottom:8px}.table-demo-wrap.is-limited-height{max-height:252px;overflow:auto}.table-demo-wrap.is-fixed-header th,.table-demo-fixed-data th{z-index:1;position:sticky;top:0}.table-demo-fixed-data{border:1px solid var(--border);border-radius:8px;max-height:310px;overflow:auto}.table-demo-fixed-data .table-demo-wrap{border:0;border-radius:0}.table-demo-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.table-demo-toolbar>span,.table-demo-selection-summary{color:var(--muted);font-size:13px;font-weight:600}.table-demo-search{border:1px solid var(--border);background:var(--surface);width:min(100%,360px);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.table-demo-search input{background:0 0;border:0;min-height:40px;padding:0}.table-demo-search input:focus{outline:none}.table-demo-product-cell,.table-demo-buyer{align-items:center;gap:10px;display:flex}.table-demo-product-cell strong,.table-demo-buyer strong{color:var(--table-demo-strong);font-size:13px;line-height:18px;display:block}.table-demo-product-cell span:not(.avatar),.table-demo-buyer span{color:var(--muted);font-size:12px;line-height:18px;display:block}.table-demo-check-cell{text-align:center;width:64px}.table-demo-action-cell{text-align:center;vertical-align:middle}.table-demo-check{border:1px solid var(--border);background:var(--surface);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.table-demo-check.is-checked{border-color:var(--primary);background:var(--primary)}.table-demo-selection-summary{margin-bottom:10px}.table-demo-pagination{margin-top:0}.table-demo-group-row td{color:var(--primary-strong);text-transform:uppercase;font-weight:800;background:var(--table-demo-group)!important}.table-demo-expanded-row td{white-space:normal;background:var(--table-demo-expanded)!important}.table-demo-expanded-row strong,.table-demo-expanded-row span{display:block}.table-demo-expanded-row span{color:var(--muted);margin-top:4px}.table-demo-edit-actions{margin-top:14px}.table-demo-dialog{width:min(100%,560px)}.table-demo-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.form-validation-demo code{color:var(--primary-strong);background:#eef2ff;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700}.form-validation-panel{overflow:hidden}.validation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.validation-field{min-width:0}.validation-field.is-invalid{--textfield-border-color:#d92d20b8;--textfield-focus-color:var(--danger);--textfield-bg:snow}.validation-field.is-invalid .validation-state-icon{color:var(--danger)}.validation-field.is-valid{--textfield-border-color:#168a4a85;--textfield-focus-color:var(--success)}.validation-field.is-valid .validation-state-icon{color:var(--success)}.validation-state-icon{margin-left:auto}.validation-form-actions,.validation-result{grid-column:1/-1}.validation-result{border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 12px;font-size:13px;font-weight:700;display:inline-flex}.validation-result.is-valid{color:var(--success);background:#e8f7ef}.validation-result.is-invalid{color:var(--warning);background:#fff4d6}.form-layout-demo{--form-layout-soft:#f8fafc}.form-layout-panel{overflow:visible}.form-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-layout-horizontal{gap:16px;display:grid}.form-layout-horizontal .form-layout-field{grid-template-columns:160px minmax(0,1fr);align-items:center}.form-layout-horizontal .sneat-textfield-label,.form-layout-horizontal .sneat-select-outer-label{align-self:center}.form-layout-field{min-width:0}.form-layout-field.is-open{z-index:15}.form-layout-field.is-invalid{--textfield-border-color:#d92d20b8;--textfield-focus-color:var(--danger);--textfield-bg:snow}.form-layout-hint{color:var(--muted);font-size:12px;line-height:1.45}.form-layout-actions{grid-column:1/-1}.form-layout-actions.align-right{justify-content:flex-end}.form-layout-tabs{gap:16px;display:grid}.form-layout-sticky-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.form-layout-sticky-bar{z-index:1;border-bottom:1px solid var(--border);background:var(--form-layout-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.form-layout-sticky-bar>div{gap:10px;display:flex}.form-layout-checkout{gap:18px;padding:18px;display:grid}.form-layout-checkout h3{margin:4px 0 0;font-size:17px;line-height:24px}.form-layout-demo .custom-input-grid{gap:12px;display:grid}.form-layout-demo .custom-input-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout-demo .custom-input-card{border:2px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:4px;padding:16px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.form-layout-demo .custom-input-card:hover,.form-layout-demo .custom-input-card.active{border-color:#635bff6b}.form-layout-demo .custom-input-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #635bff14}.form-layout-demo .custom-input-card--icon{text-align:center;justify-items:center;min-height:150px;display:grid}.form-layout-demo .custom-input-control{z-index:1;display:inline-flex;position:absolute;top:12px;right:12px}.form-layout-demo .custom-input-control input[type=radio]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);background:0 0;border:0;padding:0}.form-layout-demo .custom-input-content{gap:6px;min-width:0;display:grid}.form-layout-demo .custom-input-content--icon{justify-items:center;gap:8px;padding-top:6px}.form-layout-demo .custom-input-card .cr-title{color:var(--text);font-weight:500;line-height:1.375rem}.form-layout-demo .custom-input-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.form-wizard-demo{--wizard-primary:#635bff;--wizard-muted:#98a2b3}.form-wizard-panel{overflow:hidden}.form-wizard-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:0;display:grid;overflow:hidden}.form-wizard-card.is-vertical{grid-template-columns:300px minmax(0,1fr)}.wizard-stepper{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:18px;display:grid}.form-wizard-card.is-vertical .wizard-stepper{border-right:1px solid var(--border);border-bottom:0;grid-template-columns:1fr;align-content:start}.wizard-step{min-width:0;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex;position:relative}.wizard-step:not(:last-child):after{content:"";background:var(--border);width:28px;height:1px;position:absolute;top:50%;right:8px}.form-wizard-card.is-vertical .wizard-step:not(:last-child):after{width:1px;height:16px;inset:auto auto -8px 25px}.wizard-step-marker{width:34px;height:34px;color:var(--wizard-primary);background:#eef2ff;border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.wizard-step-marker svg{color:currentColor;stroke-width:2.35px}.wizard-step strong,.wizard-step small{display:block}.wizard-step strong{color:var(--text);font-size:14px;line-height:20px}.wizard-step small{color:var(--muted);font-size:12px;line-height:18px}.wizard-step.is-active,.wizard-step.is-complete{color:var(--wizard-primary)}.wizard-step.is-active .wizard-step-marker,.wizard-step.is-complete .wizard-step-marker{color:#fff;background:linear-gradient(135deg,#5a52ff,#3528d8);box-shadow:0 7px 16px #635bff57}.wizard-step.is-active .wizard-step-marker svg,.wizard-step.is-complete .wizard-step-marker svg{filter:drop-shadow(0 1px 1px #0f172a3d)}.form-wizard-card.is-modern .wizard-step.is-active{background:#635bff14}.wizard-content{gap:18px;min-width:0;padding:22px;display:grid}.wizard-heading h3,.wizard-heading p{margin:0}.wizard-heading h3{color:var(--text);font-size:18px;line-height:26px}.wizard-heading p{color:var(--muted);margin-top:2px;font-size:13px}.wizard-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wizard-field.is-invalid{--textfield-border-color:#d92d20b8;--textfield-focus-color:var(--danger);--textfield-bg:snow}.wizard-field.is-invalid .sneat-select-control{background:snow;border-color:#d92d20b8}.wizard-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.wizard-review{color:var(--success);background:#e8f7ef;border:1px solid #168a4a33;border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.wizard-review strong,.wizard-review p{margin:0;display:block}.wizard-review p{color:#276749;margin-top:2px}.filter-bar{grid-template-columns:minmax(240px,1fr) 180px 170px auto;gap:10px;margin-bottom:14px;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;padding:8px 10px;font-weight:400}textarea{resize:vertical;min-height:92px}.sneat-textarea-field{gap:8px;display:grid}.sneat-textarea-label{color:var(--text);font-size:13px;line-height:18px}.sneat-textarea-shell{align-items:stretch;gap:8px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.sneat-textarea-body{flex:1;min-width:0;position:relative}.sneat-textarea-field textarea{width:100%;min-height:92px;box-shadow:none;resize:vertical;background:0 0;border:0;border-radius:0;outline:none;padding:0}.sneat-textarea-field textarea::placeholder{color:#98a2b3}.sneat-textarea-field.variant-outlined .sneat-textarea-shell,.sneat-textarea-field.variant-filled .sneat-textarea-shell,.sneat-textarea-field.variant-solo .sneat-textarea-shell,.sneat-textarea-field.variant-underlined .sneat-textarea-shell,.sneat-textarea-field.variant-plain .sneat-textarea-shell{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 10px}.sneat-textarea-field:focus-within .sneat-textarea-shell{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px #635bff14}.sneat-textarea-field.variant-underlined:focus-within .sneat-textarea-shell{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}.sneat-textarea-field.variant-plain:focus-within .sneat-textarea-shell{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}.sneat-textarea-field.is-disabled,.sneat-textarea-field.is-readonly{opacity:.9}.sneat-textarea-field.is-disabled .sneat-textarea-shell{background:color-mix(in srgb, var(--surface-muted) 72%, #fff)}.sneat-textarea-field.is-readonly textarea{cursor:default}.sneat-textarea-icon{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.sneat-textarea-icon.is-outer{align-self:flex-start;min-width:20px;min-height:20px;margin-top:2px}.sneat-textarea-icon.is-inner{z-index:1;position:absolute;top:10px}.sneat-textarea-icon.is-start{inset-inline-start:0}.sneat-textarea-icon.is-end{inset-inline-end:0}.sneat-textarea-body textarea{z-index:0;position:relative}.sneat-textarea-body textarea.has-start-icon{padding-inline-start:32px}.sneat-textarea-body textarea.has-end-icon{padding-inline-end:32px}.sneat-textarea-clear{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sneat-textarea-clear:hover{background:var(--surface-muted);color:var(--text)}.sneat-textarea-error{color:var(--danger);font-size:12px;line-height:1.45}.sneat-textarea-field textarea:disabled{cursor:not-allowed}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);padding:0}input[type=radio]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);flex:none;padding:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,input[type=range]:focus-visible{outline:none;box-shadow:0 0 0 4px #635bff14}.modal-scrim,.modal-backdrop{z-index:90;background:#0f172a6b;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,640px);padding:18px;position:relative;box-shadow:0 18px 50px #17203338}.command-modal{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;width:min(100%,640px);padding:18px;display:grid;position:relative;box-shadow:0 18px 50px #17203338}.create-modal{width:min(100%,720px)}.modal-close{flex:none}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-modal-header{align-items:center}.dialog-modal-title{min-width:0}.modal-header h2{margin:0;font-size:18px;line-height:26px}.modal-header p{color:var(--muted);margin:2px 0 0}.command-input{gap:6px;display:grid}.command-list{gap:6px;max-height:320px;display:grid;overflow:auto}.command-list a{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.command-list a:hover{background:#635bff0f;border-color:#635bff6b}.command-list span{color:var(--muted);font-size:12px}label{color:var(--text);gap:6px;font-size:13px;font-weight:400;display:grid}.table-toolbar,.pagination-row{color:var(--muted);font-size:13px}.table-toolbar>div,.pagination-row>div{flex-wrap:wrap;gap:8px;display:flex}.table-toolbar{margin-bottom:8px}.pagination-row{padding-top:14px}.split-panel{grid-template-columns:260px minmax(0,1fr);gap:20px;display:grid}.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.settings-nav{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:start;gap:6px;padding:8px;display:grid}.settings-nav button{min-height:38px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px}.settings-nav button.is-active{color:var(--primary-strong);background:#635bff1a;font-weight:700}.settings-page{gap:18px}.settings-page .page-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.settings-summary-card{border:1px solid var(--border);background:var(--surface);min-width:0;filter:var(--shadow-filter);border-radius:8px;gap:8px;padding:16px;display:grid}.settings-summary-card span:first-child{color:var(--muted);font-size:13px}.settings-summary-card strong{color:var(--text);font-size:18px;line-height:26px}.settings-summary-card .status-badge{width:fit-content}.settings-redesign-layout{align-items:start}.settings-redesign-nav{top:calc(var(--topbar-height) + 28px);border-radius:12px;gap:8px;padding:10px;position:sticky}.settings-redesign-nav button{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:auto;padding:11px;display:grid}.settings-redesign-nav button svg{margin-top:2px}.settings-redesign-nav button span{gap:2px;min-width:0;display:grid}.settings-redesign-nav button strong,.settings-redesign-nav button small{text-overflow:ellipsis;min-width:0;overflow:hidden}.settings-redesign-nav button small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:16px;display:-webkit-box}.settings-redesign-nav button.is-active small{color:color-mix(in srgb, var(--primary-strong) 72%, var(--muted))}.settings-form-panel{border-radius:12px;gap:18px;display:grid}.settings-section-kicker{color:var(--primary-strong);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:800;display:inline-flex}.settings-content-stack{gap:16px;display:grid}.settings-section{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:16px;padding:16px;display:grid}.settings-section-title{align-items:flex-start;gap:10px;display:flex}.settings-section-title>svg{color:var(--primary-strong);flex:none;margin-top:3px}.settings-section-title h3,.settings-section-title p{margin:0}.settings-section-title h3{color:var(--text);font-size:16px;line-height:24px}.settings-section-title p{color:var(--muted);font-size:13px}.settings-field-grid,.settings-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-field{min-width:0}.settings-field .sneat-select-control{background:var(--surface)}.settings-toggle-list{gap:10px;display:grid}.settings-switch-row,.settings-checkbox-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.settings-switch-row>span:first-child,.settings-checkbox-card>span:last-child{gap:3px;min-width:0;display:grid}.settings-switch-row strong,.settings-checkbox-card strong{color:var(--text)}.settings-switch-row small,.settings-checkbox-card small{color:var(--muted);font-size:13px}.settings-checkbox-card{cursor:pointer;justify-content:flex-start;transition:border-color .12s,background-color .12s}.settings-checkbox-card.is-active{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 5%, var(--surface))}.settings-form-actions{padding-top:2px}.form-panel{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-demo-stack{gap:10px;display:grid}.form-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-demo-field{gap:6px;display:grid}.form-demo-field>strong{font-size:13px;line-height:18px}.form-demo-note{color:var(--muted);font-size:12px;line-height:1.45}.form-demo-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.sneat-textfield-field{gap:6px;display:grid}.sneat-textfield-label{color:var(--text);font-size:13px;line-height:18px}.sneat-textfield-shell{border:1px solid var(--textfield-border-color,var(--border));background:var(--textfield-bg,var(--surface));border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 10px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.sneat-textfield-field.variant-outlined .sneat-textfield-shell{border-color:var(--textfield-border-color,var(--border));background:var(--textfield-bg,var(--surface))}.sneat-textfield-field.density-compact .sneat-textfield-shell{min-height:34px;padding-block:6px}.sneat-textfield-field.variant-filled .sneat-textfield-shell{background:var(--surface-muted)}.sneat-textfield-field.variant-solo .sneat-textfield-shell{background:#635bff14;border-color:#0000}.sneat-textfield-field.variant-underlined .sneat-textfield-shell{border-top:0;border-inline:0;border-bottom:1px solid var(--textfield-border-color,var(--border));background:0 0;border-radius:0;min-height:40px;padding-inline:0}.sneat-textfield-field.variant-plain .sneat-textfield-shell{background:0 0;border-color:#0000;border-radius:0;min-height:40px;padding-inline:0}.sneat-textfield-field.is-focused .sneat-textfield-shell,.sneat-textfield-field:focus-within .sneat-textfield-shell{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--textfield-focus-color,var(--primary)) 12%, transparent)}.sneat-textfield-field.variant-underlined.is-focused .sneat-textfield-shell,.sneat-textfield-field.variant-underlined:focus-within .sneat-textfield-shell{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}.sneat-textfield-field.variant-plain.is-focused .sneat-textfield-shell,.sneat-textfield-field.variant-plain:focus-within .sneat-textfield-shell{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}.sneat-textfield-field.is-disabled{opacity:.92}.sneat-textfield-field.is-disabled .sneat-textfield-shell{background:color-mix(in srgb, var(--surface-muted) 72%, #fff)}.sneat-textfield-body{flex:1;min-width:0;position:relative}.sneat-textfield-input-row{align-items:center;gap:8px;min-width:0;display:flex}.sneat-textfield-input-row input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;min-height:22px;padding:0}.sneat-textfield-input-row input::placeholder{color:#98a2b3}.sneat-textfield-field.has-floating-label .sneat-textfield-shell{min-height:52px}.sneat-textfield-field.has-floating-label .sneat-textfield-body{padding-top:18px}.sneat-textfield-floating-label{inset-inline-start:0;color:var(--muted);pointer-events:none;font-size:14px;line-height:18px;transition:top .14s,transform .14s,font-size .14s,color .14s;position:absolute;top:50%;transform:translateY(-50%)}.sneat-textfield-field.has-floating-label .sneat-textfield-floating-label.is-floating{color:var(--primary-strong);font-size:11px;top:3px;transform:none}.sneat-textfield-field.has-floating-label .sneat-textfield-input-row input::placeholder{color:#0000}.sneat-textfield-affix{color:var(--muted);white-space:nowrap;flex:none;align-items:center;font-size:14px;line-height:18px;display:inline-flex}.sneat-textfield-icon{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.sneat-textfield-icon.is-outer{align-self:center;min-width:20px;min-height:20px;margin-top:0}.sneat-textfield-action{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sneat-textfield-action:hover{background:var(--surface-muted);color:var(--text)}.sneat-textfield-counter{color:var(--muted);font-size:12px;line-height:1.45}.sneat-textfield-error{color:var(--danger);font-size:12px;line-height:1.45}.date-time-picker-field{gap:6px;display:grid}.date-time-picker-field>.date-time-picker-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;min-height:40px;padding:0 10px;transition:border-color .12s,box-shadow .12s}.date-time-picker-field:focus-within>.date-time-picker-input{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px #635bff14}.date-time-picker-input{width:100%;color:var(--text)}.date-time-picker-input::placeholder{color:#98a2b3}.date-time-picker-input[readonly]{cursor:pointer}.date-time-picker-field.is-inline>.date-time-picker-input{display:none}.date-time-picker-arrow{stroke:currentColor;stroke-width:2px;fill:none;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.date-time-picker-field .flatpickr-calendar{background-color:var(--surface);border-radius:.375rem;inline-size:16.875rem;box-shadow:0 4px 12px #17203324}.date-time-picker-field .flatpickr-calendar .flatpickr-rContainer{inline-size:16.875rem}.date-time-picker-field .flatpickr-calendar .flatpickr-rContainer .flatpickr-weekdays{margin-block-start:.875rem;padding-inline:.5rem}.date-time-picker-field .flatpickr-calendar .flatpickr-rContainer .flatpickr-days{min-inline-size:16.875rem;font-size:.9375rem}.date-time-picker-field .flatpickr-calendar .flatpickr-rContainer .flatpickr-days .dayContainer{padding-block:.75rem .5rem;justify-content:center!important;inline-size:16.875rem!important;min-inline-size:16.875rem!important}.date-time-picker-field .flatpickr-calendar .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day{border-radius:6px;block-size:36px;max-inline-size:36px;line-height:36px;margin-block-start:0!important}.date-time-picker-field .flatpickr-calendar .flatpickr-day{color:var(--text)}.date-time-picker-field .flatpickr-calendar .flatpickr-day.today,.date-time-picker-field .flatpickr-calendar .flatpickr-day.today:hover{background-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--primary);border-color:#0000}.date-time-picker-field .flatpickr-calendar .flatpickr-day.selected,.date-time-picker-field .flatpickr-calendar .flatpickr-day.selected:hover{border-color:var(--primary);background:var(--primary);color:var(--surface);box-shadow:0 2px 4px color-mix(in srgb, var(--primary) 40%, transparent)}.date-time-picker-field .flatpickr-calendar .flatpickr-day.inRange,.date-time-picker-field .flatpickr-calendar .flatpickr-day.inRange:hover{color:var(--primary);border:none;background:color-mix(in srgb, var(--primary) 10%, transparent)!important;box-shadow:none!important;border-radius:0!important}.date-time-picker-field .flatpickr-calendar .flatpickr-day.inRange.today{background:color-mix(in srgb, var(--primary) 24%, transparent)!important}.date-time-picker-field .flatpickr-calendar .flatpickr-day.startRange,.date-time-picker-field .flatpickr-calendar .flatpickr-day.endRange,.date-time-picker-field .flatpickr-calendar .flatpickr-day.startRange:hover,.date-time-picker-field .flatpickr-calendar .flatpickr-day.endRange:hover{border-color:var(--primary);background:var(--primary);color:var(--surface);box-shadow:0 2px 4px color-mix(in srgb, var(--primary) 40%, transparent)}.date-time-picker-field .flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.date-time-picker-field .flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.date-time-picker-field .flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 var(--primary)}.date-time-picker-field .flatpickr-calendar .flatpickr-day.flatpickr-disabled,.date-time-picker-field .flatpickr-calendar .flatpickr-day.prevMonthDay:not(.startRange,.inRange),.date-time-picker-field .flatpickr-calendar .flatpickr-day.nextMonthDay:not(.endRange,.inRange){color:#17203366}.date-time-picker-field .flatpickr-calendar .flatpickr-day:hover{color:#172033b3;background:#1720330f;border-color:#0000}.date-time-picker-field .flatpickr-calendar .flatpickr-weekday{color:#172033e6;font-size:13px;font-weight:400;line-height:20px}.date-time-picker-field .flatpickr-calendar:after,.date-time-picker-field .flatpickr-calendar:before{display:none}.date-time-picker-field .flatpickr-calendar .flatpickr-months{align-items:center;padding-block:.875rem .5rem;padding-inline:1rem}.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-next-month{color:#172033b3;background:#17203314;border-radius:4px;justify-content:center;align-items:center;block-size:30px;inline-size:30px;padding:0;display:flex;position:relative}.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg{stroke:#172033b3;block-size:13px;inline-size:13px}.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,.date-time-picker-field .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg{fill:#172033b3}.date-time-picker-field .flatpickr-calendar .flatpickr-current-month{inline-size:100%;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;min-height:34px;padding-block:0;padding-inline:34px;display:flex;inset-inline-start:0}.date-time-picker-field .flatpickr-calendar .flatpickr-current-month span.cur-month{font-weight:400}.date-time-picker-field .flatpickr-calendar.open,.flatpickr-calendar.open{z-index:15}.date-time-picker-field .flatpickr-calendar.hasTime.open .flatpickr-time{border:none;block-size:auto}.date-time-picker-field .flatpickr-calendar.hasTime .flatpickr-time:first-child{border-color:#0000}.date-time-picker-field .flatpickr-time input:hover,.date-time-picker-field .flatpickr-time .flatpickr-am-pm:hover,.date-time-picker-field .flatpickr-time input:focus,.date-time-picker-field .flatpickr-time .flatpickr-am-pm:focus{background:0 0}.date-time-picker-field .flatpickr-time input.flatpickr-hour{font-weight:400}.date-time-picker-field .flatpickr-time .flatpickr-am-pm,.date-time-picker-field .flatpickr-time .flatpickr-time-separator,.date-time-picker-field .flatpickr-time input{color:#172033e6}.date-time-picker-field .flatpickr-time .numInputWrapper span.arrowUp:after{border-block-end-color:var(--border)}.date-time-picker-field .flatpickr-time .numInputWrapper span.arrowDown:after{border-block-start-color:var(--border)}.date-time-picker-field .flatpickr-input[readonly],.date-time-picker-field .flatpickr-input~.form-control[readonly],.date-time-picker-field .flatpickr-human-friendly[readonly]{background-color:inherit}.date-time-picker-field .flatpickr-weekdays{block-size:auto;margin-block:.875rem .375rem!important}.date-time-picker-field .flatpickr-current-month .flatpickr-monthDropdown-months{appearance:none;block-size:24px;text-align:center;text-align-last:center;white-space:nowrap;text-overflow:clip;width:100%;padding-inline:4px;overflow:visible;min-width:0!important}.date-time-picker-field .flatpickr-current-month .flatpickr-monthDropdown-months,.date-time-picker-field .flatpickr-current-month .numInputWrapper{color:var(--text);box-sizing:border-box;border-radius:4px;flex:50%;padding:2px 8px;font-size:.9375rem;font-weight:400;transition:all .15s ease-out;width:50%!important;min-width:0!important;max-width:none!important}.date-time-picker-field .flatpickr-current-month .flatpickr-monthDropdown-months span,.date-time-picker-field .flatpickr-current-month .numInputWrapper span{display:none}.date-time-picker-field .flatpickr-current-month .flatpickr-monthDropdown-months input.cur-year,.date-time-picker-field .flatpickr-current-month .numInputWrapper input.cur-year{text-align:center;min-width:0;width:100%!important;font-weight:400!important}.date-time-picker-field .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,.date-time-picker-field .flatpickr-current-month .numInputWrapper .flatpickr-monthDropdown-month{background-color:var(--surface)}.flatpickr-calendar .flatpickr-rContainer .flatpickr-weekdays{margin-block-start:.875rem;padding-inline:.5rem}.flatpickr-calendar .flatpickr-weekdays{block-size:auto;margin-block:.875rem .375rem!important}.flatpickr-calendar .flatpickr-months{align-items:center;padding-block:.875rem .5rem;padding-inline:1rem}.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,.flatpickr-calendar .flatpickr-months .flatpickr-next-month{color:#172033b3;background:#17203314;border-radius:4px;justify-content:center;align-items:center;block-size:30px;inline-size:30px;padding:0;display:flex;position:relative}.flatpickr-calendar .flatpickr-current-month{inline-size:100%;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;min-height:34px;padding-block:0;padding-inline:34px;display:flex;inset-inline-start:0}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-calendar .flatpickr-current-month .numInputWrapper{color:var(--text);box-sizing:border-box;border-radius:4px;flex:50%;padding:2px 8px;font-size:.9375rem;font-weight:400;transition:all .15s ease-out;width:50%!important;min-width:0!important;max-width:none!important}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{appearance:none;block-size:24px;text-align:center;text-align-last:center;white-space:nowrap;text-overflow:clip;width:100%;padding-inline:4px;overflow:visible;min-width:0!important}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months span,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span{display:none}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months input.cur-year,.flatpickr-calendar .flatpickr-current-month .numInputWrapper input.cur-year{text-align:center;min-width:0;width:100%!important;font-weight:400!important}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,.flatpickr-calendar .flatpickr-current-month .numInputWrapper .flatpickr-monthDropdown-month{background-color:var(--surface)}.autocomplete-field{gap:8px;display:grid;position:relative}.autocomplete-field.is-open{z-index:19}.autocomplete-stack{position:relative}.autocomplete-label{font-size:13px;line-height:18px}.autocomplete-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 10px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex}.autocomplete-field.density-compact .autocomplete-control{min-height:34px;padding-block:6px}.autocomplete-field.variant-solo .autocomplete-control{background:#635bff14;border-color:#0000}.autocomplete-field.variant-filled .autocomplete-control{background:var(--surface-muted)}.autocomplete-field.variant-underlined .autocomplete-control{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:34px;padding-inline:0}.autocomplete-field.variant-plain .autocomplete-control{background:0 0;border:0;min-height:34px;padding-inline:0}.autocomplete-field.is-focused .autocomplete-control,.autocomplete-field.is-open .autocomplete-control,.autocomplete-field:focus-within .autocomplete-control{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--textfield-focus-color,var(--primary)) 12%, transparent)}.autocomplete-field.variant-underlined.is-focused .autocomplete-control,.autocomplete-field.variant-underlined.is-open .autocomplete-control,.autocomplete-field.variant-underlined:focus-within .autocomplete-control{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}.autocomplete-field.variant-plain.is-focused .autocomplete-control,.autocomplete-field.variant-plain.is-open .autocomplete-control,.autocomplete-field.variant-plain:focus-within .autocomplete-control{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}.autocomplete-prefix,.autocomplete-suffix{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.autocomplete-suffix{background:0 0;border:0;padding:0}.autocomplete-input-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.autocomplete-input-wrap input{background:0 0;border:0;outline:none;flex:120px;min-width:120px;min-height:22px;padding:0}.autocomplete-chip-row{margin:0}.autocomplete-chip-row .component-chip{min-height:28px;padding-right:10px}.autocomplete-chip-row .component-chip span[aria-hidden=true]{color:inherit;font-weight:400}.autocomplete-clear-button{color:var(--primary-strong);background:#635bff14;border:0;border-radius:999px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700}.autocomplete-loading-badge{color:var(--primary-strong);background:#635bff14;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.autocomplete-menu{inset-inline:0;z-index:19;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;max-height:240px;margin-top:0;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 16px 40px #0f172a1f}.autocomplete-field.is-open-up .autocomplete-menu{top:auto;bottom:calc(100% + 8px)}.autocomplete-option{appearance:none;background:var(--surface-muted);color:var(--text);text-align:left;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.autocomplete-option:hover{background:#635bff0a;border-color:#635bff40}.autocomplete-option.is-selected{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.autocomplete-option.is-selected strong,.autocomplete-option.is-selected small,.autocomplete-option.is-selected .autocomplete-option-abbr{color:inherit}.autocomplete-option-main{align-items:center;gap:10px;min-width:0;display:inline-flex}.autocomplete-option-avatar{flex:none;display:inline-flex}.autocomplete-option strong{font-size:13px;line-height:18px;display:block}.autocomplete-option small{color:var(--muted);font-size:12px;line-height:16px;display:block}.autocomplete-option-abbr{color:var(--muted);flex:none;font-size:12px;font-weight:700}.autocomplete-option-meta{color:var(--primary-strong);flex:none;align-items:center;gap:8px;display:inline-flex}.autocomplete-empty-state{color:var(--muted);gap:4px;padding:12px 10px;display:grid}.autocomplete-empty-state strong{color:var(--text);font-size:13px;font-weight:600;line-height:18px}.autocomplete-empty-state small{font-size:12px;line-height:16px}.autocomplete-error{color:var(--danger);font-size:12px;line-height:1.45}.sneat-switch{--switch-width:46px;--switch-height:28px;--switch-thumb-size:20px;--switch-thumb-offset:4px;--switch-track-off:#d8dee9;color:var(--text);align-items:center;gap:12px;font-size:14px;line-height:20px;display:inline-flex}.sneat-switch.is-inset{--switch-width:36px;--switch-height:22px;--switch-thumb-size:16px;--switch-thumb-offset:3px}.sneat-switch.is-disabled{opacity:.56}.sneat-switch-control{width:var(--switch-width);height:var(--switch-height);flex:none;display:inline-flex;position:relative}.sneat-switch-control input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sneat-switch-track{background:var(--switch-track-off);border:1px solid #17203314;border-radius:999px;width:100%;height:100%;transition:background-color .16s,border-color .16s,box-shadow .16s;display:block;position:relative}.sneat-switch-thumb{top:50%;left:var(--switch-thumb-offset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);color:#0000;background:#fff;border-radius:999px;justify-content:center;align-items:center;transition:left .16s,background-color .16s,box-shadow .16s,color .16s;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 2px 6px #0f172a2e}.sneat-switch.is-checked .sneat-switch-track{border-color:color-mix(in srgb, var(--switch-tone) 24%, #d8dee9);background:color-mix(in srgb, var(--switch-tone) 34%, #f1f5f9)}.sneat-switch.is-checked .sneat-switch-thumb{left:calc(100% - var(--switch-thumb-size) - var(--switch-thumb-offset));background:var(--switch-tone);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--switch-tone) 28%, transparent)}.sneat-switch:focus-within .sneat-switch-track{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px #635bff14}.sneat-switch-spinner,.sneat-switch-inline-spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:999px;animation:.8s linear infinite component-spin;display:inline-block}.sneat-switch-spinner{width:10px;height:10px}.sneat-switch-inline-spinner{border-color:#635bff33;border-top-color:var(--primary);opacity:.48;width:14px;height:14px;animation-play-state:paused}.sneat-switch-inline-spinner.is-active{opacity:1;animation-play-state:running}.sneat-switch-label{min-width:0}.switch-demo-row{flex-wrap:wrap;align-items:center;gap:20px 24px;display:flex}.switch-demo-row--wrap{align-items:flex-start}.switch-demo-grid{gap:14px 20px;display:grid}.switch-demo-grid--colors{grid-template-columns:repeat(3,minmax(0,1fr))}.switch-demo-block{gap:12px;display:grid}.switch-slot-copy{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.form-demo-row,.form-demo-inline,.form-demo-toolbar{align-items:center;gap:8px;display:flex}.form-demo-row{justify-content:space-between}.form-demo-toolbar{flex-wrap:wrap}.form-demo-sneat-metro{gap:14px;display:grid}.form-demo-sneat-metro-top{justify-content:space-between;align-items:center;display:flex}.form-demo-sneat-metro-value-wrap{color:var(--text);align-items:baseline;gap:8px;display:flex}.form-demo-sneat-metro-value{letter-spacing:-.04em;font-size:42px;font-weight:300;line-height:1}.form-demo-sneat-metro-unit{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:400;line-height:1}.form-demo-sneat-metro-slider-row{align-items:center;gap:12px;display:flex}.form-demo-sneat-metro-range{flex:1}.form-demo-sneat-metro-icon{min-width:34px;padding-inline:0}.form-demo-vertical-stage{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:320px;padding:36px 20px;display:flex;overflow:hidden}.form-demo-vertical-stage input[type=range]{transform-origin:50%;width:220px}.form-demo-rating-stack{gap:12px;display:grid}.sneat-rating{color:var(--warning);align-items:center;gap:8px;display:inline-flex}.sneat-rating.density-compact{gap:4px}.sneat-rating-item{width:var(--rating-icon-size,20px);height:var(--rating-icon-size,20px);color:inherit;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:inline-grid;position:relative}.sneat-rating-item:disabled{cursor:default}.sneat-rating-glyph{width:var(--rating-icon-size,20px);height:var(--rating-icon-size,20px);place-items:center;display:inline-grid;position:relative}.sneat-rating-glyph.is-empty{color:var(--muted);opacity:.72}.sneat-rating-glyph.is-filled{color:inherit}.sneat-rating-star{width:100%;height:100%;position:absolute;inset:0}.sneat-rating-star.is-outline{opacity:.65}.sneat-rating-star-fill{color:currentColor;position:absolute;inset:0;overflow:hidden}.sneat-rating-star-fill.is-half{width:50%}.sneat-rating-item-slot{justify-content:center;align-items:center;display:inline-flex}.form-demo-rating-length{gap:10px;display:grid}.form-demo-rating-caption{color:var(--muted);font-size:12px;line-height:18px}.form-demo-rating-slider{width:min(100%,240px);accent-color:var(--primary)}.form-demo-rating-model{margin:0;font-weight:600}.form-demo-option-list{gap:8px;display:grid}.form-demo-option-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.form-demo-option-row strong{display:block}.checkbox-demo-row{flex-wrap:wrap;align-items:center;gap:16px 18px;display:flex}.checkbox-demo-block{gap:8px;display:grid}.checkbox-inline-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;display:grid}.sneat-checkbox{min-height:24px;color:var(--text);align-items:center;gap:10px;font-weight:400;display:inline-flex;position:relative}.sneat-checkbox input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.sneat-checkbox-box{background:var(--surface);color:#0000;border:2px solid #22303e61;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.sneat-checkbox-box svg{width:12px;height:12px}.sneat-checkbox.density-compact{gap:8px;min-height:20px}.sneat-checkbox.is-active .sneat-checkbox-box{color:#fff}.sneat-checkbox.color-primary.is-active .sneat-checkbox-box{background:var(--primary);border-color:var(--primary)}.sneat-checkbox.color-secondary.is-active .sneat-checkbox-box{background:var(--secondary);border-color:var(--secondary)}.sneat-checkbox.color-success.is-active .sneat-checkbox-box{background:var(--success);border-color:var(--success)}.sneat-checkbox.color-info.is-active .sneat-checkbox-box{background:var(--info);border-color:var(--info)}.sneat-checkbox.color-warning.is-active .sneat-checkbox-box{background:var(--warning);border-color:var(--warning)}.sneat-checkbox.color-danger.is-active .sneat-checkbox-box{background:var(--danger);border-color:var(--danger)}.sneat-checkbox.is-disabled{opacity:.56;cursor:not-allowed}.sneat-checkbox:focus-within .sneat-checkbox-box{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px #635bff14}.sneat-checkbox-label{font-size:14px;line-height:20px}.checkbox-slot-copy{line-height:1.5;display:inline}.checkbox-slot-copy a{color:var(--primary);font-weight:600}.checkbox-slot-copy a:hover{text-decoration:underline}.form-demo-option-row small{color:var(--muted);font-size:12px;display:block}.sneat-select-field{gap:6px;min-width:0;display:grid;position:relative}.sneat-select-field.is-open{z-index:19}.sneat-select-control{appearance:none;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:58px;color:var(--text);text-align:left;box-shadow:none;cursor:pointer;border-radius:8px;gap:6px;padding:10px 12px 12px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:grid}.sneat-select-field.variant-outlined .sneat-select-control{border-color:var(--border);background:var(--surface)}.sneat-select-field.variant-filled .sneat-select-control{background:var(--surface-muted)}.sneat-select-field.variant-solo .sneat-select-control{background:#635bff14;border-color:#0000}.sneat-select-field.variant-underlined .sneat-select-control{border-top:0;border-inline:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:50px;padding-inline:0}.sneat-select-field.variant-plain .sneat-select-control{background:0 0;border-color:#0000;border-radius:0;min-height:50px;padding-inline:0}.sneat-select-control:focus-visible{outline:none}.sneat-select-field.density-compact .sneat-select-control{min-height:50px;padding-block:8px 10px}.sneat-select-field.is-focused .sneat-select-control,.sneat-select-field.is-open .sneat-select-control,.sneat-select-field:focus-within .sneat-select-control,.sneat-select-control:focus-visible{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--textfield-focus-color,var(--primary)) 12%, transparent)}.sneat-select-field.variant-underlined.is-focused .sneat-select-control,.sneat-select-field.variant-underlined.is-open .sneat-select-control,.sneat-select-field.variant-underlined:focus-within .sneat-select-control,.sneat-select-field.variant-underlined .sneat-select-control:focus-visible{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}.sneat-select-field.variant-plain.is-focused .sneat-select-control,.sneat-select-field.variant-plain.is-open .sneat-select-control,.sneat-select-field.variant-plain:focus-within .sneat-select-control,.sneat-select-field.variant-plain .sneat-select-control:focus-visible{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}.sneat-select-field.is-single-line .sneat-select-control{min-height:52px}.sneat-select-field.is-no-floating-label .sneat-select-control{align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.sneat-select-field.is-no-floating-label .sneat-select-content{width:100%}.sneat-select-field.is-no-floating-label .sneat-select-caret{margin-left:auto}.sneat-select-field.is-no-floating-label.density-compact .sneat-select-control{min-height:34px;padding-block:0}.sneat-select-field.is-no-floating-label.variant-underlined .sneat-select-control,.sneat-select-field.is-no-floating-label.variant-plain .sneat-select-control{min-height:40px;padding-inline:0}.sneat-select-outer-label{color:var(--text);font-size:13px;line-height:18px}.sneat-select-label{color:var(--muted);font-size:12px;font-weight:400;line-height:16px;display:block}.sneat-select-content{align-items:center;gap:10px;min-width:0;display:flex}.sneat-select-leading,.sneat-select-trailing,.sneat-select-caret{color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.sneat-select-display{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.sneat-select-placeholder{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sneat-select-single{min-width:0;display:grid}.sneat-select-single small{color:var(--muted);font-size:12px;line-height:16px}.sneat-select-value-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sneat-select-chip-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sneat-select-menu{inset-inline:0;z-index:19;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;max-height:240px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 16px 40px #0f172a1f}.sneat-select-field.is-open-up .sneat-select-menu{top:auto;bottom:calc(100% + 8px)}.sneat-select-option{appearance:none;background:var(--surface-muted);width:100%;color:var(--text);text-align:left;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sneat-select-option:hover{background:#635bff0a;border-color:#635bff40}.sneat-select-option.is-selected{color:var(--primary-strong);background:#635bff14;border-color:#635bff33}.sneat-select-option-main{align-items:center;gap:10px;min-width:0;display:flex}.sneat-select-option strong{font-size:13px;line-height:18px;display:block}.sneat-select-option small{color:var(--muted);font-size:12px;line-height:16px;display:block}.sneat-select-option-meta{color:var(--primary-strong);flex:none;align-items:center;display:inline-flex}.file-input-demo{gap:6px;display:grid}.file-input-label{font-size:13px;line-height:18px}.file-input-selection{gap:8px;display:grid}.file-input-actions{justify-content:flex-end;display:flex}.file-input-control{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:0 12px;transition:border-color .12s,box-shadow .12s,background-color .12s;display:flex;position:relative;overflow:hidden}.file-input-demo.density-compact .file-input-control{min-height:34px;padding-inline:10px}.file-input-demo.variant-filled .file-input-control,.file-input-demo.variant-solo .file-input-control{background:var(--surface-muted)}.file-input-demo.variant-solo .file-input-control{background:#635bff14;border-color:#0000}.file-input-demo.variant-plain .file-input-control{background:0 0;border-color:#0000;padding-inline:0}.file-input-demo.variant-underlined .file-input-control{border-top:none;background:0 0;border-inline:none;border-radius:0;padding-inline:0}.file-input-demo:focus-within .file-input-control{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px #635bff14}.file-input-demo.variant-underlined:focus-within .file-input-control{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}.file-input-demo.variant-plain:focus-within .file-input-control{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}.file-input-demo.is-loading .file-input-control{border-color:#635bff40}.file-input-leading{color:var(--muted);flex:none;display:inline-flex}.file-input-placeholder{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-input-action{color:var(--primary-strong);flex:none;font-size:13px;font-weight:700}.file-input-native{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.file-input-demo.is-disabled .file-input-control{opacity:.56}.file-input-note,.file-input-error{font-size:12px;line-height:16px}.file-input-note{color:var(--muted)}.file-input-error{color:var(--danger)}.file-input-list{gap:8px;display:grid}.file-input-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.file-input-row strong{font-size:13px;line-height:18px;display:block}.file-input-row small{color:var(--muted);font-size:12px;line-height:16px;display:block}.chip-file-removable{align-items:center;gap:8px;display:inline-flex}.chip-file-removable span[aria-hidden=true]{font-size:14px;line-height:1}.form-demo-option-leading{flex:none;display:inline-flex}.form-demo-chip-avatar{display:inline-flex}.form-demo-editor{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:8px;display:grid}.form-demo-editor-toolbar{flex-wrap:wrap;gap:8px 16px;padding-bottom:12px;display:flex}.form-demo-editor-chip{color:#5f6b78;text-transform:lowercase;background:#8592a31f;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .12s,box-shadow .12s,background-color .12s,color .12s;display:inline-flex}.form-demo-editor-chip:hover:not(:disabled){background:#8592a32e}.form-demo-editor-chip.is-active{color:var(--primary-strong);background:#635bff14}.form-demo-editor-chip:disabled{opacity:.5;cursor:not-allowed}.form-demo-divider{background:var(--border);height:1px}.form-demo-editor-surface{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;min-height:110px;padding:12px;transition:border-color .12s,box-shadow .12s,background-color .12s}.form-demo-editor-chip:focus-visible,.form-demo-editor-surface:focus-within,.form-demo-editor-surface:focus-visible{border-color:var(--textfield-focus-color,var(--primary));outline:none;box-shadow:0 0 0 4px #635bff14}.form-demo-editor-surface .ProseMirror{outline:none}.form-demo-editor-surface.basic-editor .ProseMirror{min-height:200px;padding-inline:.5rem;overflow-y:auto}.form-demo-editor-surface.custom-editor .ProseMirror{padding-inline:.5rem;overflow-y:auto}.form-demo-editor-surface.custom-editor .ProseMirror>*+*{margin-top:.75em}.form-demo-editor-surface.custom-editor .ProseMirror ul,.form-demo-editor-surface.custom-editor .ProseMirror ol{padding-block:0;padding-inline:1rem}.form-demo-editor-surface.custom-editor .ProseMirror h1,.form-demo-editor-surface.custom-editor .ProseMirror h2,.form-demo-editor-surface.custom-editor .ProseMirror h3,.form-demo-editor-surface.custom-editor .ProseMirror h4,.form-demo-editor-surface.custom-editor .ProseMirror h5,.form-demo-editor-surface.custom-editor .ProseMirror h6{line-height:1.1}.form-demo-editor-surface.custom-editor .ProseMirror code{color:#616161;background-color:#6161611a}.form-demo-editor-surface.custom-editor .ProseMirror pre{color:#fff;background:#0d0d0d;border-radius:8px;padding-block:.75rem;padding-inline:1rem;font-family:JetBrainsMono,monospace}.form-demo-editor-surface.custom-editor .ProseMirror pre code{color:inherit;background:0 0;padding:0;font-size:.8rem}.form-demo-editor-surface.custom-editor .ProseMirror img{block-size:auto;max-inline-size:100%;display:block}.form-demo-editor-surface.custom-editor .ProseMirror blockquote{border-inline-start:2px solid #0d0d0d1a;padding-inline-start:1rem}.form-demo-editor-surface.custom-editor .ProseMirror hr{border:none;border-block-start:2px solid #0d0d0d1a;margin-block:2rem;margin-inline:0}.form-demo-progress{background:var(--surface-muted);border-radius:999px;height:8px;overflow:hidden}.form-demo-progress>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.form-demo-range{gap:8px;display:grid}.form-demo-range-meta,.form-demo-ticks{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.form-demo-sneat-range{gap:12px;padding-top:14px;display:grid;position:relative}.form-demo-sneat-range.has-thumb-labels{padding-top:44px}.form-demo-sneat-range.is-disabled{opacity:.68}.form-demo-sneat-range-shell{touch-action:none;height:44px;position:relative}.form-demo-sneat-range-track,.form-demo-sneat-range-fill{border-radius:999px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.form-demo-sneat-range-track{background:var(--surface-muted);left:0;right:0}.form-demo-sneat-range-fill{background:currentColor}.form-demo-sneat-range-thumb{cursor:pointer;background:0 0;border:none;width:28px;margin:0;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.form-demo-sneat-range-thumb:before{content:"";background:var(--surface);border:2px solid;border-radius:999px;width:18px;height:18px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a2e}.form-demo-sneat-range-thumb:focus-visible{outline:none;box-shadow:0 0 0 4px #635bff14}.form-demo-sneat-range-thumb:disabled{cursor:not-allowed}.form-demo-sneat-range-thumb.is-lower{z-index:2}.form-demo-sneat-range-thumb.is-upper{z-index:3}.form-demo-sneat-range-badges{pointer-events:none;height:30px;position:absolute;inset:0 0 auto}.form-demo-sneat-range-badge{background:var(--surface);box-shadow:none;filter:var(--shadow-filter);white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:0;transform:translate(-50%)}.form-demo-sneat-range-badge-icon{display:inline-flex}.form-demo-sneat-range-badge-icon svg{display:block}.form-demo-sneat-range-ticks{color:var(--muted);gap:10px;font-size:12px;display:grid}.form-demo-sneat-range-tick{text-align:center;justify-items:center;gap:6px;display:grid}.form-demo-sneat-range-tick-mark{opacity:.75;background:currentColor;border-radius:999px;width:4px;height:4px}.form-demo-sneat-range-tick-label{white-space:nowrap}.form-demo-sneat-range.is-vertical{place-items:center;min-height:240px}.form-demo-sneat-range.is-vertical .form-demo-sneat-range-shell{transform-origin:50%;width:240px;height:44px;transform:rotate(-90deg)}.form-demo-sneat-range.is-vertical .form-demo-sneat-range-badges,.form-demo-sneat-range.is-vertical .form-demo-sneat-range-ticks{display:none}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);width:min(100%,420px);box-shadow:none;filter:var(--shadow-filter);border-radius:8px;gap:22px;padding:28px;display:grid}.login-panel h1{margin:0;font-size:24px;line-height:32px}.login-panel p{color:var(--muted);margin:6px 0 0}.login-form{gap:14px;display:grid}.auth-page{background:radial-gradient(circle at 12% 18%,#635bff21,#0000 28%),radial-gradient(circle at 88% 12%,#0277bd1c,#0000 30%),linear-gradient(135deg,#f7f8fb 0%,#eef2f7 100%);min-height:100vh;padding:28px;overflow:hidden}.auth-shell{justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:grid}.auth-page.is-card .auth-shell{place-items:center}.auth-page.is-split .auth-shell{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:32px;width:min(100%,1180px);margin:0 auto}.auth-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e5e7ebd6;border-radius:18px;justify-self:center;gap:22px;width:min(100%,440px);padding:32px;display:grid;box-shadow:0 22px 60px #17203321}.auth-page.is-split .auth-panel{justify-self:end}.auth-brand{width:fit-content;color:var(--text);align-items:center;gap:12px;display:inline-flex}.auth-brand small,.auth-copy p,.auth-switch-copy,.auth-mail-card small,.auth-device small,.auth-visual-card p{color:var(--muted)}.auth-copy{gap:8px;display:grid}.auth-copy h1{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,34px);line-height:1.08}.auth-copy p,.auth-switch-copy{margin:0;font-size:14px;line-height:22px}.auth-form{gap:14px;display:grid}.auth-inline-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.auth-inline-row a,.auth-switch-copy a,.auth-switch-copy button{color:var(--primary-strong);font:inherit;background:0 0;border:0;padding:0;font-weight:800}.auth-switch-copy{text-align:center}.auth-visual{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff38,#0000 26%),linear-gradient(145deg,#645cff,#09a2c7 62%,#102a43);border-radius:26px;align-content:center;gap:20px;min-height:720px;padding:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #17203333}.auth-visual:before{content:"";background:#ffffff1f;border-radius:999px;width:320px;height:320px;position:absolute;bottom:-110px;right:-90px}.auth-visual-card,.auth-device{z-index:1;position:relative}.auth-visual-card{gap:10px;max-width:420px;display:grid}.auth-visual-card span{letter-spacing:.08em;background:#ffffff29;border-radius:999px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:900}.auth-visual-card strong{letter-spacing:-.06em;font-size:clamp(32px,5vw,56px);line-height:.98}.auth-visual-card p,.auth-device small{color:#ffffffc7}.auth-device{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff21;border:1px solid #ffffff2e;border-radius:22px;gap:18px;width:min(100%,430px);padding:24px;display:grid}.auth-device i{background:linear-gradient(90deg,#ffffff42 12%,#0000 12% 18%,#ffffff2e 18% 100%),repeating-linear-gradient(#ffffff5c 0 12px,#0000 12px 28px);border-radius:16px;width:100%;height:150px;display:block}.auth-device strong,.auth-device small{display:block}.auth-device ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.auth-device li{color:#ffffffdb;align-items:center;gap:10px;font-size:13px;display:flex}.auth-device li:before{content:"";background:#fff;border-radius:999px;width:8px;height:8px}.auth-mail-card{text-align:center;background:#635bff0f;border:1px dashed #635bff47;border-radius:14px;justify-items:center;gap:8px;padding:22px;display:grid}.auth-mail-card>span{background:var(--primary);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:900;display:grid}.auth-otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.auth-otp-row input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--text);text-align:center;border-radius:10px;font-size:22px;font-weight:800}.auth-otp-row input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #635bff14}.auth-multi-card{gap:22px;display:grid}.auth-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.auth-stepper span{color:var(--muted);text-align:center;justify-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.auth-stepper i{background:var(--surface-muted);width:34px;height:34px;color:inherit;border-radius:999px;place-items:center;font-style:normal;display:grid}.auth-stepper span.is-active{color:var(--primary-strong)}.auth-stepper span.is-active i{background:#635bff1f}.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.checkbox-label{align-items:center;gap:8px;font-weight:400;display:flex}.checkbox-label input{width:16px;min-height:16px}.drawer-scrim,.mobile-drawer{display:none}.panel,.stat-card,.cards-demo-card,.component-tile,.component-preview-card,.ops-hero,.ops-radial,.ops-stat-card,.ops-category-card,.ops-zone-grid>div,.ops-table-wrap,.ops-search,.ops-segmented,.ops-lane,.form-wizard-card,.form-layout-card,.validation-card,.table-demo-card,.table-wrap,.profile-info-list div,.account-security-grid div,.pricing-card,.faq-item,.faq-categories,.misc-card,.auth-panel,.auth-device,.auth-mail-card,.calendar-sidebar,.calendar-main,.calendar-detail,.calendar-agenda button,.calendar-list-view button,.calendar-detail-card,.kanban-toolbar,.kanban-lane,.kanban-card,.kanban-detail,.kanban-detail-card,.command-modal,.create-modal,.dropdown-menu,.menu-panel,.swiper-slide-card,.chart-card,.icons-intro-card,.typography-spec-row,.docs-hero,.docs-card,.docs-toc,.docs-block{box-shadow:none;filter:var(--shadow-filter);background-clip:padding-box}.component-tile,.component-preview-card,.table-wrap,.ops-search,.ops-segmented,.form-wizard-card,.form-layout-card,.validation-card,.table-demo-card,.calendar-agenda button,.calendar-list-view button,.dropdown-menu,.menu-panel,.swiper-slide-card,.chart-card,.icons-intro-card,.typography-spec-row,.docs-hero,.docs-card,.docs-toc,.docs-block{border-radius:8px}.ops-table-wrap,.ops-lane,.pricing-card,.faq-item,.faq-categories,.calendar-detail-card,.kanban-card{border-radius:12px}.ops-hero,.ops-radial,.auth-panel,.kanban-lane,.kanban-detail-card{border-radius:14px}.misc-card{border-radius:24px}.cards-demo-card:hover,.component-tile:hover,.component-preview-card:hover,.ops-stat-card:hover,.ops-category-card:hover,.ops-lane:hover,.pricing-card:hover,.faq-item:hover,.calendar-agenda button:hover,.calendar-list-view button:hover,.kanban-card:hover{box-shadow:none;filter:var(--shadow-hover-filter)}@media (max-width:1100px){.stat-grid,.dashboard-kpi-grid,.dashboard-side-grid,.system-kpi-grid,.system-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-risk-panel,.system-side-grid>:last-child{grid-column:1/-1}.dashboard-grid,.dashboard-hero,.dashboard-main-grid,.system-hero,.system-main-grid,.split-panel,.settings-layout,.docs-article-layout{grid-template-columns:1fr}.docs-toc{position:static}.docs-related{grid-column:auto}}@media (max-width:900px){:root{--topbar-height:56px}.sidebar{display:none}.workspace{width:100%;padding-left:0;padding-top:calc(var(--topbar-height) + 16px)}.topbar{width:100%;height:calc(var(--topbar-height) + 12px);background:var(--bg);border-radius:8px;padding:12px 14px 0;top:0;left:0}.topbar:before{content:"";pointer-events:none;z-index:0;background:0 0;border-radius:0;width:100%;height:0;position:absolute;inset:0 auto auto 0}.topbar-inner{z-index:1;width:100%;min-height:var(--topbar-height);border-radius:8px;padding:0 14px;position:relative;box-shadow:0 8px 24px #17203314}.mobile-menu{display:inline-flex}.docs-hero{grid-template-columns:1fr;padding:22px}.docs-hero h2{font-size:26px}.docs-hero-stats{min-width:0}.docs-block{padding:18px}.topbar-search{justify-content:center;width:40px;min-width:40px;padding:0}.topbar-search span{display:none}.desktop-only-action{display:none!important}.mobile-user-action{display:flex}.mobile-user-section{display:grid}.theme-customizer{width:100%;max-width:none}input,select,textarea,button{font-size:16px}.button,.icon-button,.user-button,.table-action,.settings-nav button{font-size:14px}.user-button span:not(.avatar){display:none}.content-viewport{width:100%;max-width:100vw;padding:16px;overflow-x:clip}.page-stack,.panel,.stat-card,.cards-demo-card,.dashboard-grid,.stat-grid{width:100%;max-width:100%}.cards-demo-grid,.cards-demo-stat-grid{grid-template-columns:1fr}.cards-demo-product{grid-template-columns:76px minmax(0,1fr)}.cards-demo-profile-stats,.cards-demo-report,.cards-demo-finance{grid-template-columns:1fr}.cards-demo-target,.cards-demo-highlight-row,.cards-demo-score,.page-header{flex-direction:column;align-items:flex-start}.page-actions,.page-actions .button,.page-actions button{width:100%}.stat-grid,.form-grid,.settings-summary-grid,.settings-field-grid,.settings-option-grid,.form-layout-grid,.form-layout-option-grid,.validation-form-grid,.wizard-form-grid,.filter-bar,.ops-stat-grid,.ops-grid-2,.ops-kanban,.ops-zone-grid,.ops-permission-grid{grid-template-columns:1fr}.ops-hero{grid-template-columns:1fr;padding:18px}.ops-hero-visual,.ops-radial{min-height:190px}.ops-filter-shell{flex-direction:column;align-items:stretch}.ops-search,.ops-segmented,.ops-filter-shell>.component-btn{width:100%}.settings-redesign-nav{position:static}.settings-redesign-nav button{grid-template-columns:22px minmax(0,1fr)}.settings-page .page-actions{flex-direction:column;align-items:stretch}.settings-page .page-actions .button{width:100%}.settings-switch-row,.settings-checkbox-card,.settings-form-actions{flex-direction:column;align-items:stretch}.ops-segmented{flex-wrap:nowrap;overflow-x:auto}.ops-timeline div{grid-template-columns:34px minmax(0,1fr)}.ops-timeline small{grid-column:2}.form-layout-horizontal .form-layout-field{grid-template-columns:1fr}.form-layout-sticky-bar{flex-direction:column;align-items:stretch}.form-layout-sticky-bar>div{flex-direction:column}.form-wizard-card,.form-wizard-card.is-vertical{grid-template-columns:1fr}.wizard-stepper,.form-wizard-card.is-vertical .wizard-stepper{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr}.wizard-step:not(:last-child):after,.form-wizard-card.is-vertical .wizard-step:not(:last-child):after{width:1px;height:16px;inset:auto auto -8px 25px}.wizard-actions{flex-direction:column-reverse;align-items:stretch}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-kpi-grid,.dashboard-side-grid,.dashboard-main-grid,.system-kpi-grid,.system-side-grid,.system-main-grid{grid-template-columns:1fr}.dashboard-risk-panel,.system-side-grid>:last-child{grid-column:auto}.dashboard-hero h2,.system-hero h2{font-size:24px;line-height:31px}.dashboard-hero-actions,.dashboard-page .page-actions,.system-hero-actions,.system-page .page-actions{flex-direction:column;align-items:stretch}.dashboard-hero-actions .component-btn,.dashboard-page .page-actions .button,.system-hero-actions .component-btn,.system-page .page-actions .button{width:100%}.dashboard-health-card,.system-status-card{justify-items:center}.dashboard-health-list,.system-health-list{width:100%}.dashboard-revenue-chart{grid-template-columns:repeat(7,minmax(26px,1fr));gap:8px;min-height:220px;padding:14px}.dashboard-revenue-column>div{height:168px}.dashboard-channel-list>div,.system-integration-list>div{grid-template-columns:1fr}.section-header,.table-toolbar,.pagination-row,.form-actions{flex-direction:column;align-items:stretch}.section-header>*,.table-toolbar>*,.pagination-row>*,.form-actions>*{width:100%}.drawer-scrim{z-index:40;opacity:0;pointer-events:none;background:#0f172a6b;transition:opacity .16s;display:block;position:fixed;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.mobile-drawer{z-index:50;border-right:1px solid var(--border);background:var(--surface);width:min(80vw,280px);max-width:280px;box-shadow:var(--sidebar-shadow);transition:transform .18s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-drawer.is-open{transform:translate(0)}.dropdown-menu{min-width:min(86vw,280px)}.modal-scrim,.modal-backdrop{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden auto}.command-modal,.create-modal,.modal-card{width:100%;max-height:none;margin:auto 0;overflow:visible}.modal-close{width:40px!important}.modal-actions{flex-direction:row}.modal-actions .button{flex:1 1 0;width:auto}.component-tiles,.ring-grid,.typography-grid,.typography-color-grid,.typography-align-grid,.typography-editorial-grid,.icons-grid,.icons-color-grid,.icons-usage-grid,.typography-spec-row{grid-template-columns:1fr}.icons-intro-card{align-items:flex-start}.swiper-demo.is-multi .swiper-slide,.swiper-demo.is-centered .swiper-slide{flex-basis:100%}.swiper-demo.is-centered .swiper-track{transform:none}.swiper-slide-card{min-height:240px;padding:20px}.swiper-slide-card strong{font-size:22px;line-height:28px}.swiper-nav.is-prev{left:18px}.swiper-nav.is-next{right:18px}.chart-grid-layout,.chart-donut-wrap{grid-template-columns:1fr}.auth-page{min-height:100dvh;padding:20px;overflow:auto}.auth-page.is-split .auth-shell{grid-template-columns:1fr;gap:0}.auth-visual{display:none}.auth-page.is-split .auth-panel{width:min(100%,440px);box-shadow:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-self:center;padding:0}.wizard-example-layout{grid-template-columns:1fr}.wizard-example-summary{position:static}.app-settings-card,.pricing-grid,.faq-grid,.account-security-grid{grid-template-columns:1fr}.profile-identity{grid-template-columns:auto minmax(0,1fr)}.calendar-shell{grid-template-columns:1fr}.calendar-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-sidebar>.component-btn,.calendar-agenda{grid-column:1/-1}.calendar-detail{order:3}.kanban-shell{grid-template-columns:1fr}.kanban-detail{order:3}.kanban-toolbar{flex-direction:column;align-items:stretch}.kanban-search,.kanban-toolbar-actions{width:100%;max-width:none}.kanban-toolbar-actions .component-btn{flex:1 1 0}.profile-identity .component-btn{grid-column:1/-1;width:100%}.chart-donut{margin-inline:auto}.snackbar-demo{min-width:0;max-width:none;bottom:16px;left:16px;right:16px}.command-list a{flex-direction:column;align-items:flex-start}table{min-width:600px}}@media (max-width:520px){.breadcrumbs span:not(:last-child){display:none}.topbar{gap:8px}.topbar-actions{gap:6px}.icon-button,.topbar-search,.user-button{height:38px}.user-button{justify-content:center;width:40px;padding:0}.user-button svg{display:none}.stat-grid{grid-template-columns:1fr}.dashboard-revenue-chart{overflow-x:auto}.dashboard-revenue-column{min-width:34px}.auth-page.is-card .auth-panel{padding:20px}.auth-inline-row{flex-direction:column;align-items:flex-start}.auth-form-grid,.auth-stepper,.wizard-example-choice-grid{grid-template-columns:1fr}.auth-otp-row{gap:6px}.auth-otp-row input{min-height:44px;font-size:18px}.profile-identity{text-align:center;grid-template-columns:1fr;place-items:start center}.profile-title-block,.profile-meta-row{justify-items:center}.profile-meta-row{flex-direction:column;gap:8px}.profile-chip-row{justify-content:center}.calendar-sidebar,.calendar-form-grid{grid-template-columns:1fr}.calendar-toolbar,.calendar-title{flex-direction:column;align-items:stretch}.calendar-search,.calendar-view-switch{width:100%;max-width:none}.kanban-toolbar-actions{flex-direction:column}.kanban-toolbar-actions .component-btn{width:100%}.pricing-card.is-featured{transform:none}.misc-card{padding:22px}.panel,.stat-card,.login-panel{padding:16px}table{min-width:520px}}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--text)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .component-preview-card,:root[data-theme=dark] .component-tile,:root[data-theme=dark] .cards-demo-card,:root[data-theme=dark] .table-demo-card,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .table-demo-wrap,:root[data-theme=dark] .ops-table-wrap,:root[data-theme=dark] .form-layout-card,:root[data-theme=dark] .form-wizard-card,:root[data-theme=dark] .validation-card,:root[data-theme=dark] .calendar-sidebar,:root[data-theme=dark] .calendar-main,:root[data-theme=dark] .calendar-detail,:root[data-theme=dark] .kanban-lane,:root[data-theme=dark] .kanban-card,:root[data-theme=dark] .kanban-detail,:root[data-theme=dark] .pricing-card,:root[data-theme=dark] .faq-item,:root[data-theme=dark] .faq-categories,:root[data-theme=dark] .misc-card,:root[data-theme=dark] .auth-panel,:root[data-theme=dark] .auth-device,:root[data-theme=dark] .auth-mail-card,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .swiper-slide-card,:root[data-theme=dark] .icons-intro-card,:root[data-theme=dark] .typography-spec-row,:root[data-theme=dark] .docs-hero,:root[data-theme=dark] .docs-card,:root[data-theme=dark] .docs-toc,:root[data-theme=dark] .docs-block{border-color:var(--border);background-color:var(--surface);color:var(--text)}:root[data-theme=dark] .docs-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, var(--surface)), var(--surface) 58%)}:root[data-theme=dark] .dashboard-hero{background:radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 11%, var(--surface)), var(--surface) 58%)}:root[data-theme=dark] .dashboard-health-card,:root[data-theme=dark] .dashboard-revenue-chart,:root[data-theme=dark] .dashboard-channel-list>div,:root[data-theme=dark] .dashboard-checks div{border-color:var(--border);background-color:var(--surface-muted);color:var(--text)}:root[data-theme=dark] .dashboard-health-ring{background:radial-gradient(circle at center, var(--surface-muted) 0 58%, transparent 59%), conic-gradient(var(--primary) 0 var(--score), color-mix(in srgb, var(--border) 70%, var(--surface)) var(--score) 100%)}:root[data-theme=dark] .system-hero{background:radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--info) 20%, transparent), transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--success) 10%, var(--surface)), var(--surface) 58%)}:root[data-theme=dark] .system-status-card,:root[data-theme=dark] .system-integration-list>div,:root[data-theme=dark] .system-maintenance-list>div{border-color:var(--border);background-color:var(--surface-muted);color:var(--text)}:root[data-theme=dark] .settings-summary-card,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .settings-switch-row,:root[data-theme=dark] .settings-checkbox-card{border-color:var(--border);background-color:var(--surface);color:var(--text)}:root[data-theme=dark] .settings-section{background-color:var(--surface-muted)}:root[data-theme=dark] .settings-checkbox-card.is-active{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface))}:root[data-theme=dark] .docs-hero-stats span,:root[data-theme=dark] .docs-article-meta span{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface-muted))}:root[data-theme=dark] .component-preview-card,:root[data-theme=dark] .surface-muted,:root[data-theme=dark] .chip-expand-panel,:root[data-theme=dark] .ops-search,:root[data-theme=dark] .ops-segmented,:root[data-theme=dark] .table-demo-search,:root[data-theme=dark] .autocomplete-control,:root[data-theme=dark] .sneat-select-control,:root[data-theme=dark] .textarea-control,:root[data-theme=dark] .textfield-control,:root[data-theme=dark] .date-time-picker-control{background-color:var(--surface-muted);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .autocomplete-field.is-focused .autocomplete-control,:root[data-theme=dark] .autocomplete-field.is-open .autocomplete-control,:root[data-theme=dark] .autocomplete-field:focus-within .autocomplete-control,:root[data-theme=dark] .sneat-select-field.is-focused .sneat-select-control,:root[data-theme=dark] .sneat-select-field.is-open .sneat-select-control,:root[data-theme=dark] .sneat-select-field:focus-within .sneat-select-control,:root[data-theme=dark] .sneat-select-control:focus-visible{border-color:var(--textfield-focus-color,var(--primary));box-shadow:0 0 0 4px color-mix(in srgb, var(--textfield-focus-color,var(--primary)) 12%, transparent)}:root[data-theme=dark] .autocomplete-field.variant-underlined.is-focused .autocomplete-control,:root[data-theme=dark] .autocomplete-field.variant-underlined.is-open .autocomplete-control,:root[data-theme=dark] .autocomplete-field.variant-underlined:focus-within .autocomplete-control,:root[data-theme=dark] .sneat-select-field.variant-underlined.is-focused .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-underlined.is-open .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-underlined:focus-within .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-underlined .sneat-select-control:focus-visible{box-shadow:none;border-color:#0000;border-bottom-color:var(--textfield-focus-color,var(--primary))}:root[data-theme=dark] .autocomplete-field.variant-plain.is-focused .autocomplete-control,:root[data-theme=dark] .autocomplete-field.variant-plain.is-open .autocomplete-control,:root[data-theme=dark] .autocomplete-field.variant-plain:focus-within .autocomplete-control,:root[data-theme=dark] .sneat-select-field.variant-plain.is-focused .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-plain.is-open .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-plain:focus-within .sneat-select-control,:root[data-theme=dark] .sneat-select-field.variant-plain .sneat-select-control:focus-visible{box-shadow:inset 0 -1px 0 0 var(--textfield-focus-color,var(--primary));background:color-mix(in srgb, var(--primary) 4%, transparent);border-color:#0000}:root[data-theme=dark] table,:root[data-theme=dark] .table-demo-table{background:var(--surface);color:var(--text)}:root[data-theme=dark] th,:root[data-theme=dark] .table-demo-table th{background:var(--surface-muted);color:var(--muted)}:root[data-theme=dark] td,:root[data-theme=dark] .table-demo-table td{border-color:var(--border);color:var(--text)}:root[data-theme=dark] tbody tr:hover,:root[data-theme=dark] .table-demo-table tbody tr:hover td,:root[data-theme=dark] .ops-table-wrap tbody tr:hover{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}:root[data-theme=dark] .table-demo-wrap.is-themed th,:root[data-theme=dark] .table-demo-group-row td{color:var(--primary-strong);background:color-mix(in srgb, var(--primary) 15%, var(--surface))!important}:root[data-theme=dark] .table-demo-wrap.is-themed tbody tr:nth-child(2n) td,:root[data-theme=dark] .table-demo-expanded-row td{background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface))!important}:root[data-theme=dark] .status-badge.tone-neutral{background:color-mix(in srgb, var(--muted) 18%, var(--surface));color:var(--muted)}:root[data-theme=dark] .status-badge.tone-success,:root[data-theme=dark] .validation-result.is-valid{background:color-mix(in srgb, var(--success) 16%, var(--surface));color:var(--success)}:root[data-theme=dark] .status-badge.tone-warning,:root[data-theme=dark] .validation-result.is-invalid{background:color-mix(in srgb, var(--warning) 16%, var(--surface));color:var(--warning)}:root[data-theme=dark] .status-badge.tone-danger{background:color-mix(in srgb, var(--danger) 16%, var(--surface));color:var(--danger)}:root[data-theme=dark] .status-badge.tone-info{background:color-mix(in srgb, var(--info) 16%, var(--surface));color:var(--info)}:root[data-theme=dark] .table-action,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .user-button,:root[data-theme=dark] .topbar-search,:root[data-theme=dark] .button,:root[data-theme=dark] .component-btn.variant-outlined,:root[data-theme=dark] .component-btn.variant-plain{border-color:var(--border);background-color:var(--surface);color:var(--text)}:root[data-theme=dark] .button.primary{border-color:var(--primary);background:var(--primary);color:#fff}:root[data-theme=dark] .dropdown-menu,:root[data-theme=dark] .menu-panel,:root[data-theme=dark] .autocomplete-menu,:root[data-theme=dark] .sneat-select-menu,:root[data-theme=dark] .flatpickr-calendar{border-color:var(--border);background:var(--surface);color:var(--text)}:root[data-theme=dark] .autocomplete-option,:root[data-theme=dark] .sneat-select-option,:root[data-theme=dark] .menu-item,:root[data-theme=dark] .dropdown-menu a,:root[data-theme=dark] .dropdown-menu button{color:var(--text)}:root[data-theme=dark] .autocomplete-option:hover,:root[data-theme=dark] .autocomplete-option.is-selected,:root[data-theme=dark] .sneat-select-option:hover,:root[data-theme=dark] .sneat-select-option.is-selected,:root[data-theme=dark] .menu-item:hover,:root[data-theme=dark] .dropdown-menu a:hover,:root[data-theme=dark] .dropdown-menu button:hover{background:var(--surface-muted)}:root[data-theme=dark] .form-demo-copy,:root[data-theme=dark] .form-demo-note,:root[data-theme=dark] .text-secondary,:root[data-theme=dark] .component-preview-card p,:root[data-theme=dark] .component-tile small,:root[data-theme=dark] .cards-demo-muted,:root[data-theme=dark] .table-demo-toolbar>span,:root[data-theme=dark] .table-demo-selection-summary,:root[data-theme=dark] .table-demo-product-cell span:not(.avatar),:root[data-theme=dark] .table-demo-buyer span,:root[data-theme=dark] .breadcrumbs,:root[data-theme=dark] .dropdown-menu small,:root[data-theme=dark] .notification-item small,:root[data-theme=dark] .user-menu-profile small{color:var(--muted)}:root[data-theme=dark] .sneat-textarea-field textarea::placeholder,:root[data-theme=dark] .sneat-textfield-input-row input::placeholder,:root[data-theme=dark] .date-time-picker-input::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent)}:root[data-theme=dark] .component-preview-card strong,:root[data-theme=dark] .component-tile strong,:root[data-theme=dark] .table-demo-product-cell strong,:root[data-theme=dark] .table-demo-buyer strong,:root[data-theme=dark] .section-header h1,:root[data-theme=dark] .section-header h2,:root[data-theme=dark] .dropdown-head strong,:root[data-theme=dark] .notification-item strong,:root[data-theme=dark] .user-menu-profile strong{color:var(--text)}:root[data-theme=dark] .cards-demo-icon{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}:root[data-theme=dark] .cards-demo-icon.tone-success{background:color-mix(in srgb, var(--success) 16%, var(--surface))}:root[data-theme=dark] .cards-demo-icon.tone-warning{background:color-mix(in srgb, var(--warning) 16%, var(--surface))}:root[data-theme=dark] .cards-demo-icon.tone-danger{background:color-mix(in srgb, var(--danger) 16%, var(--surface))}:root[data-theme=dark] .cards-demo-icon.tone-info{background:color-mix(in srgb, var(--info) 16%, var(--surface))}:root[data-theme=dark] .progress-track,:root[data-theme=dark] .form-demo-range-track,:root[data-theme=dark] .calendar-grid,:root[data-theme=dark] .calendar-day{background:var(--surface-muted)}:root[data-theme=dark] .tabs-strip.is-contained .tab-link.is-active,:root[data-theme=dark] .tabs-strip.is-contained .tab-pill.is-active{background:var(--surface)}:root[data-theme=dark] .button.ghost,:root[data-theme=dark] .component-btn.variant-tonal.tone-secondary,:root[data-theme=dark] .component-btn.variant-outlined.tone-secondary,:root[data-theme=dark] .component-btn.variant-flat.tone-secondary,:root[data-theme=dark] .component-btn.variant-plain.tone-secondary,:root[data-theme=dark] .form-demo-editor-chip{color:var(--muted)}:root[data-theme=dark] .component-btn.variant-tonal.tone-secondary,:root[data-theme=dark] .component-btn.variant-outlined.tone-secondary,:root[data-theme=dark] .component-btn.variant-flat.tone-secondary,:root[data-theme=dark] .component-btn.variant-plain.tone-secondary{color:var(--text)}:root[data-theme=dark] .component-btn.variant-tonal.tone-secondary{border-color:color-mix(in srgb, var(--muted) 24%, var(--border));background:color-mix(in srgb, var(--muted) 16%, var(--surface))}:root[data-theme=dark] .component-btn.variant-outlined.tone-secondary{border-color:color-mix(in srgb, var(--muted) 34%, var(--border));background:0 0}:root[data-theme=dark] .ops-hero{border-color:color-mix(in srgb, var(--ops-tone) 26%, var(--border));background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--ops-tone) 22%, transparent), transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--ops-tone) 11%, var(--surface)), var(--surface));box-shadow:0 16px 38px #0f101c3d}:root[data-theme=dark] .ops-kicker{background:color-mix(in srgb, var(--ops-tone) 18%, var(--surface));color:color-mix(in srgb, var(--ops-tone) 72%, var(--text))}:root[data-theme=dark] .ops-radial{background:var(--surface-muted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ops-tone) 22%, var(--border))}:root[data-theme=dark] .ops-radial>span{background:radial-gradient(circle at center, var(--surface-muted) 0 58%, transparent 59%), conic-gradient(var(--ops-tone) 0 var(--value), color-mix(in srgb, var(--border) 78%, var(--surface)) var(--value) 100%)}:root[data-theme=dark] .ops-stat-card,:root[data-theme=dark] .ops-category-card,:root[data-theme=dark] .ops-zone-grid>div,:root[data-theme=dark] .ops-lane{border-color:var(--border);background:var(--surface);color:var(--text)}:root[data-theme=dark] .ops-search input{color:var(--text);background:0 0}:root[data-theme=dark] .ops-segmented button{color:var(--muted)}:root[data-theme=dark] .ops-segmented button.is-active{background:var(--surface);color:var(--primary-strong);box-shadow:0 4px 12px #0f101c3d}:root[data-theme=dark] .ops-action-list button,:root[data-theme=dark] .ops-aging-list>div,:root[data-theme=dark] .ops-metric-list div,:root[data-theme=dark] .ops-timeline div,:root[data-theme=dark] .ops-lane button{border-color:var(--border);background:var(--surface-muted);color:var(--text)}:root[data-theme=dark] .ops-action-list button:hover,:root[data-theme=dark] .ops-lane button:hover{border-color:color-mix(in srgb, var(--primary) 36%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface))}:root[data-theme=dark] .ops-timeline div>span{background:color-mix(in srgb, var(--muted) 18%, var(--surface));color:var(--muted)}:root[data-theme=dark] .ops-timeline div.is-complete>span{background:color-mix(in srgb, var(--success) 18%, var(--surface));color:var(--success)}:root[data-theme=dark] .ops-entity i{background:color-mix(in srgb, var(--primary) 16%, var(--surface));color:var(--primary-strong)}:root[data-theme=dark] .ops-progress{background:color-mix(in srgb, var(--border) 66%, var(--surface))}:root[data-theme=dark] .ops-wave-bars{background:var(--surface-muted)}:root[data-theme=dark] .auth-page{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--info) 14%, transparent), transparent 30%), linear-gradient(135deg, var(--bg) 0%, color-mix(in srgb, var(--surface) 60%, var(--bg)) 100%);color:var(--text)}:root[data-theme=dark] .auth-panel{border-color:color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text);box-shadow:0 22px 60px #0f101c61}:root[data-theme=dark] .auth-brand,:root[data-theme=dark] .auth-copy h1,:root[data-theme=dark] .auth-mail-card strong,:root[data-theme=dark] .auth-device strong{color:var(--text)}:root[data-theme=dark] .auth-brand small,:root[data-theme=dark] .auth-copy p,:root[data-theme=dark] .auth-switch-copy,:root[data-theme=dark] .auth-mail-card small,:root[data-theme=dark] .auth-stepper span{color:var(--muted)}:root[data-theme=dark] .auth-mail-card{border-color:color-mix(in srgb, var(--primary) 34%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface-muted))}:root[data-theme=dark] .auth-otp-row input{border-color:var(--border);background:var(--surface-muted);color:var(--text)}:root[data-theme=dark] .auth-stepper i{background:var(--surface-muted);color:inherit}:root[data-theme=dark] .auth-stepper span.is-active{color:var(--primary-strong)}:root[data-theme=dark] .auth-stepper span.is-active i{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}:root[data-theme=dark] .auth-page .sneat-textfield-label,:root[data-theme=dark] .auth-page .sneat-checkbox-label{color:var(--text)}:root[data-theme=dark] .auth-page .sneat-textfield-shell{border-color:var(--border);background:var(--surface-muted);color:var(--text)}:root[data-theme=dark] .auth-page .sneat-textfield-input-row input{color:var(--text);background:0 0}:root[data-theme=dark] .auth-page .sneat-checkbox-box{border-color:var(--border);background:var(--surface-muted)}:root[data-theme=dark] .auth-page .sneat-checkbox.color-primary.is-active .sneat-checkbox-box{border-color:var(--primary);background:var(--primary)}@media (max-width:900px){:root[data-theme=dark] .auth-page.is-split .auth-panel{box-shadow:none;background:0 0;border-color:#0000}}:root[data-theme=dark] .form-demo-editor-chip{background:color-mix(in srgb, var(--muted) 14%, var(--surface))}:root[data-theme=dark] .component-spinner{border-color:var(--border);border-top-color:var(--primary)}:root[data-theme=dark] .modal-scrim,:root[data-theme=dark] .drawer-scrim{background:#0a0b149e}