:root{--bg:#0f0f0f;--surface:#1b1b1b;--ink:#fff;--accent:#ff6b00;--green:#22c55e;--green-bg:#18351f;--amber:#f59e0b;--amber-bg:#3b2d10;--rose:#ef4444;--rose-bg:#401919}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-page,.center{justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.card{background:var(--surface);color:var(--ink);border:1px solid #333;border-radius:12px;width:100%;max-width:450px;margin-bottom:20px;padding:25px;box-shadow:0 8px 20px #00000073}.card h1,.card h2,.card h3{color:#fff;margin-bottom:20px}label{color:#ddd}input,textarea{color:#fff;background:#2b2b2b;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:15px}input::placeholder,textarea::placeholder{color:#999}input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #ff6b0040}textarea{resize:vertical;min-height:90px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-right:8px;padding:10px 18px;transition:all .25s}button:hover{background:#ff8533}.page{width:95%;max-width:1200px;margin:auto;padding:30px}.topbar{color:#fff;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.topbar h2{color:#ff6b00}.ledger{border-collapse:collapse;color:#fff;background:#1b1b1b;border-radius:10px;width:100%;overflow:hidden}.ledger th{color:#fff;background:#ff6b00}.ledger th,.ledger td{border:1px solid #333;padding:12px}.ledger tr:nth-child(2n){background:#242424}.ledger tr:hover{background:#2d2d2d}.pill{color:#fff;border-radius:20px;padding:5px 10px;font-size:13px;font-weight:700}.pill.Menunggu{background:#f59e0b}.pill.Diproses{background:#2563eb}.pill.Selesai{background:#22c55e}.error{color:#ff6b6b;margin-bottom:15px}.muted{color:#bbb;margin-top:15px}a{color:#ff6b00;text-decoration:none}a:hover{text-decoration:underline}.aksi{justify-content:center;gap:6px;display:flex}.btn-edit{background:#2563eb}.btn-edit:hover{background:#3b82f6}button:disabled{cursor:not-allowed;opacity:.6;background:#666}.card-table{max-width:100%}.btn-diproses{background:#2563eb}.btn-diproses:hover{background:#1d4ed8}.btn-selesai{background:#22c55e}.btn-selesai:hover{background:#16a34a}.btn-hapus{background:#ef4444}.btn-hapus:hover{background:#dc2626}