/* ===========================
   CORPORATE BLUE THEME
   =========================== */
:root {
    --gs-primary:        #1a56db;
    --gs-primary-hover:  #1341aa;
    --gs-primary-dark:   #0f2d6e;
    --gs-secondary:      #f59e0b;
    --gs-secondary-hover:#d97706;
    --gs-bg:             #f8fafc;
    --gs-bg-card:        #ffffff;
    --gs-bg-navbar:      #1a3a6b;
    --gs-bg-navbar-2:    #122d55;
    --gs-bg-footer:      #1a3a6b;
    --gs-bg-sidebar:     #1e3a5f;
    --gs-text:           #1e293b;
    --gs-text-muted:     #64748b;
    --gs-text-nav:       #e2e8f0;
    --gs-text-footer:    #cbd5e1;
    --gs-border:         #e2e8f0;
    --gs-border-radius:  0.5rem;
    --gs-shadow:         0 2px 12px rgba(26,86,219,0.08);
    --gs-badge-admin:    #1a56db;
    --gs-badge-acct:     #7c3aed;
    --gs-badge-reg:      #059669;
}

/* Navbar */
.navbar { background: var(--gs-bg-navbar) !important; border-bottom: 3px solid var(--gs-secondary); }
.navbar-brand { font-weight: 800; font-size: 1.4rem; letter-spacing: -0.5px; color: #fff !important; }
.navbar-brand span { color: var(--gs-secondary); }
.nav-link { color: var(--gs-text-nav) !important; transition: color 0.2s; }
.nav-link:hover, .nav-link.active { color: var(--gs-secondary) !important; }
.navbar-toggler { border-color: rgba(255,255,255,0.3); }
.navbar-toggler-icon { filter: invert(1); }

/* Body */
body { background: var(--gs-bg); color: var(--gs-text); }

/* Cards */
.card { border: 1px solid var(--gs-border); border-radius: var(--gs-border-radius); box-shadow: var(--gs-shadow); background: var(--gs-bg-card); }
.card-header { background: #f1f5fd; border-bottom: 1px solid var(--gs-border); font-weight: 600; }

/* Buttons */
.btn-primary { background: var(--gs-primary); border-color: var(--gs-primary); }
.btn-primary:hover { background: var(--gs-primary-hover); border-color: var(--gs-primary-hover); }
.btn-secondary { background: var(--gs-secondary); border-color: var(--gs-secondary); color: #fff; }
.btn-secondary:hover { background: var(--gs-secondary-hover); border-color: var(--gs-secondary-hover); color: #fff; }
.btn-theme { background: transparent; border: 2px solid rgba(255,255,255,0.5); color: #fff; border-radius: 20px; padding: 4px 14px; font-size: .8rem; }
.btn-theme:hover { background: rgba(255,255,255,0.15); color: #fff; }

/* Hero */
.hero-section { background: linear-gradient(135deg, var(--gs-primary-dark) 0%, var(--gs-primary) 100%); color: #fff; padding: 5rem 0; }

/* Admin sidebar */
.admin-sidebar { background: var(--gs-bg-sidebar); min-height: 100vh; }
.admin-sidebar .nav-link { color: #cbd5e1; padding: .6rem 1.25rem; border-radius: .375rem; margin: 2px 0; }
.admin-sidebar .nav-link:hover { background: rgba(255,255,255,0.1); color: #fff; }
.admin-sidebar .nav-link.active { background: var(--gs-primary); color: #fff; }
.admin-sidebar .sidebar-heading { font-size: .7rem; letter-spacing: .1rem; text-transform: uppercase; color: #64748b; padding: 1rem 1.25rem .25rem; }

/* Footer */
footer { background: var(--gs-bg-footer); color: var(--gs-text-footer); }
footer a { color: var(--gs-secondary); text-decoration: none; }
footer a:hover { text-decoration: underline; }

/* Badges */
.badge-administrator { background: var(--gs-badge-admin); }
.badge-accountmanagement { background: var(--gs-badge-acct); }
.badge-registered { background: var(--gs-badge-reg); }

/* Product card hover */
.product-card { transition: transform .2s, box-shadow .2s; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(26,86,219,0.15); }
.product-card .product-img { height: 200px; object-fit: cover; border-radius: calc(var(--gs-border-radius) - 1px) calc(var(--gs-border-radius) - 1px) 0 0; }

/* Notification toast */
.notification-toast-container { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9999; width: 360px; }

/* Stat cards */
.stat-card { border-left: 4px solid var(--gs-primary); }
.stat-card .stat-value { font-size: 2rem; font-weight: 700; color: var(--gs-primary); }