body { background-color: #FAEDE3; color: #2c1c13; }
        .glass-nav { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.5); }
        .glass-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 10px 40px -10px rgba(140, 94, 60, 0.15); }
        .btn-coffee { background: linear-gradient(135deg, #8c5e3c, #6b442a); color: white; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .btn-coffee:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 20px -10px rgba(140, 94, 60, 0.5); }
        .btn-coffee:disabled { background: #d1bfae; color: #fff; cursor: not-allowed; transform: none; box-shadow: none; }
        .hidden { display: none !important; }
        .custom-scroll::-webkit-scrollbar { width: 6px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #d1bfae; border-radius: 10px; }
        
        .fade-in { animation: fadeIn 0.4s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .pulse-lock { animation: pulseLock 2s infinite; }
        @keyframes pulseLock { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } }


/* --- Cafe UI refresh --- */
body {
    background: radial-gradient(circle at 15% 10%, rgba(255,255,255,.95), transparent 30%), #f7eee7;
}
.cafe-hero { min-height: 520px; }
.cafe-action-primary, .cafe-action-secondary {
    display:flex; align-items:center; gap:.75rem; width:100%; padding:1rem; border-radius:1.15rem; text-align:left; transition:.25s ease;
}
.cafe-action-primary { background:linear-gradient(135deg,#7a4b2d,#5b351f); color:#fff; box-shadow:0 12px 28px rgba(91,53,31,.20); }
.cafe-action-secondary { background:#fff; color:#5b351f; border:1px solid #ead9ca; box-shadow:0 8px 24px rgba(93,58,35,.07); }
.cafe-action-primary:hover, .cafe-action-secondary:hover { transform:translateY(-2px); }
.cafe-action-icon { width:42px; height:42px; border-radius:13px; display:flex; align-items:center; justify-content:center; flex:none; background:rgba(255,255,255,.14); }
.cafe-action-secondary .cafe-action-icon { background:#f8eee6; color:#8c5e3c; }
.cafe-action-primary b, .cafe-action-secondary b { font-size:.9rem; }
.cafe-action-primary small, .cafe-action-secondary small { display:block; font-size:.72rem; margin-top:2px; opacity:.72; font-weight:600; }
.cafe-chip { background:rgba(255,255,255,.8); border:1px solid #eadfd6; border-radius:999px; padding:.55rem .8rem; display:inline-flex; align-items:center; gap:.4rem; }
.cafe-back { background:#fff; border:1px solid #eadfd6; color:#6b442a; border-radius:999px; padding:.65rem .9rem; font-size:.82rem; font-weight:800; box-shadow:0 6px 18px rgba(93,58,35,.06); }
.cafe-step { display:inline-flex; background:#f1e4d9; color:#7a4b2d; border-radius:999px; padding:.4rem .7rem; font-size:.68rem; font-weight:900; letter-spacing:.14em; }
.cafe-input { width:100%; padding:1rem 1.1rem; border-radius:1rem; border:1px solid #eadfd6; background:#fbf8f5; outline:none; font-weight:700; color:#3d271b; transition:.2s; }
.cafe-input:focus { border-color:#a97954; box-shadow:0 0 0 4px rgba(169,121,84,.12); background:#fff; }
.table-choice { min-height:78px; border:1px solid #eadfd6; background:#fbf8f5; border-radius:1.2rem; color:#5b351f; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.18rem; font-weight:800; transition:.2s ease; }
.table-choice:hover { transform:translateY(-2px); border-color:#c9a488; background:#fff; box-shadow:0 8px 22px rgba(93,58,35,.08); }
.table-choice-active { background:linear-gradient(135deg,#7a4b2d,#5b351f) !important; color:#fff !important; border-color:#5b351f !important; box-shadow:0 10px 25px rgba(91,53,31,.22); }
.table-number { width:30px; height:30px; border-radius:10px; background:rgba(122,75,45,.10); display:flex; align-items:center; justify-content:center; font-size:.78rem; }
.table-choice-active .table-number { background:rgba(255,255,255,.16); }
.cafe-order-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:rgba(255,255,255,.9); padding:1rem 1.1rem; border:1px solid #eadfd6; border-radius:1.35rem; box-shadow:0 10px 30px rgba(93,58,35,.06); }
.cafe-info-pill { display:inline-flex; align-items:center; gap:.45rem; background:#f6eee8; color:#694329; padding:.5rem .75rem; border-radius:999px; font-size:.75rem; font-weight:800; }
.cafe-history-btn { display:inline-flex; align-items:center; gap:.5rem; background:#5b351f; color:#fff; padding:.7rem .9rem; border-radius:.9rem; font-size:.78rem; font-weight:800; box-shadow:0 8px 18px rgba(91,53,31,.16); }
.cafe-customer-summary { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.cafe-customer-summary > div { background:#fff; border:1px solid #eadfd6; border-radius:1rem; padding:.8rem .95rem; }
.cafe-customer-summary span { display:block; color:#9a8b80; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.25rem; }
.cafe-customer-summary b { color:#5b351f; font-size:.9rem; }
@media (max-width:640px) { .cafe-hero { min-height:0; } .cafe-customer-summary { grid-template-columns:1fr; } }

/* =========================================================
   CAFE UI V4 — unified, high-contrast palette
   Cream / Espresso / Coffee / Sage accents. No low-contrast text.
   ========================================================= */
:root{
  --cream:#f6f0e8;
  --cream-2:#fffaf4;
  --white:#ffffff;
  --espresso:#2b1d16;
  --coffee:#6f4e37;
  --coffee-dark:#4b3324;
  --coffee-soft:#eadbcd;
  --gold:#b7793e;
  --gold-soft:#f5e5d2;
  --sage:#5f7a61;
  --sage-soft:#e6efe5;
  --danger:#a9473d;
  --danger-soft:#f8e5e2;
  --line:#e8ddd2;
  --muted:#74685f;
}
body{background:linear-gradient(180deg,#fffaf4 0%,var(--cream) 100%) !important;color:var(--espresso) !important;}
.glass-nav{background:rgba(255,250,244,.96) !important;border-bottom:1px solid var(--line) !important;box-shadow:0 4px 24px rgba(43,29,22,.06);}
.glass-nav h1{color:var(--espresso) !important}.glass-nav h1 span{color:var(--coffee) !important}
.glass-nav button{color:var(--coffee-dark) !important}.glass-nav button:hover{background:var(--gold-soft) !important}
#settingsDropdown{background:#fffaf4 !important;border:1px solid var(--line) !important;box-shadow:0 18px 45px rgba(43,29,22,.14) !important}
#settingsDropdown button{color:var(--espresso) !important}#settingsDropdown button:hover{background:var(--gold-soft) !important}
.btn-coffee,.cafe-action-primary{background:var(--coffee-dark) !important;color:#fff !important;border:1px solid var(--coffee-dark) !important}
.btn-coffee:hover:not(:disabled),.cafe-action-primary:hover{background:#3d291d !important}
.cafe-action-secondary{background:#fff !important;color:var(--coffee-dark) !important;border:1px solid #d9c8b8 !important}
.cafe-action-secondary:hover{background:var(--gold-soft) !important}
.cafe-action-icon{background:var(--gold-soft) !important;color:var(--coffee-dark) !important}.cafe-action-primary .cafe-action-icon{background:rgba(255,255,255,.14) !important;color:#fff !important}
.cafe-chip{background:#fff !important;color:var(--coffee-dark) !important;border-color:var(--line) !important}
.cafe-back{background:#fff !important;color:var(--coffee-dark) !important;border-color:#d9c8b8 !important}.cafe-back:hover{background:var(--gold-soft) !important}
.cafe-step{background:var(--gold-soft) !important;color:var(--coffee-dark) !important}
.cafe-input{background:#fff !important;color:var(--espresso) !important;border-color:#d9c8b8 !important}.cafe-input::placeholder{color:#9b8d82 !important}
.cafe-input:focus{border-color:var(--gold) !important;box-shadow:0 0 0 4px rgba(183,121,62,.14) !important}
.table-choice{background:#fff !important;color:var(--coffee-dark) !important;border-color:#d9c8b8 !important}.table-choice:hover{background:var(--gold-soft) !important;border-color:var(--gold) !important}.table-choice-active{background:var(--coffee-dark) !important;color:#fff !important;border-color:var(--coffee-dark) !important}
.table-number{background:var(--gold-soft) !important;color:var(--coffee-dark) !important}.table-choice-active .table-number{background:rgba(255,255,255,.16) !important;color:#fff !important}
.table-selected-badge{background:var(--sage-soft) !important;color:#3f6243 !important;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:800}.table-unselected-badge{background:#f3eee9 !important;color:var(--muted) !important;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:800}
.cafe-order-head{background:#fff !important;border-color:var(--line) !important}.cafe-info-pill{background:var(--gold-soft) !important;color:var(--coffee-dark) !important}.cafe-history-btn{background:var(--coffee-dark) !important;color:#fff !important}.cafe-history-btn:hover{background:#3d291d !important}
#page-menu .flex.gap-3 button{border:1px solid #d9c8b8 !important;box-shadow:none !important}#page-menu .flex.gap-3 button:first-child{background:var(--coffee-dark) !important;color:#fff !important;border-color:var(--coffee-dark) !important}#page-menu .flex.gap-3 button:not(:first-child){background:#fff !important;color:var(--coffee-dark) !important}#page-menu .flex.gap-3 button:not(:first-child):hover{background:var(--gold-soft) !important}
#menuContainer>div{border-color:var(--line) !important;box-shadow:0 8px 26px rgba(43,29,22,.07) !important}#menuContainer button{background:var(--gold-soft) !important;color:var(--coffee-dark) !important;border-color:#e2cbb6 !important}#menuContainer button:hover{background:var(--coffee-dark) !important;color:#fff !important}.cafe-customer-summary>div{background:#fff !important;border-color:var(--line) !important}.cafe-customer-summary b{color:var(--coffee-dark) !important}
/* login */
#page-login .glass-card{background:#fffaf4 !important;border-color:var(--line) !important}.login-role-accent{background:var(--gold-soft) !important;color:var(--coffee-dark) !important}
#page-login input{background:#fff !important;color:var(--espresso) !important;border:1px solid var(--line) !important}#page-login input::placeholder{color:#9b8d82 !important}
/* admin */
#page-admin{background:transparent !important}#page-admin .bg-white{background:#fff !important;border-color:var(--line) !important}#page-admin .text-gray-500,#page-admin .text-gray-400{color:var(--muted) !important}
#btn-admin-laporan,#btn-admin-kelola{border:1px solid var(--line) !important}.tab-active{background:var(--coffee-dark) !important;color:#fff !important;border-color:var(--coffee-dark) !important}.tab-inactive{background:#fff !important;color:var(--coffee-dark) !important}.tab-inactive:hover{background:var(--gold-soft) !important}
#page-admin .from-green-500{background:linear-gradient(135deg,#5f7a61,#3f6243) !important}#page-admin .from-coffee-600{background:linear-gradient(135deg,#7a5740,#4b3324) !important}
#page-admin button.bg-coffee-800{background:var(--coffee-dark) !important;color:#fff !important}.bg-red-50{background:var(--danger-soft) !important}.text-red-600{color:var(--danger) !important}
/* cashier */
#page-kasir{background:linear-gradient(180deg,#f7f3ee,#eee7df) !important;color:var(--espresso) !important}.pos-shell{background:transparent !important}
#page-kasir .tab-active{background:var(--coffee-dark) !important;color:#fff !important}#page-kasir .tab-inactive{background:#fff !important;color:var(--coffee-dark) !important}
#page-kasir .bg-white{background:#fff !important;border-color:var(--line) !important}#page-kasir .text-pos-primary{color:var(--coffee-dark) !important}#page-kasir .bg-pos-primary{background:var(--coffee-dark) !important;color:#fff !important}#page-kasir .bg-pos-warning{background:var(--gold) !important;color:#fff !important}
#page-kasir .bg-blue-50{background:#f2ece5 !important}#page-kasir .bg-orange-50{background:#fbf1e5 !important}
.order-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 25px rgba(43,29,22,.06)}.order-card-new{border-left:5px solid var(--gold)}.order-card-process{border-left:5px solid var(--sage)}.order-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-id{font-size:11px;font-weight:900;letter-spacing:.12em;color:#9a8b80}.order-card h4{font-size:17px;font-weight:900;color:var(--espresso);margin-top:3px}.order-table{background:var(--gold-soft);color:var(--coffee-dark);padding:7px 10px;border-radius:10px;font-size:12px;font-weight:900;white-space:nowrap}.order-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:11px 0;margin:14px 0;color:var(--muted);font-size:12px}.order-meta strong{color:var(--coffee-dark);font-size:15px}.order-status{padding:9px 11px;border-radius:10px;font-size:12px;font-weight:800;margin-bottom:10px}.status-waiting{background:var(--gold-soft);color:#7a4d22}.proof-note{background:#f4f0eb;color:#6f6258;padding:8px 10px;border-radius:9px;font-size:11px;font-weight:700;margin-bottom:10px}.order-btn{width:100%;padding:12px;border-radius:12px;font-weight:900;color:#fff;border:0}.order-btn-primary{background:var(--coffee-dark)}.order-btn-primary:hover{background:#3d291d}.order-btn-success{background:var(--sage)}.order-btn-success:hover{background:#4e694f}.queue-box{background:var(--sage-soft);border:1px solid #cbdcc9;padding:12px;border-radius:14px;text-align:center;margin:12px 0}.queue-box span{display:block;color:#4d674f;font-size:11px;font-weight:800;text-transform:uppercase}.queue-box strong{display:block;color:#345138;font-size:32px;font-weight:900;letter-spacing:.04em}.voucher-note{display:flex;justify-content:space-between;align-items:center;background:#edf4ec;border:1px dashed #b9cfb8;padding:10px 12px;border-radius:12px;margin-bottom:12px;color:#3f6243}.empty-orders{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#85776d;gap:5px}.empty-orders i{font-size:34px;color:#b79a7e;margin-bottom:6px}.empty-orders b{color:var(--coffee-dark)}.status-error{padding:20px;text-align:center;color:var(--danger);font-weight:800;background:var(--danger-soft);border-radius:12px}
/* WiFi */
#page-wifi .glass-card,#page-admin-wifi .bg-white{background:#fffaf4 !important;border-color:var(--line) !important}#page-wifi .bg-blue-600{background:var(--coffee-dark) !important;color:#fff !important}#page-wifi .text-blue-600{color:var(--coffee-dark) !important}#page-wifi .bg-blue-50{background:var(--gold-soft) !important}#page-wifi .bg-orange-50{background:#fbf1e5 !important}#page-wifi input{background:#fff !important;border-color:var(--line) !important;color:var(--espresso) !important}
/* common buttons */
button{font-family:inherit}.text-coffee-900,.text-coffee-950{color:var(--espresso) !important}.text-coffee-800,.text-coffee-700,.text-coffee-600{color:var(--coffee-dark) !important}

/* Kasir proof + action buttons */
.proof-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff7ed;color:#8a4b20;border:1px solid #f2c38f;padding:11px 14px;border-radius:12px;font-weight:800;margin:10px 0;cursor:pointer;transition:.2s}
.proof-button:hover{background:#f59e0b;color:#fff;border-color:#f59e0b}
.proof-empty{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}
.order-btn:disabled{opacity:.65;cursor:wait;transform:none!important}

/* ADMIN WIFI V6 */
#page-admin-wifi{background:linear-gradient(180deg,#fffaf4,#f6f0e8) !important}
#page-admin-wifi .bg-white{background:#fff !important;border-color:#e8ddd2 !important}
#page-admin-wifi .cafe-input{background:#fff !important}
.wifi-device-card,.wifi-voucher-card,.wifi-member-card{border:1px solid #e8ddd2;border-radius:16px;padding:12px;background:#fffaf4}
.wifi-device-card{border-left:4px solid #5f7a61}.wifi-voucher-card{border-left:4px solid #b7793e}.wifi-member-card{border-left:4px solid #6f4e37}
.wifi-copy{background:#eadbcd;color:#4b3324;padding:7px 9px;border-radius:9px;font-weight:900;letter-spacing:.12em}

/* =========================================================
   V9 — refined cafe UI: no emoji, consistent iconography
   ========================================================= */
:root{--coffee-line:#e8ddd2;--coffee-soft:#f7efe7;--coffee-muted:#796d63;--coffee-soft-dark:#a97954;--sage:#5f7a61}
.border-coffee-line{border-color:var(--coffee-line)!important}.bg-coffee-soft{background:var(--coffee-soft)!important}.text-coffee-muted{color:var(--coffee-muted)!important}.text-coffee-soft-dark{color:var(--coffee-soft-dark)!important}
.menu-filter{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.72rem 1rem;border-radius:999px;border:1px solid #d9c8b8;background:#fff;color:var(--coffee-dark);font-weight:800;font-size:.82rem;white-space:nowrap;box-shadow:0 5px 15px rgba(43,29,22,.04);transition:.2s ease}.menu-filter i{font-size:.85rem}.menu-filter:hover{background:var(--gold-soft);transform:translateY(-1px)}.menu-filter.active{background:var(--coffee-dark);color:#fff;border-color:var(--coffee-dark);box-shadow:0 8px 20px rgba(75,51,36,.16)}
.menu-card{background:#fff;border:1px solid var(--coffee-line);border-radius:1.35rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 26px rgba(43,29,22,.06);transition:.2s ease}.menu-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(43,29,22,.1)}.menu-card-image{height:145px;overflow:hidden;position:relative;background:#eee5dc}.menu-card-image img{transition:transform .5s ease}.menu-category{position:absolute;left:.7rem;bottom:.7rem;display:inline-flex;align-items:center;gap:.35rem;background:rgba(43,29,22,.76);color:#fff;padding:.38rem .58rem;border-radius:.65rem;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(5px)}.menu-add-btn{width:100%;padding:.72rem;border-radius:.85rem;background:var(--gold-soft);color:var(--coffee-dark);border:1px solid #e2cbb6;font-weight:900;font-size:.82rem;transition:.2s}.menu-add-btn:hover{background:var(--coffee-dark);color:#fff}.menu-qty-control{display:flex;align-items:center;justify-content:space-between;background:var(--coffee-dark);color:#fff;border-radius:.85rem;overflow:hidden}.menu-qty-control button{width:33%;padding:.72rem;color:#fff;background:transparent}.menu-qty-control button:hover{background:#3d291d}.menu-qty-control span{font-weight:900}
.icon-btn{width:38px;height:38px;border-radius:12px;background:#f4ede7;color:var(--coffee-dark);display:flex;align-items:center;justify-content:center;border:1px solid var(--coffee-line)}.icon-btn:hover{background:var(--gold-soft)}
.cart-row{display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--coffee-line);border-radius:1rem;background:#fff}.cart-row>div:first-child b{display:block;color:var(--espresso);font-size:.88rem}.cart-row>div:first-child span{display:block;color:var(--coffee-muted);font-size:.7rem;margin-top:.18rem}.cart-row-controls{display:flex;align-items:center;background:var(--coffee-soft);border-radius:.75rem;overflow:hidden;flex:none}.cart-row-controls button{width:31px;height:31px;color:var(--coffee-dark)}.cart-row-controls button:hover{background:var(--gold-soft)}.cart-row-controls strong{width:28px;text-align:center;font-size:.78rem}.cart-row-total{min-width:78px;text-align:right;color:var(--coffee-dark);font-size:.8rem}.empty-cart{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--coffee-muted);gap:.35rem}.empty-cart i{font-size:34px;color:var(--coffee-soft-dark);margin-bottom:.35rem}.empty-cart b{color:var(--coffee-dark)}
.history-card{background:#fff;border:1px solid var(--coffee-line);border-radius:1.2rem;padding:1rem;box-shadow:0 6px 20px rgba(43,29,22,.05)}.history-card h4{font-size:.95rem;font-weight:900;color:var(--espresso);margin-top:.18rem}.history-status{background:var(--sage-soft);color:#3f6243;padding:.35rem .6rem;border-radius:.65rem;font-size:.68rem;font-weight:900;white-space:nowrap}.history-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:.75rem 0;padding:.65rem 0;border-top:1px dashed var(--coffee-line);border-bottom:1px dashed var(--coffee-line);font-size:.7rem;color:var(--coffee-muted)}.history-meta span{display:inline-flex;align-items:center;gap:.3rem}.history-items>div,.history-total{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;padding:.28rem 0}.history-items{color:#5e5148}.history-total{margin-top:.45rem;padding-top:.65rem;border-top:1px solid var(--coffee-line);color:var(--espresso);font-size:.88rem}.history-total b{color:var(--coffee-dark)}
#btnLanjutCheckoutCustomer:disabled{background:#cfc5bc!important;color:#fff!important;cursor:not-allowed;box-shadow:none!important}.menu-filter:focus-visible,.menu-add-btn:focus-visible,.icon-btn:focus-visible{outline:3px solid rgba(183,121,62,.25);outline-offset:2px}


@media print {
  body.printing-receipt > * { display:none !important; }
  body.printing-receipt #modalStruk { display:flex !important; position:static !important; inset:auto !important; background:#fff !important; padding:0 !important; overflow:visible !important; }
  body.printing-receipt #modalStruk > div { width:72mm !important; max-width:72mm !important; margin:0 !important; padding:5mm !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; }
  body.printing-receipt #modalStruk .bg-white { box-shadow:none !important; }
  body.printing-receipt #btnTutupStruk, body.printing-receipt #btnCetakStruk, body.printing-receipt #strukWarningSpam { display:none !important; }
  body.printing-receipt #strukVoucherBox { display:block !important; }
  body.printing-receipt #iconStrukStatus { margin-top:0 !important; }
  body.printing-receipt { background:#fff !important; }
}


/* V14 — dashboard tabs + payment/receipt buttons */
.dashboard-tab{
  position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:.55rem!important;
  min-height:48px!important; padding:.75rem 1.15rem!important; border-radius:14px!important;
  border:1px solid #e3d6ca!important; font-weight:900!important; letter-spacing:-.01em!important;
  transition:all .2s ease!important; box-shadow:0 4px 12px rgba(43,29,22,.05)!important;
}
#btn-admin-laporan,#btn-admin-kelola,#btn-tab-melayani,#btn-tab-konfirmasi{min-width:170px}
.dashboard-tab i{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;transition:.2s}
#btn-admin-laporan.tab-active,#btn-admin-kelola.tab-active,#btn-tab-melayani.tab-active,#btn-tab-konfirmasi.tab-active{
  background:linear-gradient(135deg,#5a3b29,#3f291e)!important;color:#fff!important;border-color:#3f291e!important;
  box-shadow:0 9px 20px rgba(63,41,30,.22)!important;transform:translateY(-1px)!important;
}
#btn-admin-laporan.tab-active i,#btn-admin-kelola.tab-active i,#btn-tab-melayani.tab-active i,#btn-tab-konfirmasi.tab-active i{background:rgba(255,255,255,.14);color:#fff}
#btn-admin-laporan.tab-inactive,#btn-admin-kelola.tab-inactive,#btn-tab-melayani.tab-inactive,#btn-tab-konfirmasi.tab-inactive{
  background:#fff!important;color:#5a4638!important;border-color:#e2d5c9!important;box-shadow:0 3px 10px rgba(43,29,22,.04)!important;
}
#btn-admin-laporan.tab-inactive i,#btn-admin-kelola.tab-inactive i,#btn-tab-melayani.tab-inactive i,#btn-tab-konfirmasi.tab-inactive i{background:#f5ece4;color:#6d4a34}
.dashboard-tab:hover{transform:translateY(-1px)!important;border-color:#c9b39f!important;box-shadow:0 8px 18px rgba(43,29,22,.09)!important}
.dashboard-tab.tab-active:hover{background:linear-gradient(135deg,#684633,#472d20)!important}
#badgeKasirPending{top:-6px!important;right:-6px!important;background:#c73a32!important;box-shadow:0 5px 12px rgba(199,58,50,.3)!important}
.payment-confirm-btn{
  background:linear-gradient(135deg,#3159d9,#2148c8)!important;color:#fff!important;border:1px solid #2148c8!important;
  min-height:58px!important; box-shadow:0 12px 22px rgba(33,72,200,.22)!important;
}
.payment-confirm-btn:hover{background:linear-gradient(135deg,#274dcc,#193eb4)!important;transform:translateY(-1px)!important}
.receipt-print-btn{
  background:#fff!important;color:#4b3324!important;border:2px solid #d7c5b5!important;
  min-height:52px!important;box-shadow:0 5px 14px rgba(43,29,22,.07)!important;
}
.receipt-print-btn:hover{background:#f7efe7!important;border-color:#b88b6b!important;transform:translateY(-1px)!important}
@media(max-width:640px){
  #btn-admin-laporan,#btn-admin-kelola,#btn-tab-melayani,#btn-tab-konfirmasi{min-width:0;flex:1}
  .dashboard-tab{padding:.7rem .7rem!important;font-size:.76rem!important}
  .dashboard-tab i{width:28px;height:28px}
}