*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#1f2937;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{border:0}.app-shell{background:#f4f6f8;min-height:100vh;display:flex}.sidebar{color:#fff;background:#162435;flex-direction:column;width:250px;min-height:100vh;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:84px;padding:18px 20px;display:flex}.brand-mark{color:#162435;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{color:#aeb8c4;margin-top:2px;font-size:12px}.sidebar-nav{flex-direction:column;flex:1;padding:18px 12px;display:flex}.nav-section{flex-direction:column;gap:4px;display:flex}.nav-section-middle{margin-top:34px}.nav-section-bottom{margin-top:auto}.nav-heading{letter-spacing:.08em;color:#8190a1;padding:0 12px 8px;font-size:11px;font-weight:700}.nav-item{color:#dfe5eb;cursor:pointer;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-item:hover{background:#ffffff12}.nav-item.active{color:#fff;background:#22384f;font-weight:600}.nav-icon{text-align:center;color:#8bd9cf;width:18px}.main-area{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{background:#fff;border-bottom:1px solid #e3e8ed;justify-content:space-between;align-items:center;gap:24px;min-height:94px;padding:18px 30px;display:flex}.topbar h1{margin:0;font-size:25px;font-weight:650}.topbar p{color:#6b7280;margin:4px 0 0;font-size:13px}.customer-selector{flex-direction:column;gap:6px;min-width:260px;display:flex}.customer-selector label{color:#697586;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.customer-selector select{color:#1f2937;background:#fff;border:1px solid #cfd7df;border-radius:6px;outline:none;width:100%;height:40px;padding:0 38px 0 12px}.customer-selector select:focus{border-color:#75879a}.content{padding:30px}.welcome-row{margin-bottom:24px}.welcome-row h2{margin:0;font-size:24px;font-weight:650}.welcome-row p{color:#697586;margin:6px 0 0;font-size:14px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #e0e6eb;border-radius:8px;min-height:150px;padding:20px;box-shadow:0 1px 2px #10182808}.card-label{color:#667085;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.card-value{color:#17212d;margin-top:16px;font-size:34px;font-weight:700}.card-value-small{font-size:21px;line-height:1.3}.card-text{color:#7a8592;margin-top:8px;font-size:13px;line-height:1.45}.status-ok{color:#25745c;margin-top:18px;font-size:18px;font-weight:650}.status-card{background:#fff;border:1px solid #e1e6eb;border-radius:6px;padding:16px 18px}.error-card{color:#a12626;background:#fff7f7;border-color:#efcccc}@media (max-width:900px){.sidebar{width:210px}.main-area{width:calc(100% - 210px);margin-left:210px}.dashboard-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.customer-selector{width:100%;min-width:0}}