:root{--bg:#101218;--panel:#191d27;--line:#2a3040;--text:#f3f5fa;--muted:#9fa8bc;--accent:#beff51;--purple:#a898ff;--radius:20px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button{border:0}a{color:var(--accent)}.shell{max-width:1180px;margin:auto;padding:30px 32px 110px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--accent)}.subtitle,.muted{color:var(--muted)}.subtitle{font-size:12px;letter-spacing:1px}.role{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--text);max-width:200px}.demo{display:flex;align-items:center;gap:10px;color:#c7bbff;background:#201d32;border:1px solid #393052;border-radius:12px;padding:10px 14px;font-size:12px;margin-bottom:25px}.dot{width:7px;height:7px;border-radius:50%;background:var(--purple);flex-shrink:0}h1{overflow-wrap:anywhere;font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:8px 0 12px}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 16px}h3{font-size:16px;margin:0 0 7px}p{margin:0 0 14px}.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:700}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.primary,.secondary,.danger,.chip{padding:11px 16px;border-radius:12px;font-weight:650}.primary{background:var(--accent);color:#142000}.secondary{background:#272d3a;color:var(--text);border:1px solid var(--line)}.danger{background:#3c212a;color:#ffadbd}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.stat{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:20px}.stat strong{display:block;font-size:36px;letter-spacing:-1px}.stat span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px}.panel{padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.panelHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.link{background:transparent;color:var(--accent);padding:4px}.ticket{display:block;width:100%;text-align:left;background:transparent;color:var(--text);padding:18px 0;border-bottom:1px solid var(--line)}.ticket:last-child{border-bottom:0}.ticketTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.ticketNo{color:var(--muted);font-size:12px}.ticketTitle{overflow-wrap:anywhere;font-size:16px;font-weight:650;margin-bottom:6px}.meta{overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.badge{font-size:11px;font-weight:700;padding:5px 9px;border-radius:8px;display:inline-block}.new{background:#393323;color:#ffe19a}.progress{background:#26334a;color:#a3c8ff}.waiting{background:#3a2c45;color:#d7b3ff}.resolved,.closed{background:#273c30;color:#a3e8b3}.cancelled{background:#432932;color:#ffb0c0}.cat{font-size:25px;background:#292e3a;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.article{display:flex;align-items:center;gap:13px;width:100%;background:transparent;color:var(--text);padding:15px 0;text-align:left;border-bottom:1px solid var(--line)}.article:last-child{border:0}.arrow{margin-left:auto;color:var(--muted)}.nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;padding:7px;background:#202531f5;border:1px solid #394154;border-radius:18px;box-shadow:0 12px 40px #0008;backdrop-filter:blur(14px)}.nav button{background:transparent;color:var(--muted);padding:12px 24px;border-radius:12px;white-space:nowrap;font-weight:650}.nav button.active{background:var(--accent);color:#142000}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:16px 0}.filters input,.filters select,.field input,.field select,.field textarea{width:100%;background:#121620;border:1px solid #353d50;border-radius:12px;color:var(--text);padding:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{background:#242a37;color:var(--muted);padding:8px 13px}.chip.active{background:#344322;color:var(--accent)}.pages{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.empty{padding:35px;text-align:center;color:var(--muted)}.back{color:var(--muted);background:transparent;padding:0;margin-bottom:20px}.detailGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.info dt{font-size:12px;color:var(--muted)}.info dd{margin:3px 0 0;font-weight:650}.actions{display:flex;gap:9px;flex-wrap:wrap}.field{display:block;margin-bottom:17px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.field textarea{min-height:115px;resize:vertical}.event{border-left:2px solid #424951;padding:0 0 22px 18px;margin-left:5px}.event:last-child{padding-bottom:0}.event small{color:var(--muted);font-size:11px}.event p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.bodyText{white-space:pre-wrap;overflow-wrap:anywhere}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.narrow{max-width:760px;margin:auto}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #4a6933;background:#273a23;border-radius:12px;z-index:15;box-shadow:0 10px 30px #0005;max-width:90%;text-align:center}.count{font-size:12px;color:var(--muted)}.notice{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.reset{background:none;border:1px solid var(--line);color:var(--muted);padding:8px 12px;border-radius:9px}.hero{background:linear-gradient(120deg,#22321b,#1c2420);border:1px solid #3c5130;border-radius:var(--radius);padding:24px;margin-bottom:22px}.hero p{color:#c0cdb9;max-width:540px}.hero h2{font-size:25px}.articleBody{line-height:1.8;white-space:pre-wrap}.sectionLabel{font-size:12px;color:var(--muted);margin:24px 0 10px}
@media(max-width:760px){.shell{padding:20px 16px 105px}.brand{font-size:22px}.role{font-size:12px;max-width:150px}.subtitle{font-size:10px}h1{font-size:29px}.grid,.detailGrid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:15px 12px}.stat strong{font-size:29px}.stat span{font-size:11px}.panel{padding:18px}.head{align-items:flex-start}.head .primary{font-size:12px;padding:11px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.nav{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);justify-content:space-around}.nav button{padding:12px 10px;font-size:12px}.formGrid{grid-template-columns:1fr;gap:0}.demo{font-size:11px}.info{gap:12px}.head p{font-size:13px}}

.userBox{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.userName{font-size:13px;color:var(--muted)}.banner{padding:12px 16px;border:1px solid #394c2b;background:#1d291a;color:#c9e4b5;border-radius:12px;margin:0 0 22px;font-size:13px}.errorBox{padding:15px 18px;background:#36212b;border:1px solid #754453;border-radius:12px;margin:16px 0;white-space:pre-wrap}.notice code{overflow-wrap:anywhere}.locked{max-width:620px;margin:50px auto}.locked h1{font-size:36px}.articleBody{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-family:inherit;font-size:15px}.detailGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.field label{font-size:13px;color:var(--muted)}.field textarea{min-height:130px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.actions button{flex:0 1 auto}.historyItem{padding:15px 0;border-bottom:1px solid var(--line)}.historyItem p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.subtle{font-size:12px;color:var(--muted)}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}.danger{border:1px solid #8d4c5b;color:#ffbdcb;background:#34212a}.compactTitle{font-size:28px}.filters input{min-width:0}.busyNote{color:var(--accent);font-size:13px}.formActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.refreshNote{border:1px solid #665737;background:#302b1c;padding:12px;border-radius:10px;margin-bottom:20px}.loginCode{width:100%;font-size:15px}.formError{color:#ffbdcb}.gridOne{max-width:800px}.kbList{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice a{color:var(--accent)}@media(max-width:760px){.detailGrid,.kbList{grid-template-columns:1fr}.locked h1{font-size:29px}.userBox{gap:8px}.userName{font-size:11px}.actions button{flex:1}.compactTitle{font-size:24px}.toolbar{width:100%}.filters{grid-template-columns:1fr!important}.head{gap:14px}.pagination{gap:10px}}

.in_progress{background:#26334a;color:#a3c8ff}.waiting_info{background:#3a2c45;color:#d7b3ff}.reopened{background:#393323;color:#ffe19a}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 15px}dt{color:var(--muted);font-size:13px}dd{margin:0;font-size:14px}form+form{margin-top:25px}#filters,#knowledgeForm{margin-bottom:22px}.article.panel{padding:20px;border:1px solid var(--line);background:var(--panel)}