:root{
  --bg:#f3f6fb;--panel:rgba(255,255,255,.88);--panel-solid:#fff;--text:#172033;--muted:#6f7a90;--line:#dfe5ef;
  --accent:#5b6df8;--accent-2:#8a5cf6;--accent-soft:#eef0ff;--success:#1f9d6a;--warning:#d18b19;--danger:#d64f5f;
  --shadow:0 16px 45px rgba(25,34,60,.08);--radius:20px;--radius-sm:13px;--sidebar:#111827;
}
html[data-theme="dark"]{--bg:#0d111b;--panel:rgba(22,28,42,.9);--panel-solid:#161c2a;--text:#f3f6fb;--muted:#9ca8bf;--line:#2b3447;--accent-soft:#252d5b;--sidebar:#080c13;--shadow:0 18px 50px rgba(0,0,0,.25)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#0d111b;--panel:rgba(22,28,42,.9);--panel-solid:#161c2a;--text:#f3f6fb;--muted:#9ca8bf;--line:#2b3447;--accent-soft:#252d5b;--sidebar:#080c13;--shadow:0 18px 50px rgba(0,0,0,.25)}}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(91,109,248,.13),transparent 30%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:linear-gradient(180deg,#161d2d 0%,var(--sidebar) 100%);color:#e8edf7;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:5px 8px 24px}.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;font-weight:800;color:white;background:linear-gradient(135deg,#6f7bf7,#a75cf0);box-shadow:0 10px 25px rgba(91,109,248,.35)}.brand-mark.big{width:54px;height:54px;border-radius:18px;font-size:24px}.brand strong{font-size:20px;letter-spacing:-.02em}.brand small{display:block;font-size:12px;color:#93a0b8}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;color:#aeb8c9;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:rgba(111,123,247,.2);color:#fff}.nav-icon{width:24px;text-align:center;font-size:18px}.sidebar-footer{margin-top:auto}.env-pill{margin:0 8px 14px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b8c3d6;font-size:11px;text-align:center}.profile-mini{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.08)}.profile-mini strong,.profile-mini small{display:block}.profile-mini small{font-size:11px;color:#94a0b4}
.avatar{width:34px;height:34px;border-radius:11px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#7b85f8,#a65fe9);color:white;font-weight:700;flex:0 0 auto}.main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 32px 12px}.topbar h1{font-size:27px;margin:2px 0 0;letter-spacing:-.03em}.eyebrow{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.top-actions{display:flex;gap:8px;align-items:center}.theme-form select{min-width:145px}.content{padding:18px 32px 40px;max-width:1600px;margin:0 auto}.panel{background:var(--panel);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel h2,.panel h3{margin:3px 0 0;letter-spacing:-.02em}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 19px;box-shadow:var(--shadow);transition:.18s}.stat-card:hover{transform:translateY(-2px)}.stat-card.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border:0}.stat-card.danger strong{color:var(--danger)}.stat-card strong{display:block;font-size:34px;line-height:1.05;margin:8px 0}.stat-card small,.stat-label{color:var(--muted)}.stat-card.accent small,.stat-card.accent .stat-label{color:rgba(255,255,255,.8)}.chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric-chip{display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--panel-solid) 84%,var(--accent) 16%);border:1px solid var(--line);padding:13px 14px;border-radius:14px}.metric-chip strong{font-size:20px}.ticket-list{display:flex;flex-direction:column}.ticket-row{display:grid;grid-template-columns:72px minmax(260px,1fr) auto 92px;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.ticket-row:last-child{border-bottom:0}.ticket-row:hover .ticket-main strong{color:var(--accent)}.ticket-id{color:var(--muted);font-weight:700}.ticket-main strong,.ticket-main small{display:block}.ticket-main small{margin-top:4px;color:var(--muted)}.ticket-row time{font-size:12px;color:var(--muted);text-align:right}.status-badge,.pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-badge.open{background:#e8f7f1;color:#147451}.status-badge.closed{background:#eef1f6;color:#637086}.pill{background:var(--accent-soft);color:var(--accent)}.pill.neutral{background:color-mix(in srgb,var(--panel-solid) 80%,#aab4c7 20%);color:var(--muted)}.type-bug{background:#fff0f2;color:#c73e54}.type-dev{background:#f2ecff;color:#7544cf}.type-n2{background:#fff5e4;color:#ad7214}.type-n1{background:#e9f6ff;color:#1977a6}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--panel-solid);color:var(--text);cursor:pointer;font-weight:700;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border-color:transparent}.btn.ghost{background:transparent}.btn.wide{width:100%}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);padding:10px 12px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}label>span,label>small{display:block}.stack{display:flex;flex-direction:column;gap:14px}.stack label{font-weight:700;font-size:13px}.stack label input,.stack label select{margin-top:6px}.stack small{font-weight:400;color:var(--muted);margin-top:5px}.filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr));gap:12px;align-items:end}.filters label{font-size:12px;color:var(--muted);font-weight:700}.filters label span{margin-bottom:6px}.filter-checks{grid-column:1 / span 4;display:flex;gap:18px;align-items:center}.check{display:flex!important;align-items:center;gap:8px;color:var(--text)!important}.check input{width:auto}.filter-actions{grid-column:5 / span 2;display:flex;gap:8px;justify-content:flex-end}.list-head{display:flex;justify-content:space-between;margin:18px 2px 10px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}.tickets-table{width:100%;border-collapse:collapse;min-width:1050px}.tickets-table th{padding:13px 14px;text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb,var(--panel-solid) 85%,var(--bg) 15%);border-bottom:1px solid var(--line)}.tickets-table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}.tickets-table tbody tr{cursor:pointer;transition:.12s}.tickets-table tbody tr:hover{background:color-mix(in srgb,var(--panel-solid) 90%,var(--accent) 10%)}.cell-ticket{min-width:280px}.cell-ticket span,.cell-ticket strong,.cell-ticket small{display:block}.cell-ticket span{font-size:11px;color:var(--muted);font-weight:700}.cell-ticket strong{margin:3px 0;font-size:13px}.cell-ticket small{color:var(--muted)}.overdue{color:var(--danger)!important;font-weight:800}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0}.empty-state{text-align:center;padding:50px 24px}.empty-state strong{font-size:24px}.empty-state p{color:var(--muted)}
.ticket-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.read-only{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 9px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.ticket-title-block{padding-bottom:18px;border-bottom:1px solid var(--line)}.ticket-title-block h2{font-size:27px;margin:6px 0 8px}.ticket-number,.ticket-byline{color:var(--muted);font-size:12px}.message-card{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--panel-solid) 94%,var(--accent) 6%)}.message-head{display:flex;align-items:center;gap:10px}.message-head strong,.message-head small{display:block}.message-head small{color:var(--muted);margin-top:2px}.message-body{margin-top:16px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.note-card,.coming-soon{margin-top:16px;border-radius:15px;padding:15px;border:1px solid var(--line)}.note-card{background:#fff8e6;color:#68511d}.coming-soon{background:var(--accent-soft)}.coming-soon p,.note-card p{margin-bottom:0}.meta-panel h3{margin-top:0}.meta-list{margin:0}.meta-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.meta-list>div:last-child{border-bottom:0}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0;text-align:right;font-weight:700}.users-grid{align-items:start;margin-top:0}.user-list{display:flex;flex-direction:column}.user-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.user-item:last-child{border-bottom:0}.user-main{flex:1}.user-main strong,.user-main small{display:block}.user-main small{color:var(--muted);margin-top:3px}.alert{border-radius:12px;padding:11px 13px;margin-bottom:13px}.alert.error{background:#fff0f2;color:#a73749;border:1px solid #ffd2da}.alert.success{background:#eaf8f2;color:#176a4d;border:1px solid #bfead8}
.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 80px rgba(20,28,50,.16);padding:30px}.login-brand{display:flex;align-items:center;gap:13px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:26px}.login-brand span{color:var(--muted)}.login-sub{color:var(--muted);margin:14px 0 24px}.login-note{text-align:center;color:var(--muted);font-size:11px;margin:18px 0 0}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.filter-checks{grid-column:1/span 2}.filter-actions{grid-column:3}.ticket-layout{grid-template-columns:1fr}.meta-panel{order:-1}}
@media(max-width:820px){.shell{display:block}.sidebar{position:relative;height:auto;padding:14px}.brand{padding-bottom:12px}.nav{flex-direction:row;overflow:auto}.nav-item{white-space:nowrap}.sidebar-footer{display:none}.topbar{padding:18px 18px 8px;align-items:flex-start}.top-actions{flex-direction:column;align-items:stretch}.content{padding:14px 18px 30px}.two-cols,.stats-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filter-checks,.filter-actions{grid-column:1/-1}.ticket-row{grid-template-columns:60px 1fr}.ticket-row .status-badge,.ticket-row time{display:none}}
@media(max-width:560px){.topbar{display:block}.top-actions{margin-top:12px;flex-direction:row}.theme-form{flex:1}.filters{grid-template-columns:1fr}.filter-checks{display:block}.filter-actions{justify-content:stretch}.filter-actions>*{flex:1}.panel{padding:16px}.stats-grid{gap:10px}.ticket-title-block h2{font-size:22px}}