:root{color-scheme:dark;--bg:#19191c;--panel:rgba(36,35,37,.8);--card:#292729;--text:#f7f2ee;--muted:#b4aba7;--line:#ffffff12;--accent:#ffc397;--link:#f0a07d;--field:#19191c;--shadow:#100b0930}
:root[data-theme=light]{color-scheme:light;--bg:#f7f2ee;--panel:rgba(255,255,255,.88);--card:#fffaf7;--text:#242325;--muted:#6d625d;--line:#30231b20;--accent:#a13e28;--link:#963d2c;--field:#fff;--shadow:#704b2010}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(110px);opacity:.17;animation:float 28s ease-in-out infinite alternate}.blob.a{background:#c45239;top:-330px;left:-180px}.blob.b{background:#be783d;right:-350px;top:30%;animation-delay:-12s}.blob.c{background:#a83e42;bottom:-500px;left:30%;animation-delay:-20s}@keyframes float{to{transform:translate(70px,70px) scale(1.15)}}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}.shell{max-width:1200px;margin:auto;padding:28px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:24px;font-weight:650;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand svg{width:33px;height:33px}.brand small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:14px;margin-left:8px;color:var(--muted);font-weight:500}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a{color:var(--muted);font-size:12px}nav a.active{color:var(--accent)}.theme{width:auto;padding:7px 10px;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--muted)}main{min-height:65vh}.panel{border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--panel);backdrop-filter:blur(24px);box-shadow:0 16px 65px var(--shadow)}.eyebrow{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.19em;font-weight:600;margin:0 0 12px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}h1{font-size:32px}h2{font-size:21px}h3{font-size:15px}.muted{color:var(--muted)}.hero{max-width:760px;margin:60px auto;padding:50px}.hero h1{font-size:50px;letter-spacing:-.045em}.hero p{max-width:470px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.tile{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.tile b{display:block;font-size:25px;color:var(--accent)}.tile small{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 25px}.page-heading p{margin:0}.button,button.primary{border:0;border-radius:10px;background:linear-gradient(135deg,#ffc397,#e9785e);color:#392019;display:inline-flex;align-items:center;justify-content:center;font-weight:650;padding:11px 18px;font-size:12px;white-space:nowrap}.button:hover{text-decoration:none;filter:brightness(1.04)}button.secondary,.button.secondary{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px}.small-button{padding:7px 10px!important;font-size:11px!important}.text-button{border:0;background:transparent;color:var(--muted);padding:0;font-size:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack>*+*{margin-top:20px}label{display:block;font-size:12px;font-weight:550;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text);padding:11px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--link);box-shadow:0 0 0 3px #e9785e15}textarea{resize:vertical;min-height:150px}input[type=checkbox]{width:auto}input[type=file]{font-size:11px}input[type=datetime-local]{font-size:12px}small,.help{font-size:11px;color:var(--muted)}.help{margin:7px 0 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}.filters input{flex:2;min-width:180px}.filters select{flex:1;min-width:130px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.07em}td:first-child{padding-left:0}th:first-child{padding-left:0}.ticket-title{display:block;color:var(--text);font-size:14px;font-weight:550;margin-bottom:3px}.ticket-ref{font-size:10px;color:var(--muted)}.badge{display:inline-block;font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;white-space:nowrap;color:var(--accent);background:#e9785e0b}.badge.critical{color:#eb7869;background:#d5575715}.badge.resolved,.badge.closed{color:var(--muted)}.unread{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.notice,.errors,.incident-banner{border:1px solid #e9785e35;background:#e9785e0c;border-radius:12px;padding:14px 18px;margin:0 0 20px;font-size:12px}.errors{border-color:#d5575780}.errors ul{margin:5px 0;padding-left:18px}.incident-banner{display:flex;justify-content:space-between;gap:15px}.incident-banner a{font-weight:600}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.message{margin:0 0 16px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:15px}.message.private{border-color:#e9785e50;background:#e9785e08}.message-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-bottom:14px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.attachment{border:1px solid var(--line);padding:6px 10px;border-radius:7px;font-size:11px}.sidebar label{margin-top:14px}.sidebar p{font-size:12px}.timeline{border-top:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:11px}.auth{max-width:450px;margin:55px auto}.auth h1{font-size:29px}.auth form{margin-top:25px}.auth button.primary{width:100%}.auth-footer{text-align:center;font-size:12px;margin-top:22px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tabs a{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:7px 12px}.tabs a.active{color:var(--accent);background:#e9785e0c;border-color:#e9785e40}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.incident{margin:0 0 18px}.incident p{white-space:pre-wrap;overflow-wrap:anywhere}.incident-update{border-left:2px solid var(--line);padding-left:17px;margin-top:22px}.footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:35px 0 5px}.pagination{display:flex;gap:15px;justify-content:space-between;margin-top:24px;font-size:12px}.qr{background:white;border-radius:12px;padding:12px;display:inline-block}.qr svg{width:180px;height:180px}.recovery{font-family:monospace;columns:2;margin:15px 0;padding:20px;background:var(--field);border-radius:12px}code{font-size:12px;overflow-wrap:anywhere}.mini-form{min-width:200px}.mini-form input,.mini-form select{padding:6px 8px;font-size:11px}.mini-form>*+*{margin-top:6px}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.pending{color:var(--muted)}:focus-visible{outline:2px solid var(--link);outline-offset:3px}@media(max-width:850px){.topbar{align-items:flex-start;flex-direction:column;gap:14px}.two-column{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{order:-1}.hero h1{font-size:40px}}@media(max-width:550px){.shell{padding:22px 16px}.panel{padding:22px 18px;border-radius:17px}.hero{margin:25px auto}.hero h1{font-size:35px}.hero-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}nav{gap:12px}.message{padding:18px}.message-head{align-items:flex-start}.footer{flex-wrap:wrap}.brand small{display:none}h1{font-size:28px}.stats{gap:10px}.tile{padding:15px}}@media(prefers-reduced-motion:reduce){.blob{animation:none}}
