*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1d2a32;font:14px "DM Sans",Arial,sans-serif;display:flex}.sidebar{width:235px;background:#122632;color:#e9eeef;min-height:100vh;padding:25px 17px;position:fixed;inset:0 auto 0 0}.logo{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:2px}.logo b{width:36px;height:36px;border:1px solid #c7a66a;color:#c7a66a;display:grid;place-items:center;font:24px Georgia}.logo small{display:block;font-size:8px;letter-spacing:1px;color:#a9b7bb;margin-top:4px}.side-label{font-size:9px;letter-spacing:1.7px;color:#8fa0a5;margin:38px 10px 12px}.sidebar>a{display:block;color:#c5d0d2;padding:13px 11px;margin:3px 0;border-radius:4px;font-size:12px}.sidebar>a.selected,.sidebar>a:hover{background:#28414d;color:white}.side-bottom{position:absolute;bottom:25px;font-size:11px;line-height:1.8;color:#c9d1d2}.side-bottom small{color:#95a6aa}.main{margin-left:235px;padding:35px 38px;width:calc(100% - 235px);max-width:1600px}.main header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.main header small{font-size:9px;letter-spacing:1.5px;color:#8a744a}.main h1{font:500 30px Georgia;margin:8px 0}.main header p,.panel-head p{font-size:12px;color:#748086;margin:0}.main header button{background:#132a37;color:white;border:0;padding:13px 17px;font-weight:bold;font-size:11px}.demo-alert{background:#fff5dc;border:1px solid #e7d5a8;padding:12px 15px;color:#80632b;font-size:10px;letter-spacing:.5px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stats article,.panel{background:white;border:1px solid #e4e8eb;border-radius:5px}.stats article{padding:20px}.stats span,.stats small{display:block;color:#788388;font-size:11px}.stats b{display:block;font-size:29px;font-weight:500;margin:12px 0 5px}.stats small{font-size:9px}.panel{margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e9edef;gap:15px}.panel h2{font-size:16px;margin:0 0 6px}.panel-head input{border:1px solid #dbe1e4;padding:10px 12px;font-size:11px;min-width:220px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f1;font-size:11px}th{font-size:9px;letter-spacing:.8px;color:#788388;background:#fbfcfc}td{color:#455258}.status{padding:5px 8px;border-radius:20px;font-size:9px;background:#fff0d1;color:#8c651e}.status.Contacted{background:#e3efff;color:#315e9c}.status.Qualified{background:#e3f4e9;color:#287044}.inventory-list{padding:8px 22px 20px}.inventory-list span{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f1;font-size:11px}.inventory-list b{font-size:9px;color:#896b32;background:#f9f0d9;padding:5px 8px;font-weight:500}footer{font-size:10px;color:#899398;padding:10px 0 25px}@media(max-width:900px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px);padding:25px 20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sidebar{position:static;width:100%;min-height:0;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sidebar>a,.side-label,.side-bottom{display:none}.body{display:block}body{display:block}.main{margin:0;width:100%;padding:20px 12px}.main header{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stats article{padding:14px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head input{width:100%}.inventory-list span{gap:12px}.main h1{font-size:25px}}