:root{font-family:Inter,Manrope,system-ui,-apple-system,sans-serif;color:#102033;background:#f4f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.top{height:82px;background:#101b29;color:white;display:flex;align-items:center;padding:0 42px;gap:36px}.brand{font-size:23px;font-weight:850;letter-spacing:.04em;margin-right:auto}.brand i{display:inline-block;width:20px;height:20px;border:6px solid #1595ff;border-right:0;transform:rotate(45deg);margin-right:12px;vertical-align:-3px}.nav{display:flex;gap:8px}.nav button,.profile{border:0;background:transparent;color:#9fb0c3;padding:13px 16px;border-radius:10px;cursor:pointer}.nav button.active{background:#168df0;color:white}.profile{border:1px solid #2b3a4b;color:white;text-align:left;min-width:210px}.profile small{display:block;color:#8ea2b6;margin-top:2px}.main{max-width:1450px;margin:0 auto;padding:34px 42px 70px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.head h1{font-size:28px;margin:0}.muted{color:#6f7f91}.panel{background:white;border:1px solid #dde5ed;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(15,32,51,.03)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar input{min-width:320px}.input,select,textarea,input{border:1px solid #d6e0e9;border-radius:9px;padding:11px 13px;background:white;color:#102033}label{display:grid;gap:7px;color:#53667a;font-size:13px}.btn{border:1px solid #d2dde7;background:white;color:#102033;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.btn.primary{background:#128df0;border-color:#128df0;color:white}.btn.danger{color:#c13737}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat b{font-size:28px;display:block;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:15px 12px;border-bottom:1px solid #e7edf3;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:#6f7f91}.table tr[data-id]{cursor:pointer}.table tr[data-id]:hover{background:#f7fbff}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:750;background:#eef2f6;color:#586a7b}.badge.green{background:#e7f7ef;color:#12835a}.badge.amber{background:#fff3dc;color:#a86600}.badge.red{background:#fdebec;color:#b42b36}.badge.blue{background:#e7f3ff;color:#0874cc}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ticket h2{font-size:17px;margin:12px 0 7px}.ticket p{white-space:pre-wrap;color:#42566b}.ticket-top{display:flex;justify-content:space-between;gap:12px}.ticket small{color:#7d8c9c}.empty{text-align:center;padding:60px 20px;color:#718296}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-side{background:#101b29;color:white;padding:72px;display:flex;flex-direction:column}.auth-side h1{font-size:52px;line-height:1.05;margin:auto 0 18px}.auth-side h1 span{color:#168df0}.auth-side p{color:#9fb1c4;max-width:520px;font-size:18px;line-height:1.6}.auth-side footer{margin-top:auto;color:#7990a7}.auth-main{display:grid;place-items:center;padding:35px}.auth-card{width:min(420px,100%);background:white;border:1px solid #dfe7ef;border-radius:18px;padding:34px}.auth-card h1{margin:0 0 8px}.auth-card form{display:grid;gap:16px;margin-top:25px}.error{color:#b72f39;background:#fdeced;padding:11px;border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.modal-bg{position:fixed;inset:0;background:rgba(10,20,31,.55);display:grid;place-items:center;padding:25px}.modal{background:white;border-radius:17px;padding:28px;width:min(650px,100%);max-height:90vh;overflow:auto}.modal h2{margin-top:0}.modal form{display:grid;gap:15px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}#toast{position:fixed;right:25px;bottom:25px}.toast{background:#11253a;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 10px 30px #0003}@media(max-width:900px){.top{height:auto;padding:16px;flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto}.profile{min-width:0}.main{padding:24px 16px}.grid,.cards{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-side{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
