:root{--color-bg: #f4f7fb;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-subtle: #eef4f8;--color-line: #dbe3ee;--color-line-strong: #c9d4e2;--color-text: #182134;--color-muted: #66758a;--color-muted-strong: #4e5f75;--color-sidebar: #121a27;--color-sidebar-soft: #1d2938;--color-accent: #0f766e;--color-accent-hover: #0b655e;--color-accent-soft: #e4f3ef;--color-primary: #df4b32;--color-primary-hover: #c9422b;--shadow-panel: 0 12px 28px rgba(24, 33, 52, .08);--shadow-control: 0 6px 16px rgba(24, 33, 52, .08);color:var(--color-text);background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef3f8 0,var(--color-bg) 220px),var(--color-bg);overflow-x:hidden}button,input,select{font:inherit}button,input,select{max-width:100%}.app-shell{display:grid;min-height:100vh;grid-template-columns:232px minmax(0,1fr);transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;transform:translate(-100%)}.mobile-topbar,.mobile-sidebar-close,.mobile-menu-scrim{display:none}.desktop-sidebar-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--color-sidebar-soft);color:#fff}.menu-icon-button{display:flex;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-surface)}.desktop-sidebar-toggle{position:absolute;top:18px;right:16px;z-index:2;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;box-shadow:none}.desktop-sidebar-toggle:hover{border-color:#ffffff38;background:#263549;transform:translateY(-1px)}.menu-icon-button span{display:block;width:16px;height:2px;flex:0 0 2px;border-radius:2px;background:var(--color-text)}.app-shell:not(.sidebar-collapsed) .desktop-sidebar-toggle{top:18px;right:16px}.sidebar-toggle-icon,.panel-toggle-icon,.select-chevron{display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.sidebar-toggle-icon{color:currentColor;transform:translate(2px) rotate(225deg);transition:transform .14s ease}.sidebar-toggle-icon.collapsed{transform:translate(-2px) rotate(45deg)}.app-shell:not(.sidebar-collapsed) .sidebar-toggle-icon{color:#fff}.sidebar{position:sticky;top:0;z-index:210;align-self:start;display:flex;flex-direction:column;height:100vh;overflow:visible;padding:20px 16px;background:var(--color-sidebar);color:#fff;opacity:1;transform:translate(0);transition:opacity .18s ease,transform .18s ease}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:var(--color-primary);font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#9aa8bb}.sidebar-main{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.sidebar-nav{display:grid;gap:8px}.sidebar-footer{position:relative;flex:0 0 auto;margin-top:12px;padding-top:14px}.sidebar-footer:before{content:"";position:absolute;top:0;right:4px;left:4px;height:1px;background:#cad5e324}.nav-item{width:100%;height:40px;border:0;border-radius:7px;background:transparent;color:#cad5e3;text-align:left;padding:0 12px}.sidebar-nav .nav-item{position:relative;border:1px solid rgba(202,213,227,.12);background:#ffffff05;box-shadow:inset 0 1px #ffffff08;overflow:hidden;transition:background .14s ease,border-color .14s ease,color .14s ease}.sidebar-nav .nav-item:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:0 999px 999px 0;background:transparent}.sidebar-nav .nav-item:hover{border-color:#cad5e338;background:#ffffff0d;color:#fff}.nav-item.active{background:var(--color-sidebar-soft);color:#fff}.sidebar-nav .nav-item.active{border-color:#cad5e33d;box-shadow:inset 0 1px #ffffff0d,0 10px 22px #0000001f}.sidebar-nav .nav-item.active:before{background:var(--color-primary)}.settings-nav-item{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;border:1px solid rgba(202,213,227,.18);background:#ffffff06;box-shadow:inset 0 1px #ffffff0a;text-align:center}.settings-nav-item:hover{border-color:#cad5e34d;background:#ffffff0f}.settings-nav-item.active{border-color:#ffffff3d;background:var(--color-sidebar-soft)}.settings-nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-gear{display:block;width:21px;height:21px;justify-self:center;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;opacity:.86}.nav-item:disabled{opacity:.45}.main{min-width:0;padding:0 0 28px;transition:padding .18s ease}.app-shell.sidebar-collapsed .main{padding-left:0}.orders-page{width:100%;max-width:none;margin:0}.top-panel{position:sticky;top:0;z-index:25;margin-bottom:54px;border:1px solid var(--color-line);border-top:0;border-radius:0;background:var(--color-surface);box-shadow:var(--shadow-panel);overflow:visible}.top-panel-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-line);border-radius:0;background:var(--color-surface);overflow:hidden;transition:max-height .18s ease,padding-top .18s ease,padding-bottom .18s ease,opacity .14s ease;max-height:83px;opacity:1}.top-panel:not(.collapsed) .top-panel-main{overflow:visible}.app-shell.sidebar-collapsed .top-panel-main,.app-shell.sidebar-collapsed .collapsed-controls-label{padding-left:56px}.top-panel-left,.top-panel-actions{display:flex;min-width:0;align-items:center;gap:12px}.top-panel-actions{justify-content:flex-end}.top-panel-actions .sync-button,.top-panel-actions .export-menu-wrap{flex:0 1 auto}h2,h3,p{margin-top:0}.sync-window-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;min-width:0;width:fit-content;max-width:100%;min-height:54px;border:1px solid var(--color-line);border-radius:8px;padding:8px 14px 8px 8px;background:var(--color-surface);box-shadow:0 1px #18213408}.sync-window-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:7px;background:var(--color-accent);box-shadow:0 8px 18px #0f766e33}.panel-sidebar-toggle{position:absolute;top:14px;left:-1px;z-index:2;display:grid;width:40px;height:54px;place-items:center;border:0;border-right:1px solid var(--color-line);border-radius:0;background:var(--color-surface);color:var(--color-text);box-shadow:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.panel-edge-toggle{position:absolute;right:12px;bottom:-38px;z-index:2;display:grid;width:54px;height:38px;place-items:center;border:1px solid var(--color-line);border-top:0;border-radius:0 0 7px 7px;background:var(--color-surface-subtle);color:var(--color-muted-strong);box-shadow:0 10px 18px #18213414;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.top-panel.collapsed .panel-edge-toggle{background:var(--color-surface-muted);color:var(--color-accent-hover)}.panel-sidebar-toggle:hover,.panel-edge-toggle:hover{transform:translateY(-1px)}.panel-sidebar-toggle:hover{background:#1821340a}.panel-edge-toggle:hover{background:#e4edf4}.top-panel.collapsed .panel-edge-toggle:hover{background:#edf2f7}.sync-window-mark:before{content:"";display:block;width:14px;height:14px;border:2px solid white;border-radius:4px;box-shadow:inset 0 4px #ffffff59}.sync-window-card div,.sync-window-card small,.sync-window-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-window-card small{display:block;color:var(--color-muted);font-size:11px;font-weight:800;text-transform:uppercase}.sync-window-card strong{display:block;color:var(--color-text);font-size:15px;font-weight:900}.panel-toggle-icon{color:var(--color-muted-strong);justify-self:end;transform:rotate(315deg);transition:transform .18s ease}.panel-edge-toggle .panel-toggle-icon{color:currentColor;justify-self:center}.panel-toggle-icon.collapsed{transform:rotate(135deg)}.top-panel.collapsed{border-radius:0}.top-panel.collapsed{min-height:48px}.top-panel.collapsed .top-panel-main{max-height:0;padding-top:0;padding-bottom:0;border-bottom:0;opacity:0}.top-panel.collapsed .panel-sidebar-toggle{top:0;height:48px;background:var(--color-surface-muted)}.collapsed-controls-label{display:flex;width:100%;min-height:0;max-height:0;align-items:center;justify-content:start;gap:10px;padding:0 16px;border:0;border-radius:0;background:var(--color-surface-muted);color:var(--color-text);font-weight:900;text-align:left;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .18s ease,opacity .16s ease,transform .16s ease;pointer-events:none}.collapsed-controls-label span{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center}.collapsed-controls-label small{min-width:0;overflow:hidden;color:var(--color-muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.collapsed-controls-label span:before{content:"";display:block;width:8px;height:22px;border-radius:3px;background:var(--color-accent)}.top-panel.collapsed .collapsed-controls-label{min-height:48px;max-height:48px;opacity:1;transform:translateY(0);pointer-events:auto}.app-shell.sidebar-collapsed .collapsed-controls-label{padding-left:56px}.toolbar{display:grid;grid-template-columns:minmax(252px,1.25fr) minmax(252px,1.25fr) minmax(154px,.72fr) minmax(210px,.95fr) minmax(112px,.48fr);gap:12px;align-items:stretch;padding:14px 16px 22px;border-top:0;border-radius:0;background:var(--color-surface-subtle);overflow:visible;transition:max-height .18s ease,padding-top .18s ease,padding-bottom .18s ease,opacity .14s ease;max-height:240px;opacity:1}.top-panel.collapsed .toolbar{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;pointer-events:none}.top-panel-scroll-strip{position:absolute;right:0;bottom:0;left:0;z-index:1;height:10px;border-top:1px solid var(--color-line);background:var(--color-surface-subtle);box-shadow:0 -10px 18px #eef4f8eb;pointer-events:none}.top-panel.has-scrollable-controls .toolbar{padding-bottom:30px}.date-filter{order:1}.select-filter{order:2}.status-filter{order:3}.rows-filter{order:4}.toolbar .search{grid-column:1 / -1;order:6}label,.field{display:grid;gap:5px;color:#536173;color:var(--color-muted-strong);font-size:12px;font-weight:700}.toolbar label,.toolbar .field{min-width:0;border:1px solid var(--color-line);border-radius:8px;padding:10px 11px;background:#ffffffd6;box-shadow:0 1px #18213405}.field-label{color:var(--color-muted-strong)}input,select{height:40px;min-width:0;border:1px solid var(--color-line-strong);border-radius:6px;padding:0 10px;background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 1px #fffc,0 1px #17203305;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}select{width:100%;appearance:none;padding-right:36px}input:focus,select:focus,.filter-trigger:focus-visible,button:focus-visible{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px #0f766e24}.datetime-control{display:grid;grid-template-columns:minmax(128px,1fr) 74px;gap:6px}.datetime-control.single{grid-template-columns:1fr}.datetime-control input[type=text]{text-align:center;font-variant-numeric:tabular-nums}.field-hint{color:#66758a;font-size:12px;font-weight:600}.filter-select{position:relative;z-index:auto}.filter-select.menu-open{z-index:180}.select-control,.filter-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;border:1px solid var(--color-line-strong);border-radius:6px;padding:0 10px;background:var(--color-surface);color:var(--color-text);font-weight:700;box-shadow:0 1px #17203305}.filter-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-control{position:relative;display:block;padding:0}.select-control select{appearance:none;width:100%;height:100%;border:0;padding:0 36px 0 12px;background:transparent;box-shadow:none;font-weight:700}.select-control select:focus{outline:0;border-color:transparent;box-shadow:none}.select-control:focus-within{border-color:var(--color-accent);box-shadow:inset 0 1px #fffc,0 1px #17203305}.select-control .select-chevron{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%) rotate(135deg)}.select-chevron{color:var(--color-muted);transform:rotate(135deg)}.filter-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:180;display:grid;width:100%;gap:6px;max-height:min(420px,calc(100vh - 220px));overflow:auto;border:1px solid var(--color-line-strong);border-radius:10px;padding:8px;background:var(--color-surface);box-shadow:0 16px 36px #18213429}.type-menu{overflow:visible}.custom-select-menu{max-height:min(260px,calc(100vh - 220px))}.floating-filter-menu{z-index:320}.custom-select-menu .status-option,.users-filter-menu .status-option{border-color:var(--color-line)}.status-menu-actions{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-8px -8px 2px;padding:8px;border-bottom:1px solid var(--color-line);background:var(--color-surface)}.status-menu-actions button{height:30px;border:1px solid var(--color-line-strong);border-radius:6px;background:var(--color-surface-muted);color:var(--color-text);font-size:12px;font-weight:800}.status-option{position:relative;display:flex;align-items:center;gap:0;min-height:40px;border:1px solid transparent;border-radius:7px;padding:9px 10px;color:var(--color-text);font-size:13px;font-weight:600}.status-option input{position:absolute;opacity:0;pointer-events:none}.status-option span{position:relative;display:inline-flex;align-items:center;gap:10px;color:var(--color-text)}.status-option span:before{content:"";display:block;width:17px;height:17px;flex:0 0 17px;border:1px solid #b9c7d7;border-radius:5px;background:#fff;box-shadow:inset 0 1px #fffc}.status-option input:checked+span:before{border-color:var(--color-primary);background:var(--color-primary)}.status-option.choice-radio span:before{border-radius:999px}.status-option.choice-radio input:checked+span:before{border-color:var(--color-primary);background:radial-gradient(circle at center,var(--color-primary) 0 38%,transparent 42%),#fff}.status-option input:checked+span:after{content:"";position:absolute;top:50%;left:4px;width:9px;height:5px;border-bottom:2px solid white;border-left:2px solid white;transform:translateY(-62%) rotate(-45deg)}.status-option.choice-radio input:checked+span:after{content:none}.status-option input:focus-visible+span:before{outline:2px solid rgba(15,118,110,.25);outline-offset:2px}.type-option:hover{border-color:var(--color-line);background:var(--color-surface-muted)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.primary,.secondary{height:40px;border:0;border-radius:6px;padding:0 14px;font-weight:800;white-space:nowrap;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.primary{background:var(--color-primary);color:#fff;box-shadow:0 12px 24px #df4b3238}.secondary{border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.primary:hover{background:var(--color-primary-hover);box-shadow:0 16px 28px #df4b3242}.secondary:hover{border-color:#aab8c8;background:var(--color-surface-muted)}.sync-button{display:inline-flex;gap:10px;align-items:center;align-self:stretch;justify-content:center;min-width:0;height:auto;min-height:54px;padding:0 18px}.sync-button-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-menu-wrap{position:relative;display:flex;align-self:stretch;min-width:0}.export-button{display:inline-flex;gap:9px;align-items:center;align-self:stretch;justify-content:center;min-width:148px;height:auto;min-height:54px;padding:0 16px;border-color:#d4dee9;background:#f8fafc}.export-button.active,.export-button:hover{border-color:#b9c7d7;background:#eef4f8}.export-button-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-button .select-chevron{flex:0 0 auto}.export-icon{position:relative;display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--color-sidebar)}.export-icon-arrow{position:absolute;top:5px;left:50%;width:2px;height:9px;border-radius:999px;background:#fff;transform:translate(-50%)}.export-icon-arrow:after{position:absolute;left:50%;bottom:-1px;width:6px;height:6px;border-right:2px solid white;border-bottom:2px solid white;content:"";transform:translate(-50%) rotate(45deg)}.export-icon-tray{position:absolute;right:6px;bottom:5px;left:6px;height:5px;border:2px solid white;border-top:0;border-radius:0 0 3px 3px}.export-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:90;display:grid;min-width:220px;gap:6px;border:1px solid var(--color-line);border-radius:10px;padding:8px;background:var(--color-surface);box-shadow:0 18px 42px #18213429}.export-menu:before{position:absolute;top:-6px;right:24px;width:10px;height:10px;border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);background:var(--color-surface);content:"";transform:rotate(45deg)}.export-menu button{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;width:100%;border:0;border-radius:8px;padding:9px 10px;background:transparent;color:var(--color-text);font-weight:800;text-align:left}.export-menu button:hover{background:var(--color-surface-subtle)}.format-badge{display:inline-grid;height:28px;place-items:center;border-radius:6px;color:#fff;font-size:11px;font-weight:900;letter-spacing:0}.format-badge.pdf{background:#df4b32}.format-badge.excel{background:#0f766e}.sync-icon{display:block;flex:0 0 auto;width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.sync-button:disabled .sync-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logs-page,.users-page{width:100%;max-width:none;margin:0;padding-bottom:28px}.log-window-card{min-width:min(420px,100%)}.log-window-mark{background:var(--color-sidebar-soft);box-shadow:0 8px 18px #121a2733}.log-window-mark:before{width:16px;height:12px;border-radius:3px;box-shadow:inset 0 4px #ffffff47,0 7px 0 -4px #fff}.logs-refresh-button{display:inline-flex;gap:10px;align-items:center;align-self:stretch;justify-content:center;min-width:154px;height:auto;min-height:54px;padding:0 18px;border-color:#d4dee9;background:#f8fafc}.logs-refresh-button .sync-icon.spinning{animation:spin .9s linear infinite}.toolbar.logs-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));max-height:260px}.logs-type-filter,.logs-date-filter,.logs-rows-filter{order:1;grid-column:span 3}.logs-text-filter{order:2}.logs-actor-filter{grid-column:span 3}.logs-ip-filter{grid-column:span 4}.logs-user-agent-filter{grid-column:span 5}.logs-table-wrap{margin-top:0;border-right:0;border-left:0;border-radius:0}.logs-table-wrap table{min-width:0;table-layout:fixed}.logs-table-wrap tbody tr{cursor:pointer}.logs-table-wrap tbody tr:focus-visible{position:relative;z-index:1;outline:2px solid var(--color-accent);outline-offset:-2px}.logs-table-wrap th:nth-child(1),.logs-table-wrap td:nth-child(1){width:24%}.logs-table-wrap th:nth-child(2),.logs-table-wrap td:nth-child(2){width:18%}.logs-table-wrap th:nth-child(3),.logs-table-wrap td:nth-child(3){width:12%}.logs-table-wrap th:nth-child(4),.logs-table-wrap td:nth-child(4){width:46%}.order-status-cell{width:132px;min-width:132px}.order-comment-cell{width:96px;min-width:96px;text-align:center}.order-comment-pill{display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid #cfe2f6;border-radius:999px;padding:5px 11px;background:#edf6ff;color:#1d4f79;font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap}.order-status-pill{display:inline-flex;max-width:132px;min-height:28px;align-items:center;justify-content:center;border:1px solid #dce5ef;border-radius:999px;padding:5px 10px;background:#f4f7fb;color:#44546a;font-size:12px;font-weight:900;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-status-pill.active{border-color:#d7eadf;background:#eaf7ef;color:#1d6b3a}.order-status-pill.progress{border-color:#cfe2f6;background:#edf6ff;color:#1d4f79}.order-status-pill.attention{border-color:#f2ddbf;background:#fff7e8;color:#875a14}.order-status-pill.danger{border-color:#efc5bd;background:#fff1f0;color:#a83a28}.order-status-pill.muted{border-color:#e0e6ef;background:#f8fafc;color:var(--color-muted)}.users-table-wrap tbody tr{cursor:pointer}.users-table-wrap tbody tr.locked{cursor:default;background:#f8fafcb8}.users-table-wrap tbody tr.locked:hover{background:#f8fafcb8}.users-table-wrap tbody tr:focus-visible{position:relative;z-index:1;outline:2px solid var(--color-accent);outline-offset:-2px}.users-table-wrap th:nth-child(1),.users-table-wrap td:nth-child(1){width:42%}.users-table-wrap th:nth-child(2),.users-table-wrap td:nth-child(2),.users-table-wrap th:nth-child(3),.users-table-wrap td:nth-child(3){width:18%}.users-table-wrap th:nth-child(4),.users-table-wrap td:nth-child(4){width:22%}.users-table-wrap table{min-width:0;table-layout:fixed}.users-window-card{min-width:min(420px,100%)}.users-window-mark{position:relative;background:linear-gradient(135deg,#128472,#1f9c89);box-shadow:0 8px 18px #12847233}.users-window-mark:before{content:none}.users-window-mark svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.users-refresh-button,.users-add-button{display:inline-flex;gap:10px;align-items:center;align-self:stretch;justify-content:center;min-width:154px;height:auto;min-height:54px;padding:0 18px;border-radius:8px;font-weight:900;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.users-refresh-button{border-color:#d4dee9;background:#f8fafc}.users-refresh-button .sync-icon.spinning{animation:spin .9s linear infinite}.users-add-button{min-width:142px;border:1px solid rgba(15,118,110,.24);background:linear-gradient(135deg,#0f766e,#12967f);color:#fff;box-shadow:0 14px 28px #0f766e33}.users-add-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0d655f,#11866f);box-shadow:0 18px 32px #0f766e3d}.users-add-icon{position:relative;display:inline-block;width:18px;height:18px}.users-add-icon:before,.users-add-icon:after{content:"";position:absolute;border-radius:999px;background:currentColor}.users-add-icon:before{top:8px;left:2px;width:14px;height:2px}.users-add-icon:after{top:2px;left:8px;width:2px;height:14px}.toolbar.users-toolbar{grid-template-columns:minmax(260px,1.6fr) minmax(210px,1fr) minmax(210px,1fr);max-height:150px;padding-bottom:14px}.users-filter{display:grid;gap:7px;align-content:start;min-width:0;border:1px solid var(--color-line);border-radius:8px;padding:12px;background:var(--color-surface);color:var(--color-muted-strong);font-size:13px;font-weight:900}.users-filter input,.users-filter select{width:100%;min-height:40px;border:1px solid var(--color-line-strong);border-radius:7px;padding:0 12px;background:var(--color-surface);color:var(--color-text);font-size:15px;font-weight:800}.users-filter-menu{max-height:220px;overflow:visible}.users-email-value{overflow-wrap:anywhere}.users-field{display:grid;gap:7px;align-content:start;min-width:0;border:1px solid var(--color-line);border-radius:8px;padding:12px;background:var(--color-surface);color:var(--color-muted-strong);font-size:13px;font-weight:900}.users-active-toggle,.user-dialog-toggle{display:flex;min-height:66px;align-items:center;gap:10px;border:1px solid var(--color-line);border-radius:8px;padding:12px 14px;background:var(--color-surface);color:var(--color-text);font-weight:900}.users-active-toggle input,.user-dialog-toggle input{width:18px;height:18px;accent-color:var(--color-accent)}.users-save-button{min-height:66px;padding-inline:20px}.user-role-pill,.user-status-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:6px 10px;background:#edf2f7;color:var(--color-muted-strong);font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap}.user-role-pill.admin{background:#fff1f0;color:var(--color-primary)}.user-status-pill{background:#eaf7ef;color:#1d6b3a}.user-status-pill.inactive{background:#eef2f7;color:var(--color-muted)}.user-dialog-backdrop{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:24px;background:#0f172a6b}.user-dialog{width:min(520px,100%);max-height:min(720px,calc(100dvh - 48px));overflow:auto;border:1px solid rgba(201,212,226,.92);border-radius:10px;background:var(--color-surface);box-shadow:0 28px 80px #0f172a57}.user-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px;border-bottom:1px solid var(--color-line);background:linear-gradient(180deg,#fff,#f7fafc)}.user-dialog header small{color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.user-dialog h2{margin:4px 0 0;color:var(--color-text);font-size:24px;line-height:1.15;overflow-wrap:anywhere}.user-dialog-close{flex:0 0 auto}.user-dialog-form{display:grid;gap:14px;padding:18px 20px 20px}.user-dialog-field{display:grid;gap:8px;color:var(--color-muted-strong);font-size:13px;font-weight:900}.user-dialog-field input,.user-dialog-field select{width:100%;min-height:44px;border:1px solid var(--color-line-strong);border-radius:7px;padding:0 12px;background:var(--color-surface);color:var(--color-text);font-size:15px;font-weight:800}.user-dialog-field .custom-select{width:100%}.user-dialog-field .custom-select .filter-trigger{min-height:44px;border-color:var(--color-line-strong);border-radius:7px;padding:0 12px;font-size:15px;font-weight:800}.user-dialog-field input[readonly]{color:var(--color-muted-strong);background:#f6f8fb}.user-dialog-toggle{min-height:74px;align-items:flex-start}.user-dialog-toggle span{display:grid;gap:3px}.user-dialog-toggle small{color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.35}.user-dialog footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px;padding-top:4px}.user-dialog footer button{display:inline-flex;width:100%;min-width:0;min-height:42px;height:auto;align-items:center;justify-content:center;padding:8px 12px;line-height:1.15;text-align:center;white-space:normal}.user-dialog-save{box-shadow:0 12px 22px #df4b322e}.user-dialog-cancel{background:#f8fafc}.log-event{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:center}.log-event strong,.log-event small{min-width:0}.log-event small{grid-column:2;color:var(--color-muted);font-size:12px}.log-dot{grid-row:span 2;width:10px;height:10px;border-radius:999px;background:var(--color-muted)}.log-dot.export{background:var(--color-primary)}.log-dot.sync{background:var(--color-accent)}.log-dot.auth{background:#2563eb}.log-dot.failed{background:#b91c1c}.log-actor{display:inline-flex;max-width:100%;border-radius:999px;padding:5px 9px;background:#edf2f7;color:var(--color-muted-strong);font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-details{display:flex;flex-wrap:wrap;gap:6px}.log-details>span{display:inline-flex;min-width:0;gap:5px;max-width:100%;border:1px solid #dce5ef;border-radius:999px;padding:5px 8px;background:#f8fafc;color:var(--color-muted-strong);font-size:12px;font-weight:700}.log-details>span>b{flex:0 0 auto;color:var(--color-text)}.log-detail-value{display:block;min-width:0;overflow:hidden;color:var(--color-muted-strong);text-overflow:ellipsis;white-space:nowrap}.log-details>.log-details-more{border-style:dashed;color:var(--color-accent-strong);white-space:nowrap}.log-date{color:var(--color-muted-strong);font-weight:700}.log-detail-summary{margin-bottom:24px}.log-detail-list{display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);gap:0;margin-top:10px;border:1px solid var(--color-line);border-radius:8px;overflow:hidden}.log-detail-list dt,.log-detail-list dd{min-width:0;margin:0;padding:12px;border-bottom:1px solid var(--color-line)}.log-detail-list dt{background:var(--color-surface-muted);color:var(--color-muted-strong);font-weight:800}.log-detail-list dd{overflow-wrap:anywhere;color:var(--color-text);white-space:pre-wrap}.log-detail-list>:nth-last-child(-n+2){border-bottom:0}.logs-pager{padding:18px 24px 0}@media(max-width:1500px)and (min-width:901px){.toolbar{grid-template-columns:minmax(238px,1.2fr) minmax(238px,1.2fr) minmax(150px,.72fr) minmax(204px,.95fr) minmax(112px,.5fr)}.toolbar .search{grid-column:1 / -1}.toolbar.logs-toolbar{grid-template-columns:repeat(12,minmax(0,1fr))}.logs-type-filter,.logs-date-filter,.logs-rows-filter,.logs-actor-filter{grid-column:span 3}.logs-ip-filter{grid-column:span 4}.logs-user-agent-filter{grid-column:span 5}.toolbar.users-toolbar{grid-template-columns:minmax(260px,1.4fr) minmax(190px,1fr) minmax(190px,1fr)}}@media(max-width:1200px)and (min-width:901px){.logs-table-wrap th:nth-child(1),.logs-table-wrap td:nth-child(1){width:22%}.logs-table-wrap th:nth-child(2),.logs-table-wrap td:nth-child(2){width:17%}.logs-table-wrap th:nth-child(3),.logs-table-wrap td:nth-child(3){width:20%}.logs-table-wrap th:nth-child(4),.logs-table-wrap td:nth-child(4){width:41%}.logs-table-wrap .log-actor{border-radius:7px;overflow:visible;overflow-wrap:anywhere;line-height:1.25;text-overflow:clip;white-space:normal}.top-panel{display:flex;max-height:66.666dvh;flex-direction:column}.toolbar{grid-template-columns:repeat(12,minmax(0,1fr));flex:1 1 auto;min-height:0;max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.date-filter{grid-column:span 6}.select-filter{grid-column:span 4}.status-filter{grid-column:span 5}.rows-filter{grid-column:span 3}.toolbar .search{grid-column:1 / -1}.toolbar.logs-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));max-height:250px}.logs-type-filter,.logs-date-filter,.logs-actor-filter,.logs-ip-filter,.logs-rows-filter{grid-column:span 4}.logs-user-agent-filter{grid-column:span 12}.toolbar.users-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));max-height:250px}.users-search-filter{grid-column:span 6}.users-role-filter,.users-status-filter{grid-column:span 3}}@media(min-width:901px){.app-shell.sidebar-collapsed .desktop-sidebar-toggle{display:none}}.settings-popover{position:absolute;bottom:calc(100% + 10px);left:0;z-index:90;width:min(320px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 112px));overflow:auto;border:1px solid rgba(201,212,226,.9);border-radius:8px;background:var(--color-surface);color:var(--color-text);box-shadow:0 20px 54px #0f172a52}.settings-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-line)}.settings-account{display:flex;min-width:0;align-items:center;gap:10px}.settings-account-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:7px;background:var(--color-sidebar-soft);color:#fff;font-size:14px;font-weight:900}.settings-account div{min-width:0}.settings-account p{max-width:190px;margin:3px 0 0;overflow:hidden;color:var(--color-muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.settings-popover-header h2,.settings-section-copy h3{margin:0;color:var(--color-text);letter-spacing:0}.settings-popover-header h2{font-size:20px;line-height:1.1}.settings-section-copy p{display:block;max-width:640px;margin:10px 0 0;color:var(--color-muted);font-size:15px}.settings-close{flex:0 0 auto}.settings-section{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;margin:0;padding:14px;border:0;border-radius:0;background:var(--color-surface);box-shadow:none}.settings-section-copy h3{font-size:18px}.language-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;padding:6px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface-subtle)}.language-option{display:grid;grid-template-columns:36px minmax(max-content,1fr);gap:8px;align-items:center;min-height:48px;border:1px solid transparent;border-radius:7px;padding:8px 10px;background:transparent;color:var(--color-text);text-align:left;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.language-option:hover{background:#ffffffa3}.language-option.active{border-color:var(--color-line-strong);background:var(--color-surface);box-shadow:0 8px 18px #18213414}.language-option strong{display:grid;width:36px;height:34px;place-items:center;border-radius:7px;background:var(--color-sidebar-soft);color:#fff;font-size:13px}.settings-popover-footer{display:flex;justify-content:flex-end;padding:10px 14px 12px;border-top:1px solid var(--color-line);background:var(--color-surface-muted)}.settings-logout{display:flex;min-height:36px;align-items:center;gap:7px;border:1px solid #efc5bd;border-radius:6px;padding:0 11px;background:#fff5f2;color:#a83a28;font-size:12px;font-weight:900}.settings-logout:hover{border-color:var(--color-primary);background:#ffebe6;color:var(--color-primary-hover)}.settings-logout svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.language-option.active strong{background:var(--color-accent)}.language-option span{min-width:0;color:var(--color-muted-strong);font-size:14px;font-weight:800;line-height:1.15;white-space:normal}.job-banner{margin-bottom:12px;padding:10px 12px;border-radius:7px;border:1px solid #cfe4f8;background:#edf6ff;color:#184e77;font-weight:700}.error-banner{margin-bottom:12px;padding:10px 12px;border-radius:7px;border:1px solid #ffd0cc;background:#fff1f0;color:#9f2d20;font-weight:700;overflow-wrap:anywhere}.job-banner.failed{background:#fff1f0;color:#9f2d20}.job-banner.finished{background:#edf8ee;color:#246b32}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--color-line);border-radius:8px;background:var(--color-surface);box-shadow:0 8px 22px #1821340d}table{width:100%;min-width:1160px;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top;font-size:13px}th{position:sticky;top:0;background:var(--color-surface-muted);color:var(--color-muted-strong);font-size:12px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#fbfdff}td strong,td span{display:block}td span,.muted{color:var(--color-muted)}.empty{height:120px;color:#66758a;text-align:center;vertical-align:middle}.pill{display:inline-block;width:fit-content;border-radius:999px;background:#edf2f7;padding:3px 8px;color:#344055}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:0 16px;color:var(--color-muted-strong)}.pager div{display:flex;align-items:center;gap:10px}.drawer-backdrop{position:fixed;inset:0;z-index:250;display:flex;justify-content:flex-end;background:#0f172a52}.drawer{position:relative;z-index:251;width:min(520px,100%);height:100%;overflow:auto;padding:20px;background:var(--color-surface)}.drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--color-line-strong);border-radius:6px;background:var(--color-surface);color:var(--color-text)}.close-icon{position:relative;display:block;width:16px;height:16px;color:currentColor}.close-icon:before,.close-icon:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:2px;border-radius:999px;background:currentColor}.close-icon:before{transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.icon:hover .close-icon,.mobile-sidebar-close:hover .close-icon{transform:scale(1.06)}dl{display:grid;grid-template-columns:100px 1fr;gap:8px}dt{color:var(--color-muted);font-weight:700}dd{margin:0}.order-comment-detail{position:relative;margin:20px 0 24px;border:1px solid #e1e8f1;border-left:5px solid #168c80;border-radius:8px;padding:14px 16px 15px 18px;background:#fff;box-shadow:0 8px 20px #1821340a}.order-comment-detail h3{margin:0;color:var(--color-muted-strong);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.order-comment-detail p{margin:9px 0 0;color:var(--color-text);font-size:16px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.items{padding:0;list-style:none}.items li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6}.items small{color:var(--color-muted)}@media(max-width:900px){.app-shell{grid-template-columns:1fr;padding-top:64px}.main{padding:0 0 24px}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.desktop-sidebar-toggle,.panel-sidebar-toggle{display:none}.app-shell.sidebar-collapsed .top-panel-main,.app-shell.sidebar-collapsed .toolbar,.app-shell.sidebar-collapsed .collapsed-controls-label{padding-left:14px}.mobile-topbar{position:fixed;top:0;right:0;left:0;z-index:190;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px 14px;background:#16202f;color:#fff;box-shadow:0 8px 24px #0f172a2e}.mobile-topbar .brand{margin-bottom:0}.mobile-topbar .brand-mark{width:34px;height:34px}.menu-icon-button{border-color:#ffffff2e;background:#ffffff1a}.menu-icon-button span{background:#fff}.sidebar{position:fixed;top:0;left:0;z-index:210;display:flex;flex-direction:column;width:min(292px,82vw);height:100vh;height:100dvh;max-height:100dvh;overflow:visible;padding:20px 16px;background:#16202f;transform:translate(-100%);transition:transform .16s ease;box-shadow:18px 0 36px #0f172a3d}.mobile-sidebar-close{position:absolute;top:16px;right:14px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:999px;background:transparent}.mobile-sidebar-close .close-icon{color:#fff}.mobile-sidebar-close:hover{background:#ffffff14}.app-shell:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.app-shell.sidebar-collapsed .sidebar{display:flex}.mobile-menu-scrim{position:fixed;inset:0;z-index:75;display:block;background:#0f172a6b}.brand{margin-bottom:28px}.sidebar-main{width:100%}.sidebar-nav{display:block}.nav-item{width:100%;margin-bottom:6px;text-align:left}.top-panel{top:64px;width:100%;display:flex;max-height:66.666dvh;flex-direction:column;border-right:0;border-left:0}.top-panel-main{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 14px;max-height:72px}.top-panel-left,.top-panel-actions{width:auto}.sync-window-card{grid-template-columns:32px minmax(0,max-content);min-height:46px;padding:7px 12px 7px 7px}.sync-window-mark{width:32px;height:32px}.sync-window-card strong{font-size:14px}.top-panel-actions .sync-button{flex:0 1 auto;min-height:46px;padding:0 12px;font-size:14px}.top-panel-actions .export-menu-wrap{min-height:46px;font-size:14px}.top-panel-actions .export-button{min-width:128px;min-height:46px;padding:0 12px;font-size:14px}.toolbar{grid-template-columns:repeat(12,minmax(0,1fr));flex:1 1 auto;min-height:0;gap:8px;padding:10px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.date-filter{grid-column:span 6}.select-filter{grid-column:span 3}.status-filter{grid-column:span 6}.rows-filter{grid-column:span 3}.toolbar .search{grid-column:span 12}.toolbar .search{order:5}.rows-filter{order:4}.collapsed-controls-label small{display:none}.table-wrap{border-right:0;border-left:0;border-radius:0}.settings-section{grid-template-columns:1fr;padding:14px 16px 16px}.settings-popover{width:100%;max-height:min(520px,calc(100dvh - 132px))}.toolbar.logs-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;max-height:none}.logs-type-filter,.logs-date-filter,.logs-actor-filter,.logs-ip-filter,.logs-rows-filter{grid-column:span 6}.logs-type-filter,.logs-date-filter,.logs-actor-filter{order:1}.logs-ip-filter,.logs-rows-filter{order:2}.logs-user-agent-filter{order:3;grid-column:span 12}.toolbar.users-toolbar{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;max-height:250px}.users-search-filter{grid-column:span 6}.users-role-filter,.users-status-filter{grid-column:span 3}}@media(max-width:720px){.main{padding:0 0 16px}.top-panel{width:auto;max-height:66.666dvh;display:flex;flex-direction:column;margin-right:0;margin-left:0;border-right:0;border-left:0;border-radius:0}.panel-edge-toggle{right:12px;bottom:-38px}.app-shell.sidebar-collapsed .top-panel-main,.app-shell.sidebar-collapsed .toolbar,.app-shell.sidebar-collapsed .collapsed-controls-label{padding-left:12px}.top-panel-main{align-items:stretch;flex:0 0 auto;padding:14px;border-radius:0}.top-panel-main{grid-template-columns:1fr;max-height:168px}.sync-window-card{width:100%}.top-panel-actions{display:grid;grid-template-columns:minmax(132px,.62fr) minmax(0,1fr);gap:10px;width:100%}.top-panel-actions .sync-button,.top-panel-actions .export-menu-wrap{min-width:0}.top-panel-actions .export-button{min-width:0;width:100%}.toolbar{flex:1 1 auto;grid-template-columns:1fr;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:12px;scrollbar-gutter:stable}.toolbar.logs-toolbar{grid-template-columns:1fr}.toolbar.logs-toolbar>*{order:initial}.toolbar.users-toolbar{grid-template-columns:1fr;max-height:none}.toolbar>*,.date-filter,.select-filter,.status-filter,.rows-filter,.toolbar .search{grid-column:1 / -1}.top-panel.collapsed,.toolbar{border-radius:0}.filter-menu{width:100%;max-height:340px}.export-menu{right:auto;left:0;width:min(260px,calc(100vw - 48px));min-width:0}.export-menu:before{right:auto;left:24px}.toolbar .secondary,.top-panel-main .primary{width:100%}.table-wrap{overflow:visible;border:0;background:transparent}.logs-page,.users-page{padding-bottom:16px}.logs-refresh-button{width:100%;min-width:0;min-height:46px}.logs-page .top-panel-actions{grid-template-columns:1fr}.users-page .top-panel-actions{grid-template-columns:1fr 1fr}.users-refresh-button,.users-add-button{width:100%;min-width:0;min-height:46px;padding:0 12px}.logs-table-wrap{margin-top:0}.logs-table-wrap th,.logs-table-wrap td{width:auto}.logs-table-wrap th:nth-child(1),.logs-table-wrap td:nth-child(1),.logs-table-wrap th:nth-child(2),.logs-table-wrap td:nth-child(2),.logs-table-wrap th:nth-child(3),.logs-table-wrap td:nth-child(3),.logs-table-wrap th:nth-child(4),.logs-table-wrap td:nth-child(4){width:auto}.users-table-wrap th:nth-child(1),.users-table-wrap td:nth-child(1),.users-table-wrap th:nth-child(2),.users-table-wrap td:nth-child(2),.users-table-wrap th:nth-child(3),.users-table-wrap td:nth-child(3),.users-table-wrap th:nth-child(4),.users-table-wrap td:nth-child(4){width:auto}.users-table-wrap td{grid-template-columns:minmax(92px,28%) minmax(0,1fr)}.log-event{grid-template-columns:10px minmax(0,1fr)}.log-details{display:grid;gap:6px}.log-details>span{justify-content:space-between;border-radius:8px;text-align:right}.log-detail-value{max-width:68%}.logs-pager{padding:14px 12px 0}.user-dialog-backdrop{padding:0;place-items:stretch}.user-dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.user-dialog header{position:sticky;top:0;z-index:1;align-items:center;min-height:72px;padding:16px}.user-dialog-close{position:absolute;top:14px;right:14px;border-color:transparent;background:transparent;box-shadow:none}table,thead,tbody,tr,th,td{display:block}table{min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody{display:grid;gap:12px}tbody tr{max-width:100%;border:1px solid #d9dee8;border-radius:8px;background:#fff;box-shadow:0 8px 20px #1720330f}tbody tr:hover{background:#fff}td{display:grid;grid-template-columns:minmax(104px,32%) 1fr;gap:12px;width:auto!important;min-width:0!important;max-width:none;padding:9px 12px;border-bottom:1px solid #edf0f5;text-align:left;overflow-wrap:anywhere}td:last-child{border-bottom:0}td:before{content:attr(data-label);color:#66758a;font-size:12px;font-weight:800;text-transform:uppercase}td>strong,td>span,.order-status-pill,.order-comment-pill{max-width:100%;justify-self:start}.order-comment-cell,.order-status-cell{text-align:left}.order-comment-pill{min-width:64px}.empty{display:block;height:auto;padding:28px 12px;text-align:center}.empty:before{content:""}.pager{align-items:stretch;flex-direction:column;gap:12px;padding:0 12px}.pager div{justify-content:space-between}.pager .secondary{flex:1}.drawer{width:100%;padding:16px}.drawer-backdrop{background:#fff}.log-detail-list{grid-template-columns:1fr}.log-detail-list dt,.log-detail-list dd{padding:10px 12px}.log-detail-list dt{border-bottom:0}dl{grid-template-columns:1fr}dt{margin-top:8px}.items li{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:374px){.top-panel-main{max-height:224px}.top-panel-actions{grid-template-columns:1fr}.top-panel-actions .export-button,.top-panel-actions .sync-button{min-height:46px}}@media(max-width:520px){.main{padding:0 0 12px}td{grid-template-columns:1fr;gap:4px}.users-table-wrap td{grid-template-columns:1fr;gap:6px}.users-page .top-panel-actions{grid-template-columns:1fr}.user-dialog header{padding:18px 16px 12px}.user-dialog-form{padding:16px}.user-dialog footer{display:grid;grid-template-columns:1fr}.user-dialog footer button{width:100%}.job-banner{font-size:13px;overflow-wrap:anywhere}.language-option{grid-template-columns:32px minmax(max-content,1fr);gap:6px;min-height:48px;padding:6px}.language-option strong{width:32px;height:32px;font-size:12px}.language-option span{font-size:12px}.settings-popover{width:100%}}.auth-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:12px;color:var(--color-muted-strong);font-size:13px;font-weight:800}.auth-loading-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--color-primary);color:#fff;font-size:17px;font-weight:900;box-shadow:0 8px 18px #df4b322e}.login-page{display:grid;min-height:100vh;place-items:center;padding:28px;background:linear-gradient(90deg,rgba(18,26,39,.035) 1px,transparent 1px),linear-gradient(rgba(18,26,39,.035) 1px,transparent 1px),var(--color-bg);background-size:32px 32px}.login-layout{display:grid;width:min(960px,100%);min-height:570px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);overflow:hidden;border:1px solid var(--color-line-strong);border-radius:8px;background:var(--color-surface);box-shadow:0 26px 70px #18213424}.login-brand{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:38px 42px;background:var(--color-sidebar);color:#fff}.login-brand:after{content:"";position:absolute;right:-90px;bottom:-130px;width:280px;height:280px;border:46px solid rgba(255,255,255,.035);border-radius:50%}.login-brand-lockup{display:flex;align-items:center;gap:13px}.login-brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:var(--color-primary);font-size:20px;font-weight:900;line-height:1;box-shadow:0 10px 24px #df4b3238}.login-brand-lockup .login-brand-mark{display:grid;place-items:center}.login-brand-lockup strong,.login-brand-lockup span{display:block}.login-brand-lockup strong{font-size:20px;letter-spacing:0}.login-brand-lockup div>span{color:#99a8bb;font-size:12px}.login-brand-copy{position:relative;z-index:1;max-width:390px;margin:auto 0}.login-eyebrow{margin-bottom:9px;color:var(--color-primary);font-size:11px;font-weight:900;text-transform:uppercase}.login-brand-copy h1{max-width:430px;margin:0 0 18px;color:#fff;font-size:36px;line-height:1.12;letter-spacing:0}.login-brand-copy>p:last-child{max-width:340px;margin-bottom:0;color:#a8b5c6;font-size:15px}.login-signal{position:relative;z-index:1;display:flex;gap:7px;align-items:end;height:34px}.login-signal span{display:block;width:7px;border-radius:2px;background:var(--color-accent)}.login-signal span:nth-child(1){height:12px}.login-signal span:nth-child(2){height:22px}.login-signal span:nth-child(3){height:32px;background:var(--color-primary)}.login-form{display:flex;flex-direction:column;justify-content:center;padding:54px 58px}.login-form-heading{margin-bottom:28px}.login-form-heading h2{margin-bottom:8px;color:var(--color-text);font-size:28px;letter-spacing:0}.login-form-heading>p:last-child{margin-bottom:0;color:var(--color-muted);font-size:13px}.login-form label{gap:7px;margin-bottom:17px;color:var(--color-muted-strong);font-size:12px;font-weight:800}.login-form input{width:100%;height:46px;padding:0 13px}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{position:absolute;top:4px;right:4px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--color-muted)}.password-toggle:hover{background:var(--color-surface-subtle);color:var(--color-text)}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.login-error{margin:-2px 0 16px;border-left:3px solid var(--color-primary);padding:8px 10px;background:#fff2ef;color:#a63424;font-size:12px;font-weight:700}.login-submit{display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;margin-top:3px;border:1px solid var(--color-primary);border-radius:7px;padding:0 15px 0 17px;background:var(--color-primary);color:#fff;font-weight:900;box-shadow:0 10px 24px #df4b3233}.login-submit:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);transform:translateY(-1px)}.login-submit:disabled{cursor:wait;opacity:.65}.login-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:12px 0;color:var(--color-muted);font-size:12px;font-weight:800;text-transform:uppercase}.login-divider:before,.login-divider:after{height:1px;background:var(--color-line);content:""}.google-login-button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:11px;border:1px solid var(--color-line-strong);border-radius:7px;background:var(--color-surface);color:var(--color-text);font-size:15px;font-weight:900;text-decoration:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.google-login-button:hover{border-color:#a8b5c7;background:var(--color-surface-subtle);box-shadow:0 8px 18px #18213414}.google-login-button svg{width:21px;height:21px;flex:0 0 auto}@media(max-width:760px){.login-page{display:block;min-height:100vh;padding:0;background:var(--color-surface)}.login-layout{width:100%;min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none}.login-brand{min-height:220px;padding:24px}.login-brand-copy{margin:36px 0 4px}.login-brand-copy h1{max-width:520px;margin-bottom:10px;font-size:28px}.login-brand-copy>p:last-child,.login-signal{display:none}.login-form{justify-content:start;padding:32px 24px 40px}}@media(max-width:380px){.login-brand{min-height:196px;padding:20px}.login-brand-copy{margin-top:26px}.login-brand-copy h1{font-size:24px}.login-form{padding:27px 20px 34px}}