:root{color-scheme:dark;--bg: #0f141a;--surface: color-mix(in srgb, #1a2129 72%, transparent);--surface-strong: color-mix(in srgb, #2f3a47 68%, transparent);--surface-raised: color-mix(in srgb, #1a2129 82%, transparent);--ink: #f1f5f9;--muted: #94a3b8;--border: color-mix(in srgb, #2f3a47 76%, transparent);--primary: #3b82f6;--primary-hover: color-mix(in srgb, #3b82f6 84%, #f1f5f9);--primary-soft: color-mix(in srgb, #3b82f6 16%, #1a2129);--info: #3b82f6;--info-soft: color-mix(in srgb, #3b82f6 12%, #1a2129);--success: #10b981;--success-soft: color-mix(in srgb, #10b981 13%, #1a2129);--warning: color-mix(in srgb, #3b82f6 44%, #f1f5f9);--warning-soft: color-mix(in srgb, #3b82f6 9%, #1a2129);--danger: color-mix(in srgb, #f1f5f9 78%, #3b82f6);--danger-soft: color-mix(in srgb, #3b82f6 7%, #1a2129);--focus: #3b82f6;--shadow: 0 12px 32px color-mix(in srgb, #0f141a 38%, transparent);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--sidebar-width: 248px;--font-ui: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:#0f141a;color:var(--ink);font-family:var(--font-body)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:clip;background:linear-gradient(180deg,color-mix(in srgb,#0f141a 44%,transparent),color-mix(in srgb,#0f141a 74%,transparent)),url(/assets/pure-stars.jpg) center / cover fixed no-repeat;color:var(--ink);font-size:1rem;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img,svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-ui);line-height:1.3;text-wrap:pretty}h1{font-size:2rem;font-weight:720;letter-spacing:-.022em}h2{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1rem;font-weight:700}p{color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.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}.mono,code,.money,time{font-variant-numeric:tabular-nums}.mono,code{font-family:var(--font-mono)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 15px;background:transparent;color:var(--ink);cursor:pointer;font-weight:650;letter-spacing:.012em;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .14s var(--ease)}.button:hover{text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--primary);color:#0f141a}.button-primary:not(:disabled):hover{background:var(--primary-hover)}.button-primary:not(:disabled):active{background:color-mix(in srgb,var(--primary),#0f141a 16%);transform:translateY(1px)}.button-secondary{background:var(--surface);border-color:var(--border)}.button-secondary:not(:disabled):hover,.button-ghost:not(:disabled):hover{background:var(--surface-strong)}.button-secondary:not(:disabled):active,.button-ghost:not(:disabled):active{background:color-mix(in srgb,#2f3a47 82%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));transform:translateY(1px)}.button-ghost{color:var(--muted)}.button-full{width:100%}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.icon-button{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid transparent;display:inline-grid;place-items:center;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform .14s var(--ease)}.icon-button:not(:disabled):hover{background:var(--surface-strong)}.icon-button:not(:disabled):active{border-color:var(--border);background:color-mix(in srgb,#2f3a47 82%,transparent);transform:translateY(1px)}.icon-button:disabled{cursor:not-allowed;opacity:.55}.field{display:grid;gap:7px}.field-label{font-weight:650;color:var(--ink)}.field-hint{color:var(--muted);font-size:.875rem}.field-error{color:var(--danger);font-size:.875rem}.input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,#0f141a 48%,transparent);color:var(--ink);padding:9px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background-color .16s var(--ease)}.input:hover{border-color:color-mix(in oklch,var(--border),var(--ink) 18%)}.input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklch,var(--focus),transparent 76%)}.textarea{resize:vertical}.check-row{display:flex;align-items:flex-start;gap:9px;color:var(--muted)}.check-row input{width:18px;height:18px;margin-top:3px;accent-color:var(--primary)}.form-stack{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-row{display:flex;justify-content:space-between;gap:16px}.form-actions{justify-content:flex-end}.form-alert,.form-success{border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:flex-start;gap:10px}.form-alert{color:var(--danger);background:var(--danger-soft)}.form-success{color:var(--success);background:var(--success-soft)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 9px;border-radius:999px;font-size:.8125rem;font-weight:700;white-space:nowrap}.badge-neutral{color:var(--muted);background:var(--surface-strong)}.badge-info{color:var(--info);background:var(--info-soft)}.badge-success{color:var(--success);background:var(--success-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--primary) 56%,var(--border));border-radius:var(--radius);display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--ink);box-shadow:inset 0 -2px color-mix(in srgb,var(--success) 48%,transparent);font:800 1rem var(--font-ui)}.brand span:last-child{display:grid;line-height:1.15}.brand small,.user-row small{color:var(--muted);font-size:.75rem;margin-top:4px}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:22px 16px 16px;border-right:1px solid var(--border);background:color-mix(in srgb,#0f141a 62%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.16);backdrop-filter:blur(22px) saturate(1.16);display:flex;flex-direction:column;z-index:20}.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--primary)}.sidebar-nav{display:grid;gap:4px;margin-top:30px}.sidebar-nav a{min-height:44px;display:flex;align-items:center;gap:12px;color:var(--muted);border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 11px;font-weight:600}.sidebar-nav a:hover{color:var(--ink);background:var(--surface-strong);text-decoration:none}.sidebar-nav a.active{color:var(--ink);border-color:color-mix(in srgb,var(--primary) 44%,var(--border));background:var(--primary-soft);box-shadow:inset 0 1px color-mix(in srgb,#f1f5f9 10%,transparent)}.nav-divider{height:1px;background:var(--border);margin:10px 0}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.support-hours{padding:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.8125rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px}.support-hours strong{grid-column:2;color:var(--ink)}.support-hours .status-dot{color:var(--success)}.user-row{min-width:0;display:flex;align-items:center;gap:10px;color:var(--ink);padding:8px;border-radius:var(--radius-sm)}.user-row:hover{background:var(--surface-strong);text-decoration:none}.user-row span:last-child{min-width:0;display:grid}.user-row small{overflow:hidden;text-overflow:ellipsis}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:700;flex:none}.app-main{position:relative;isolation:isolate;margin-left:var(--sidebar-width);min-height:100dvh;overflow:clip;background:color-mix(in srgb,#0f141a 18%,transparent)}.app-main:before{content:"";position:fixed;inset:0 0 0 var(--sidebar-width);z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,#0f141a 30%,transparent),transparent 46%,color-mix(in srgb,#0f141a 22%,transparent))}.topbar{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:color-mix(in srgb,#0f141a 54%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14);position:sticky;top:0;z-index:10}.topbar-actions{display:flex;gap:4px}.topbar-context{color:var(--muted);font-size:.8125rem;font-weight:650;letter-spacing:.02em}.environment-note{color:var(--muted);font-size:.8125rem}.page-wrap{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:36px 0 72px}.route-stage{animation:route-stage-enter .24s var(--ease) both}.mobile-topbar,.drawer-backdrop{display:none}.page-header{margin-bottom:28px;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:inset 0 1px color-mix(in srgb,#f1f5f9 8%,transparent),0 8px 24px color-mix(in srgb,#0f141a 26%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.breadcrumb{min-height:24px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:.8125rem;margin-bottom:12px}.breadcrumb span{display:inline-flex;align-items:center;gap:5px}.breadcrumb a{color:var(--muted)}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-title-row h1{margin-bottom:7px;overflow-wrap:anywhere}.page-title-row p{margin:0;max-width:70ch}.panel,.table-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:22px;box-shadow:inset 0 1px color-mix(in srgb,#f1f5f9 7%,transparent),var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-header h2{margin-bottom:4px}.section-header p{margin:0;font-size:.9rem}.dashboard-stack,.detail-stack,.list-stack{display:grid;gap:20px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-stack{gap:16px}.dashboard-stack>.email-warning{margin-bottom:24px}.dashboard-stack>.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:22px}.dashboard-stack>.panel:last-child{padding-bottom:0}.dashboard-stack>.content-grid{gap:16px;border-top:0}.dashboard-stack>.content-grid>.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px;box-shadow:none}.dashboard-stack>.content-grid>.panel+.panel{border-left:1px solid var(--border);padding:22px}.email-warning,.notice-panel{border:1px solid color-mix(in oklch,var(--warning),var(--border) 55%);background:var(--warning-soft);padding:16px;border-radius:var(--radius);display:flex;align-items:flex-start;gap:14px}.inline-error{border:1px solid color-mix(in oklch,var(--danger),var(--border) 38%);background:var(--danger-soft);color:var(--danger);padding:16px;border-radius:var(--radius);display:flex;align-items:flex-start;gap:14px}.email-warning div,.notice-panel div,.inline-error div{flex:1}.email-warning p,.notice-panel p,.inline-error p{margin:3px 0 0}.inline-error p{color:color-mix(in srgb,var(--danger) 78%,var(--muted))}.attention-list{display:grid}.attention-item{color:var(--ink);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 4px;border-top:1px solid var(--border);background:transparent}.attention-item:first-child{border-top:0}.attention-item:hover{background:var(--surface-strong);text-decoration:none}.attention-item span:nth-child(2){display:grid}.attention-item small{color:var(--muted);margin-top:2px}.attention-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--warning-soft);color:var(--warning)}.attention-ticket .attention-icon{background:var(--info-soft);color:var(--info)}.service-compact-list,.service-list{display:grid}.ticket-list,.notification-list{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.service-compact{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.service-compact:first-child{border-top:0}.service-main{min-width:0;flex:1}.service-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.service-name-row a,.service-name-row strong{color:var(--ink);font-weight:750;overflow-wrap:anywhere}.service-main p{margin:5px 0 0;font-size:.875rem}.game-mark{width:42px;height:42px;border-radius:var(--radius);display:grid;place-items:center;flex:none;background:var(--surface-strong);color:var(--primary);font-weight:800}.game-mark-large{width:54px;height:54px}.simple-row{display:flex;align-items:flex-start;gap:11px;color:var(--ink);padding:11px 0;border-top:1px solid var(--border)}.simple-row:first-of-type{border-top:0}.simple-row:hover{text-decoration:none}.simple-row span{display:grid}.simple-row small{color:var(--muted)}.empty-state{padding:40px 18px;text-align:center;display:grid;justify-items:center}.empty-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface-strong);color:var(--muted);margin-bottom:14px}.empty-state h3{margin-bottom:7px}.empty-state p{max-width:48ch}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:24px;display:grid;gap:15px}.skeleton-card>span:not(.sr-only){height:16px;border-radius:6px;background:linear-gradient(90deg,var(--surface-strong),var(--surface),var(--surface-strong));background-size:200% 100%;animation:shimmer 1.2s linear 3}.filter-bar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.search-box{width:min(460px,100%);position:relative}.search-box svg{position:absolute;left:12px;top:13px;color:var(--muted)}.search-box .input{padding-left:40px}.server-browser{display:grid;gap:16px}.server-browser-header{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 2px}.server-browser-header p{margin:4px 0 0}.server-count{color:var(--muted);font:700 .8125rem var(--font-mono)}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;border-radius:0;background:transparent;padding:0}.service-list-item{min-width:0;min-height:190px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-content:start;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);box-shadow:inset 0 1px color-mix(in srgb,#f1f5f9 7%,transparent),0 10px 28px color-mix(in srgb,#0f141a 28%,transparent);transition:border-color .18s var(--ease),background-color .18s var(--ease),transform .18s var(--ease)}.service-list-item:first-child{border-top:1px solid var(--border)}.service-list-item:hover{border-color:color-mix(in srgb,var(--primary) 62%,var(--border));background:color-mix(in srgb,var(--surface-raised) 90%,var(--primary));transform:translateY(-2px)}.service-list-item>.button{grid-column:2;justify-self:start;align-self:end}.service-list-item:nth-child(3n+2) .game-mark{color:var(--success);background:var(--success-soft)}.service-list-item:nth-child(3n) .game-mark{color:var(--warning);background:var(--warning-soft)}.service-meta,.service-foot{display:flex;flex-wrap:wrap;gap:7px 18px;color:var(--muted);font-size:.875rem;margin-top:6px}.service-meta span{display:inline-flex;align-items:center;gap:6px}.service-meta span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--border)}.service-foot{padding-top:12px;margin-top:14px;border-top:1px solid var(--border)}.status-banner{border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;gap:14px;align-items:flex-start}.status-banner-success{background:var(--success-soft);border-color:color-mix(in oklch,var(--success),var(--border) 64%)}.status-banner-warning{background:var(--warning-soft);border-color:color-mix(in oklch,var(--warning),var(--border) 64%)}.status-banner-danger{background:var(--danger-soft);border-color:color-mix(in oklch,var(--danger),var(--border) 64%)}.status-banner-info{background:var(--info-soft)}.status-symbol{width:44px;height:44px;display:grid;place-items:center;flex:none}.status-banner h2{margin:0}.status-banner p{margin:7px 0 0;color:var(--ink)}.primary-action-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border));border-radius:var(--radius);background:var(--primary-soft);padding:20px 22px}.primary-action-panel h2{margin-bottom:5px}.primary-action-panel p{margin:0}.definition-list{margin:0;display:grid}.definition-list div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-top:1px solid var(--border)}.definition-list div:first-child{border-top:0}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.policy-grid>div{display:flex;gap:10px}.policy-grid p{margin:4px 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.related-grid>div{display:grid;gap:7px;align-content:start}.related-grid span{color:var(--muted)}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-size:.8125rem;font-weight:650;background:var(--surface)}tbody tr:hover{background:var(--surface)}tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface) 52%,transparent)}.money{font-weight:750}.invoice-total{display:grid;grid-template-columns:repeat(3,1fr)}.invoice-total>div{display:grid;gap:5px;padding:4px 20px;border-left:1px solid var(--border)}.invoice-total>div:first-child{border-left:0;padding-left:0}.invoice-total span{color:var(--muted)}.invoice-total strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.invoice-items{display:grid;margin-top:14px}.invoice-items>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--border)}.invoice-sum{font-size:1.1rem}.timeline{margin-top:18px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding-bottom:20px}.timeline-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.timeline-item p{margin:5px 0 0}.policy-note{border:1px solid color-mix(in srgb,var(--warning) 34%,var(--border));border-radius:var(--radius-sm);padding:12px 14px;color:var(--muted);background:var(--warning-soft)}.ticket-list-item{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:16px;align-items:center;color:var(--ink);border-top:1px solid var(--border);background:transparent;padding:17px 18px}.ticket-list-item:first-child{border-top:0}.ticket-list-item:hover{background:var(--surface);text-decoration:none}.ticket-list-item p{margin:4px 0 0}.ticket-number{font:700 .875rem var(--font-mono);color:var(--muted)}.form-wide{max-width:860px}.file-upload{border:1px dashed var(--border);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:12px;cursor:pointer}.file-upload:hover{background:var(--surface);border-color:var(--primary)}.file-upload span{display:grid;flex:1}.file-upload small{color:var(--muted)}.file-upload input{max-width:220px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.conversation{display:grid;gap:22px}.message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.message-avatar{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--surface-strong);color:var(--muted)}.message-support .message-avatar{color:var(--primary);background:var(--primary-soft)}.message-system{background:var(--surface);border-radius:var(--radius);padding:12px}.message-meta{display:flex;justify-content:space-between;gap:14px}.message-meta time{color:var(--muted);font-size:.8125rem}.message p{margin:5px 0 0;color:var(--ink);white-space:pre-wrap}.ticket-side{display:grid;gap:16px}.ticket-side p{font-size:.9rem}.reply-composer{margin-top:20px}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:14px;border-top:1px solid var(--border);padding:18px;background:transparent;transition:opacity .18s var(--ease),background-color .18s var(--ease)}.notification-item:first-child{border-top:0}.notification-item:hover{background:var(--surface)}.notification-item.is-unread{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:color-mix(in oklch,var(--primary-soft),transparent 32%)}.notification-item.is-read{opacity:.78;background:color-mix(in oklch,var(--surface-raised),var(--bg) 18%)}.notification-item.is-confirming{animation:notification-confirm .22s var(--ease) both}.notification-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.notification-item h2{margin:9px 0 4px}.notification-item p{margin:0}.account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px}.security-list{display:grid}.security-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--border)}.security-list>div:first-child{border-top:0}.security-list span{display:grid}.security-list small{color:var(--muted)}.security-callout{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:var(--radius);background:var(--surface)}.security-callout p{margin:4px 0 0}.totp-setup{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-top:18px;align-items:center}.qr-placeholder{aspect-ratio:1;border:10px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%,var(--bg) 0 50%) 50% / 22px 22px;color:var(--bg);display:grid;place-items:center;text-align:center;font:800 .9rem var(--font-mono)}.public-shell{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(90deg,color-mix(in srgb,#0f141a 56%,transparent),color-mix(in srgb,#0f141a 22%,transparent))}.public-nav,.public-footer{width:min(1180px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}.public-nav{height:68px;border-bottom:1px solid var(--border);background:color-mix(in srgb,#0f141a 46%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14)}.public-nav nav,.public-footer div{display:flex;align-items:center;gap:20px}.public-nav nav a,.public-footer a{color:var(--muted)}.public-footer{margin-top:auto;min-height:76px;border-top:1px solid var(--border);color:var(--muted);background:color-mix(in srgb,#0f141a 46%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14);font-size:.875rem}.portal-landing{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:72px;align-items:center;padding:70px 0 96px}.landing-copy{max-width:620px}.landing-context{margin-bottom:14px;color:var(--primary);font:700 .875rem var(--font-ui);letter-spacing:.015em}.landing-copy h1{max-width:18ch;margin:0 0 20px;font-size:2.9rem;line-height:1.16;letter-spacing:-.035em}.landing-copy .landing-lead{max-width:58ch;margin-bottom:28px;font-size:1.04rem;line-height:1.8}.landing-facts{margin:34px 0 0;padding:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border)}.landing-facts div{min-width:0;padding:0 16px;border-left:1px solid var(--border)}.landing-facts div:first-child{padding-left:0;border-left:0}.landing-facts dt{color:var(--muted);font-size:.78rem}.landing-facts dd{margin:5px 0 0;color:var(--ink);font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.landing-boundary{max-width:60ch;margin:16px 0 0;font-size:.84rem}.topology-panel{min-width:0;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);padding:20px;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.topology-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-inline:4px}.topology-header h2{max-width:24ch;margin:5px 0 0;font-size:1.12rem}.topology-kicker{color:var(--muted);font-size:.77rem}.topology-live{display:inline-flex;align-items:center;gap:7px;color:var(--success);font-size:.78rem;white-space:nowrap}.topology-stage{position:relative;height:390px;isolation:isolate}.topology-canvas{position:absolute;inset:0;cursor:crosshair}.topology-canvas canvas{width:100%;height:100%}.topology-core-label{position:absolute;left:50%;top:50%;z-index:2;display:grid;justify-items:center;pointer-events:none;transform:translate(-50%,46px);text-align:center}.topology-core-label strong{font-size:.8rem}.topology-core-label span{color:var(--muted);font-size:.68rem}.topology-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 24px;border-top:1px solid var(--border)}.topology-list>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--border)}.topology-list span:last-child{display:grid}.topology-list strong{font-size:.82rem}.topology-list small{color:var(--muted);font-size:.73rem}.topology-status{width:7px;height:7px;border-radius:50%}.topology-status-success{background:var(--success)}.topology-status-warning{background:var(--warning)}.topology-note{margin:12px 4px 0;font-size:.73rem}.topology-fallback{position:absolute;inset:44px 20px 20px;display:grid;place-items:center}.topology-core{width:76px;height:76px;border:1px solid var(--primary);display:grid;place-items:center;transform:rotate(18deg);color:var(--primary);font-weight:800}.topology-fallback-node{position:absolute;border-bottom:1px solid currentColor;padding:4px 8px;font-size:.72rem}.topology-fallback-node:nth-of-type(2){left:5%;top:22%}.topology-fallback-node:nth-of-type(3){right:4%;top:28%}.topology-fallback-node:nth-of-type(4){left:14%;bottom:16%}.topology-fallback-node:nth-of-type(5){right:10%;bottom:12%}.topology-fallback-success{color:var(--success)}.topology-fallback-warning{color:var(--warning)}.auth-page{width:min(460px,calc(100% - 32px));margin:auto;padding:50px 0 90px}.auth-card{border:1px solid var(--border);background:color-mix(in srgb,#1a2129 88%,transparent);border-radius:var(--radius-lg);padding:30px;box-shadow:inset 0 1px color-mix(in srgb,#f1f5f9 9%,transparent),0 18px 48px color-mix(in srgb,#0f141a 48%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.14);backdrop-filter:blur(24px) saturate(1.14)}.auth-card>p{margin-bottom:24px}.auth-back{display:inline-block;color:var(--muted);margin-bottom:26px}.form-foot{text-align:center;margin:0}.confirmation-panel{text-align:center;display:grid;justify-items:center;gap:15px}.confirmation-panel svg{color:var(--success)}.state-page{min-height:100dvh;display:grid;place-content:center;justify-items:center;text-align:center;padding:32px}.state-page p{max-width:52ch}.state-mark{font:800 4rem var(--font-mono);color:var(--primary)}.policy-page,.scenario-page{width:min(860px,calc(100% - 32px));margin:42px auto 72px;padding:34px 38px 50px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(1.14);backdrop-filter:blur(24px) saturate(1.14)}.policy-page header{border-bottom:1px solid var(--border);margin-bottom:34px}.policy-page h1,.scenario-page h1{margin-top:26px}.policy-page section{padding:20px 0;border-bottom:1px solid var(--border)}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.scenario-grid article{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:20px}.scenario-grid code{display:block;color:var(--muted);margin-bottom:16px;overflow-wrap:anywhere}.spin{animation:spin 1s linear 60}.toast{position:fixed;right:20px;bottom:20px;z-index:80;border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow);background:var(--surface-raised);border:1px solid var(--border)}.toast-success{color:var(--success)}.toast-danger{color:var(--danger)}.popover-wrap{position:relative;display:inline-flex}.popover-panel{position:absolute;z-index:70;top:calc(100% + 8px);right:0;min-width:220px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;background:color-mix(in srgb,#1a2129 90%,transparent);box-shadow:0 18px 48px color-mix(in srgb,#0f141a 52%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.12);backdrop-filter:blur(24px) saturate(1.12)}.dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#0f141a 84%,transparent)}.dialog-panel{width:min(440px,100%);border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:color-mix(in srgb,#1a2129 92%,transparent);box-shadow:0 22px 60px color-mix(in srgb,#0f141a 58%,transparent);-webkit-backdrop-filter:blur(26px) saturate(1.12);backdrop-filter:blur(26px) saturate(1.12)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes route-stage-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-backdrop-enter{0%{opacity:0}}@keyframes mobile-drawer-enter{0%{transform:translate(-12px)}}@keyframes notification-confirm{0%{opacity:.9;transform:translateY(2px)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1024px){:root{--sidebar-width: 220px}.page-wrap{width:min(100% - 32px,1000px)}.ticket-layout{grid-template-columns:1fr}.ticket-side{grid-template-columns:repeat(2,1fr)}.portal-landing{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:36px}}@media(max-width:768px){body{background-attachment:scroll}.sidebar,.topbar{display:none}.mobile-topbar{position:sticky;top:0;z-index:15;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,#0f141a 52%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14)}.mobile-brand{color:var(--ink);font-weight:750}.app-main{margin-left:0}.app-main:before{inset:0}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:50;background:color-mix(in srgb,#0f141a 84%,transparent);animation:drawer-backdrop-enter .18s var(--ease) both}.mobile-drawer{position:relative;width:min(86vw,320px);height:100%;padding:22px 16px 16px;background:color-mix(in srgb,#0f141a 68%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.14);backdrop-filter:blur(24px) saturate(1.14);display:flex;flex-direction:column;box-shadow:var(--shadow);animation:mobile-drawer-enter .22s var(--ease) both}.drawer-close{position:absolute;top:12px;right:12px}.mobile-drawer .sidebar-footer{margin-top:auto}.page-wrap{width:calc(100% - 32px);padding:24px 0 48px}.page-header{padding:18px}.page-title-row h1{font-size:1.75rem}.page-title-row,.primary-action-panel,.service-compact{align-items:stretch;flex-direction:column}.content-grid,.account-grid,.policy-grid,.related-grid,.form-grid,.service-list{grid-template-columns:1fr}.dashboard-stack>.content-grid>.panel{padding:18px}.dashboard-stack>.content-grid>.panel+.panel{border-left:1px solid var(--border);border-top:1px solid var(--border);padding:18px}.invoice-total{grid-template-columns:1fr}.invoice-total>div,.invoice-total>div:first-child{padding:12px 0;border-left:0;border-top:1px solid var(--border)}.invoice-total>div:first-child{border-top:0}.ticket-list-item{grid-template-columns:1fr auto}.ticket-number{grid-column:1 / -1}.ticket-side{grid-template-columns:1fr}.notification-item{grid-template-columns:auto minmax(0,1fr)}.notification-item>.button{grid-column:2;justify-self:start}.security-callout{grid-template-columns:auto 1fr}.security-callout .button{grid-column:1 / -1}.totp-setup{grid-template-columns:1fr}.qr-placeholder{width:180px}.public-nav nav a:not(:last-child){display:none}.portal-landing{grid-template-columns:1fr;padding:50px 0 70px}.landing-copy h1{font-size:2.25rem}.landing-copy{max-width:680px}.topology-panel{margin-top:18px}.topology-stage{height:360px}.scenario-grid{grid-template-columns:1fr}}@media(max-width:480px){.public-nav,.public-footer,.portal-landing{width:calc(100% - 32px)}.public-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}.page-title-row{display:grid}.page-title-row>.button,.page-title-row>.badge{justify-self:start}.panel{padding:17px}.filter-bar,.form-row{flex-direction:column}.server-browser-header{align-items:flex-start;flex-direction:column;gap:4px}.filter-bar .input,.filter-bar select{width:100%}.service-list{padding:0}.service-list-item{grid-template-columns:auto minmax(0,1fr)}.button-row>.button{flex:1 1 auto}.landing-facts{grid-template-columns:1fr}.landing-facts div,.landing-facts div:first-child{padding:11px 0;border-left:0;border-top:1px solid var(--border)}.landing-facts div:first-child{border-top:0}.topology-header{align-items:flex-start;flex-direction:column;gap:8px}.topology-stage{height:310px}.topology-list{grid-template-columns:1fr}.auth-card{padding:22px 18px}.policy-page,.scenario-page{margin:24px auto 48px;padding:24px 20px 36px}.message-meta{flex-direction:column;gap:2px}.file-upload{align-items:flex-start;flex-wrap:wrap}.file-upload input{width:100%}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sidebar,.topbar,.mobile-topbar,.mobile-drawer,.page-header,.panel,.table-panel,.auth-card,.dialog-panel,.popover-panel{background:color-mix(in srgb,#1a2129 94%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.route-stage,.drawer-backdrop,.mobile-drawer,.notification-item.is-confirming{animation:none!important}}