:root{color-scheme:dark;font-family:IBM Plex Sans,Space Grotesk,Segoe UI,sans-serif;--bg-canvas: #121110;--bg-canvas-deep: #0d0c0b;--bg-panel: rgba(25, 24, 22, .94);--bg-panel-strong: rgba(31, 29, 27, .98);--bg-panel-muted: rgba(36, 33, 30, .92);--bg-panel-elevated: rgba(21, 20, 18, .98);--bg-field: rgba(18, 17, 15, .96);--bg-field-readonly: rgba(28, 26, 24, .9);--bg-overlay: rgba(11, 11, 10, .8);--bg-highlight: rgba(217, 130, 74, .1);--bg-highlight-strong: rgba(217, 130, 74, .18);--text-primary: #f1ede6;--text-secondary: #d4cdc3;--text-muted: #9c9488;--text-disabled: #686157;--border-subtle: rgba(255, 247, 234, .08);--border-strong: rgba(255, 247, 234, .14);--border-accent: rgba(217, 130, 74, .32);--accent: #d9824a;--accent-hover: #e39463;--accent-active: #bb6a3b;--accent-ink: #1f140d;--success: #6da184;--warning: #c69b5d;--danger: #c56b68;--info: #8aa9c6;--focus-ring: rgba(217, 130, 74, .32);--focus-ring-inner: rgba(255, 225, 198, .18);--shadow-soft: 0 18px 48px rgba(0, 0, 0, .26);--shadow-strong: 0 28px 90px rgba(0, 0, 0, .4);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-medium: .18s;--duration-slow: .28s;--workspace-block-height: min(74vh, 900px);--scrollbar-track: rgba(255, 247, 234, .03);--scrollbar-thumb: rgba(217, 130, 74, .24);--scrollbar-thumb-hover: rgba(217, 130, 74, .38)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(217,130,74,.14),transparent 30%),radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#151412,#11100f 54%,#0d0c0b);color:var(--text-primary);overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{inset:auto auto 8% -8%;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(217,130,74,.13),transparent 68%);filter:blur(26px);animation:drift 18s ease-in-out infinite}body:after{background-image:linear-gradient(rgba(255,247,234,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,234,.02) 1px,transparent 1px);background-size:120px 120px;opacity:.28;-webkit-mask-image:linear-gradient(180deg,#00000047,#00000014);mask-image:linear-gradient(180deg,#00000047,#00000014)}html.scroll-locked,body.scroll-locked{overflow:hidden}button,input,textarea,select{font:inherit}button{border:0;padding:0;cursor:pointer;background:none;color:inherit}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-field);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input[readonly],textarea[readonly]{background:var(--bg-field-readonly);color:var(--text-secondary)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 1px var(--focus-ring-inner),0 0 0 4px var(--focus-ring)}textarea{min-height:160px;resize:vertical}select{padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 1px),calc(100% - 11px) calc(50% - 1px);background-size:5px 5px;background-repeat:no-repeat}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}code,.mono{font-family:IBM Plex Mono,SFMono-Regular,monospace}code{color:#f6d4bb}.mono{word-break:break-word}.ui-icon{flex:0 0 auto}.dashboard-sidebar,.topbar,.auth-panel,.issue-card,.list-card,.hero-card,.empty-card{position:relative;z-index:1;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-panel-strong) 0%,var(--bg-panel) 100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard-shell,.auth-shell,.loading-shell{position:relative;z-index:1}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:minmax(254px,296px) minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);animation:page-enter .36s var(--ease-standard)}.dashboard-sidebar{position:sticky;top:var(--space-4);align-self:start;max-height:calc(100dvh - 32px);display:grid;gap:var(--space-4);padding:18px;border-radius:var(--radius-xl);overflow:auto}.dashboard-brand{display:flex;align-items:center;gap:var(--space-3)}.dashboard-brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--border-accent);background:var(--bg-highlight);color:var(--accent)}.dashboard-brand h1{margin:0;font-size:1.1rem;line-height:1;letter-spacing:-.04em}.dashboard-brand .eyebrow{margin-bottom:4px}.dashboard-brand-copy{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.55}.sidebar-section{display:grid;gap:var(--space-2);min-height:0}.sidebar-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.dashboard-main{min-width:0;display:grid;align-content:start;gap:var(--space-3)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:20px 22px;border-radius:var(--radius-xl)}.topbar-copy{min-width:0}.topbar h1,.hero-card h2,.empty-card h2,.issue-card h2,.list-heading h2,.modal-header h2{margin:0;line-height:.98;letter-spacing:-.045em}.topbar h1{font-size:clamp(1.9rem,3.2vw,2.7rem)}.topbar-copy p,.hero-card p,.issue-card p,.empty-card p,.auth-copy p{margin:8px 0 0;color:var(--text-muted);line-height:1.58}.topbar-copy p{max-width:68ch}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.summary-tile{display:grid;gap:4px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-panel-muted) 0%,rgba(27,25,23,.96) 100%);box-shadow:inset 0 1px #ffffff05}.summary-tile span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.summary-tile strong{font-size:1rem;letter-spacing:-.03em}.summary-tile--interactive{width:100%;text-align:left;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.summary-tile--interactive:hover{transform:translateY(-1px);border-color:var(--border-accent);background:linear-gradient(180deg,#d9824a1a,#1f1d1bfa);box-shadow:inset 0 0 0 1px #d9824a1f}.summary-tile--warning{border-color:#c69b5d47;background:#c69b5d14}.summary-tile--success{border-color:#6da18447;background:#6da18414}.workspace-frame{min-width:0;display:grid;gap:var(--space-3)}.tabs{display:grid;gap:8px;min-height:0;overflow:auto;padding-right:2px}.tabs button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:11px 12px;border-radius:14px;border:1px solid transparent;background:#fff7ea08;color:var(--text-secondary);text-align:left;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.tabs button:hover{transform:translate(2px);border-color:var(--border-subtle);background:#fff7ea0d}.tabs button.active{border-color:var(--border-accent);background:linear-gradient(180deg,#d9824a1f,#d9824a14);color:var(--text-primary);box-shadow:inset 0 0 0 1px #d9824a1f}.tab-icon-shell{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#fff7ea0a;color:var(--text-muted);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.tabs button.active .tab-icon-shell{background:#d9824a29;color:var(--accent)}.tab-copy{display:grid;gap:4px;min-width:0;line-height:1.05}.tab-copy>span{display:block;font-weight:600}.tab-copy small{display:block;color:var(--text-muted);font-size:.78rem;line-height:1.35}.tabs button.active .tab-copy small{color:var(--text-secondary)}.tab-count{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff7ea0d;color:var(--text-secondary);font-size:.75rem;font-weight:700}.tabs button.active .tab-count{border-color:#d9824a4d;background:#d9824a1f}.sidebar-meta{display:grid;gap:8px;margin-top:auto}.sidebar-meta-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:12px;border:1px solid var(--border-subtle);background:#fff7ea08}.sidebar-meta-item span{color:var(--text-muted);font-size:.8rem}.sidebar-meta-item strong{color:var(--text-primary)}.eyebrow{display:inline-flex;align-items:center;margin-bottom:8px;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.current-pill,.ghost,.primary-button,.danger-button,.status-action-button,.auth-form button,.issue-form button,.request-card button,.modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 13px;border-radius:12px;border:1px solid transparent;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.current-pill{align-items:center;padding:9px 12px;border-color:var(--border-subtle);background:#fff7ea0a}.current-pill-copy{display:grid;gap:2px}.current-pill-copy strong{font-size:.88rem;line-height:1.05}.current-pill-copy small{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.ghost{border-color:var(--border-subtle);background:#fff7ea0a;color:var(--text-primary)}.ghost:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#fff7ea12}.ghost.danger{color:#efc2bf;border-color:#c56b6838;background:#c56b6814}.primary-button,.auth-form button,.issue-form button,.request-card button,.modal-actions button:not(.ghost):not(.danger-button):not(.status-action-button){border-color:#d9824a6b;background:linear-gradient(180deg,var(--accent-hover) 0%,var(--accent) 100%);color:var(--accent-ink);font-weight:700;box-shadow:inset 0 1px #ffffff24,0 10px 22px #0003}.primary-button:hover,.auth-form button:hover,.issue-form button:hover,.request-card button:hover,.modal-actions button:not(.ghost):not(.danger-button):not(.status-action-button):hover{transform:translateY(-1px);background:linear-gradient(180deg,#e79b6d 0%,var(--accent-hover) 100%);box-shadow:inset 0 1px #ffffff2e,0 14px 26px #0000003d}.danger-button{border-color:#c56b6847;background:#c56b681f;color:#f0c2bf;font-weight:700}.danger-button:hover{transform:translateY(-1px);border-color:#c56b6866;background:#c56b682e}.status-action-button{min-height:32px;padding:6px 10px;border-color:var(--border-accent);background:#d9824a1a;color:var(--text-primary);font-size:.8rem;font-weight:700}.status-action-button:hover{transform:translateY(-1px);background:#d9824a29}.status-action-button-enabled{border-color:#6da1844d;background:#6da18426;color:#d6ebd8}.tab-panel{min-width:0;display:grid;gap:var(--space-3);animation:tab-switch .22s var(--ease-standard)}.tab-panel--overview{gap:var(--space-3)}.auth-shell,.loading-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-panel,.hero-card,.empty-card,.issue-card,.list-card{border-radius:var(--radius-xl);padding:20px}.auth-panel{width:min(100%,980px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px}.auth-copy{display:grid;align-content:space-between;gap:20px}.auth-copy h1{margin:0;max-width:10ch;font-size:clamp(2.6rem,5.5vw,4.8rem);line-height:.92;letter-spacing:-.06em}.auth-form,.issue-form{display:grid;gap:12px}.auth-form{align-self:center;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#fff7ea08}.auth-form label{color:var(--text-secondary);font-size:.82rem}.loading-shell{background:transparent}.loader{width:64px;height:64px;border-radius:999px;border:3px solid rgba(217,130,74,.18);border-top-color:var(--accent);animation:spin .9s linear infinite}.list-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:14px}.list-heading h2,.issue-card h2,.hero-card h2,.empty-card h2{font-size:clamp(1.2rem,2vw,1.55rem)}.hero-card,.empty-card,.issue-card,.list-card{display:grid;gap:14px;align-content:start}.hero-card--overview{gap:12px}.admin-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:12px;align-items:stretch;height:var(--workspace-block-height);min-height:0}.admin-layout>.issue-card,.admin-layout>.list-card{min-height:0;height:100%}.admin-layout>.issue-card{overflow:auto}.admin-layout>.list-card{display:flex;flex-direction:column;overflow:hidden}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.overview-stat{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid var(--border-subtle);background:linear-gradient(180deg,#fff7ea0a,#fff7ea05)}.overview-stat--warning{border-color:#c69b5d47;background:#c69b5d14}.overview-stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff7ea0d;color:var(--accent);flex:0 0 auto}.overview-stat-copy{min-width:0;display:grid;gap:4px}.overview-stat-copy span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.overview-stat-copy strong{font-size:1.45rem;line-height:1;letter-spacing:-.05em}.overview-stat-copy small{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.overview-panel{min-height:0}.overview-alert-list{display:grid;gap:0;align-content:start}.overview-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.overview-alert:last-child{border-bottom:0;padding-bottom:0}.overview-alert-dot{width:7px;height:7px;margin-top:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #d9824a1f;flex:0 0 auto}.overview-alert p{margin:0;color:var(--text-secondary);line-height:1.55}.system-issue-list{display:grid;gap:8px;max-height:360px;min-height:0;overflow:auto;padding-right:2px}.system-issue-card{width:100%;display:grid;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea08;color:inherit;text-align:left;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.system-issue-card:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#fff7ea0d}.system-issue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.system-issue-head strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.system-issue-address{color:var(--text-muted);font-size:.8rem;font-family:IBM Plex Mono,SFMono-Regular,monospace}.system-issue-card p,.system-issue-empty,.traffic-empty{margin:0;color:var(--text-secondary);line-height:1.5}.system-issue-card small{color:var(--text-muted)}.traffic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.traffic-card{overflow:hidden}.traffic-card-header,.traffic-card-meta,.traffic-chart-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.traffic-card-meta{flex:1 1 auto}.traffic-card-meta p{margin:0;color:var(--text-muted);line-height:1.5}.traffic-range-toggle{display:inline-flex;flex-wrap:wrap;gap:6px}.traffic-range-toggle button{min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff7ea0a;color:var(--text-secondary);font-size:.78rem;font-weight:600;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.traffic-range-toggle button:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#fff7ea12}.traffic-range-toggle button.active{border-color:var(--border-accent);background:#d9824a1f;color:var(--text-primary)}.traffic-chart-shell{position:relative;padding-top:6px}.traffic-chart{width:100%;height:auto;display:block;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none}.traffic-chart-grid{stroke:#fff7ea14;stroke-width:1}.traffic-chart-axis{fill:var(--text-muted);font-size:13px;letter-spacing:.01em}.traffic-chart-area{fill:#d9824a1f}.traffic-chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.traffic-chart-cursor{stroke:#d9824a75;stroke-width:1.5;stroke-dasharray:6 6}.traffic-chart-point{fill:var(--bg-panel-elevated);stroke:var(--accent);stroke-width:2.5}.traffic-chart-selection{fill:#d9824a1f}.traffic-chart-tooltip{position:absolute;top:8px;z-index:1;display:grid;gap:2px;min-width:124px;padding:8px 10px;border-radius:12px;border:1px solid var(--border-accent);background:#161412f5;box-shadow:var(--shadow-soft);transform:translate(-50%);pointer-events:none}.traffic-chart-tooltip strong{font-size:.88rem;letter-spacing:-.03em}.traffic-chart-tooltip span{color:var(--text-muted);font-size:.76rem}.traffic-chart-caption{align-items:center;color:var(--text-muted);font-size:.78rem}.request-list,.image-list,.passphrase-list{display:grid;gap:8px;align-content:start}.admin-layout>.list-card .passphrase-list,.admin-layout>.list-card .image-list,.admin-layout>.list-card .request-list,.server-master-card .passphrase-list{flex:1 1 auto;min-height:0;overflow:auto;padding-right:2px}.empty-inline{padding:12px 14px;border-radius:14px;border:1px dashed var(--border-strong);background:#fff7ea05;color:var(--text-muted)}.server-editor-layout{display:grid;grid-template-columns:minmax(300px,372px) minmax(0,1fr);gap:12px;height:var(--workspace-block-height);min-height:0;align-items:stretch}.server-master-card,.server-detail-card{height:100%;min-height:0;display:flex;flex-direction:column;min-width:0;overflow:hidden}.server-detail-card{padding-bottom:0}.server-detail-scroll{flex:1 1 auto;min-width:0;overflow:auto;padding-right:2px;padding-bottom:14px}.server-detail-heading{margin-bottom:8px}.server-inline-actions,.card-actions{display:flex;flex-wrap:wrap;gap:8px}.server-master-item,.request-card,.image-card,.subscription-price-card,.promo-activation-row,.server-entry,.provision-step{border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea08;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.server-master-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;color:inherit;text-align:left}.server-master-item:hover,.image-card:hover,.request-card:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#fff7ea0d}.server-master-item.active{border-color:var(--border-accent);background:#d9824a14;box-shadow:inset 0 0 0 1px #d9824a1f}.server-master-item strong,.request-card strong,.detail-row strong,.image-card strong,.passphrase-summary strong{display:block}.server-master-copy{min-width:0;display:grid;gap:4px}.server-master-copy strong,.server-master-secondary{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.server-master-item span,.request-card span,.image-card-header span,.detail-row span,.passphrase-summary span{color:var(--text-muted)}.server-master-meta{display:grid;justify-items:end;gap:6px}.server-detail-placeholder{min-height:100%;display:grid;place-content:center;gap:6px;text-align:center;color:var(--text-muted)}.server-detail-placeholder h2{margin:0;font-size:1.4rem}.server-form-sections{display:grid;gap:16px;align-content:start}.server-form-section{display:grid;gap:10px;align-content:start}.server-form-section h3{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.server-detail-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding:12px 0 18px;background:linear-gradient(180deg,#19181600,#191816eb 34%)}.client-detail-dialog-card{width:min(100%,1040px)}.support-ticket-list{gap:10px}.support-ticket-item{align-items:flex-start}.support-ticket-meta-line{font-size:.76rem;color:var(--text-muted)}.support-detail-card{padding-bottom:0}.support-detail-heading{align-items:flex-start;position:sticky;top:0;z-index:2;margin:-18px -18px 0;padding:18px 18px 12px;background:linear-gradient(180deg,#1c1a18fe,#1c1a18f5 82%,#1c1a1800)}.support-user-link{width:fit-content}.support-detail-toolbar{align-items:center}.support-thread{display:grid;gap:12px;align-content:start;padding-bottom:16px}.support-message{display:grid;gap:10px;max-width:min(100%,720px);padding:14px;border-radius:18px;border:1px solid var(--border-subtle);background:#fff7ea0a}.support-message-admin{margin-left:auto;background:#d9824a14;border-color:#d9824a33}.support-message-client{margin-right:auto}.support-message-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.support-message-head span{color:var(--text-muted);font-size:.76rem}.support-message-body{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.support-image-thumb{display:grid;gap:8px;width:fit-content;padding:8px;border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea0a;color:inherit;text-align:left}.support-image-thumb img{width:min(100%,280px);max-height:200px;object-fit:cover;border-radius:12px}.support-image-thumb span{color:var(--text-muted);font-size:.8rem}.support-file-link{width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:9px 11px;border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea0a;color:inherit}.support-file-link small{color:var(--text-muted)}.support-composer{display:grid;gap:10px;padding:12px 0 18px;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,#19181600,#191816f0 28%)}.support-composer textarea{min-height:136px;resize:vertical}.support-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.support-composer-attachment{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea0a}.support-composer-attachment div{display:grid;gap:4px}.support-composer-attachment span{color:var(--text-muted);font-size:.8rem}.modal-backdrop-open{opacity:1}.modal-backdrop-closing{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.modal-card-open{opacity:1;transform:translateY(0) scale(1)}.modal-card-closing{opacity:0;transform:translateY(12px) scale(.98)}.support-emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.support-emoji-picker button{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-subtle);background:#fff7ea0a;font-size:1.1rem}.support-hidden-input{display:none}.support-image-backdrop{cursor:zoom-out;background:#040406e0}.support-image-shell{width:min(100%,92vw);max-height:calc(100dvh - 48px);display:grid;place-items:center;animation:card-in .18s var(--ease-emphasized)}.support-image-full{max-width:100%;max-height:calc(100dvh - 48px);object-fit:contain;border-radius:18px;box-shadow:var(--shadow-strong)}.detail-row{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-row strong{min-width:0;line-height:1.45}.detail-row-inline{align-items:center}.detail-row--wide,.full-width{grid-column:1 / -1}.passphrase-item{border-radius:14px;border:1px solid var(--border-subtle);background:#fff7ea08;overflow:hidden;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.passphrase-item:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#fff7ea0d}.passphrase-item.expanded{border-color:var(--border-accent);background:#d9824a0f}.passphrase-summary{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:transparent;color:inherit}.passphrase-details{display:grid;gap:0;padding:0 14px 14px;animation:expand-fade .16s var(--ease-standard)}.arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#fff7ea0d;color:var(--accent);transition:transform var(--duration-medium) var(--ease-standard)}.passphrase-item.expanded .arrow{transform:rotate(180deg)}.status-pill{width:fit-content;min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff7ea0a;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em}.status-healthy{border-color:#6da18447;background:#6da1841f;color:#d6ebd8}.status-neutral{border-color:#8aa9c63d;background:#8aa9c61a;color:#d8e5f0}.status-scheduled,.status-waiting-for-registration{border-color:#c69b5d42;background:#c69b5d1f;color:#f0ddb8}.status-unhealthy{border-color:#c56b6847;background:#c56b681f;color:#f0c2bf}.page-banner-error,.page-banner-success,.form-error,.secret-banner{padding:11px 12px;border-radius:12px;border:1px solid transparent;animation:rise-in .18s var(--ease-standard)}.page-banner-error,.form-error{border-color:#c56b6847;background:#c56b681f;color:#f0c2bf}.page-banner-success{border-color:#6da18447;background:#6da1841c;color:#d7ecd9}.secret-banner{border-color:#d9824a47;background:#d9824a1f;color:#f3dcc8}.secret-banner p{margin:0}.secret-banner code{display:block;margin-top:8px;word-break:break-all;color:#fff2e6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-items:flex-start;justify-items:center;padding:18px;overflow:auto;background:var(--bg-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:page-enter var(--duration-medium) var(--ease-standard)}.modal-card{width:min(100%,920px);max-height:calc(100dvh - 36px);overflow:auto;padding:18px;border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:linear-gradient(180deg,#1c1a18fc,#151412fa);box-shadow:var(--shadow-strong);animation:card-in .2s var(--ease-emphasized)}.modal-card--narrow{width:min(100%,700px)}.modal-card--traffic{width:min(100%,1240px)}.modal-header,.modal-actions{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-header{position:sticky;top:0;z-index:2;margin:-18px -18px 12px;padding:18px 18px 12px;background:linear-gradient(180deg,#1c1a18fe,#1c1a18f5 82%,#1c1a1800)}.modal-actions{position:sticky;bottom:0;z-index:2;margin:12px -18px -18px;padding:12px 18px 18px;justify-content:flex-end;background:linear-gradient(180deg,#15141200,#151412f0 36%,#151412fc)}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;align-content:start}.modal-grid label,.transport-picker{display:grid;gap:6px}.client-traffic-header-copy p{margin:6px 0 0;color:var(--text-muted);line-height:1.5}.client-traffic-shell{display:grid;gap:12px}.modal-grid span,.transport-picker>span{color:var(--text-secondary);font-size:.82rem}.checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.checkbox-pill{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff7ea0a;color:var(--text-secondary)}.checkbox-pill input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.checkbox-inline{width:fit-content}.checkbox-pill-disabled{opacity:.58}.progress-shell,.upload-panel{display:grid;gap:12px;align-content:start}.progress-copy{display:grid;gap:4px}.progress-copy span,.dialog-copy{color:var(--text-secondary)}.dialog-copy{margin:0;line-height:1.55}.upload-dropzone{display:grid;gap:6px;padding:16px;border-radius:16px;border:1px dashed rgba(217,130,74,.34);background:#d9824a12;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.upload-dropzone:hover{transform:translateY(-1px);border-color:#d9824a70;background:#d9824a1a}.upload-dropzone input{display:none}.upload-dropzone span{color:var(--text-muted)}.progress-block{display:grid;gap:8px}.progress-row{display:flex;justify-content:space-between;gap:10px}.progress-bar{height:8px;border-radius:999px;border:1px solid var(--border-subtle);background:#fff7ea0a;overflow:hidden}.progress-bar div{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);transition:width var(--duration-medium) var(--ease-standard)}.image-preview{display:grid;gap:0;align-content:start}.image-card{display:grid;gap:12px;padding:14px}.image-card.active{border-color:#6da18447;background:#6da18414}.image-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.image-meta-grid{display:grid;gap:0;align-content:start}.subscription-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subscription-price-card{display:grid;gap:10px;padding:12px}.subscription-price-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.subscription-price-card-header span{color:var(--text-muted);font-size:.8rem;text-align:right}.subscription-price-card-grid{margin-top:0;grid-template-columns:1fr}.promo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.promo-activation-list{display:grid;gap:8px;align-content:start}.promo-activation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px}.promo-activation-row span{text-align:right}.promo-activation-row-head{border-style:dashed;background:transparent;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.promo-activation-row-head span{color:inherit}.request-card{display:grid;gap:10px;padding:14px}.request-card p{margin:0;color:var(--text-secondary);word-break:break-word}.server-table{display:grid;gap:8px}.server-entry{overflow:hidden}.server-entry.expanded{border-color:var(--border-accent)}.server-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(120px,.9fr) minmax(120px,.9fr) 1.4fr auto;gap:12px;align-items:center;padding:12px 14px}.server-row--head{border-radius:14px;border:1px dashed var(--border-subtle);color:var(--text-muted);background:transparent;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.table-actions{display:flex;justify-content:flex-end}.server-dropdown{padding:0 14px 14px;border-top:1px solid var(--border-subtle);background:#fff7ea05}.server-dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding-top:12px}.server-dropdown-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.table-empty{margin-top:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes expand-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-switch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-14px,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1180px){.dashboard-shell,.server-editor-layout,.admin-layout,.overview-columns,.traffic-grid,.auth-panel{grid-template-columns:1fr}.dashboard-sidebar{position:static;max-height:none}.server-editor-layout,.admin-layout{height:auto}.workspace-summary,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar,.list-heading,.modal-header,.modal-actions{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:flex-start}.server-master-card,.server-detail-card{min-height:auto;height:auto;overflow:visible}.admin-layout>.issue-card,.admin-layout>.list-card{height:auto;overflow:visible}.admin-layout>.list-card .passphrase-list,.admin-layout>.list-card .image-list,.admin-layout>.list-card .request-list,.server-master-card .passphrase-list{overflow:visible}}@media(max-width:760px){.dashboard-shell,.auth-shell,.loading-shell{padding:12px}.dashboard-sidebar,.topbar,.auth-panel,.hero-card,.empty-card,.issue-card,.list-card,.modal-card{border-radius:18px}.dashboard-sidebar,.topbar,.auth-panel,.hero-card,.empty-card,.issue-card,.list-card,.modal-card{padding:16px}.modal-header{margin:-16px -16px 10px;padding:16px 16px 10px}.modal-actions{margin:10px -16px -16px;padding:10px 16px 16px}.workspace-summary,.overview-grid,.sidebar-meta,.subscription-price-grid,.modal-grid,.server-dropdown-grid,.tabs{grid-template-columns:1fr}.current-pill,.topbar-actions,.server-inline-actions,.server-detail-footer,.card-actions,.promo-section-heading,.traffic-card-header,.traffic-card-meta,.traffic-chart-caption,.system-issue-head{width:100%;flex-direction:column;align-items:stretch}.detail-row,.promo-activation-row,.server-row{grid-template-columns:1fr}.promo-activation-row span{text-align:left}}
