*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#f6f5f1;color:#22261f}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#1f3d2b;color:#f2efe6;display:flex;flex-direction:column;padding:20px 14px;gap:18px}.brand{font-size:18px;font-weight:700;margin-bottom:8px}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.navlink{color:#cfe0d2;text-decoration:none;padding:9px 10px;border-radius:6px;font-size:14px}.navlink:hover{background:#2c5039}.navlink.aktif{background:#3f7350;color:#fff;font-weight:600}.user-switcher{font-size:12px}.user-switcher label{display:block;margin-bottom:4px;color:#b9c9bb}.user-switcher select{width:100%;padding:6px;border-radius:6px;border:none}.konten{flex:1;padding:24px 32px;max-width:1400px}h1{font-size:22px;margin:0 0 4px}.subjudul{color:#676f5f;margin:0 0 20px;font-size:14px}.input-cari{padding:8px 12px;border:1px solid #d7d3c6;border-radius:6px;width:320px;margin-bottom:12px;font-size:14px}.tabel-wrap{overflow-x:auto;background:#fff;border-radius:10px;border:1px solid #e3e0d3}.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;padding:10px 12px;background:#eef1e8;border-bottom:1px solid #dedad0;white-space:nowrap;font-weight:600;color:#3d4636}.tabel th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tabel td{padding:9px 12px;border-bottom:1px solid #eeece3;white-space:nowrap}.tabel tbody tr:hover{background:#fbfaf6}.tabel-kosong{text-align:center;color:#9a9587;padding:24px!important}.baris-belum-rilis td{text-decoration:line-through;color:#9a9587}.baris-tidak-tersedia{opacity:.5}.baris-obsolete{opacity:.55}.badge{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:999px;font-weight:600}.badge-hijau{background:#e0f0e2;color:#22713a}.badge-kuning{background:#fbf0d6;color:#92650b}.badge-merah{background:#fbe3e0;color:#a3311f}.badge-abu{background:#eae8e0;color:#62604f}.kartu{background:#fff;border:1px solid #e3e0d3;border-radius:10px;padding:16px;margin-bottom:16px}.tombol{padding:6px 12px;border-radius:6px;border:1px solid #cfcabb;background:#fff;font-size:13px;cursor:pointer}.tombol:hover{background:#f1efe7}.tombol-utama{background:#2c5039;color:#fff;border-color:#2c5039}.tombol-utama:hover{background:#234029}.tombol-bahaya{background:#fff;color:#a3311f;border-color:#e3b6ae}.tombol-bahaya:hover{background:#fbe3e0}.tombol:disabled{opacity:.5;cursor:not-allowed}.baris-aksi{display:flex;gap:8px}.matrix-harga{border-collapse:collapse}.matrix-harga th,.matrix-harga td{border:1px solid #dedad0;text-align:center}.matrix-harga .header-grup{background:#d9e3da;text-align:center;font-weight:700}.matrix-harga .header-kemasan{background:#eef1e8;font-size:12.5px;min-width:100px}.matrix-harga .kolom-kategori{background:#f6f5f1;font-weight:700;text-align:left;vertical-align:middle;white-space:normal;min-width:110px}.matrix-harga .kolom-varian{text-align:left;font-weight:500;white-space:nowrap}.matrix-harga .sel-harga{font-variant-numeric:tabular-nums;white-space:nowrap}.matrix-harga .sel-kosong{color:#c2beb0}.text-kanan{text-align:right;font-variant-numeric:tabular-nums}.tren{font-size:12.5px;font-weight:600;white-space:nowrap}.tren-naik{color:#a3311f}.tren-turun{color:#22713a}.tren-tetap{color:#7a7768}.catatan-kompetitor{font-size:12px;color:#676f5f;max-width:170px;white-space:normal}.badge-posisi-bawah{background:#e0f0e2;color:#22713a}.badge-posisi-setara{background:#eae8e0;color:#62604f}.badge-posisi-atas{background:#fbf0d6;color:#92650b}.badge-posisi-premium{background:#fbe3e0;color:#a3311f}.matrix-pricing .sel-harga{cursor:pointer;vertical-align:middle;min-width:110px}.matrix-pricing .sel-harga:hover{background:#f1efe7}.matrix-pricing .sel-klik{font-weight:600}.matrix-pricing .sel-terpilih{background:#d9e3da!important;box-shadow:inset 0 0 0 2px #2c5039}.matrix-pricing .sel-nonaktif{cursor:default;opacity:.55}.matrix-pricing .sel-nonaktif:hover{background:transparent}.matrix-pricing .harga-coret{text-decoration:line-through;color:#9a9587}.matrix-pricing .badge{display:inline-block;margin-top:2px}.form-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-inline input,.form-inline select{padding:6px 8px;border:1px solid #d7d3c6;border-radius:6px;font-size:13px}.detail-formula{padding:12px 16px;background:#fbfaf6}.detail-formula table{width:100%;font-size:13px;border-collapse:collapse}.detail-formula th,.detail-formula td{text-align:left;padding:5px 8px}.catatan-kecil{font-size:12px;color:#7a7768;margin-top:4px}.error-msg{color:#a3311f;font-size:13px;margin-top:6px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1f3d2b,#2c5039 60%,#3f7350);padding:24px}.login-kartu{background:#fff;border-radius:14px;padding:40px 36px;width:100%;max-width:380px;box-shadow:0 20px 50px #00000040}.login-brand{font-size:20px;font-weight:700;text-align:center;margin-bottom:8px;color:#1f3d2b}.tombol-google{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:11px 16px;border:1px solid #d7d3c6;border-radius:8px;background:#fff;color:#22261f;font-weight:600;font-size:14px;text-decoration:none;transition:background .15s}.tombol-google:hover{background:#f6f5f1}.waiting-role-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f6f5f1;padding:24px}.waiting-role-kartu{background:#fff;border-radius:14px;padding:36px;width:100%;max-width:420px;text-align:center;border:1px solid #e3e0d3}.user-chip{display:flex;align-items:center;gap:8px}.user-chip img{width:28px;height:28px;border-radius:50%}.user-chip-info{display:flex;flex-direction:column;line-height:1.3}.user-chip-nama{font-size:13px;font-weight:600;color:#f2efe6}.user-chip-role{font-size:11px;color:#b9c9bb}