*{box-sizing:border-box}body{margin:0;font:14px Arial;background:#f5f7fa;color:#172033}header{background:#123b72;color:#fff;padding:16px 24px;display:flex;justify-content:space-between}header a{color:#fff}nav{background:#fff;padding:12px 24px;border-bottom:1px solid #ddd}nav a{margin-right:18px;text-decoration:none;color:#14518d;font-weight:bold}main{max-width:1200px;margin:22px auto;padding:0 16px}.card{background:#fff;border:1px solid #ddd;border-radius:7px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}label{font-weight:bold;display:block}input,select,textarea{width:100%;padding:9px;margin-top:5px;border:1px solid #cbd5e1;border-radius:5px}button,.btn{background:#1769aa;color:#fff;border:0;border-radius:5px;padding:9px 13px;text-decoration:none;cursor:pointer;display:inline-block}.green{background:#198754}.red{background:#c62828}.gray{background:#6b7280}.small{padding:6px 9px;font-size:12px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f1f5f9}.badge{padding:5px 8px;border-radius:12px;font-weight:bold;font-size:12px}.proses{background:#fff3cd}.dikirim{background:#cfe2ff}.selesai{background:#d1e7dd}.dibatalkan{background:#f8d7da}.price-changed{color:#c62828;font-weight:bold}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:360px;background:#fff;padding:28px;border-radius:8px;box-shadow:0 5px 25px #0002}.alert{padding:10px;background:#f8d7da;color:#842029;margin-bottom:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.right{text-align:right}@media print{header,nav,.no-print{display:none!important}main{margin:0}.card{border:0}}