:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#20314e;background:#f4f7fb;font-size:15px;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:88px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;background:#14243a;color:#fff}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:24px;font-weight:700}.brand>span{font-size:19px;letter-spacing:1px}.brand small{display:block;font-weight:400;letter-spacing:0;color:#aabbd2;font-size:12px}nav{display:flex;align-items:center;gap:12px}nav button{background:#243850;color:#dfe8f7;border-color:#496079}main{max-width:1280px;margin:0 auto;padding:42px 24px}h1{font-size:34px;line-height:1.3;margin:10px 0 14px}h2{font-size:21px;margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:3px;color:#5b76a4;font-weight:700}.muted{color:#657895}.panel{background:white;border:1px solid #e0e7f1;border-radius:16px;padding:24px;margin:18px 0}.auth{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px}label{display:block;color:#506480;font-size:14px;margin:14px 0 6px}input,select{display:block;border:1px solid #cdd8e9;border-radius:8px;padding:11px;font:inherit;width:100%;margin-top:6px;background:white;color:#22314b}input:focus,button:focus-visible,summary:focus-visible{outline:3px solid #b8d0ff;outline-offset:2px}button{cursor:pointer;font:inherit;font-size:14px;border:1px solid #cdd8e9;border-radius:9px;padding:10px 17px;color:#344b70;background:#fff}button:hover{background:#f0f5fc}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:#315be9;color:white;border-color:#315be9}.primary:hover{background:#244bcc}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.section-title h2{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;text-align:left;border-radius:16px;padding:25px;border:1px solid #e0e7f1;border-top:4px solid var(--module-color);min-height:165px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 4px 18px #17284305}.card .icon{background:var(--module-bg);color:var(--module-color);width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:18px;font-weight:700}.card strong{font-size:19px}.card span:last-child{color:#667b99;font-size:13px}.commerce{--module-color:#c46d16;--module-bg:#fff0dc}.media{--module-color:#ad4a83;--module-bg:#f9e9f2}.product{--module-color:#7953bf;--module-bg:#f1eafa}.returns{--module-color:#b44b49;--module-bg:#fbecea}.vehicle{--module-color:#258ba5;--module-bg:#e5f5f8}.inventory{--module-color:#a1841d;--module-bg:#faf4df}.vendor{--module-color:#32816c;--module-bg:#e5f3ed}.finance{--module-color:#3867da;--module-bg:#eaf0fe}.boundary{color:#7586a0;font-size:13px;margin:24px 0}.user-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.user-head strong{margin-right:auto}.user-head label{margin:0;min-width:145px}.grants{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0}.grants label{display:flex;align-items:center;gap:8px;margin:0}.grants input{width:18px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.error,.success{padding:12px 16px;border-radius:10px;margin:20px 0}.error{color:#9c383b;background:#ffebee}.success{color:#226252;background:#e7f5ed}summary{cursor:pointer;font-weight:600}details form{max-width:480px}#audit{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;border-bottom:1px solid #e6edf6;text-align:left;white-space:nowrap}footer{font-size:12px;color:#8293ad;margin-top:48px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:auto;padding:18px;gap:16px;flex-wrap:wrap}main{padding:25px 18px}h1{font-size:27px}.auth,.cards{grid-template-columns:1fr}.panel{padding:18px}.section-title{align-items:flex-start;gap:12px}}
.cards>form{margin:0}.cards>form>.card{width:100%;height:100%}.auth{grid-template-columns:minmax(0,1fr);max-width:480px}label>input[type=checkbox]{width:18px}