@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;src:local("Inter Variable"),local("Inter");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv01","ss03";font-variation-settings:"wght" 510;color-scheme:dark;--canvas: #08090a;--surface-1: #0f1011;--surface-2: #141516;--surface-3: #191a1b;--surface-4: #1f2023;--surface-hover: #242528;--text-primary: #f7f8f8;--text-secondary: #d0d6e0;--text-tertiary: #8a8f98;--text-quaternary: #5e626a;--accent: #5e6ad2;--accent-hover: #828fff;--accent-soft: rgba(94, 106, 210, .16);--accent-border: rgba(130, 143, 255, .34);--positive: #4ac78e;--positive-soft: rgba(74, 199, 142, .12);--warning: #e3a94f;--warning-soft: rgba(227, 169, 79, .13);--danger: #ed6a72;--danger-soft: rgba(237, 106, 114, .12);--info: #63a6e8;--info-soft: rgba(99, 166, 232, .13);--border-subtle: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .12);--overlay: rgba(4, 5, 6, .76);--sidebar-width: 240px;--sidebar-collapsed: 72px;--topbar-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--content-max: 1280px;--transition-fast: .12s ease;--transition: .18s ease;--shadow-float: 0 18px 60px rgba(0, 0, 0, .38)}:root[data-theme=light]{color-scheme:light;--canvas: #f7f8f8;--surface-1: #ffffff;--surface-2: #fafbfc;--surface-3: #f0f1f2;--surface-4: #e8e9eb;--surface-hover: #eceef1;--text-primary: #08090a;--text-secondary: #2c2e33;--text-tertiary: #5a5f6b;--text-quaternary: #8a8f98;--accent: #5e6ad2;--accent-hover: #4b57c8;--accent-soft: rgba(94, 106, 210, .1);--accent-border: rgba(94, 106, 210, .28);--positive: #15865b;--positive-soft: rgba(21, 134, 91, .09);--warning: #9a6700;--warning-soft: rgba(154, 103, 0, .1);--danger: #c13f4a;--danger-soft: rgba(193, 63, 74, .09);--info: #236fae;--info-soft: rgba(35, 111, 174, .09);--border-subtle: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--overlay: rgba(26, 30, 38, .52);--shadow-float: 0 20px 60px rgba(37, 42, 52, .18)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;font-variation-settings:"wght" 510}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.52}svg{width:18px;height:18px;stroke-width:1.6}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-variation-settings:"wght" 650}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.nav-label,.context-kicker{display:block;color:var(--text-tertiary);font-size:11px;line-height:16px;text-transform:uppercase;letter-spacing:0;font-variation-settings:"wght" 680}.button,.icon-button,.text-button,.account-trigger,.command-trigger{border:0;cursor:pointer}.button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;line-height:1;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.button:active:not(:disabled){transform:translateY(1px)}.button svg{width:16px;height:16px}.button-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button-secondary{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.button-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--danger) 42%,transparent)}.button-quiet{background:transparent;color:var(--text-secondary);border-color:transparent}.button-large{min-height:46px;padding-inline:18px;font-size:14px}.button-full{width:100%}.icon-button{position:relative;width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.text-button{display:inline;padding:0;background:none;color:var(--accent-hover);font-size:13px}.text-button:hover{color:var(--text-primary)}.spinner{width:20px;height:20px;display:inline-block;border:2px solid var(--border-strong);border-top-color:var(--accent-hover);border-radius:999px;animation:spin .7s linear infinite}.spinner-small{width:15px;height:15px;border-color:#ffffff61;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);font-size:13px}.app-boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--canvas)}.brand-logo{position:relative;width:152px;aspect-ratio:174 / 48;display:inline-block;flex:0 0 auto}.brand-logo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.brand-logo-light{visibility:hidden}:root[data-theme=light] .brand-logo-dark{visibility:hidden}:root[data-theme=light] .brand-logo-light{visibility:visible}.app-boot>.brand-logo{width:176px}.status-badge{min-height:24px;padding:3px 8px;display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid var(--border);border-radius:999px;background:var(--surface-3);color:var(--text-secondary);font-size:11px;line-height:1;font-variation-settings:"wght" 620;white-space:nowrap}.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.status-positive{color:var(--positive);background:var(--positive-soft);border-color:color-mix(in srgb,var(--positive) 26%,transparent)}.status-warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 26%,transparent)}.status-danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}.status-info{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 26%,transparent)}.status-neutral{color:var(--text-tertiary)}.form-field{display:grid;gap:7px;color:var(--text-secondary);font-size:13px}.form-field>span:first-child{font-variation-settings:"wght" 620}.form-field small{color:var(--text-tertiary);font-size:11px;font-variation-settings:"wght" 510}.form-field input,.form-field select,.form-field textarea,.search-field,.select-field select,.command-palette>label{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary)}.form-field input,.form-field select{height:44px;padding:0 12px}.form-field textarea{min-height:118px;padding:11px 12px;line-height:1.55;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder,.search-field input::placeholder,.command-palette input::placeholder{color:var(--text-quaternary)}.form-field input:hover,.form-field select:hover,.form-field textarea:hover,.search-field:hover{border-color:var(--border-strong)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-field:focus-within,.command-palette>label:focus-within{border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-error{color:var(--danger);font-size:12px}.form-stack{display:grid;gap:18px}.form-grid{display:grid;gap:16px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.alert{min-height:46px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px}.alert svg{width:18px;height:18px}.alert strong{display:block;margin-bottom:2px;color:var(--text-primary)}.alert p{color:var(--text-secondary);line-height:1.4}.alert-success{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 28%,transparent);background:var(--positive-soft)}.alert-warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 28%,transparent);background:var(--warning-soft)}.login-page{min-height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr);background:var(--canvas)}.login-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 92%,transparent)}.login-topbar-actions{display:flex;align-items:center;gap:8px}.language-selector{position:relative;width:132px;height:40px;display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.language-selector:hover,.language-selector:focus-within{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text-primary)}.language-selector>svg{width:17px;height:17px;pointer-events:none}.language-selector>svg:last-child{width:13px;height:13px}.language-selector select{width:100%;height:100%;min-width:0;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;font-size:12px;font-variation-settings:"wght" 620}.language-selector-compact{width:76px;grid-template-columns:17px minmax(0,1fr) 12px;gap:5px;padding-inline:8px}.brand-link .brand-logo,.sidebar-brand .brand-logo{display:block;width:152px}.signin-stage{min-height:0;display:grid;place-items:center;padding:48px 24px;background:var(--canvas)}.signin-card{width:min(100%,440px);padding:30px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-float)}.signin-header h1{margin-top:8px;font-size:30px;line-height:1.16;letter-spacing:0}.signin-header p{margin-top:10px;color:var(--text-tertiary);font-size:14px;line-height:1.55}.login-form{display:grid;gap:17px;margin-top:32px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-input-shell{min-height:48px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.auth-input-shell:hover{background:var(--surface-3)}.auth-input-shell:focus-within{border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input-shell>svg{width:18px;height:18px;color:var(--text-tertiary)}.form-field .auth-input-shell input,.form-field .auth-input-shell input:hover,.form-field .auth-input-shell input:focus{height:46px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0}.remember-option{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:12px;cursor:pointer}.remember-option input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.login-help{margin-top:24px;text-align:center;font-size:12px!important}.login-help a{color:var(--accent-hover)}.signin-security{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:11px}.signin-security svg{width:14px;height:14px;color:var(--positive)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 5px var(--positive-soft)}.portal-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns var(--transition)}.portal-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--surface-1);border-right:1px solid var(--border);transition:width var(--transition),transform var(--transition)}.sidebar-collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);overflow:hidden}.brand-button{display:flex;align-items:center;min-width:150px;padding:0;border:0;background:transparent;cursor:pointer}.sidebar-collapsed .sidebar-brand{padding:0 14px;justify-content:center}.sidebar-collapsed .brand-button{min-width:0;width:40px;overflow:hidden}.sidebar-collapsed .brand-button .brand-logo{width:152px;max-width:none;transform:translate(-1px);transform-origin:left}.sidebar-close-mobile{display:none}.sidebar-nav{display:grid;gap:4px;padding:20px 12px}.nav-group,.staff-nav-group{display:grid;gap:4px}.nav-group+.nav-group,.staff-nav-group+.staff-nav-group{margin-top:14px}.nav-label{padding:0 10px 8px}.sidebar-nav button,.sidebar-lower>a{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:13px;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar-nav button:hover,.sidebar-lower>a:hover{color:var(--text-primary);background:var(--surface-3)}.sidebar-nav button.active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--accent-border)}.sidebar-nav button.active svg{color:var(--accent-hover)}.sidebar-nav button svg,.sidebar-lower>a svg{flex:0 0 18px}.sidebar-nav button em{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:999px;background:var(--surface-4);color:var(--text-secondary);font-size:10px;font-style:normal;text-align:center}.sidebar-lower{display:grid;gap:10px;margin-top:auto;padding:12px;border-top:1px solid var(--border)}.sidebar-account{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.avatar{width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-variation-settings:"wght" 700}.sidebar-account strong,.sidebar-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:12px}.sidebar-account small{margin-top:3px;color:var(--text-tertiary);font-size:10px}.sidebar-account .icon-button{width:34px;height:34px;flex-basis:34px;background:transparent;border-color:transparent}.sidebar-collapse{position:absolute;top:82px;right:-13px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-3);color:var(--text-tertiary);cursor:pointer}.sidebar-collapse svg{width:14px;height:14px}.sidebar-collapsed .sidebar-nav{padding-inline:10px}.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-nav button span,.sidebar-collapsed .sidebar-nav button em,.sidebar-collapsed .sidebar-lower>a span,.sidebar-collapsed .sidebar-account>div,.sidebar-collapsed .sidebar-account .icon-button{display:none}.sidebar-collapsed .sidebar-nav button,.sidebar-collapsed .sidebar-lower>a{justify-content:center;padding:0}.sidebar-collapsed .sidebar-account{grid-template-columns:34px;justify-content:center;padding:8px 5px}.sidebar-scrim{display:none}.portal-main{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-height);display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-button{display:none}.topbar-title{min-width:0;display:grid;gap:1px}.topbar-title span{color:var(--text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:0}.topbar-title strong{font-size:14px}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.command-trigger{width:230px;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-tertiary);text-align:left}.command-trigger>span{flex:1}.command-trigger kbd,.command-palette kbd{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-3);color:var(--text-tertiary);font-family:inherit;font-size:10px}.command-trigger kbd svg{width:11px;height:11px}.notification-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid var(--surface-2);border-radius:50%;background:var(--danger)}.account-trigger{min-width:180px;height:44px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:4px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left}.account-trigger:hover{background:var(--surface-3);border-color:var(--border)}.account-trigger .avatar{width:30px;height:30px;flex-basis:30px}.account-trigger strong,.account-trigger small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-trigger strong{font-size:11px}.account-trigger small{margin-top:2px;color:var(--text-tertiary);font-size:9px}.account-trigger>svg{width:14px;height:14px;color:var(--text-tertiary)}.popover-wrap{position:relative}.popover{position:absolute;top:calc(100% + 9px);right:0;z-index:45;width:340px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);box-shadow:var(--shadow-float)}.popover-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--border)}.popover-head strong{font-size:13px}.notifications-popover>button{width:100%;min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.notifications-popover>button:hover{background:var(--surface-hover)}.notification-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--accent-hover)}.notification-icon svg{width:16px;height:16px}.notifications-popover button span:last-child{min-width:0;display:grid;gap:3px}.notifications-popover button strong{font-size:12px}.notifications-popover button small{color:var(--text-secondary);font-size:11px}.notifications-popover button em{color:var(--text-tertiary);font-size:10px;font-style:normal}.popover-empty{margin:0;padding:22px 14px;color:var(--text-tertiary);font-size:11px;text-align:center}.account-popover{width:260px;padding:6px}.account-popover-head{display:grid;gap:4px;padding:12px 10px 14px;margin-bottom:4px;border-bottom:1px solid var(--border)}.account-popover-head strong{font-size:13px}.account-popover-head>span{color:var(--text-tertiary);font-size:11px;overflow:hidden;text-overflow:ellipsis}.account-popover-head .status-badge{margin-top:6px}.account-popover>button,.account-popover>a{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;text-align:left;cursor:pointer}.account-popover>button:hover,.account-popover>a:hover{background:var(--surface-hover);color:var(--text-primary)}.account-popover .danger-menu-item{color:var(--danger)}.page-content{width:min(100%,var(--content-max));margin:0 auto;padding:36px 32px 64px;flex:1}.portal-footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-top:1px solid var(--border);color:var(--text-tertiary);font-size:11px}.portal-footer nav{display:flex;align-items:center;gap:18px}.portal-footer button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.portal-footer a:hover,.portal-footer button:hover{color:var(--text-primary)}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-title h1{margin-top:6px;font-size:28px;line-height:1.18;letter-spacing:0}.page-title p{margin-top:8px;color:var(--text-tertiary);font-size:13px;line-height:1.5}.page-actions{display:flex;align-items:center;gap:10px}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.metric-cell{min-height:104px;display:flex;align-items:center;gap:13px;padding:18px;border-right:1px solid var(--border)}.metric-cell:last-child{border-right:0}.metric-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary)}.metric-icon svg{width:18px;height:18px}.metric-positive{color:var(--positive);background:var(--positive-soft)}.metric-warning{color:var(--warning);background:var(--warning-soft)}.metric-danger{color:var(--danger);background:var(--danger-soft)}.metric-info{color:var(--info);background:var(--info-soft)}.metric-accent{color:var(--accent-hover);background:var(--accent-soft)}.metric-cell>div{min-width:0;display:grid;gap:3px}.metric-cell span{color:var(--text-tertiary);font-size:11px}.metric-cell strong{font-size:20px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-cell small{color:var(--text-tertiary);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{min-width:0;max-width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.section-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--border)}.section-header h2{font-size:15px;line-height:1.3}.section-header p{margin-top:5px;color:var(--text-tertiary);font-size:11px;line-height:1.45}.section-header .eyebrow{margin-bottom:4px;font-size:9px}.panel-body{padding:0 18px}.panel-footer{padding:12px 18px;border-top:1px solid var(--border)}.panel-footer-end{display:flex;justify-content:flex-end}.payment-callout{min-height:94px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:24px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--warning) 24%,transparent);border-radius:var(--radius-md);background:var(--warning-soft)}.payment-callout-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warning) 18%,var(--surface-2));color:var(--warning)}.payment-callout strong,.payment-callout p{display:block}.payment-callout strong{margin-top:3px;font-size:14px}.payment-callout p{margin-top:4px;color:var(--text-secondary);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;align-items:start}.dashboard-activity{grid-column:1}.dashboard-account{grid-column:2}.row-list{padding:0}.service-row{min-height:88px;display:grid;grid-template-columns:42px minmax(180px,1.2fr) minmax(180px,.9fr) minmax(110px,.6fr) auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.service-row:last-child{border-bottom:0}.service-row-compact{grid-template-columns:42px minmax(170px,1fr) minmax(180px,.8fr) auto}.service-icon{display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm)}.service-icon-md{width:42px;height:42px}.service-icon-lg{width:48px;height:48px}.service-icon svg{width:19px;height:19px}.service-icon-game{color:var(--accent-hover);background:var(--accent-soft)}.service-icon-web{color:var(--positive);background:var(--positive-soft)}.service-icon-bot{color:var(--warning);background:var(--warning-soft)}.service-primary,.service-meta,.service-plan{min-width:0;display:grid;gap:4px}.service-name-line{min-width:0;display:flex;align-items:center;gap:8px}.service-name-line>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-primary strong{font-size:13px}.service-primary>span,.service-meta small,.service-plan small{color:var(--text-tertiary);font-size:10px}.service-meta>span,.service-plan>span{overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.service-live-section{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--border)}.service-live-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.service-live-heading h3{font-size:13px}.service-live-heading p{margin-top:4px;color:var(--text-tertiary);font-size:10px}.spin-icon{animation:spin .7s linear infinite}.live-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.live-resource-grid>div{min-height:68px;display:grid;align-content:center;gap:7px;padding:11px 12px;border-right:1px solid var(--border)}.live-resource-grid>div:last-child{border-right:0}.live-resource-grid span{color:var(--text-tertiary);font-size:9px;text-transform:uppercase}.live-resource-grid strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.power-controls{display:flex;flex-wrap:wrap;gap:8px}.billing-tabs{margin-left:auto}.credit-delta{font-variation-settings:"wght" 680}.credit-positive{color:var(--positive)}.credit-negative{color:var(--danger)}.billing-table table{min-width:680px}.table-subline{display:block;margin-top:4px;color:var(--text-tertiary);font-size:10px}.staff-login-page{min-height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr);background:var(--canvas)}.staff-login-panel{width:min(calc(100% - 32px),920px);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:stretch;margin:clamp(36px,8vh,96px) auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.staff-login-copy{display:flex;flex-direction:column;justify-content:center;padding:52px;border-right:1px solid var(--border);background:var(--surface-2)}.staff-login-copy h1{margin-top:16px;font-size:32px;line-height:1.16}.staff-login-copy p{max-width:46ch;margin-top:12px;color:var(--text-tertiary);font-size:13px;line-height:1.6}.staff-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--positive);font-size:11px;text-transform:uppercase}.staff-kicker svg{width:16px;height:16px}.staff-login-form{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:42px}.staff-back-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-tertiary);font-size:11px}.staff-back-link:hover{color:var(--text-primary)}.staff-back-link svg{width:14px;height:14px}.staff-mode-label{min-height:38px;display:flex;align-items:center;gap:8px;margin:14px 12px 0;padding:0 10px;border:1px solid color-mix(in srgb,var(--positive) 24%,transparent);border-radius:var(--radius-sm);background:var(--positive-soft);color:var(--positive);font-size:11px}.staff-mode-label svg{width:15px;height:15px}.staff-session-state{display:flex;align-items:center;gap:9px;margin-left:auto;color:var(--text-tertiary);font-size:11px}.staff-ticket-list{display:grid}.staff-ticket-row{width:100%;min-height:78px;display:grid;grid-template-columns:4px minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:12px 18px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.staff-ticket-row:last-child{border-bottom:0}.staff-ticket-row:hover{background:var(--surface-2)}.staff-ticket-row>svg{width:15px;height:15px;color:var(--text-quaternary)}.staff-ticket-priority{width:4px;height:34px;border-radius:4px;background:var(--info)}.staff-ticket-priority[data-priority=urgent]{background:var(--danger)}.staff-ticket-priority[data-priority=high]{background:var(--warning)}.staff-ticket-priority[data-priority=low]{background:var(--text-quaternary)}.staff-ticket-main{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px}.staff-ticket-main small{grid-column:1 / -1;color:var(--text-tertiary);font-size:9px}.staff-ticket-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.staff-ticket-main em{overflow:hidden;color:var(--text-tertiary);font-size:10px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}.staff-ticket-context{display:grid;justify-items:end;gap:7px}.staff-ticket-context small{color:var(--text-tertiary);font-size:9px}.staff-ticket-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:18px;align-items:start}.staff-conversation-panel{min-width:0}.staff-ticket-detail-head{min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border);color:var(--text-tertiary);font-size:10px}.staff-message-thread{min-height:340px;max-height:58vh;overflow-y:auto}.staff-ticket-sidebar{display:grid;gap:18px}.staff-context-panel dl{margin:0;padding:4px 18px 16px}.staff-context-panel dl>div{min-height:52px;display:grid;align-content:center;gap:4px;border-bottom:1px solid var(--border-subtle)}.staff-context-panel dl>div:last-child{border-bottom:0}.staff-context-panel dt{color:var(--text-tertiary);font-size:9px;text-transform:uppercase}.staff-context-panel dd{margin:0;overflow-wrap:anywhere;font-size:11px}.staff-context-panel>.button{width:calc(100% - 36px);margin:0 18px 18px}.staff-ticket-update-fields{display:grid;gap:14px;padding:16px 18px 18px}.staff-accounts-table table{min-width:820px}.staff-superadmin-label{display:inline-flex;align-items:center;gap:6px;color:var(--positive);font-size:11px}.staff-superadmin-label svg{width:14px;height:14px}.staff-account-form{display:flex;flex-direction:column;gap:20px}.staff-account-form>*{flex:0 0 auto}.staff-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-field-wide{grid-column:1 / -1}.staff-password-field{min-height:40px;display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1)}.staff-password-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.staff-password-field input{min-width:0;flex:1;border:0;background:transparent;box-shadow:none}.staff-password-field input:focus{box-shadow:none}.staff-password-field .icon-button{flex:0 0 36px;margin-right:2px}.staff-permissions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-top:2px}.staff-permissions-heading>div{display:grid;gap:4px}.staff-permissions-heading strong{font-size:13px}.staff-permissions-heading small,.staff-permissions-heading>span{color:var(--text-tertiary);font-size:10px}.staff-permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.staff-permission-group{min-width:0;margin:0;padding:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.staff-permission-group:nth-child(2n){border-right:0}.staff-permission-group:nth-last-child(-n+2){border-bottom:0}.staff-permission-group-title{min-height:34px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-tertiary);font-size:9px;font-variation-settings:"wght" 700;text-transform:uppercase}.staff-permission-row{min-height:58px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);cursor:pointer}.staff-permission-row:last-child{border-bottom:0}.staff-permission-row:hover{background:var(--surface-2)}.staff-permission-row>input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.staff-permission-row>span:last-child{min-width:0;display:grid;gap:3px}.staff-permission-row strong{font-size:11px}.staff-permission-row small{color:var(--text-tertiary);font-size:9px;line-height:1.45}.staff-account-active{min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.staff-account-active>input{position:absolute;opacity:0;pointer-events:none}.staff-account-active>span:last-child{display:grid;gap:4px}.staff-account-active strong{font-size:11px}.staff-account-active small{color:var(--text-tertiary);font-size:9px}.staff-setup-content{display:grid;gap:12px}.staff-secret-row{min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.staff-secret-row>span{min-width:0;flex:1;display:grid;gap:5px}.staff-secret-row small{color:var(--text-tertiary);font-size:9px;text-transform:uppercase}.staff-secret-row code{overflow:hidden;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.staff-mode-label span{display:none}.staff-mode-label{justify-content:center;padding:0}.staff-ticket-workspace{grid-template-columns:minmax(0,1fr)}.staff-ticket-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}.ticket-mini-list{padding:0}.ticket-mini{width:100%;min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 18px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.ticket-mini:hover{background:var(--surface-2)}.ticket-mini>span:first-child{min-width:0;display:grid;gap:5px}.ticket-mini strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ticket-mini small{color:var(--text-tertiary);font-size:10px}.timeline{padding-block:4px}.timeline-item{min-height:64px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--border-subtle)}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.timeline-service{background:var(--positive)}.timeline-ticket{background:var(--info)}.timeline-invoice{background:var(--warning)}.timeline-account{background:var(--accent-hover)}.timeline-item>div{min-width:0;display:grid;gap:4px}.timeline-item strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.timeline-item span:not(.timeline-dot){color:var(--text-tertiary);font-size:10px}.timeline-item time{color:var(--text-tertiary);font-size:10px;white-space:nowrap}.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.account-summary>div{min-height:72px;display:grid;align-content:center;gap:5px;padding:12px 18px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.account-summary>div:nth-child(2n){border-right:0}.account-summary>div:nth-last-child(-n+2){border-bottom:0}.account-summary span{color:var(--text-tertiary);font-size:10px}.account-summary strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.toolbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.search-field{width:min(100%,420px);min-height:42px;display:flex;align-items:center;gap:8px;padding:0 11px}.search-field>svg{width:16px;height:16px;flex:0 0 16px;color:var(--text-tertiary)}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-primary)}.search-field button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer}.search-field button:hover{background:var(--surface-4);color:var(--text-primary)}.search-field button svg{width:14px;height:14px}.segmented-control{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.segmented-control button{min-height:34px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:var(--text-tertiary);font-size:11px;cursor:pointer}.segmented-control button:hover{color:var(--text-primary)}.segmented-control button.active{background:var(--surface-4);color:var(--text-primary)}.select-field{min-height:42px;display:flex;align-items:center;gap:5px;color:var(--text-tertiary)}.select-field svg{width:16px;height:16px}.select-field select{height:40px;min-width:160px;padding:0 30px 0 10px}.service-list-large{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.service-card{min-width:0;min-height:214px;display:grid;grid-template-rows:auto 1fr auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);text-align:left;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.service-card:hover{border-color:var(--accent-border);background:var(--surface-3);transform:translateY(-1px)}.service-card-head{min-height:76px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border-subtle)}.service-card-head>div{min-width:0;display:grid;gap:4px}.service-card-head strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.service-card-head span{color:var(--text-tertiary);font-size:10px}.service-card-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card-details>div{min-height:72px;display:grid;align-content:center;gap:5px;padding:10px 14px;border-right:1px solid var(--border-subtle)}.service-card-details>div:last-child{border-right:0}.service-card-details span{color:var(--text-tertiary);font-size:9px;text-transform:uppercase;letter-spacing:0}.service-card-details strong{overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.service-card-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:10px}.inline-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent-hover)}.inline-link svg{width:13px;height:13px}.service-detail{display:grid;grid-auto-rows:max-content;align-content:start;gap:22px}.service-detail-summary{display:grid;grid-template-columns:54px repeat(3,minmax(0,1fr));align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.service-detail-summary>div{min-width:0;display:grid;gap:6px}.service-detail-summary>div>span{color:var(--text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:0}.service-detail-summary strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.detail-definition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.detail-definition>div{min-height:70px;display:grid;align-content:center;gap:5px;padding:12px;border-right:1px solid var(--border)}.detail-definition>div:last-child{border-right:0}.detail-definition span{color:var(--text-tertiary);font-size:10px}.detail-definition strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.resource-list{display:grid;gap:15px}.resource-list h3{font-size:13px}.resource-list>div{display:grid;gap:6px}.resource-list small{color:var(--text-tertiary);font-size:10px}.resource-progress{display:grid;gap:7px}.resource-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.resource-progress-label span{color:var(--text-secondary)}.progress-track{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-4)}.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{height:42px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-tertiary);font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:0;white-space:nowrap}td{height:62px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.align-right{text-align:right}.table-link{padding:0;border:0;background:transparent;color:var(--accent-hover);font-size:inherit;cursor:pointer}.table-link:hover{color:var(--text-primary)}.invoice-heading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.invoice-heading>div{min-height:78px;display:grid;align-content:center;gap:7px;padding:12px 14px;border-right:1px solid var(--border)}.invoice-heading>div:last-child{border-right:0}.invoice-heading span,.invoice-parties span{color:var(--text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:0}.invoice-heading strong{font-size:13px}.invoice-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.invoice-parties>div{display:grid;gap:5px}.invoice-parties strong{font-size:12px}.invoice-parties p{color:var(--text-tertiary);font-size:11px}.invoice-totals{width:min(100%,310px);display:grid;gap:10px;margin:18px 0 0 auto}.invoice-totals>div{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text-secondary);font-size:11px}.invoice-total{padding-top:12px;border-top:1px solid var(--border);color:var(--text-primary)!important}.invoice-total strong{font-size:16px}.ticket-list{min-height:180px}.ticket-row{width:100%;min-height:80px;display:grid;grid-template-columns:38px minmax(220px,1fr) minmax(110px,.22fr) auto 24px;align-items:center;gap:14px;padding:12px 16px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.ticket-row:hover{background:var(--surface-2)}.ticket-row:last-child{border-bottom:0}.ticket-row-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--info)}.ticket-row-icon svg{width:17px;height:17px}.ticket-row-main,.ticket-row-time{min-width:0;display:grid;gap:5px}.ticket-row-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ticket-row-main small,.ticket-row-time small{color:var(--text-tertiary);font-size:10px}.ticket-row-time strong{font-size:10px}.ticket-row>svg{width:15px;height:15px;color:var(--text-tertiary)}.ticket-conversation{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.ticket-conversation-head{min-height:92px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border)}.ticket-conversation-head>div:nth-child(2){min-width:0;display:grid;gap:4px}.ticket-conversation-head span{color:var(--text-tertiary);font-size:10px}.ticket-conversation-head h2{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.ticket-conversation-head small{color:var(--text-tertiary);font-size:10px}.conversation-head-actions{display:flex;align-items:center;gap:8px}.message-thread{display:grid;gap:0;padding:10px 20px}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--border-subtle)}.message:last-child{border-bottom:0}.message-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--surface-4);color:var(--text-secondary);font-size:11px;font-variation-settings:"wght" 700}.message-staff .message-avatar{background:var(--accent-soft);color:var(--accent-hover)}.message>div{min-width:0}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-meta strong{font-size:11px}.message-meta time{color:var(--text-tertiary);font-size:9px}.message p{margin-top:8px;color:var(--text-secondary);font-size:12px;line-height:1.65;white-space:pre-wrap}.reply-box{padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-2)}.reply-box textarea{width:100%;min-height:98px;padding:11px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);resize:vertical}.reply-box>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.reply-box>div>span{color:var(--text-tertiary);font-size:10px}.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{position:sticky;top:calc(var(--topbar-height) + 20px);display:grid;gap:3px}.settings-nav a{min-height:38px;display:flex;align-items:center;padding:0 11px;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:12px}.settings-nav a:hover{background:var(--surface-3);color:var(--text-primary)}.settings-content{display:grid;gap:18px}.profile-identity{min-height:104px;display:flex;align-items:center;gap:14px}.profile-avatar-large{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;font-variation-settings:"wght" 700}.profile-identity>div{display:grid;gap:4px}.profile-identity strong{font-size:15px}.profile-identity>div>span{color:var(--text-tertiary);font-size:11px}.profile-identity .status-badge{margin-top:4px}.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}.profile-fields>div{min-height:76px;display:grid;align-content:center;gap:6px;padding:14px 18px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.profile-fields>div:nth-child(2n){border-right:0}.profile-fields>div:nth-last-child(-n+2){border-bottom:0}.profile-fields span{color:var(--text-tertiary);font-size:10px}.profile-fields strong{overflow-wrap:anywhere;font-size:12px}.settings-rows{display:grid}.settings-row{min-height:78px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 18px;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:0}.settings-row-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-secondary)}.settings-row-icon svg{width:17px;height:17px}.settings-row>div{display:grid;gap:4px}.settings-row strong{font-size:12px}.settings-row div>span{color:var(--text-tertiary);font-size:10px;line-height:1.45}.toggle-row{cursor:pointer}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-4);border:1px solid var(--border-strong);transition:background var(--transition-fast)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-tertiary);transition:transform var(--transition-fast),background var(--transition-fast)}.toggle-row input:checked+.toggle{background:var(--accent);border-color:var(--accent)}.toggle-row input:checked+.toggle:after{transform:translate(16px);background:#fff}.referral-box{display:flex;align-items:center;gap:12px;padding:18px}.referral-box code{min-width:0;flex:1;overflow:hidden;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty-state{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.empty-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-tertiary)}.empty-state strong{font-size:13px}.empty-state p{max-width:380px;margin:7px 0 16px;color:var(--text-tertiary);font-size:11px;line-height:1.55}.not-found,.fatal-error{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.not-found>svg,.fatal-error>span{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-tertiary)}.fatal-error>span svg{width:22px;height:22px}.not-found h1,.fatal-error h1{font-size:22px}.not-found p,.fatal-error p{margin:8px 0 20px;color:var(--text-tertiary);font-size:12px}.load-failure{width:min(100% - 32px,760px);min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px;margin:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .13s ease both}.modal{width:min(100%,520px);max-height:min(90vh,840px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-float);animation:modal-in .16s ease both}.modal-lg{width:min(100%,760px)}.modal-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px}.modal-header p{margin-top:4px;color:var(--text-tertiary);font-size:11px}.modal-content{min-height:0;padding:20px;overflow-y:auto}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:18px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}.command-palette{min-height:340px}.command-palette>label{height:58px;display:flex;align-items:center;gap:10px;padding:0 14px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface-2)}.command-palette>label>svg{color:var(--text-tertiary)}.command-palette input{min-width:0;flex:1;border:0;outline:none;background:transparent;color:var(--text-primary);font-size:14px}.command-results{max-height:430px;overflow-y:auto;padding:7px}.command-results>button{width:100%;min-height:62px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.command-results>button:hover{background:var(--surface-3)}.command-result-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--accent-hover)}.command-result-icon svg{width:16px;height:16px}.command-results button>span:nth-child(2){min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 9px}.command-results button small{grid-column:1 / -1;color:var(--text-tertiary);font-size:9px;text-transform:uppercase;letter-spacing:0}.command-results button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.command-results button em{color:var(--text-tertiary);font-size:10px;font-style:normal;text-align:right;white-space:nowrap}.command-results button>svg{width:14px;height:14px;color:var(--text-tertiary)}.command-hint{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary);font-size:12px}.command-hint>svg{width:28px;height:28px;color:var(--text-quaternary)}.toast-region{position:fixed;right:20px;bottom:20px;z-index:120;width:min(calc(100vw - 40px),370px);display:grid;gap:8px;pointer-events:none}.toast{min-height:72px;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);box-shadow:var(--shadow-float);pointer-events:auto;animation:toast-in .18s ease both}.toast>span{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--positive-soft);color:var(--positive)}.toast-danger>span{background:var(--danger-soft);color:var(--danger)}.toast strong{display:block;font-size:11px}.toast p{margin-top:4px;color:var(--text-tertiary);font-size:10px;line-height:1.35}.toast>button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer}.toast>button:hover{background:var(--surface-hover)}.toast>button svg{width:14px;height:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:1100px){:root{--sidebar-width: 76px}.portal-layout,.portal-sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar,.sidebar-collapsed{width:76px}.sidebar-brand{padding:0 16px;justify-content:center}.sidebar .brand-button{min-width:0;width:42px;overflow:hidden}.sidebar .brand-button .brand-logo{width:152px;max-width:none;transform:translate(-1px)}.sidebar-nav{padding-inline:10px}.sidebar .nav-label,.sidebar .sidebar-nav button span,.sidebar .sidebar-nav button em,.sidebar .sidebar-lower>a span,.sidebar .sidebar-account>div,.sidebar .sidebar-account .icon-button{display:none}.sidebar .sidebar-nav button,.sidebar .sidebar-lower>a{justify-content:center;padding:0}.sidebar .sidebar-account{grid-template-columns:34px;justify-content:center;padding:8px 5px}.sidebar-collapse{display:none}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cell:nth-child(2){border-right:0}.metric-cell:nth-child(-n+2){border-bottom:1px solid var(--border)}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-activity,.dashboard-account{grid-column:auto}.service-list-large{grid-template-columns:1fr}}@media(max-width:780px){:root{--topbar-height: 58px}.portal-layout,.portal-sidebar-collapsed{display:block}.portal-main{min-height:100vh}.sidebar,.sidebar-collapsed{width:min(86vw,300px);transform:translate(-105%);box-shadow:var(--shadow-float)}.sidebar-mobile-open{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;border:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--transition)}.sidebar-scrim.visible{opacity:1;pointer-events:auto}.sidebar .sidebar-brand{justify-content:space-between;padding:0 16px}.sidebar .brand-button{width:auto;min-width:152px;overflow:visible}.sidebar .brand-button .brand-logo{transform:none}.sidebar-close-mobile{display:inline-flex}.sidebar .nav-label{display:block}.sidebar .sidebar-nav button span,.sidebar .sidebar-nav button em,.sidebar .sidebar-lower>a span,.sidebar .sidebar-account>div,.sidebar .sidebar-account .icon-button{display:block}.sidebar .sidebar-nav button,.sidebar .sidebar-lower>a{justify-content:flex-start;padding:0 11px}.sidebar .sidebar-nav button em{display:inline-block}.sidebar .sidebar-account{grid-template-columns:34px minmax(0,1fr) 34px;justify-content:stretch;padding:8px}.sidebar .sidebar-account .icon-button{display:inline-flex}.sidebar .staff-mode-label{justify-content:flex-start;padding:0 10px}.sidebar .staff-mode-label span{display:inline}.mobile-menu-button{display:inline-flex}.topbar{padding:0 14px}.topbar-title span{display:none}.command-trigger{width:40px;padding:0;justify-content:center}.command-trigger>span,.command-trigger kbd{display:none}.account-trigger{min-width:40px;width:40px;grid-template-columns:30px;padding:4px}.account-trigger>span:nth-child(2),.account-trigger>svg{display:none}.page-content{padding:26px 16px 48px}.portal-footer{padding:14px 16px}.page-title{align-items:flex-start}.page-title h1{font-size:24px}.metric-cell{min-height:92px;padding:14px}.metric-cell strong{font-size:18px}.payment-callout{grid-template-columns:38px minmax(0,1fr)}.payment-callout .button{grid-column:1 / -1;width:100%}.service-row,.service-row-compact{grid-template-columns:42px minmax(0,1fr) auto;gap:11px}.service-row .service-meta,.service-row .service-plan{grid-column:2}.service-row .row-actions{grid-column:3;grid-row:1 / span 3}.service-row .button-quiet{display:none}.toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none}.segmented-control{overflow-x:auto}.segmented-control button{flex:1 0 auto}.invoice-table table{min-width:760px}.live-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-resource-grid>div:nth-child(2){border-right:0}.live-resource-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.ticket-row{grid-template-columns:38px minmax(0,1fr) auto}.ticket-row-time,.ticket-row>svg{display:none}.ticket-row .status-badge{grid-column:2}.ticket-conversation-head{grid-template-columns:40px minmax(0,1fr)}.conversation-head-actions{grid-column:1 / -1;justify-content:space-between}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;gap:4px;padding-bottom:4px;overflow-x:auto}.settings-nav a{flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border)}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal-lg{width:100%;max-height:94vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.modal-actions .button{min-height:44px}.popover{position:fixed;top:var(--topbar-height);right:10px;left:10px;width:auto}.account-popover{left:auto;width:min(calc(100vw - 20px),290px)}.signin-stage{align-items:start;padding-block:38px}.staff-login-panel{width:min(calc(100% - 32px),520px);grid-template-columns:minmax(0,1fr);margin:32px auto}.staff-login-copy{display:none}.staff-login-form{min-height:460px;padding:36px}.staff-ticket-sidebar,.staff-ticket-main{grid-template-columns:minmax(0,1fr)}.staff-ticket-main small{grid-column:auto}.staff-ticket-main em{text-align:left}.staff-account-fields,.staff-permission-groups{grid-template-columns:minmax(0,1fr)}.staff-permission-group,.staff-permission-group:nth-child(2n),.staff-permission-group:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}.staff-permission-group:last-child{border-bottom:0}}@media(max-width:520px){.login-topbar{padding:0 16px}.signin-stage{padding:24px 14px}.signin-card{padding:24px 20px}.signin-header h1{font-size:27px}.login-options{align-items:flex-start;flex-direction:column;gap:8px}.topbar-title{display:none}.topbar-actions{width:100%;justify-content:flex-end}.topbar-actions{gap:6px}.language-selector-compact{width:66px;padding-inline:7px}.page-content{padding-inline:12px}.page-title{display:grid;gap:16px}.page-actions,.page-actions .button{width:100%}.staff-permissions-heading{align-items:flex-start;flex-direction:column;gap:7px}.metric-strip{grid-template-columns:1fr}.metric-cell{border-right:0;border-bottom:1px solid var(--border)}.metric-cell:nth-child(2){border-right:0}.metric-cell:last-child{border-bottom:0}.service-row,.service-row-compact{grid-template-columns:38px minmax(0,1fr) 40px;padding:13px 12px}.service-row .service-icon{width:38px;height:38px}.service-name-line,.section-header{align-items:flex-start;flex-direction:column}.section-action,.section-action .button{width:100%}.account-summary,.profile-fields{grid-template-columns:1fr}.account-summary>div,.profile-fields>div{border-right:0;border-bottom:1px solid var(--border-subtle)!important}.account-summary>div:last-child,.profile-fields>div:last-child{border-bottom:0!important}.service-card-details{grid-template-columns:1fr}.service-card-details>div{min-height:52px;border-right:0;border-bottom:1px solid var(--border-subtle)}.service-card-details>div:last-child{border-bottom:0}.live-resource-grid{grid-template-columns:minmax(0,1fr)}.live-resource-grid>div,.live-resource-grid>div:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.live-resource-grid>div:last-child{border-bottom:0}.power-controls{display:grid;grid-template-columns:minmax(0,1fr)}.power-controls .button{width:100%}.service-detail-summary{grid-template-columns:48px minmax(0,1fr)}.service-detail-summary>div:nth-child(n+3){grid-column:2}.detail-definition,.invoice-heading{grid-template-columns:1fr}.detail-definition>div,.invoice-heading>div{min-height:58px;border-right:0;border-bottom:1px solid var(--border)}.detail-definition>div:last-child,.invoice-heading>div:last-child{border-bottom:0}.invoice-parties{grid-template-columns:1fr}.ticket-row{grid-template-columns:36px minmax(0,1fr);padding-inline:12px}.ticket-row .status-badge{grid-column:2}.ticket-conversation-head,.message-thread{padding-inline:12px}.reply-box>div{align-items:stretch;flex-direction:column}.reply-box .button{width:100%}.settings-row{grid-template-columns:36px minmax(0,1fr)}.settings-row>.button,.settings-row>.status-badge,.settings-row>.toggle{grid-column:2;justify-self:start}.referral-box{align-items:stretch;flex-direction:column}.two-columns{grid-template-columns:1fr}.modal-content{padding:16px}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions .button{width:100%}.portal-footer{align-items:flex-start;flex-direction:column}.portal-footer nav{width:100%;justify-content:space-between}.staff-login-panel{width:min(calc(100% - 24px),520px);margin:20px auto}.staff-login-form{min-height:430px;padding:26px 20px}.staff-session-state{font-size:0}.staff-ticket-row{grid-template-columns:4px minmax(0,1fr) 15px;gap:10px;padding-inline:12px}.staff-ticket-context{display:none}.staff-ticket-detail-head{align-items:flex-start;flex-direction:column}}@media(max-width:360px){.login-topbar{padding-inline:10px}.login-topbar .brand-logo{width:112px}.login-topbar-actions{gap:6px}.login-topbar .language-selector{width:104px;grid-template-columns:16px minmax(0,1fr) 12px;gap:4px;padding-inline:7px}}@media print{.sidebar,.topbar,.portal-footer,.page-title,.modal-backdrop:before,.modal-header .icon-button,.modal-actions{display:none!important}body,.modal-backdrop{background:#fff!important;color:#111!important}.portal-layout,.portal-main{display:block}.modal-backdrop{position:static;padding:0}.modal{width:100%;max-height:none;border:0;box-shadow:none}.modal-header{display:flex}.modal-content{overflow:visible}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}