:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202634;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid #e5e7ec;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#8a91a0;margin-top:2px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#645be6,#353093);color:#fff;font-weight:800}.nav,.language{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:9px;color:#687084;cursor:pointer;width:100%}.nav.active,.nav:hover{background:#f0efff;color:#4d43ce;font-weight:650}.language{margin-top:auto;border:1px solid #e0e3e9;text-align:center}main{padding:40px;max-width:1220px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}header h1{font-size:30px;margin:3px 0 10px;letter-spacing:-.03em}header p:not(.eyebrow){margin:0;color:#6e7685;line-height:1.55;max-width:760px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#5b52d9;font-weight:800;margin:0}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer}.primary{background:#5b52d9;color:#fff}.secondary{background:#fff;border:1px solid #dfe2e8}.danger{background:#fff0f0;color:#bd353b}.actions{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stats article,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 3px 12px #17213e08}.stats article{padding:20px}.stats span{display:block;color:#7b8392;font-size:13px;margin-bottom:10px}.stats strong{font-size:23px}.stats .good{color:#21825f;font-size:18px}.panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0 0 15px}.list{display:grid;gap:8px}.row{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px;border:1px solid #e7e9ed;border-radius:10px;background:#fafbfc;cursor:pointer}.row strong,.row small{display:block}.row small{color:#858d9c;margin-top:4px}.pill{font-size:12px;padding:5px 9px;border-radius:99px;background:#f0f1f4;color:#747c8b}.pill.on{background:#e5f7ef;color:#197a59}.empty{text-align:center;color:#7c8493;padding:48px}.empty>div{font-size:35px}.tickets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ticket{border:1px solid #e5e7ec;border-radius:12px;padding:17px}.ticket-top{display:flex;justify-content:space-between;align-items:center}.ticket dl{display:grid;grid-template-columns:90px 1fr;font-size:13px}.ticket dt{color:#858c99}.ticket dd{margin:0}.ticket p{background:#f7f8fa;padding:12px;border-radius:8px;line-height:1.5}.ticket small{color:#8a91a0}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.form,.modal form{display:grid;gap:18px}.form label:not(.toggle),.modal label:not(.toggle){display:grid;gap:7px}.form label span,.modal label span{font-weight:600;font-size:13px}.form input:not([type=checkbox]):not([type=color]),.form textarea,.form select,.modal input:not([type=checkbox]),.modal textarea,.modal select{border:1px solid #d9dde5;border-radius:9px;padding:10px 12px;outline:none}.form textarea,.modal textarea{min-height:80px;resize:vertical}.toggle{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef2;padding-bottom:15px}.toggle input{position:absolute;opacity:0}.toggle i{width:42px;height:24px;border-radius:20px;background:#cbd0da;position:relative}.toggle i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle input:checked+i{background:#5b52d9}.toggle input:checked+i:after{transform:translateX(18px)}.preview{background:#fff;border:1px solid #e2e5ea;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #18214312}.preview-head{color:#fff;padding:16px;font-weight:700}.bubble{margin:18px;background:#f2f3f7;padding:13px;border-radius:5px 12px 12px 12px;line-height:1.5}.preview button{margin:0 18px 18px;border:1px solid #dfe2e8;background:#fff;border-radius:9px;padding:9px 13px}.blueprint dl{display:grid;gap:10px}.blueprint dt{font-weight:700}.blueprint dd{margin:0 0 10px}.blueprint code{display:block;background:#f4f4f7;padding:10px;border-radius:8px;overflow:auto}.modal{border:0;border-radius:16px;padding:0;width:min(680px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 25px 80px #10152d4d;position:fixed;inset:16px;margin:auto;z-index:20}.modal[open]:before{content:"";position:fixed;inset:0;background:#22283c66;z-index:-1}.modal form{padding:24px;background:#fff}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{border:0;background:#f0f1f4;border-radius:8px;width:34px;height:34px;font-size:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal small{color:#858d9a}.modal-actions{border-top:1px solid #eceef2;padding-top:17px}.modal-actions>div{display:flex;gap:9px}.toast{position:fixed;right:22px;bottom:22px;background:#202534;color:#fff;padding:12px 17px;border-radius:10px;z-index:50}.toast.error{background:#a9363c}.boot,.fatal,.auth-page{min-height:100vh;display:grid;place-content:center;text-align:center}.spinner{width:35px;height:35px;border:3px solid #deddf7;border-top-color:#5b52d9;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.fatal,.auth-card{max-width:520px;margin:auto;padding:32px}.auth-card{background:#fff;border:1px solid #e4e6eb;border-radius:16px;box-shadow:0 14px 40px #1b234017}.auth-card .brand-mark,.fatal .brand-mark{margin:auto}.error-text{color:#b5353c}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px}.brand{padding:0}aside nav{display:flex;overflow:auto}.nav{white-space:nowrap}.language{margin:0}main{padding:24px 16px}.stats{grid-template-columns:repeat(2,1fr)}.tickets,.settings-layout{grid-template-columns:1fr}}@media(max-width:520px){header{display:grid}.stats{grid-template-columns:1fr}.two{grid-template-columns:1fr}}

.layout{display:block;min-height:100vh}.app-tabs{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:8px 32px;background:#fff;border-bottom:1px solid #e5e7ec}.tab-list{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto}.app-tabs .nav,.app-tabs .language{width:auto;margin:0;padding:9px 14px;white-space:nowrap}.app-tabs .language{flex:none}main{padding:32px;max-width:1360px}header h1{margin-top:0}header p{margin:0;color:#6e7685;line-height:1.55;max-width:760px}@media(max-width:850px){.app-tabs{padding:8px 16px;gap:10px}}@media(max-width:520px){.app-tabs{align-items:stretch}.app-tabs .language{padding-inline:10px}}