*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef2f7;color:#0f172a}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#0f172a;color:white;padding:24px 18px}.brand{font-size:28px;font-weight:800;margin-bottom:4px}.subtitle{font-size:13px;color:#cbd5e1;margin-bottom:34px}.menu a{display:block;color:white;text-decoration:none;background:#1e293b;margin:12px 0;padding:14px 18px;border-radius:12px;font-weight:bold}.menu a:hover,.menu a.active{background:#2563eb}.main{margin-left:260px;padding:28px}.hero,.card{background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 25px rgba(15,23,42,.08);margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:32px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px rgba(15,23,42,.08);border-top:6px solid #2563eb}.stat:nth-child(2){border-top-color:#16a34a}.stat:nth-child(3){border-top-color:#f59e0b}.stat:nth-child(4){border-top-color:#dc2626}.stat-title{font-weight:bold;color:#64748b}.stat-number{font-size:32px;font-weight:800;margin-top:10px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid.two{grid-template-columns:repeat(2,1fr)}label{font-weight:bold;font-size:14px;display:block;margin-bottom:7px}.input{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer}.btn-primary{background:#2563eb;color:white}.btn-success{background:#16a34a;color:white}.btn-danger{background:#dc2626;color:white}.btn-gray{background:#64748b;color:white}.message{font-weight:bold;margin-bottom:12px;display:block}table{width:100%;border-collapse:collapse;background:white}th{background:#0f172a;color:white;text-align:left;padding:14px}td{padding:13px;border-bottom:1px solid #e2e8f0}tr:hover td{background:#f8fafc}.status-proses{color:#dc2626;font-weight:bold}.status-selesai{color:#16a34a;font-weight:bold}.cart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-top:15px}.total-box{font-size:34px;font-weight:800;background:#0f172a;color:white;padding:22px;border-radius:18px;text-align:right}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.main{margin-left:0}.grid,.form-grid,.form-grid.two{grid-template-columns:1fr}}