@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;700&display=swap');
:root{--admin:#495057;--seller:#198754;--buyer:#0d6efd;--darkblue:#123b6b;--darkblue2:#0a2340;--bg:#f4f7fb}
html{-webkit-text-size-adjust:100%} body{background:var(--bg);font-family:'Roboto Condensed',Arial,sans-serif}
body,input,select,textarea,button{font-size:16px} button,.btn,a{touch-action:manipulation}
.navbar-admin{background:linear-gradient(135deg,#495057,#212529)} .navbar-seller{background:linear-gradient(135deg,#198754,#0f5132)} .navbar-buyer{background:linear-gradient(135deg,#0d6efd,#0a58ca)} .navbar-guest{background:linear-gradient(135deg,var(--darkblue),var(--darkblue2))}
.navbar-brand,.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.95)} .navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.card{border:0;border-radius:1rem;box-shadow:0 .35rem 1rem rgba(15,23,42,.06)} .hero{background:linear-gradient(135deg,var(--darkblue),var(--darkblue2));color:#fff;border-radius:1.25rem}
.role-card{border:2px solid #dbe5f0;border-radius:1rem;padding:1rem;background:#fff;cursor:pointer;transition:.15s ease}.role-card:hover,.role-card.active{box-shadow:0 .35rem 1rem rgba(18,59,107,.08)} .role-card.buyer.active,.role-card.buyer:hover{border-color:#0d6efd}.role-card.seller.active,.role-card.seller:hover{border-color:#198754}
.listing-card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;transition:.15s ease}.listing-card:hover{transform:translateY(-2px);box-shadow:0 .35rem 1rem rgba(15,23,42,.08);border-color:#1e5ea8}
.gallery-thumb{width:100%;height:180px;object-fit:cover;border-radius:1rem;border:1px solid #e5e7eb} .progress{height:12px;border-radius:999px}
.countdown-pill{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:#eef4fb;color:#0a2340;font-weight:600;font-size:.88rem}.countdown-pill.is-warning{background:#fff3cd;color:#856404}.countdown-pill.is-danger{background:#f8d7da;color:#842029}.countdown-pill.is-critical{background:#f8d7da;color:#842029;animation:pulseCutoff 1s infinite}
@keyframes pulseCutoff{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,53,69,.35)}70%{transform:scale(1.03);box-shadow:0 0 0 10px rgba(220,53,69,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,53,69,0)}}
.demand-meter{margin-top:.5rem}.low-stock-note{color:#842029;font-weight:700}
.role-theme-admin .btn-primary{background:#495057;border-color:#495057}.role-theme-seller .btn-primary{background:#198754;border-color:#198754;color:#fff}.role-theme-buyer .btn-primary{background:#0d6efd;border-color:#0d6efd;color:#052c65}
.stat-card{color:#fff;border-radius:1rem;padding:1.1rem 1.2rem;min-height:128px}.stat-card .icon-wrap{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);font-size:1.15rem}.stat-card .stat-value{font-size:1.8rem;font-weight:700;line-height:1.1}
.bg-grad-admin{background:linear-gradient(135deg,#495057,#212529)} .bg-grad-seller{background:linear-gradient(135deg,#198754,#0f5132)} .bg-grad-buyer{background:linear-gradient(135deg,#0d6efd,#0a58ca)}
.qty-btn{width:38px;height:38px;border-radius:.6rem;border:1px solid #ced4da;background:#fff;font-weight:700}.qty-box{display:flex;align-items:center;gap:.35rem}
@media print{.navbar,.btn,.no-print,footer,.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{display:none!important}body{background:#fff}.card{box-shadow:none!important}}