:root{--navy:#7f1017;--blue:#c31320;--cyan:#ffb42b;--ink:#241b1b;--muted:#725f62;--line:#eadbdc;--bg:#fff8f4;--green:#148653;--orange:#f28a18;--red:#c62828}
body{background:linear-gradient(145deg,#fffdfb 0%,#fff5ef 45%,#fffaf4 100%);color:var(--ink)}
.side{background:linear-gradient(180deg,#8e1018 0%,#5f0b13 100%);box-shadow:8px 0 28px #66101824}.brand{height:146px;padding:12px;background:linear-gradient(145deg,#fff,#fff8f0);border:1px solid #fff6;box-shadow:0 10px 28px #41080f35}.brand img{object-fit:contain;filter:drop-shadow(0 5px 7px #6b121928)}
.login{background:radial-gradient(circle at 15% 10%,#ffbc3e 0,#b81924 36%,#650a12 78%)}.loginbox{border:1px solid #fff5ed;box-shadow:0 30px 90px #4e080f66}.loginlogo{height:170px}.loginlogo img{object-fit:contain;filter:drop-shadow(0 6px 9px #74141d28)}
.nav-group-title{background:#ffffff18!important;color:#fff7ed!important;border:1px solid #ffffff16!important}.nav-group.open>.nav-group-title{background:#ffad262e!important;color:#fff!important}.nav button.active{background:linear-gradient(135deg,#ffb12b,#f28618);color:#401016;box-shadow:0 8px 20px #3b070d35;font-weight:800}.nav-group-items>button:hover{background:#ffffff12;color:#fff}
.top h1{color:#661017;letter-spacing:-.02em}.top p{color:#7e6668}.primary{background:linear-gradient(135deg,#d11c29,#9d111b);box-shadow:0 7px 18px #a7182330;transition:.18s transform,.18s box-shadow}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #a7182345}
.card,.person,.reportbox,.tablewrap,.userrow,.packagecard,.inventory-card,.attendance-card{border-color:#ead7d8;box-shadow:0 7px 24px #7d28300c}.card{background:linear-gradient(150deg,#fff,#fff9f4)}.card strong{color:#6f1118}.card:nth-child(3n+2){border-top:3px solid #f2a320}.card:nth-child(3n){border-top:3px solid #d51c29}
th{background:#fff1eb;color:#6b4549}tbody tr:hover{background:#fff8f1}.toolbar input,.toolbar select,.field input,.field select,.datefilter,.accounttools{border-color:#e6d2d3}.field input:focus,.field select:focus,.toolbar input:focus,.toolbar select:focus{outline:3px solid #f4a6212c;border-color:#d01b28}
.badge.baru,.doublefee,.teambadge{background:#fff0d4;color:#8c4b00}.badge.selesai{background:#dcf8e9;color:#09673d}.badge.proses{background:#ffe3cf;color:#8d3e08}.fee-note,.inventory-note{background:#fff1e5;border-left-color:#d41d29;color:#673f42}.smallbtn:hover{border-color:#c51b27;color:#9d111b}.maplink,.sorthead:hover,.sorthead.active{color:#b51622}
dialog{border:1px solid #f0dddd;box-shadow:0 30px 90px #5010173d}dialog::backdrop{background:#3d1012a8}.modal h2{color:#6f1118}@media(max-width:850px){.brand{height:118px}.loginlogo{height:145px}}
.same-contact{display:flex!important;align-items:center;gap:7px;font-size:12px!important;color:var(--muted);font-weight:600!important}.same-contact input{width:auto!important}.field input[readonly]{background:#fff5eb;color:#76555a}
.login-pin-toggle{width:100%;border:1px solid #e5c9ca;background:#fff7f0;color:#8b111a;border-radius:10px;padding:10px 13px;margin:-3px 0 10px;font-weight:800;cursor:pointer}.login-pin-toggle:hover{border-color:#c31320;background:#fff0e5}.login-pin-toggle[hidden]{display:none}