*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f4f6f8;width:100%;min-height:100%;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}*{box-sizing:border-box}body{background:#f3f4f6;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1f2937;width:250px;padding:20px}.brand{margin-bottom:30px;font-size:24px;font-weight:700}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px;font-size:16px}.sidebar button:hover,.sidebar .active{color:#1f2937;background:#f4b400}.main{flex:1;padding:30px}.header{justify-content:space-between;align-items:center;display:flex}.user{background:#fff;border-radius:10px;padding:10px 18px;font-weight:700}.cards{grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0;display:grid}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.card span{color:#666;display:block}.card strong{margin:12px 0;font-size:30px;display:block}.grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.panel h2{margin-top:0}.empty-chart{color:gray;border:2px dashed #d6d6d6;border-radius:10px;justify-content:center;align-items:center;height:260px;display:flex}.alert{border-bottom:1px solid #ececec;justify-content:space-between;padding:12px 0;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ececec;padding:12px}.product-summary p{justify-content:space-between;margin:10px 0;display:flex}