:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--line:#2c2e35;--gold:#dbb568;--text:#f2f1ed;--muted:#9b9da7}*{box-sizing:border-box}body{margin:0;font:14px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:32px 22px;background:#15161a;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:17px}.brand-icon{display:grid;place-items:center;width:42px;height:46px;border:1px solid #b89450;color:var(--gold);font-size:26px;border-radius:12px;background:#27241e}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.navlabel{font-size:10px;letter-spacing:2px;color:#737680;margin:48px 12px 15px}nav a{display:block;padding:12px;border-radius:8px;margin:4px 0;color:#b4b6bf}nav a.selected,nav a:hover{color:var(--gold);background:#29251d}.sidebar-bottom{margin-top:auto;color:#b3b5bc;font-size:12px;padding:16px 10px}.sidebar-bottom p{color:#6d717d}.live-dot{display:inline-block;background:#7fc6a1;border-radius:50%;width:7px;height:7px;margin-right:6px}.workspace{margin-left:254px}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;letter-spacing:.5px}header>div{display:flex;gap:12px;align-items:center}header form{margin:0}header button{background:transparent;color:#b1b4be;border:1px solid var(--line);padding:7px 12px;font-size:11px}main{max-width:1600px;margin:auto;padding:40px}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:12px 0 20px;overflow-wrap:anywhere}h2{font-size:17px;margin:0 0 18px}p{margin-top:0}.eyebrow{font-size:10px;font-weight:750;color:var(--gold);letter-spacing:2.5px}.muted{color:var(--muted)}.hero h1{font-size:48px}.hero{padding:15px 0 25px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.title-row h1,.title-row h2{margin-bottom:0}.title-row p{margin-top:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:24px;min-width:0}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.columns>.panel{height:fit-content}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.stat{background:linear-gradient(125deg,#202127,#181a1f);border:1px solid var(--line);border-radius:12px;padding:23px}.stat span{display:block;color:#b0b2bb}.stat strong{font-size:36px;display:block;line-height:1.8}.stat small{color:#717582}.stat:first-child{border-top:2px solid var(--gold)}button,.button{background:var(--gold);color:#211c12;border:0;border-radius:7px;cursor:pointer;padding:12px 18px;font:650 13px system-ui;display:inline-block;white-space:nowrap}button:hover,.button:hover{background:#ebc984;color:#211c12}button.danger{background:#492c32;color:#ffb3b3}form{margin:14px 0 0}label{display:block;color:#bfc1c9;font-size:12px;margin-bottom:17px}input,textarea,select{font:14px system-ui;background:#121418;border:1px solid #363940;border-radius:7px;padding:12px;color:var(--text);width:100%;display:block;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #dbb56822}textarea{resize:vertical;min-height:110px}label.check{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--gold)}.filters{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters input{flex:2;min-width:160px;margin:0}.filters select{flex:1;min-width:150px;margin:0}.filters .check{margin:0;white-space:nowrap}.filters .check input{min-width:17px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#818591;font-weight:600;padding:10px 12px 16px}td{border-top:1px solid var(--line);padding:18px 12px;font-size:12px;color:#bfc0c7}td b{display:block;font-size:13px;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:#edece7}td small{display:block;color:#7e828e;font-size:10px}.badge{display:inline-block;border:1px solid #3c3e46;background:#282a30;color:#babdc7;border-radius:6px;padding:4px 9px;font-size:10px;white-space:nowrap}.status-offen{background:#30291d;color:#e6c180;border-color:#514328}.status-bearbeitung{background:#1b2c3b;color:#93bddf;border-color:#29465c}.status-wartet{background:#30263b;color:#c4a4e5;border-color:#493758}.status-geschlossen{background:#1c3029;color:#9acbb5;border-color:#2c4a3d}.priority-dringend{color:#ff9d9d}.priority-hoch{color:#e7bd7b}.priority-normal{color:#9ea4b0}.empty{padding:50px 20px;text-align:center;color:#969aa5}.pagination{display:flex;justify-content:center;gap:20px;font-size:12px;margin-top:25px;color:var(--muted)}footer{text-align:center;font-size:10px;color:#727681;padding:35px 0 10px}.alert{background:#38252a;border:1px solid #674149;color:#ffced3;border-radius:8px;padding:14px 18px;margin-bottom:22px}.alert.success{background:#20352c;border-color:#355a48;color:#b8e0ca}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.message{border-top:1px solid var(--line);padding:22px 0}.message-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;margin-bottom:12px}.message-meta span{font-size:10px;color:#8f94a1}.message-body{white-space:normal;overflow-wrap:anywhere;line-height:1.85;color:#c7c9d2}.message.internal{background:#302b1e;border:1px solid #504629;border-radius:8px;margin:14px -10px;padding:18px}.internal .message-meta span{color:#d9b76e}dt{font-size:10px;color:#858a97;margin-top:14px}dd{margin:3px 0;color:#d3d5dc;overflow-wrap:anywhere;font-size:12px}dl{margin-bottom:25px}.back{display:block;color:#9196a2;font-size:12px;margin-bottom:24px}.narrow{max-width:600px}.install{max-width:760px;padding:45px 25px}.install h1{font-size:44px}.install .panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.install button{grid-column:1/-1}summary{cursor:pointer;overflow-wrap:anywhere;font-weight:600}.user-row{padding:16px 0;border-top:1px solid var(--line)}.user-row form{max-width:480px}.article-list{margin-top:25px}.article .message-body{margin-top:20px}.feature-list{padding-left:20px;line-height:3;color:#bbbfc9}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.article[hidden]{display:none}@media(max-width:1100px){.sidebar{width:210px}.workspace{margin-left:210px}main{padding:28px}.stats{gap:12px}.stat{padding:16px}.ticket-layout{grid-template-columns:1fr}.ticket-layout>aside{order:-1}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px;display:block}.navlabel,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:18px;gap:8px}nav a{white-space:nowrap;padding:8px;font-size:12px}.workspace{margin-left:0}header{padding:15px 20px;height:auto;gap:10px;flex-wrap:wrap}header>div{gap:6px}main{padding:24px 16px}h1{font-size:28px}.hero h1{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.title-row{align-items:flex-start;flex-wrap:wrap}.columns{grid-template-columns:1fr;gap:0}.message-meta{align-items:flex-start;flex-direction:column;gap:3px}.install .panel form{display:block}.install{padding:28px 16px}.install h1{font-size:36px}}
.attachment{display:block;margin-top:14px;padding:10px 14px;border:1px solid #514328;border-radius:7px;color:var(--gold);overflow-wrap:anywhere}.action-grid{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.action-grid button{font-size:11px}code{overflow-wrap:anywhere;white-space:normal}#reload-ticket[hidden]{display:none}
