*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f7fb;color:#0a1728;display:flex}aside{width:245px;min-height:100vh;background:#071426;color:#fff;padding:28px 20px;position:sticky;top:0}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:900}.brand span{color:#28d7c3}aside p{font-size:10px;letter-spacing:2px;color:#8795aa;margin:45px 0 15px}aside a:not(.brand){display:block;color:#aebbd0;text-decoration:none;padding:12px 14px;border-radius:8px;margin:4px 0}.active,aside a:hover{background:#12233b;color:#fff!important}main{width:100%;padding:35px 5%;max-width:1250px}header{display:flex;justify-content:space-between;align-items:start}h1{font-size:40px;margin:5px 0 30px}header small{color:#1677ff;font-weight:800;letter-spacing:1px}button{border:0;background:#1677ff;color:#fff;padding:11px 17px;border-radius:8px;font-weight:800;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards div,.panel{background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:22px}.cards small{color:#66758a}.cards strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:18px}.panel h2{margin-top:0}.panel form{display:flex;gap:10px;flex-wrap:wrap}.panel input{padding:12px;border:1px solid #d7e0ea;border-radius:8px;flex:1;min-width:180px}.product{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding:14px 0}.service-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-admin div{padding:18px;background:#f6f8fb;border-radius:9px;font-weight:700}@media(max-width:800px){body{display:block}aside{width:100%;min-height:auto;position:static;display:flex;gap:12px;align-items:center;overflow:auto}aside p{display:none}aside a:not(.brand){white-space:nowrap}.cards,.service-admin{grid-template-columns:1fr 1fr}}