:root{--fz-primary:#5b3827;--fz-primary-2:#8b5e3c;--fz-cream:#f7f3ef;--fz-text:#332720;--fz-muted:#8a7b72;--fz-border:#eadfd7;--fz-shadow:0 8px 28px rgba(54,39,30,.07)}
html,body{min-width:320px}body{background:var(--fz-cream)!important;color:var(--fz-text)}.content-wrapper{background:linear-gradient(180deg,#faf8f5 0,#f5f1ed 100%)!important;min-height:calc(100vh - 57px)}.content{padding-bottom:28px}.main-header{border-bottom:1px solid var(--fz-border)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)}.main-header .nav-link{color:#5d5048!important}.main-header .nav-link:hover{color:var(--fz-primary)!important}.main-sidebar{background:linear-gradient(180deg,#2e211b 0,#241a16 100%)!important}.brand-link{border-bottom:1px solid rgba(255,255,255,.08)!important;padding:.85rem .7rem!important}.brand-link .brand-text{font-weight:700!important;letter-spacing:.2px}.sidebar .nav-link{border-radius:10px;margin:2px 8px;padding:.65rem .75rem;transition:.18s ease}.sidebar .nav-link:hover{background:rgba(255,255,255,.08)}.sidebar .nav-link.active{background:linear-gradient(135deg,var(--fz-primary-2),var(--fz-primary));box-shadow:0 5px 15px rgba(0,0,0,.16)}.sidebar .nav-treeview>.nav-item>.nav-link{font-size:.88rem}.card{border:1px solid var(--fz-border)!important;border-radius:16px!important;box-shadow:var(--fz-shadow)!important;overflow:hidden}.card-header{background:#fff!important;border-bottom:1px solid var(--fz-border)!important;padding:15px 18px}.card-body{padding:18px}.form-control,.custom-select,.select2-container--bootstrap4 .select2-selection{border-radius:10px!important;border-color:#ded2c9!important;min-height:42px}.form-control:focus,.custom-select:focus{border-color:#9b765d!important;box-shadow:0 0 0 .15rem rgba(91,56,39,.1)!important}.btn{border-radius:10px!important;font-weight:600;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-dark{background:linear-gradient(135deg,var(--fz-primary-2),var(--fz-primary));border:0}.btn-primary:hover,.btn-dark:hover{background:linear-gradient(135deg,#9b6947,#4a2d20)}.table{margin-bottom:0}.table thead th{background:#f8f4f0;color:#5e5149;border:0!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}.table td{vertical-align:middle;border-color:#eee5df!important}.table-hover tbody tr:hover{background:#fcf8f5}.dataTables_wrapper{width:100%;overflow-x:auto}.dataTables_wrapper .dataTables_filter input{border:1px solid #ded2c9;border-radius:9px;padding:7px 10px}.badge{border-radius:20px;padding:.42em .7em}.content-header h1,.page-title{font-weight:800;color:var(--fz-text)}.small-box{border-radius:16px!important;box-shadow:var(--fz-shadow);overflow:hidden}.small-box .icon{opacity:.16}.info-box{border-radius:15px;box-shadow:var(--fz-shadow);border:1px solid var(--fz-border)}.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(30,20,15,.18)}.modal-header{background:linear-gradient(135deg,#fff,#faf5f0);border-bottom:1px solid var(--fz-border)}.alert{border-radius:12px}.hero,.coffee-hero{border-radius:20px!important;box-shadow:0 10px 28px rgba(54,39,30,.12)!important}.stat{transition:.18s ease}.stat:hover{transform:translateY(-3px)}.coffee-header{gap:16px;flex-wrap:wrap}.search-box{box-shadow:0 5px 18px rgba(54,39,30,.06)!important;border-color:var(--fz-border)!important}.category-wrapper{scrollbar-width:thin}.category-btn{border:1px solid var(--fz-border)!important;box-shadow:0 3px 10px rgba(54,39,30,.04);transition:.18s ease}.category-btn:hover{transform:translateY(-1px);border-color:#c9b3a4!important}.category-btn.active{background:linear-gradient(135deg,var(--fz-primary-2),var(--fz-primary))!important;box-shadow:0 6px 16px rgba(91,56,39,.18)}.product-card{box-shadow:0 6px 18px rgba(54,39,30,.06)!important;border-color:var(--fz-border)!important}.product-card:hover{transform:translateY(-5px)!important;box-shadow:0 14px 30px rgba(54,39,30,.13)!important}.product-image{background:linear-gradient(135deg,#f2e9e1,#fbf8f5)!important}.product-image img{display:block;width:100%;height:100%;object-fit:cover}.cart-card{box-shadow:var(--fz-shadow)!important;border-color:var(--fz-border)!important}.btn-pay{background:linear-gradient(135deg,var(--fz-primary-2),var(--fz-primary))!important;box-shadow:0 7px 18px rgba(91,56,39,.18)}
@media (max-width:991.98px){.content{padding:16px 12px 24px}.content .container-fluid{padding-left:0;padding-right:0}.coffee-title{font-size:23px!important}.product-image{height:165px}.cart-card{position:relative!important;top:auto!important;margin-top:18px}.cart-body{max-height:none!important}.hero,.coffee-hero{padding:18px!important}.card-body{padding:14px}}
@media (max-width:767.98px){.main-header .navbar-nav.ml-auto .nav-link{padding-right:8px}.content{padding:12px 8px 22px}.coffee-header{align-items:stretch}.coffee-header>div{width:100%}.search-box{width:100%}.product-image{height:180px}.product-info{padding:12px}.product-name{font-size:15px}.product-price{font-size:16px}.category-wrapper{gap:7px;margin-bottom:14px}.category-btn{padding:8px 13px;font-size:13px}.modal-dialog{margin:8px!important}.modal-body{padding:14px!important}.modal-footer{flex-wrap:wrap;gap:6px}.modal-footer .btn{flex:1 1 130px}.table{font-size:13px}.table td,.table th{padding:.55rem .5rem}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none!important;text-align:left!important;width:100%;margin-bottom:8px}.dataTables_wrapper .dataTables_filter input{width:100%;margin-left:0}.dataTables_wrapper .dataTables_info{white-space:normal}}
@media (max-width:575.98px){.content-wrapper{min-height:calc(100vh - 57px)}.product-image{height:155px}.money{font-size:20px!important}.stat .card-body{padding:13px}#productList > [class*="col-"]{width:50%;padding-left:6px;padding-right:6px}#productList{margin-left:-6px;margin-right:-6px}}