:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#101827;color:#eaf2ff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand small{display:block;color:#8ea0bd;margin-top:3px}.logo{width:38px;height:38px;border:7px solid white;border-radius:50%;background:#64c6f2;position:relative}.logo:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#ff493f;right:-6px;top:-5px;border:2px solid #64c6f2}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#aebbd0;text-align:left;padding:12px 14px;border-radius:9px;font-size:15px}nav button.active,nav button:hover{background:#20304a;color:white}.connection{margin-top:auto;color:#91a1ba;font-size:13px;padding:12px}.connection i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8290a5;margin-right:8px}.connection.online i{background:#2dd47a}main{padding:28px 34px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}header p{margin:6px 0;color:#718096}button{cursor:pointer;border:1px solid #d9e1ec;background:white;border-radius:8px;padding:9px 14px;color:#26344b}button:hover{border-color:#56b8e8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel,.login{background:white;border:1px solid #e4e9f1;border-radius:14px;box-shadow:0 5px 20px #2132500a}.stats article{padding:19px}.stats span{color:#758298;font-size:13px}.stats strong{display:block;font-size:30px;margin-top:8px}.panel{padding:18px}.panel h2{font-size:16px;margin:0 0 14px}.login{max-width:480px;padding:28px}.login input{width:100%;margin:10px 0;padding:11px;border:1px solid #ccd6e4;border-radius:8px}.login button,.toolbar button,.actions button:last-child{background:#2d9ed5;color:white;border-color:#2d9ed5}.toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f5}th{color:#738096;font-weight:600}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf2f7}.badge.online,.badge.available,.badge.sent{color:#097b42;background:#e4f8ed}.badge.attention,.badge.error{color:#b54708;background:#fff1df}.os{font-weight:650;text-transform:capitalize}.muted{color:#8390a4}.product-row{display:grid;grid-template-columns:1fr 130px 140px 150px;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #edf0f5}.product-row b{display:block}.product-row small{color:#8290a5}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 20px 80px #17203344}dialog form{width:480px;padding:24px;display:grid;gap:14px}dialog h2{margin:0}dialog label{display:grid;gap:6px;font-size:13px;color:#5f6d82}dialog input,dialog select{padding:10px;border:1px solid #ccd6e4;border-radius:8px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:900px){body{grid-template-columns:1fr}aside{display:none}.stats{grid-template-columns:repeat(2,1fr)}main{padding:18px}}
textarea{width:100%;resize:vertical;padding:10px;border:1px solid #ccd6e4;border-radius:8px;font:inherit}