*{box-sizing:border-box}
html{color-scheme:dark}
body.panel-body{margin:0;background:var(--panel-bg);color:var(--panel-text);font-family:var(--panel-font);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;word-break:break-word}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.topbar,.panel-page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.title{font:700 clamp(1.4rem,1rem + 1vw,2rem)/1.1 var(--panel-heading-font);margin:0;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.title-row,.section-title-row{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap;margin-bottom:12px}
.title-row > div,.section-title-row > div{min-width:0}
.muted,.page-note,.subsection-note{color:var(--panel-text-soft)}
.page-note,.subsection-note,.muted{overflow-wrap:anywhere}
.subsection-title{margin:0!important;padding:0;font-size:1.0625rem;line-height:1.25;font-weight:800;overflow-wrap:anywhere;word-break:break-word}
.grid{display:grid;gap:16px;min-width:0}
.grid > *{min-width:0}
.grid.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.actions,.top-actions{display:flex;gap:12px;row-gap:12px;flex-wrap:wrap;align-items:center}
.actions > *,.top-actions > *{min-width:0;margin:0}
.actions > a,.top-actions > a,.actions > span,.top-actions > span,.actions > form,.top-actions > form{display:inline-flex;align-items:center}
.actions > form,.top-actions > form{gap:12px}
.actions > form > *,.top-actions > form > *{margin:0}
.flash{display:block;padding:13px 14px;border-radius:14px;margin-bottom:14px;white-space:pre-line}
.flash.error{background:rgba(255,73,64,.1);border:1px solid rgba(255,73,64,.22)}
.flash.success{background:rgba(100,206,130,.1);border:1px solid rgba(100,206,130,.22)}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.info-card,.stat,.card{border-radius:var(--panel-radius);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border:1px solid var(--panel-line);box-shadow:var(--panel-shadow);min-width:0;overflow:hidden}
.card{padding:18px}
.stat{padding:18px}
.stat .label,.info-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--panel-text-soft);margin-bottom:8px}
.stat .value,.info-card .value{font-weight:800;line-height:1.18;overflow-wrap:anywhere;word-break:break-word}
.empty-state{padding:18px;border:1px dashed var(--panel-line-strong);border-radius:var(--panel-radius);color:var(--panel-text-soft);background:rgba(255,255,255,.02)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border-radius:10px;border:1px solid var(--panel-line);background:rgba(255,255,255,.04);font-size:.8125rem;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;min-height:32px;max-width:100%;margin:0;vertical-align:middle}
.pill.active,.pill.success{border-color:rgba(100,206,130,.28);background:rgba(100,206,130,.1);color:var(--panel-success)}
.pill.grace,.pill.pending,.pill.low,.pill.warning{border-color:rgba(246,185,73,.28);background:rgba(246,185,73,.1);color:var(--panel-warning)}
.pill.owner-wait,.pill.normal,.pill.neutral{background:rgba(255,255,255,.06);color:#d5d5d5;border-color:rgba(255,255,255,.1)}
.pill.high{border-color:rgba(102,170,204,.18);background:rgba(102,170,204,.12);color:var(--panel-info)}
.pill.urgent,.pill.revoked,.pill.suspended,.pill.expired,.pill.archived,.pill.blocked,.pill.closed,.pill.error{border-color:rgba(255,73,64,.28);background:rgba(255,73,64,.1);color:var(--panel-danger)}
.table-scroll{overflow:auto;max-width:100%;border-radius:16px}
.table-headline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap}
.preview-banner,.panel-banner{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--panel-radius-sm);margin-bottom:16px;border:1px solid rgba(100,206,130,.25);background:rgba(100,206,130,.1)}
.data-stack{display:flex;flex-direction:column;gap:6px;word-break:break-word}
.license-item{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid var(--panel-line);overflow-wrap:anywhere}
.steam-user{display:flex;gap:12px;align-items:center;min-width:0}
.steam-user img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#111;flex:0 0 56px}
.steam-user__info{min-width:0}
.steam-user__name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;overflow-wrap:anywhere}
.filter-actions,.ticket-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ticket-list-card,.ticket-detail-card{min-height:100%}
.ticket-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.ticket-summary__id{display:inline-flex;align-items:center;gap:8px}
.tickets-messages{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 360px);overflow:auto;padding-right:4px}
.message-card-row{padding:14px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid var(--panel-line)}
.message-card-row--accent{background:rgba(195,42,42,.08);border-color:rgba(195,42,42,.18)}
.message-card__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.message-card__text{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.line-chart{display:flex;align-items:flex-end;gap:10px;min-height:180px}
.line-chart .col{display:grid;gap:8px;justify-items:center;flex:1 1 0;min-width:0}
.line-chart .v{width:100%;max-width:28px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-accent) 85%, white),var(--panel-accent))}
.line-chart .d{font-size:.72rem;color:var(--panel-text-soft)}
.chart-list{display:grid;gap:12px}
.bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.7fr) auto;gap:10px;align-items:center}
.bar-label{display:grid;gap:2px;min-width:0}
.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.bar > span{display:block;height:100%;border-radius:inherit;background:var(--panel-accent)}
@media (max-width:980px){.split-grid,.grid[style*='grid-template-columns'],.info-grid{grid-template-columns:1fr!important}.content,.panel-page{padding:18px}}

.section-title-row > .panel-icon,.title-row > .panel-icon,.section-title-row > .panel-icon-box,.title-row > .panel-icon-box{align-self:center;flex:0 0 auto}
.section-title-row .subsection-title,.title-row .title{margin-bottom:0}
.title-row > .ui-icon,.section-title-row > .ui-icon{width:1.125rem;height:1.125rem;align-self:center;flex:0 0 auto;color:currentColor}
.actions > .button,.actions > button,.actions > .panel-btn,.top-actions > .button,.top-actions > button,.top-actions > .panel-btn{white-space:nowrap}
.filter-actions-grid{grid-template-columns:repeat(2,minmax(190px,240px));justify-content:start;gap:10px}

.card > .subsection-title{margin-bottom:12px!important}
.inline-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.inline-form input,.inline-form select{min-width:220px}.inline-form button[type="submit"]{margin-top:12px}