:root{--navy:#061326;--navy2:#0d213d;--ink:#0b172a;--muted:#68758b;--line:#dfe5ee;--soft:#f4f7fb;--card:#fff;--gold:#f5c518;--blue:#2868ff;--green:#18a66a;--red:#e64b5d;--violet:#7756e8;--shadow:0 20px 55px rgba(16,34,61,.09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft)}body{margin:0;min-height:100vh}button,.button,input,select,textarea{font:inherit}.dark-only{display:none}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:var(--navy);color:#fff;padding:28px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:block;padding:9px 10px 27px}.brand img{display:block;max-width:210px;width:100%;height:auto}.brand .light-only{display:block}.brand .dark-only{display:none}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#aebbd0;padding:12px 14px;border-radius:12px;font-weight:680;font-size:14px;transition:.2s}nav a i{font-style:normal;font-size:19px;width:23px;text-align:center}nav a b{margin-left:auto;background:#263c5a;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}nav a:hover,nav a.active{background:#16365f;color:#fff}nav a.active{box-shadow:inset 3px 0 var(--gold)}.aside-foot{margin-top:auto;border-top:1px solid #21334d;padding:19px 10px 0;display:flex;gap:10px;align-items:center}.aside-foot div{display:grid}.aside-foot small{color:#8fa0b9}.presence{width:11px;height:11px;border-radius:50%;background:#27d485;box-shadow:0 0 0 4px rgba(39,212,133,.12)}main{min-width:0;display:flex;flex-direction:column}.top{height:96px;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 34px;position:sticky;top:0;z-index:20}.top h1{margin:3px 0 0;font-size:27px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#7a8799}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}.icon-btn,.avatar{border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer}.icon-btn{width:43px;height:43px;font-size:20px}.avatar{width:43px;height:43px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.avatar.mini{width:34px;height:34px;display:grid;place-items:center;font-size:13px}.button,button{border:0;border-radius:11px;background:var(--navy);color:#fff;font-weight:750;padding:11px 17px;text-decoration:none;cursor:pointer}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.content{padding:30px 34px;flex:1;max-width:1650px;width:100%;margin:auto}footer{padding:18px 34px;color:#8490a2;font-size:12px;border-top:1px solid var(--line)}.hero{background:linear-gradient(120deg,#0b1e37,#173d69);border-radius:23px;color:#fff;padding:31px 35px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:280px;height:280px;border:60px solid rgba(245,197,24,.11);border-radius:50%;right:-80px;top:-105px}.hero h2{font-size:30px;margin:8px 0}.hero p{margin:0;color:#b7c5d9}.hero .eyebrow{color:#f7d94d}.hero-score{position:relative;z-index:1;text-align:center;padding-right:38px}.hero-score b{font-size:47px;display:block}.hero-score span{color:#ced8e8}.hero.compact{min-height:145px}.hero.compact button{background:var(--gold);color:#111;position:relative;z-index:2}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metrics article,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.metrics article{padding:20px;display:grid;grid-template-columns:12px 1fr;gap:5px 9px}.metrics small{color:var(--muted)}.metrics b{grid-column:2;font-size:29px}.metrics em{grid-column:2;font-size:11px;color:#97a2b2;font-style:normal}.dot{width:9px;height:9px;border-radius:50%;margin-top:5px}.blue{background:var(--blue)}.gold{background:var(--gold)}.violet{background:var(--violet)}.red{background:var(--red)}.green{background:var(--green)}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3,.panel h3{margin:4px 0;font-size:19px}.panel-head a{color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7e8a9c;font-size:11px;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}td{padding:14px 11px;border-bottom:1px solid #edf0f5;font-size:13px}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr[data-href]{cursor:pointer}tr[data-href]:hover{background:#f7f9fc}.status,.priority{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status.new,.status.open{background:#e8f0ff;color:#245ed8}.status.pending_customer,.status.pending_internal{background:#fff6d8;color:#8b6800}.status.resolved,.status.active{background:#e5f8ef;color:#087b4a}.status.closed{background:#edf0f4;color:#697386}.priority.critical,.priority.urgent{background:#ffe6e9;color:#b32c3e}.priority.high{background:#fff1dc;color:#a05e00}.priority.normal{background:#edf3ff;color:#325ea8}.priority.low{background:#eef1f4;color:#68758b}.focus .ring{width:145px;height:145px;margin:23px auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--gold) 0 82%,#e9edf3 82%);box-shadow:inset 0 0 0 18px #fff}.ring b{font-size:28px}.ring span{font-size:11px;color:var(--muted)}.focus ul{list-style:none;padding:0;display:grid;gap:13px;font-size:12px}.focus li{display:flex;align-items:center;gap:8px}.focus li i{width:8px;height:8px;border-radius:50%}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search{display:flex;gap:9px;flex:1}.search input{max-width:520px}.search input,.search select,input,select,textarea{border:1px solid #d9e0ea;background:#fff;border-radius:11px;padding:11px 13px;color:var(--ink);width:100%;outline:none}.search input:focus,input:focus,select:focus,textarea:focus{border-color:#4d7cd3;box-shadow:0 0 0 3px rgba(40,104,255,.12)}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#28364b}.form-panel{margin-bottom:17px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px}.empty{text-align:center;color:var(--muted);padding:35px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.ticket-title{padding:6px 0 20px}.ticket-title>a{color:var(--blue);text-decoration:none;font-weight:700;font-size:13px}.ticket-title .status{float:right}.ticket-title h2{font-size:27px;margin:20px 0 6px}.ticket-title p{color:var(--muted);margin:0}.timeline{display:grid;gap:13px}.message{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.message.internal{background:#fffbeb;border-color:#f0d77b}.message-head{display:flex;align-items:center;gap:10px}.message-head div{display:grid}.message-head small{color:var(--muted);font-size:11px;margin-top:3px}.message-body{margin:17px 0 5px;line-height:1.65;color:#2c394b}.composer{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.composer-tabs{display:flex;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line)}.composer-tabs label{display:flex;align-items:center;gap:7px}.composer-tabs input,.signature-check input,.check input{width:auto}.composer textarea{border:0;border-radius:0;resize:vertical}.composer-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.composer-foot>div{display:flex;gap:8px}.signature-check{display:flex;align-items:center;gap:8px;color:var(--muted)}.ticket-side{background:transparent;color:var(--ink);padding:0;position:static;height:auto;display:block}.ticket-side .panel{margin-bottom:14px}.stack{display:grid;gap:13px}.requester a{color:var(--blue)}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;font-size:12px}dt{color:var(--muted)}dd{margin:0;text-align:right}.cards{display:grid;gap:10px}.cards article,.signature-list article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px}.cards article div,.signature-list article div{display:grid}.cards article a{color:var(--blue);text-decoration:none}.cards article small,.signature-list small{color:var(--muted)}.cards article .status,.signature-list .status{margin-left:auto}.article-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.article-grid article>span{color:var(--blue);font-weight:800;font-size:11px}.article-grid p,.settings-grid p{color:var(--muted);line-height:1.5}.bars{display:flex;height:280px;align-items:flex-end;gap:12px;padding:24px 0}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bars i{width:70%;background:linear-gradient(var(--blue),#78a2ff);border-radius:7px 7px 2px 2px;min-height:8px}.bars small{font-size:9px;color:var(--muted)}.signature-layout{display:grid;grid-template-columns:1fr 420px;gap:18px}.signature-list{display:grid;gap:9px}.health>div:not(.panel-head){display:grid;grid-template-columns:15px 1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line)}.health-dot{width:11px;height:11px;border-radius:50%}.health-dot.ok{background:var(--green)}.health-dot.warn{background:var(--gold)}.health small{color:var(--muted)}.alert{padding:14px 17px;border-radius:12px;margin-bottom:15px;font-weight:650}.alert.success{background:#e3f8ee;color:#087748}.alert.error{background:#ffe8ea;color:#a92335}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 10%,#173d69,#061326 55%);padding:20px}.login-card{width:min(470px,100%);background:#fff;border-radius:25px;padding:38px;box-shadow:0 35px 100px #0007}.login-logo{max-width:310px;width:100%;margin-bottom:30px}.login-card h1{font-size:32px;margin:8px 0}.login-card p{color:var(--muted);margin-bottom:25px}.login-card form{display:grid;gap:16px}.login-card small{display:block;text-align:center;color:#8894a5;margin-top:25px}
[data-theme=dark]{--ink:#edf3fc;--muted:#9fb0c6;--line:#263a55;--soft:#071326;--card:#0f223c;--shadow:0 20px 55px rgba(0,0,0,.22)}[data-theme=dark] .top{background:rgba(10,27,49,.92)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .button.ghost,[data-theme=dark] .icon-btn,[data-theme=dark] .message,[data-theme=dark] .composer{background:#112640;color:var(--ink)}[data-theme=dark] .message.internal{background:#302b18}[data-theme=dark] tr[data-href]:hover{background:#142a46}[data-theme=dark] .dark-only{display:block}[data-theme=dark] .light-only{display:none}[data-theme=dark] .brand .dark-only{display:block}[data-theme=dark] .brand .light-only{display:none}
@media(max-width:1100px){.shell{grid-template-columns:86px 1fr}.brand{padding:10px 2px 25px}.brand img{width:210px;max-width:none;transform:translateX(-2px)}aside{overflow:hidden;padding:24px 13px}nav a{padding:13px 16px}nav a span,nav a b,.aside-foot div{display:none}.metrics{grid-template-columns:1fr 1fr}.grid-main,.ticket-layout,.signature-layout{grid-template-columns:1fr}.ticket-side{height:auto}.article-grid,.settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shell{display:block}.shell>aside{height:auto;position:fixed;bottom:0;top:auto;width:100%;z-index:40;padding:7px;background:#071326}.brand,.aside-foot{display:none}nav{display:flex;overflow:auto}nav a{min-width:58px;justify-content:center;padding:11px}nav a span,nav a b{display:none}.content{padding:18px 14px 90px}.top{height:78px;padding:14px 16px}.top h1{font-size:21px}.top .eyebrow,.top-actions .button{display:none}.hero{padding:25px}.hero-score{display:none}.metrics{grid-template-columns:1fr 1fr}.form-grid,.article-grid,.settings-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar,.search,.composer-foot{align-items:stretch;flex-direction:column}.grid-main{grid-template-columns:1fr}footer{display:none}}