*{box-sizing:border-box}body{margin:0;background:#f8f7f4;color:#191919;font:13px Inter,system-ui,sans-serif}.shell{display:flex;min-height:100vh}aside{width:250px;background:#171717;color:#aaa;padding:24px 17px;display:flex;flex-direction:column;gap:7px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;color:white;border-bottom:1px solid #333;padding:0 7px 22px;margin-bottom:15px}.brand>b,.logo{width:42px;height:42px;border-radius:50%;background:#d51f29;color:#fff;display:grid;place-items:center;font:700 16px Georgia}.brand span{font-weight:700}.brand small{display:block;font-size:9px;color:#aaa;margin-top:3px}aside>a{color:#aaa;text-decoration:none;padding:12px;border-radius:9px}aside>a.on{background:#2b2525;color:#fff;box-shadow:inset 3px 0 #d51f29}.account{margin-top:auto;background:#222;border-radius:10px;padding:12px}.account i{width:7px;height:7px;background:#e8a225;border-radius:50%;display:inline-block;margin-right:8px}.account b,.account small{display:block}.account small{font-size:9px;margin-top:4px}main{margin-left:250px;padding:38px 45px;width:calc(100% - 250px);max-width:1400px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}header small{letter-spacing:.12em;color:#998579;text-transform:uppercase}h1{font:34px Georgia;margin:7px 0}button{border:0;background:#d51f29;color:#fff;border-radius:8px;padding:11px 15px;font-weight:700;cursor:pointer}.notice,.alert{background:#e8f7ee;padding:12px;border-radius:8px;margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.cards article,.agent,.list>article,.empty{background:#fff;border:1px solid #e5e0da;border-radius:12px;padding:18px}.cards small{color:#888}.cards strong{display:block;font:28px Georgia;margin-top:8px}.list{display:grid;gap:10px}.list>article{display:grid;grid-template-columns:105px 1fr auto;gap:18px;align-items:center}.list time{font:700 14px Georgia}.list p{line-height:1.55}.pill{font-size:9px;background:#f4e7e8;color:#a72229;padding:4px 7px;border-radius:4px;font-weight:700}.agent{max-width:760px}.agent label{display:block;font-weight:700;padding:14px 0;border-bottom:1px solid #eee}.agent input:not([type=range]),.agent textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccc;border-radius:8px;padding:11px}.agent textarea{min-height:130px}.agent input[type=range]{display:block;width:100%;accent-color:#d51f29}.agent button{width:100%;margin-top:20px}.login{max-width:390px;margin:10vh auto;background:#fff;border:1px solid #e3ddd7;border-radius:18px;padding:30px;text-align:center}.login .logo{margin:auto}.login h1{margin-bottom:2px}.login p{color:#888}.login input{display:block;width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;margin:10px 0}.login button{width:100%}@media(max-width:720px){aside{width:70px;padding:18px 9px}.brand span,.account b,.account small{display:none}.brand{padding:0 5px 18px}.brand>b{width:40px}aside>a{font-size:0;text-align:center}aside>a:first-letter{font-size:18px}main{margin-left:70px;width:calc(100% - 70px);padding:25px 14px}.cards{grid-template-columns:1fr}.list>article{grid-template-columns:1fr}h1{font-size:27px}}