@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg:#1c1f26;--surface:#242830;--surface-2:#1f232b;--elevated:#2c313a;--border:#343a45;--text:#d1d5db;--text-bright:#f0f1f3;--text-secondary:#9aa1ad;--text-disabled:#6b7280;--accent:#e07a2f;--accent-hover:#e8894a;--on-accent:#1c1f26;--accent-text:#ec9458;--accent-subtle:#e07a2f14;--accent-border:#e07a2f33;--success:#4ade80;--error:#f87171;--success-text:#4ade80;--success-bg:#4ade801a;--success-border:#4ade804d;--warning-text:#facc15;--warning-bg:#facc151a;--warning-border:#facc154d;--error-text:#fca5a5;--error-bg:#f871711a;--error-border:#f871714d;--info-text:#93c5fd;--info-bg:#60a5fa1a;--info-border:#60a5fa4d;--neutral-text:#a8aeb9;--neutral-bg:#94a3b81f;--neutral-border:#94a3b84d;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--leading-body:1.6;--text-3xs:.625rem;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-lg:.9375rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.25rem;--text-4xl:1.5rem;--text-5xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:999px;--max-width:1100px;--nav-height:56px;--nav-bg:#1c1f26e6;--scrim:#0a0c1099;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 50px -16px #0000008c}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:var(--leading-body)}::placeholder{color:var(--text-secondary);opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}input[type=date]:focus-within,input[type=datetime-local]:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){.billing-nav-links a,.billing-nav-staff,.sidebar-link,.sidebar-signed-out__link,.btn,.pagination-btn{align-items:center;min-height:44px;display:inline-flex}.actions-menu-list .actions-menu-item{align-items:center;min-height:44px;display:flex}.btn--block{justify-content:center;display:flex}}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.billing-layout{flex-direction:column;min-height:100vh;display:flex}.billing-nav{z-index:100;height:var(--nav-height);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.billing-nav-logo{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-bright);white-space:nowrap;font-weight:800}.billing-nav-logo span{color:var(--accent-text)}.billing-nav-right .btn{white-space:nowrap}.billing-nav-left,.billing-nav-links{align-items:center;gap:var(--space-8);display:flex}.billing-nav-links a{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s}.billing-nav-links a:hover{color:var(--text-bright)}.billing-nav-right{align-items:center;gap:var(--space-4);display:flex}.billing-nav-hello{max-width:14rem;font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block;overflow:hidden}.billing-nav-hello:hover{color:var(--text-bright)}@media (width<=1024px){.billing-nav .billing-nav-hello{display:none}}.billing-nav-tag{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-weight:600}.billing-body{flex:1;display:flex}.billing-sidebar{border-right:1px solid var(--border);width:200px;min-width:200px;padding:var(--space-4) 0;flex-direction:column;display:flex}.sidebar-section-label{margin:0 0 var(--space-3);padding:0 var(--space-6);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-weight:600}.sidebar-links{padding:0 var(--space-3);flex-direction:column;gap:2px;display:flex}.sidebar-link{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--surface)}.sidebar-link.active{color:var(--accent-text);background:var(--accent-subtle)}.sidebar-link svg{stroke:currentColor;fill:none;flex-shrink:0;width:18px;height:18px}.sidebar-group__row{align-items:center;display:flex}.sidebar-group__row .sidebar-link{flex:1;min-width:0}.sidebar-disclosure{width:32px;height:32px;margin-right:var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.sidebar-disclosure:hover{color:var(--text);background:var(--surface)}.sidebar-disclosure svg{stroke:currentColor;fill:none;width:16px;height:16px;transition:transform .15s}.sidebar-disclosure.open svg{transform:rotate(180deg)}@media (pointer:coarse){.sidebar-disclosure{width:44px;height:44px}}.sidebar-sublinks{margin:0;padding:0;list-style:none}.sidebar-sublinks[hidden]{display:none}.sidebar-sublink{padding:7px 12px 7px calc(12px + 18px + 10px + var(--space-2));font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s,background .15s;display:block}.sidebar-sublink:hover{color:var(--text);background:var(--surface)}.sidebar-sublink.active{color:var(--accent-text);background:var(--accent-subtle)}.sidebar-signed-out{margin-top:var(--space-4);padding:var(--space-4) var(--space-6) 0;border-top:1px solid var(--border)}.sidebar-signed-out__note{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.sidebar-signed-out__link{font-size:var(--text-sm);color:var(--accent-text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.sidebar-signed-out__link:hover{text-decoration:underline}.billing-content{flex:1;padding:32px 40px}.required-marker{color:var(--error)}.billing-footer{padding:var(--space-4);border-top:1px solid var(--border)}.billing-footer-links{justify-content:center;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.billing-footer-links li+li:before{content:"·";margin-right:var(--space-2)}.billing-footer-links a:hover{color:var(--text-bright)}.btn{font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn--ghost:hover{color:var(--text-bright);background:var(--surface);border-color:var(--accent-border)}.btn--danger{background:var(--error);color:var(--bg)}.btn--danger:hover{background:#f45d5d}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{font-size:var(--text-xs);padding:.35rem .7rem}.btn--lg{font-size:var(--text-lg);padding:.625rem 1.5rem}.btn--block{text-align:center;width:100%;margin-top:var(--space-2);display:block}.input,.select{min-height:calc(var(--leading-body) * 1em + 22px);font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-bright);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 12px;transition:border-color .15s}.select{cursor:pointer}.input:focus,.select:focus{border-color:var(--accent)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--error)}.input:disabled,.input[readonly],.select:disabled{color:var(--text-disabled);background:var(--surface-2);cursor:not-allowed}.input--sm,.select--sm{min-height:calc(var(--leading-body) * 1em + 18px);font-size:var(--text-sm);background:var(--surface-2);padding:7px 10px}@media (pointer:coarse){.input,.select{font-size:var(--text-xl)}.input--sm,.select--sm{min-height:44px}}.billing-nav-staff{font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--accent-text);border:1px solid var(--accent-border);background:var(--accent-subtle);white-space:nowrap;padding:4px 10px;text-decoration:none}.billing-nav-staff:hover{color:var(--text-bright);border-color:var(--accent)}.error-boundary{max-width:34rem;margin:var(--space-12) auto;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.error-boundary__title{font-size:var(--text-2xl);color:var(--text-bright);margin:0 0 var(--space-3);font-weight:700}.error-boundary__note{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-5)}.billing-drawer-trigger{border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-bright);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:none}.billing-drawer-trigger:hover{border-color:var(--accent-border);background:var(--elevated)}.billing-drawer-trigger svg{stroke:currentColor;width:22px;height:22px}.billing-drawer-overlay{z-index:200;background:var(--scrim);position:fixed;inset:0}.billing-drawer{z-index:201;gap:var(--space-2);width:min(320px,85vw);padding:var(--space-4) 0;background:var(--bg);border-left:1px solid var(--border);flex-direction:column;animation:.18s ease-out billing-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes billing-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.billing-drawer-close{min-height:44px;margin:0 var(--space-4) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;align-self:flex-end;padding:10px 14px;font-weight:600}.billing-drawer-close:hover{color:var(--text-bright);border-color:var(--accent-border)}.billing-drawer .sidebar-section-label~.sidebar-section-label{margin-top:var(--space-4)}.billing-drawer-external{padding:0 var(--space-3);flex-direction:column;gap:2px;display:flex}.billing-drawer-external .sidebar-link{padding-left:40px}.billing-drawer-actions{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4) var(--space-6) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.billing-drawer-actions .billing-nav-hello{max-width:100%;padding:12px 0}@media (width<=1180px){.billing-sidebar{width:176px;min-width:176px}.billing-content{padding:var(--space-6)}}@media (width<=640px){.billing-nav{padding:0 var(--space-4)}.billing-nav .billing-nav-links,.billing-nav .billing-nav-tag,.billing-nav .billing-nav-logout,.billing-nav .billing-nav-staff,.billing-nav .billing-nav-auth:not(.billing-nav-auth--primary){display:none}.billing-drawer-trigger{display:inline-flex}.billing-sidebar{display:none}.billing-content{padding:var(--space-4)}}.field-counter{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.field-counter-count{font-variant-numeric:tabular-nums;margin-left:auto}.field-counter-error,.field-counter--over .field-counter-count{color:var(--error)}.auth-page{min-height:100vh;padding:var(--space-6);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-page .billing-footer{margin-top:var(--space-4);border-top:none;padding-bottom:0}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-10) var(--space-8) var(--space-8)}.auth-logo{text-align:center;margin-bottom:var(--space-8);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--text-bright);font-weight:800}.auth-logo span{color:var(--accent-text)}.auth-title{font-size:var(--text-2xl);color:var(--text-bright);margin-bottom:var(--space-6);text-align:center;font-weight:700}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.auth-field .input::placeholder{color:var(--text-disabled)}.auth-error{font-size:var(--text-sm);color:var(--error);border-radius:var(--radius-md);background:#f8717114;border:1px solid #f8717133;padding:10px 12px}.auth-field-error{font-size:var(--text-xs);color:var(--error);margin:0}.auth-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-forgot{font-size:var(--text-sm);color:var(--accent-text);align-self:flex-end;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--accent-text);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.google-signin{margin-bottom:var(--space-5,20px)}.google-signin__button{justify-content:center;min-height:40px;display:flex}.auth-divider{margin:var(--space-5,20px) 0;color:var(--text-secondary);font-size:var(--text-xs);align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.discord-button{width:100%;margin-top:var(--space-3,12px);font-size:var(--text-md);font-weight:600;font-family:var(--font-body);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#5865f2;border:none;padding:10px 20px;transition:background .15s}.discord-button:hover:not(:disabled){background:#4752c4}.discord-button:disabled{opacity:.6;cursor:not-allowed}.invoices-list{flex-direction:column;gap:2px;display:flex}.invoice-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-sm);color:inherit;font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr) auto auto;text-decoration:none;transition:background .15s;display:grid}.invoice-row:hover{background:var(--elevated)}.invoice-row-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.invoice-row-amount{font-family:var(--font-mono);color:var(--text-bright);font-weight:500}.invoice-row-date{font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.invoices-empty,.invoice-detail-loading{padding:var(--space-16) 0;color:var(--text-secondary);font-size:var(--text-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.invoice-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.invoice-detail-meta{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.invoice-meta-item{flex-direction:column;gap:4px;display:flex}.invoice-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.invoice-meta-value{font-size:var(--text-md);color:var(--text-bright)}.invoice-items-table{border-collapse:collapse;width:100%}.invoice-items-table th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-weight:700}.invoice-items-table th:last-child{text-align:right}.invoice-items-table td{font-size:var(--text-md);color:var(--text);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.invoice-items-table td:last-child{text-align:right;font-family:var(--font-mono);color:var(--text-bright)}.invoice-total-row{padding-top:var(--space-4);margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.invoice-total-label{font-size:var(--text-md);color:var(--text-bright);font-weight:700}.invoice-total-value{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--accent-text);font-weight:700}@media (width<=640px){.invoice-row{gap:var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) auto}}.invoice-error{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);background:#f8717114;border:1px solid #f8717159}.invoice-detail-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.invoice-detail-actions-note{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.page-header{margin-bottom:var(--space-6)}.page-header--admin{margin-bottom:var(--space-4)}.admin-exit+.page-header{margin-top:var(--space-3)}.page-header__row{align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);flex-wrap:wrap;display:flex}.page-header__title{padding-block:calc((var(--text-md) * var(--leading-body) + 22px - 1.5em) / 2);font-size:var(--text-4xl);color:var(--text-bright);margin:0;font-weight:700;line-height:1.5}.page-header__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.page-header__subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.back-link{width:fit-content;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.back-link:hover{color:var(--text-bright)}.client-grid{gap:var(--space-4);grid-template-columns:288px minmax(0,1fr);align-items:start;display:grid}.client-side{gap:var(--space-3);top:calc(var(--nav-height) + var(--space-4));flex-direction:column;display:flex;position:sticky}.client-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.client-split{gap:var(--space-4);grid-template-rows:auto auto 1fr auto;grid-template-columns:1.35fr 1fr;display:grid}.client-split .panel{grid-row:span 4;grid-template-rows:subgrid;row-gap:0;display:grid}.client-split .panel-body{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--space-3);align-items:start;display:grid}.client-split .panel-body>.empty-state:first-child{grid-row:1/span 2}.client-split .panel-body>.pagination{margin-top:auto}.text-overdue{color:#f87171}.stat-strip{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.stat-tile{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) calc(var(--space-4) + 3px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.stat-tile:after{content:"";left:var(--space-4);right:var(--space-4);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0}.stat-tile--services:after{background:#38bdf8}.stat-tile--tickets:after{background:#f87171}.stat-tile--invoices:after{background:#fbbf24}.stat-tile:hover{border-color:var(--text-secondary)}.stat-tile-text{flex-direction:column;min-width:0;display:flex}.stat-tile-value{font-size:var(--text-5xl);color:var(--text-bright);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.stat-tile-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-top:4px}.stat-tile-glyph{color:#ffffff0f;flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.panel-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:#ffffff05;display:flex}.panel-title{align-items:center;gap:var(--space-2);font-size:var(--text-2xl);color:var(--text-bright);flex:1;min-width:0;margin:0;font-weight:700;display:flex}.panel-icon{color:var(--text-secondary);display:inline-flex}.panel-action{flex-shrink:0}.panel-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:inline-flex}.panel-toggle:hover{color:var(--text-bright)}.panel-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.panel-more{text-align:right;font-size:var(--text-xs)}.panel-more a{color:var(--text-secondary);text-decoration:none}.panel-more a:hover{color:var(--text-bright)}.service-rows,.dashboard-ticket-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.service-rows{column-gap:var(--space-3);grid-template-columns:max-content minmax(0,1fr) auto;display:grid}.service-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;row-gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);display:grid}.service-row-pills{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;display:flex}.service-rows li:first-child,.dashboard-ticket-rows li:first-child{border-top:none;padding-top:0}.service-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.service-row-name{font-size:var(--text-md);color:var(--text-bright);font-weight:600}.service-row-meta,.dashboard-ticket-row-updated{font-size:var(--text-xs);color:var(--text-secondary)}.service-row-actions{gap:var(--space-2);flex-shrink:0;display:flex}.dashboard-ticket-row{gap:4px var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);grid-template-columns:1fr auto;display:grid}.dashboard-ticket-row-subject{font-size:var(--text-sm);color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-decoration:none;overflow:hidden}.dashboard-ticket-row-subject:hover{text-decoration:underline}.dashboard-ticket-row-updated{grid-column:1/-1}.invoice-list{flex-direction:column;gap:2px;display:flex}.dashboard-skeleton{gap:var(--space-4);flex-direction:column;display:flex}.skeleton-bar{border-radius:var(--radius-sm);background:var(--elevated);animation:1.5s ease-in-out infinite skeleton-pulse;display:block}.skeleton-bar--value{width:3.5rem;height:1.75rem}.skeleton-bar--label{width:5.5rem;height:.7rem;margin-top:8px}.skeleton-bar--title{width:7rem;height:.8rem}.skeleton-bar--row{height:2.5rem}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.empty-state p{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-4)}.empty-state .empty-state-title{font-size:var(--text-lg);color:var(--text-bright);margin-bottom:var(--space-2);font-weight:600}.empty-state .empty-state-body{max-width:46ch;margin:0 auto var(--space-5)}.empty-state-action{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.empty-state a:not(.btn){color:var(--accent-text);font-size:var(--text-sm);font-weight:500;text-decoration:none}.empty-state a:not(.btn):hover{text-decoration:underline}.discord-logo{color:#5865f2;width:22px;height:22px}.discord-note{font-size:var(--text-xs);color:var(--text-secondary);opacity:.75;margin:0}.discord-profile{align-items:center;gap:var(--space-3);display:flex}.discord-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.side-muted{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.shortcut-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shortcut-list a,.shortcut-logout{font:inherit;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.shortcut-list a:hover,.shortcut-logout:hover{color:var(--text-bright)}@media (width<=1180px){.client-grid,.client-split{grid-template-columns:1fr}.client-side{position:static}.stat-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stat-strip{grid-template-columns:1fr}.service-row-actions{grid-column:1/-1}}.panel-account-name{margin:var(--space-3) 0;flex-direction:column;gap:2px;display:flex}.panel-account-name .side-muted{font-size:var(--text-xs)}.panel-account-name code{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-bright);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#ffffff0a;padding:6px 8px}.discord-widget{overflow:visible}.discord-widget .panel-head{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.discord-widget .panel-head:last-child{border-radius:var(--radius-lg)}.discord-widget .discord-server>div,.discord-widget .discord-profile>span{min-width:0}.discord-widget .discord-server-name,.discord-widget .discord-profile>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-action .actions-menu-trigger{color:var(--text-secondary);border-color:#0000}.panel-action .actions-menu-trigger:hover{color:var(--text-bright);border-color:#0000}.discord-error{font-size:var(--text-xs);color:var(--error);margin:0}.discord-server{align-items:center;gap:var(--space-3);display:flex}.discord-server-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.discord-server-name{color:var(--text-bright);font-weight:600;font-size:var(--text-md);margin:0}.discord-server-counts{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.purchase-complete{background:var(--surface);border:1px solid var(--accent);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);position:relative}.purchase-complete__title{font-size:var(--text-xl);margin:0 0 var(--space-2);padding-right:calc(44px + var(--space-3));font-weight:600}.purchase-complete__lead{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-4);max-width:60ch}.purchase-complete__name{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.purchase-complete__name code{font-size:var(--text-md);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);-webkit-user-select:all;user-select:all;padding:2px 8px}.purchase-complete__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.purchase-complete__note{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-4) 0 0}.purchase-complete__close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);font-size:var(--text-3xl);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.purchase-complete__close:hover{color:var(--text-bright)}.list-toolbar{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.list-search{flex:0 320px;min-width:180px}.list-toolbar-controls{gap:var(--space-3);flex-wrap:wrap;display:flex}.list-toolbar--no-search{justify-content:flex-end}.list-clear{font-size:var(--text-sm);padding:8px 14px;font-weight:500}.list-sort-fallback{display:none}.data-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:visible}.data-row{grid-template-columns:var(--cols,repeat(auto-fit, minmax(0, 1fr)));--actions-track:32px;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:grid}.data-row:last-child{border-bottom:none}.data-head{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:var(--elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-weight:700}.data-head-cell{min-width:0}.data-sort{max-width:100%;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.data-sort:hover{color:var(--text-bright)}.data-sort-icon{flex:none}.data-sort-icon--idle{opacity:.35}.data-sort:hover .data-sort-icon--idle{opacity:.7}.data-row--link{color:inherit;text-decoration:none;transition:background .12s}.data-row--link:hover{background:var(--elevated)}.data-cell{min-width:0;color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-cell--strong{color:var(--text-bright);font-weight:600}.data-cell--mono{font-family:var(--font-mono)}.data-cell--right{text-align:right;justify-self:end}.data-cell--muted{color:var(--text-secondary)}.list-empty{padding:var(--space-10);text-align:center;color:var(--text-secondary)}.pill{border-radius:var(--radius-full);font-size:var(--text-2xs);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;padding:2px 10px;font-weight:700;display:inline-block}.pill--green{color:var(--success-text);background:var(--success-bg)}.pill--amber{color:var(--warning-text);background:var(--warning-bg)}.pill--red{color:var(--error-text);background:var(--error-bg)}.pill--gray{color:var(--neutral-text);background:var(--neutral-bg)}.pill--accent{color:var(--accent-text);background:var(--accent-subtle)}.pill--blue{color:var(--info-text);background:var(--info-bg)}.pagination{justify-content:flex-start;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.pagination-btn{padding:var(--space-2) var(--space-4);background:var(--pagination-bg,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);font-size:var(--text-sm);cursor:pointer;font-weight:600}.pagination-btn:hover:not(:disabled){border-color:var(--accent-border);background:var(--elevated)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{min-width:32px;padding:var(--space-2);background:var(--pagination-bg,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.pagination-page:hover{border-color:var(--accent-border);background:var(--elevated)}.pagination-page--current{border-color:var(--accent-border);background:var(--elevated);color:var(--text-bright);font-weight:600}.pagination-gap{color:var(--text-secondary);padding:0 var(--space-1)}.admin-col-select{white-space:nowrap;width:1px}.admin-col-select input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;display:block}.actions-menu{justify-self:end;position:relative}.actions-menu-trigger{border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-bright);font-size:var(--text-2xl);cursor:pointer;background:0 0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.actions-menu-trigger:hover{border-color:var(--accent-border);background:var(--elevated)}@media (pointer:coarse){.pagination-page,.actions-menu-trigger{min-width:44px;min-height:44px}.data-row{--actions-track:44px}}.actions-menu-list{z-index:20;min-width:190px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.actions-menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-bright);font-size:var(--text-sm);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;text-decoration:none;display:block}.actions-menu-item:hover:not(:disabled){background:var(--elevated)}.actions-menu-item:disabled{opacity:.4;cursor:not-allowed}.actions-menu-item--danger{color:var(--error)}@media (width<=1024px){.data-head{display:none}.list-sort-fallback{display:block}.data-row{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:center}.data-cell{justify-content:space-between;align-items:baseline;gap:var(--space-3);white-space:normal;overflow-wrap:anywhere;text-overflow:clip;grid-column:1;display:flex;overflow:visible}.data-cell[data-label]:before{content:attr(data-label);color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;flex:none;font-weight:600}.data-cell--strong{grid-row:1;display:block}.data-cell--right{text-align:left;justify-self:stretch}.actions-menu{grid-area:1/2;align-self:center}}.dialog-backdrop{z-index:100;padding:var(--space-4);background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--space-6);box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--space-8));max-height:calc(100dvh - var(--space-8));overflow-y:auto}.dialog-title{margin:0 0 var(--space-3);font-size:var(--text-2xl);color:var(--text-bright)}.dialog-body{font-size:var(--text-md);color:var(--text);line-height:1.55}.dialog-body p{margin:0 0 var(--space-3)}.dialog-body p:last-child{margin-bottom:0}.dialog-body strong{color:var(--text-bright)}.dialog-steps{margin:0 0 var(--space-3);padding-left:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.dialog-steps li{padding-left:var(--space-1)}.dialog-error{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--error-border);color:var(--error);font-size:var(--text-sm);background:#f871711a}.dialog-note{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.dialog-warning{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fbbf2414;border:1px solid #fbbf2440}.dialog-field{gap:var(--space-2);margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.dialog-field textarea,.dialog-field input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-bright);font:inherit;font-size:var(--text-md);resize:vertical}.dialog-field textarea:focus,.dialog-field input:focus{border-color:var(--accent)}.dialog-choice{gap:var(--space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.dialog-choice-legend{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);padding:0;font-weight:600}.dialog-option{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;display:flex;position:relative}.dialog-option:hover{border-color:var(--accent-border);background:var(--elevated)}.dialog-option--active,.dialog-option--active:hover{border-color:var(--accent);background:var(--accent-subtle)}.dialog-option--danger.dialog-option--active,.dialog-option--danger.dialog-option--active:hover{border-color:var(--error-border);background:var(--error-bg)}.dialog-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.dialog-option-mark{border-radius:var(--radius-full);border:2px solid var(--text-secondary);flex:none;width:16px;height:16px}.dialog-option--active .dialog-option-mark{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 3px, transparent 4px)}.dialog-option--danger.dialog-option--active .dialog-option-mark{border-color:var(--error);background:radial-gradient(circle, var(--error) 0 3px, transparent 4px)}.dialog-option-title{color:var(--text-bright);font-weight:600}.dialog-option-detail{margin:0 0 var(--space-2);padding:0 var(--space-1)}.dialog-option-detail.dialog-warning{padding:var(--space-3);margin-top:0}.dialog-option-detail .dialog-steps,.dialog-option-detail p:last-child{margin-bottom:0}.dialog-option-detail .dialog-steps+p{margin-top:var(--space-3)}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=420px){.dialog-actions .btn{flex:1}}@media (pointer:coarse){.dialog-field textarea,.dialog-field input{font-size:var(--text-xl)}}.dialog-live{margin-bottom:var(--space-3)}.dialog-live:last-child{margin-bottom:0}.services-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.service-card{gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.service-card:hover{border-color:var(--accent-border);background:var(--elevated)}.service-card-header{justify-content:space-between;align-items:center;display:flex}.service-card-plan{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);font-weight:600}.service-card-name{font-size:var(--text-xl);color:var(--text-bright);margin:0;font-weight:600}.service-card-game{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.service-card-meta{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.service-card-ip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.service-card-price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-bright);font-weight:500}.service-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.service-card-status{text-transform:capitalize;color:var(--text-secondary)}.service-card-due{color:var(--text-secondary)}.services-empty,.service-detail-loading{padding:var(--space-16) 0;color:var(--text-secondary);font-size:var(--text-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.service-info-grid{gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.service-info-item{flex-direction:column;gap:4px;display:flex}.service-info-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.service-info-value{font-size:var(--text-md);color:var(--text-bright)}.service-info-value.mono{font-family:var(--font-mono)}.service-addons{margin-bottom:var(--space-6)}.service-addons h2{font-size:var(--text-2xl);color:var(--text-bright);margin-bottom:var(--space-3);font-weight:700}.service-addons-list{gap:var(--space-2);flex-direction:column;display:flex}.service-addon-item{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.service-addon-name{font-size:var(--text-md);color:var(--text-bright)}.service-addon-price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.service-addons-empty{font-size:var(--text-sm);color:var(--text-secondary)}.service-detail-actions{gap:var(--space-3);display:flex}.service-ending{margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);background:#f59e0b12;border:1px solid #f59e0b4d;flex-direction:column;gap:2px;display:flex}.service-ending strong{font-size:var(--text-lg);color:var(--text-bright)}.service-ending span{font-size:var(--text-sm);color:var(--text-secondary)}.service-ended-note{font-size:var(--text-md);color:var(--text-secondary);margin:0}.service-error{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--error-border);color:var(--error);font-size:var(--text-sm);background:#f871711a}.service-plan-request{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);background:#4ade8014;border:1px solid #4ade8040}.services-page .services-identity{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.services-page .services-identity-name{max-width:100%;font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.services-page .services-price-cycle{font-size:var(--text-xs);color:var(--text-muted);white-space:normal;display:block}@media (width<=640px){.service-info-grid{grid-template-columns:1fr}}.daterange{position:relative}.daterange-trigger{align-items:center;gap:var(--space-2);min-height:calc(var(--leading-body) * 1em + 18px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-body);text-align:left;cursor:pointer;padding:7px 10px;display:inline-flex}.daterange-trigger:hover{border-color:var(--accent-border)}.daterange-trigger:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.daterange-trigger--active{border-color:var(--accent-border);background:var(--accent-subtle)}.daterange-trigger-label{color:var(--text-secondary);font-size:var(--text-xs)}.daterange-popover{z-index:30;width:max-content;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 4px);left:0}.daterange-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.daterange-month{text-align:center;color:var(--text-bright);font-size:var(--text-sm);flex:1;font-weight:600}.daterange-nav{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-bright);font-size:var(--text-xl);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.daterange-nav:hover{border-color:var(--accent-border);background:var(--elevated)}.daterange-nav:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.daterange-grid{flex-direction:column;gap:2px;display:flex}.daterange-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.daterange-weekday{padding:var(--space-1) 0;color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:600;display:flex}.daterange-day,.daterange-blank{justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.daterange-day{border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:0}.daterange-day:hover{background:var(--elevated);color:var(--text-bright)}.daterange-day:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.daterange-day--endpoint{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.daterange-day--endpoint:hover{background:var(--accent-hover);color:var(--on-accent)}.daterange-day--in-range{background:var(--accent-subtle);color:var(--text-bright);text-underline-offset:2px;text-decoration:underline}.daterange-day--today{border-style:dotted;border-color:var(--text-secondary)}.daterange-day--endpoint.daterange-day--today{border-color:var(--on-accent)}.daterange-hint{margin:var(--space-2) 0 0;max-width:15rem;color:var(--text-secondary);font-size:var(--text-xs)}.daterange-actions{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}@media (width<=640px){.daterange-popover{top:50%;left:var(--space-4);right:var(--space-4);width:auto;max-height:90vh;position:fixed;overflow-y:auto;transform:translateY(-50%)}.daterange-hint{max-width:none}}@media (pointer:coarse){.daterange-trigger{min-height:44px;font-size:var(--text-xl)}}.auth-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.auth-dialog-close{width:32px;height:32px;font-size:var(--text-md);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-dialog-close:hover:not(:disabled){color:var(--text-bright);border-color:var(--border)}.auth-dialog-close:disabled{cursor:not-allowed;opacity:.6}.auth-dialog-order{justify-content:space-between;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.auth-dialog-order-price{color:var(--text-bright);font-weight:600}.auth-dialog-oauth{border:0;min-width:0;margin:0;padding:0}.auth-dialog-discord-note{margin:var(--space-2) 0 0}.auth-dialog-names{gap:var(--space-4) var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-dialog-names .auth-field{min-width:0}.auth-dialog-legal{margin:var(--space-3) 0 0}.auth-dialog-legal a{color:var(--accent-text)}.auth-dialog-link{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.auth-dialog-link:hover:not(:disabled){text-decoration:underline}.auth-dialog-link:disabled{cursor:not-allowed;opacity:.6}.auth-dialog-footer{margin-top:var(--space-4)}@media (width<=640px){.auth-dialog{padding-inline:var(--space-2)}.auth-dialog-names{grid-template-columns:1fr}}.cart-layout{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.cart-config{gap:var(--space-6);flex-direction:column;display:flex}.cart-section-pair{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.cart-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.cart-section-title{font-size:var(--text-md);color:var(--text-bright);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.cart-section-title:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.cart-section-loading{font-size:var(--text-sm);color:var(--text-secondary)}.cart-skeleton-content{margin-top:var(--space-4)}.cycle-group{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.cycle-card{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;transition:border-color .15s,background .15s;display:flex;position:relative}.cycle-card input[type=radio]{top:var(--space-2)}.cycle-card:hover{border-color:var(--accent-border);background:var(--elevated)}.cycle-card--active,.cycle-card--active:hover{border-color:var(--accent);background:var(--accent-subtle)}.cycle-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.cycle-card-label{font-size:var(--text-md);color:var(--text-bright);font-weight:600}.cycle-card-discount{font-size:var(--text-2xs);color:var(--success);border-radius:var(--radius-full);background:#4ade801a;padding:2px 8px;font-weight:600}.cart-section-pair .cycle-group{grid-template-columns:1fr}.cart-section-pair .cycle-card{padding:var(--space-3) var(--space-4);text-align:left;flex-direction:row;justify-content:space-between}.cart-select{width:100%;font-size:var(--text-md);font-family:var(--font-body);color:var(--text-bright);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 12px;transition:border-color .15s}.cart-select:focus{border-color:var(--accent)}.cart-select option{background:var(--surface);color:var(--text-bright)}.cart-text-input{width:100%;font-size:var(--text-md);font-family:var(--font-body);color:var(--text-bright);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;transition:border-color .15s}.cart-text-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cart-text-input::placeholder{color:var(--text-secondary)}.cart-input-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.cart-input-hint strong{color:var(--text-bright);font-weight:600}.cart-input-error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--error)}.region-fact-block{padding:var(--space-4) var(--space-5);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.region-fact-name{font-size:var(--text-md);color:var(--text-bright);margin:0;font-weight:600}.region-fact-region{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 var(--space-3)}.region-fact-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.region-fact-list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:1.25rem;position:relative}.region-fact-list li:before{content:"✓";color:var(--accent-text);font-weight:600;position:absolute;left:0}.addon-picker .cart-section-title{margin-bottom:var(--space-4)}.addon-empty{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.addon-list{gap:var(--space-3);flex-direction:column;display:flex}.addon-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;display:flex;position:relative}.addon-card input[type=checkbox]{top:var(--space-3);left:var(--space-4)}.addon-card:hover{border-color:var(--accent-border);background:var(--elevated)}.addon-card--active,.addon-card--active:hover{border-color:var(--accent);background:var(--accent-subtle)}.addon-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.addon-card-info{justify-content:space-between;align-items:center;gap:var(--space-3);flex:1;display:flex}.addon-card-text{flex-direction:column;gap:2px;display:flex}.addon-card-name{font-size:var(--text-md);color:var(--text-bright);font-weight:500}.addon-card-description{font-size:var(--text-xs);color:var(--text-secondary)}.addon-card-price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-text);white-space:nowrap}.addon-card-check{width:20px;height:20px;font-size:var(--text-sm);color:var(--accent-text);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.addon-card--active .addon-card-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cart-sidebar{top:calc(var(--nav-height) + var(--space-6));max-height:calc(100vh - var(--nav-height) - var(--space-6) * 2);max-height:calc(100dvh - var(--nav-height) - var(--space-6) * 2);padding:var(--space-1);margin-top:calc(-1 * var(--space-1));gap:var(--space-4);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.price-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.price-summary-title{font-size:var(--text-md);color:var(--text-bright);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-4);font-weight:600}.price-summary-unavailable{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.price-summary-lines{gap:var(--space-3);flex-direction:column;display:flex}.price-line{justify-content:space-between;align-items:center;display:flex}.price-line-label{font-size:var(--text-sm);color:var(--text)}.price-line-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-text);font-weight:500}.price-line--discount .price-line-value{color:var(--success)}.price-summary-divider{background:var(--border);height:1px;margin:var(--space-4) 0}.price-line--total .price-line-label{font-size:var(--text-md);color:var(--text-bright);font-weight:600}.price-line--total .price-line-value{font-size:var(--text-lg);color:var(--accent-text);font-weight:700}.price-summary-effective{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.price-summary-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.cart-promotion-note{font-size:var(--text-xs);color:var(--text-secondary);margin:0;font-weight:500;line-height:1.5}.cart-trust-note{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.cart-trust-note a{color:var(--accent-text)}.cart-error{font-size:var(--text-sm);color:var(--error);border-radius:var(--radius-md);background:#f8717114;border:1px solid #f8717133;padding:10px 12px}.cart-retry-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.cart-substitution-notice{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--accent-border);border-radius:var(--radius-md);background:#e07a2f14;padding:8px 10px}.cart-return-notice{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-md);display:flex}.cart-return-notice p{margin:0}.cart-return-notice-dismiss{min-width:24px;min-height:24px;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:0}.cart-return-notice-dismiss:hover{color:var(--text-bright);border-color:var(--border)}.cart-return-notice-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cart-checkout-reason{margin:0}.cart-checkout-reason-link{font:inherit;font-size:var(--text-sm);color:var(--accent-text);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;display:inline-block}.cart-mobile-bar{display:none}.cart-page{container:cart/inline-size}.billing-layout:has(.cart-mobile-bar){--cart-bar-height:4.5rem}@container cart (width<=911px){.cart-layout{grid-template-columns:1fr}.cart-sidebar{max-height:none;margin-top:0;padding:0;position:static;overflow-y:visible}.cart-mobile-bar{z-index:90;height:var(--cart-bar-height);align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}.cart-mobile-bar-total{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-bright);white-space:nowrap;font-weight:700}.cart-mobile-bar .btn{flex:1}.cart-layout :is(a,button,input,select,textarea,[tabindex]){scroll-margin-bottom:calc(var(--cart-bar-height) + var(--space-2))}.cycle-card>.visually-hidden,.addon-card>.visually-hidden{width:auto;height:auto;margin:0;inset:0}}@media (width<=640px){.cart-layout{padding-bottom:calc(var(--cart-bar-height) + var(--space-4))}.cycle-group{grid-template-columns:1fr}.cart-mobile-bar{margin-top:0;position:fixed;bottom:0;left:0;right:0}.billing-layout:has(.cart-mobile-bar) .billing-footer{padding-bottom:calc(var(--cart-bar-height) + var(--space-4))}}.cart-choice-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.cart-choice-group--grid{grid-template-columns:repeat(auto-fill, minmax(max(120px, (100% - 2 * var(--space-3)) / 3), 1fr));display:grid}.cart-choice{min-width:120px;padding:var(--space-3) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);font-size:var(--text-md);cursor:pointer;text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.cart-choice:hover{border-color:var(--accent-border);background:var(--elevated)}.cart-choice--active,.cart-choice--active:hover{border-color:var(--accent);background:var(--accent-subtle)}.cart-choice--disabled{opacity:.45;cursor:not-allowed}.cart-choice--disabled:hover{border-color:var(--border);background:var(--bg)}.cart-choice-main{font-size:var(--text-md);font-weight:600}.cart-choice-players{font-size:var(--text-2xs);color:var(--text-secondary)}.cart-choice-sub{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}@media (width<=640px){.cart-choice-group--grid{grid-template-columns:repeat(auto-fill, minmax(max(120px, (100% - var(--space-3)) / 2), 1fr))}}.tier-spec-list{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);width:100%;display:grid}.tier-spec{font-size:var(--text-sm);color:var(--text-secondary);padding-left:1rem;font-weight:400;line-height:1.45;display:block;position:relative}.tier-spec:before{content:"✓" / "";color:var(--accent-text);font-weight:600;position:absolute;left:0}.tier-spec strong{color:var(--text-bright);font-weight:600}.cart-spec-footnote{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-3)}@media (pointer:coarse){.cart-choice,.cycle-card,.addon-card,.cart-select,.cart-text-input,.software-mode-btn,.modpack-provider,.modpack-search{min-height:44px}.cart-select,.cart-text-input,.modpack-search{font-size:var(--text-xl)}}.tier-choice-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:1fr;display:grid;container-type:inline-size}.tier-choice{justify-content:flex-start;align-items:flex-start;gap:var(--space-1);padding:var(--space-5) var(--space-3);text-align:left}.tier-choice-name{font-size:var(--text-3xl);color:var(--text-bright);font-weight:700;line-height:1.2}.tier-choice-desc{font-size:var(--text-md);color:var(--text-secondary);font-weight:400;line-height:1.4}.tier-choice-price{margin-top:var(--space-3);color:var(--text-secondary);font-weight:400;font-size:var(--text-sm);display:block}.tier-choice-price-from{margin-right:var(--space-1)}.tier-choice-price-per{margin-left:2px}.tier-choice-price-amount{font-size:var(--text-4xl);color:var(--text-bright);font-weight:700;line-height:1}@container (width<=331px){.tier-choice{column-gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.tier-choice-name,.tier-choice-desc{grid-column:1}.tier-choice-price{grid-area:1/2/span 2;align-self:center;margin-top:0}.tier-spec-list{grid-column:1/-1}}.jar-engine{container-type:inline-size}.jar-categories{column-gap:calc(2 * var(--space-4) + 1px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.jar-category{min-width:0;position:relative}.jar-category+.jar-category:before{content:"";top:0;bottom:0;left:calc(-1 * var(--space-4) - 1px);background:var(--border);width:1px;position:absolute}.jar-category-grid{grid-template-columns:1fr;grid-auto-rows:var(--jar-card-height,auto);gap:var(--space-3);display:grid}.jar-categories{--jar-card-height:4rem}@container (width<=480px){.jar-categories{--jar-card-height:auto;grid-template-columns:1fr}.jar-category+.jar-category{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.jar-category+.jar-category:before{content:none}}.jar-group-title{margin:0 0 var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:600;overflow:hidden}.jar-choice{justify-content:flex-start;align-items:center;gap:var(--space-2);text-align:left;flex-direction:row}.jar-soon{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.jar-soon-label{font-size:var(--text-2xs);color:var(--text-secondary);flex-basis:100%;font-weight:600}.jar-choice-soon{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);display:inline-flex}.jar-choice-soon .cart-choice-main{font-size:inherit;font-weight:500}.jar-choice-soon .jar-choice-logo{opacity:.7;width:16px;height:16px}.jar-choice-logo{object-fit:contain;flex:none;width:20px;height:20px;display:block}.version-picker{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.version-picker-toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-bright);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.version-picker-title{font-size:var(--text-sm);font-weight:600}.version-picker-current{font-size:var(--text-sm);color:var(--text-secondary);margin-left:auto}.version-picker-toggle[aria-expanded=false] .version-picker-current{color:var(--accent-text);font-weight:600}.version-picker-chevron{border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.version-picker-toggle[aria-expanded=true] .version-picker-chevron{transform:translateY(2px)rotate(-135deg)}.version-picker-panel{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);display:grid}.version-picker-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.version-choice{min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.version-choice[data-version=latest]{grid-column:span 2}.version-picker-empty{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.version-line-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.version-line-chip{padding:4px var(--space-3);border:1px solid var(--border);color:var(--text-secondary);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:999px;font-weight:600}.version-line-chip:hover{color:var(--text-bright)}.version-line-chip--active{border-color:var(--accent);color:var(--accent-text)}.version-picker-hint{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.jar-version-fixed{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.jar-version-fixed strong{color:var(--text-bright);font-weight:600}.software-mode{margin-bottom:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.software-mode-btn{padding:7px var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;font-weight:600;transition:background .15s,color .15s}.software-mode-btn:hover{color:var(--text-bright)}.software-mode-btn--active,.software-mode-btn--active:hover{background:var(--accent-subtle);box-shadow:inset 0 0 0 1px var(--accent-border);color:var(--text-bright)}.modpack-picker{gap:var(--space-4);display:grid}.modpack-search{width:100%;padding:9px var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);font-size:var(--text-md)}.modpack-search::placeholder{color:var(--text-secondary)}.modpack-search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.modpack-search-hint{margin:calc(-1 * var(--space-3)) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.modpack-providers{gap:var(--space-2);flex-wrap:wrap;display:flex}.modpack-provider{padding:6px var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s,color .15s}.modpack-provider:hover{border-color:var(--accent-border);color:var(--text-bright)}.modpack-provider--active,.modpack-provider--active:hover{border-color:var(--accent);background:var(--accent-subtle);color:var(--text-bright)}.modpack-selected{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.modpack-selected strong{color:var(--text-bright);font-weight:600}.modpack-sections{gap:var(--space-5);display:grid}.modpack-sections--across{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.modpack-sections--across .modpack-section{flex-direction:column;min-width:0;display:flex}.modpack-sections--across .modpack-grid{flex:auto;grid-template-columns:1fr}.modpack-section-title{margin:0 0 var(--space-1);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.modpack-section-caption{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.modpack-section-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.modpack-section-note p{margin:0}.modpack-section-detail{font-size:var(--text-xs);opacity:.85;margin-top:2px}.modpack-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.modpack-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-bright);text-align:left;cursor:pointer;transition:border-color .15s,background .15s;display:flex}.modpack-card:hover{border-color:var(--accent-border);background:var(--elevated)}.modpack-card--active,.modpack-card--active:hover{border-color:var(--accent);background:var(--accent-subtle)}.modpack-card-icon{background:var(--elevated);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.modpack-card-img{object-fit:cover;width:100%;height:100%;display:block}.modpack-card-glyph{object-fit:contain;width:24px;height:24px;display:block}.modpack-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.modpack-card-name{font-size:var(--text-md);overflow-wrap:anywhere;font-weight:600}.modpack-card-author{font-size:var(--text-xs);color:var(--text-secondary)}.modpack-card-badge{font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-text);font-weight:600}.modpack-card-summary{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--text-secondary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=640px){.modpack-grid{grid-template-columns:1fr}}.modpack-card:disabled{opacity:.6;cursor:not-allowed}.modpack-card:disabled:hover{border-color:var(--border);background:var(--bg)}.tickets-list{flex-direction:column;gap:2px;display:flex}.tickets-empty{padding:var(--space-16) 0;color:var(--text-secondary);font-size:var(--text-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.new-ticket-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:640px}.new-ticket-field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.new-ticket-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.new-ticket-field select{width:100%;min-width:0;max-width:100%}.new-ticket-field textarea{resize:vertical;min-height:160px}.new-ticket-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.new-ticket-cancel{font-size:var(--text-md);color:var(--text-secondary);text-decoration:none;transition:color .15s}.new-ticket-cancel:hover{color:var(--text)}.new-ticket-kb{max-width:640px;margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.new-ticket-kb a{color:var(--accent-text)}.new-ticket-error{color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.ticket-detail-loading{padding:var(--space-16) 0;color:var(--text-secondary);font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.ticket-info{gap:var(--space-3) var(--space-6);margin:0 0 var(--space-6);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ticket-info-row{flex-direction:column;gap:2px;min-width:0;display:flex}.ticket-info dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.ticket-info dd{font-size:var(--text-md);color:var(--text-bright);overflow-wrap:anywhere;margin:0}.ticket-info dd a{color:var(--accent-text);text-decoration:none}.ticket-info dd a:hover{text-decoration:underline}.ticket-info dd .select{width:auto;max-width:100%}@media (width<=640px){.ticket-info{grid-template-columns:minmax(0,1fr)}}.ticket-messages{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.ticket-message{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.ticket-message--staff{border-left:3px solid var(--accent);background:var(--elevated)}.ticket-message-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.ticket-message-sender{font-size:var(--text-sm);color:var(--text-bright);font-weight:600}.ticket-message-sender--staff{color:var(--accent-text)}.ticket-message-staff-tag{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);background:var(--accent-subtle);border-radius:var(--radius-sm);margin-left:var(--space-2);padding:2px 6px;font-weight:600}.ticket-message-time{font-size:var(--text-xs);color:var(--text-secondary)}.ticket-message-body{font-size:var(--text-md);color:var(--text);white-space:pre-wrap;line-height:1.6}.ticket-reply{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.admin-claim-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.ticket-reply-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.ticket-reply-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.ticket-reply textarea{resize:vertical;width:100%;min-height:100px}.ticket-reply-actions{margin-top:var(--space-3);justify-content:flex-end;display:flex}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.account-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.account-grid>.account-card{margin-bottom:0}@media (width<=1024px){.account-grid{grid-template-columns:1fr}}.account-card h2{font-size:var(--text-2xl);color:var(--text-bright);margin-bottom:var(--space-6);font-weight:700}.account-form{gap:var(--space-4);flex-direction:column;display:flex}.account-field{gap:var(--space-2);flex-direction:column;display:flex}.account-field label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.account-field .input::placeholder{color:var(--text-disabled)}.account-field-error{font-size:var(--text-xs);color:var(--error);margin:0}.account-card .btn{margin-top:var(--space-2);align-self:flex-start}.account-success{font-size:var(--text-sm);color:var(--success);border-radius:var(--radius-md);background:#4ade8014;border:1px solid #4ade8033;padding:10px 12px}.account-error{font-size:var(--text-sm);color:var(--error);border-radius:var(--radius-md);background:#f8717114;border:1px solid #f8717133;padding:10px 12px}.account-card p{font-size:var(--text-md);color:var(--text);margin-bottom:var(--space-4)}.account-link{font-size:var(--text-md);font-weight:600;font-family:var(--font-body);color:var(--accent-text);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-md);padding:10px 24px;text-decoration:none;transition:background .15s;display:inline-block}.account-link:hover{background:#e07a2f26}.account-connection{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.account-connection-status{font-size:var(--text-md);color:var(--text)}.account-connection-hint{font-size:var(--text-xs);color:var(--text-secondary)}.account-sublinks{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.game-panel-page{max-width:var(--max-width);padding:var(--space-8) var(--space-6);margin:0 auto}.game-panel-page h1{font-size:var(--text-4xl);color:var(--text-bright);margin:0 0 var(--space-3);font-weight:700}.game-panel-intro{font-size:var(--text-md);color:var(--text-secondary);max-width:65ch;margin:0 0 var(--space-8)}.game-panel-grid{gap:var(--space-4);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.game-panel-side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.game-panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.game-panel-card h2{font-size:var(--text-2xl);color:var(--text-bright);margin:0 0 var(--space-3);font-weight:700}.game-panel-card p{font-size:var(--text-md);color:var(--text);margin:0 0 var(--space-4);max-width:60ch}.game-panel-card p:last-child{margin-bottom:0}.game-panel-card code{font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;padding:1px 5px}@media (width<=900px){.game-panel-grid{grid-template-columns:1fr}}.contact-grid{gap:var(--space-4) var(--space-6);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.contact-field--span2{grid-column:1/-1}.contact-field-hint{font-size:var(--text-xs);margin:0}.contact-field-hint a{color:var(--accent-text);text-decoration:none}.contact-field-hint a:hover{text-decoration:underline}.account-card .contact-form>.btn{margin-top:var(--space-4)}.combobox{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.combobox label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.combobox-list{z-index:20;max-height:260px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combobox-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-bright);font-size:var(--text-sm);cursor:pointer}.combobox-option--active{background:var(--elevated)}.combobox-option[aria-selected=true]{color:var(--accent-text);font-weight:600}.combobox-empty{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}@media (width<=640px){.contact-grid{grid-template-columns:1fr}.contact-field--span2{grid-column:1}}.email-prefs-notice{font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.email-prefs-notice--security{color:var(--text);background:var(--accent-subtle);border-color:var(--accent-border)}.email-prefs-list{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-direction:column;display:flex;overflow:hidden}.email-prefs-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.email-prefs-row:last-child{border-bottom:none}.email-prefs-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.email-prefs-row-label{font-size:var(--text-md);color:var(--text-bright);font-weight:600}.email-prefs-row-description{font-size:var(--text-sm);color:var(--text-secondary)}.email-prefs-toggle{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);cursor:pointer;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .15s,border-color .15s;position:relative}.email-prefs-toggle--on{background:var(--accent);border-color:var(--accent)}.email-prefs-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.email-prefs-toggle--on .email-prefs-toggle-thumb{transform:translate(20px)}@media (width<=640px){.email-prefs-row{align-items:flex-start}}.pm-notice{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.55}.pm-notice--ok{color:var(--success);background:#4ade801a;border:1px solid #4ade8047}.pm-notice--warn{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2447}.pm-unavailable{margin:0 0 var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.pm-hint{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.pm-actions-cell{justify-self:end;min-width:0}@media (width<=640px){.pm-actions-cell{grid-area:1/2;align-self:center}}.pm-element{margin:var(--space-4) 0 0;padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.pm-element-loading{margin:var(--space-4) 0 0;padding:var(--space-6) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.not-found{max-width:46ch;margin:var(--space-10) auto;padding:var(--space-10) var(--space-6);text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.not-found-title{margin:0 0 var(--space-2);font-size:var(--text-4xl);color:var(--text-bright);font-weight:700}.not-found-body{margin:0 0 var(--space-5);font-size:var(--text-md);color:var(--text-secondary)}.not-found-path{font-family:var(--font-mono);color:var(--text-bright);overflow-wrap:anywhere}