/* Market + Remote Jobs UI */
:root{--navy:#061b3a;--blue:#0b2d5d;--gold:#f7c600;--green:#07843f;--red:#dc2626;--muted:#64748b;--border:#e2e8f0;--bg:#f4f7fb}
.market-hero,.remote-hero{background:linear-gradient(135deg,#061b3a,#0b2d5d);color:#fff;border-radius:30px;padding:42px;margin:30px auto;max-width:1180px;box-shadow:0 22px 60px rgba(6,27,58,.20);display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.market-hero h1,.remote-hero h1{font-size:44px;line-height:1.1;margin:0 0 14px;letter-spacing:-1px}
.market-hero p,.remote-hero p{font-size:18px;line-height:1.75;color:#dbeafe;margin:0}
.hero-box{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px}
.hero-box strong{color:#f7c600}
.market-wrap{max-width:1180px;margin:0 auto 55px;padding:0 18px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:28px 0 18px}
.section-title h2{margin:0;color:#061b3a;font-size:30px}.section-title p{margin:5px 0 0;color:#64748b}
.btnx{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;font-weight:900;text-decoration:none;cursor:pointer}
.btnx.gold{background:#f7c600;color:#061b3a}.btnx.green{background:#07843f;color:#fff}.btnx.dark{background:#061b3a;color:#fff}.btnx.light{background:#eef2ff;color:#1e3a8a}.btnx.red{background:#dc2626;color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.07);overflow:hidden;display:flex;flex-direction:column}
.product-img{height:170px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);display:flex;align-items:center;justify-content:center}
.product-img img{width:100%;height:100%;object-fit:cover}.product-img span{font-size:42px}
.product-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-body h3{margin:0;color:#061b3a;font-size:19px}.product-body p{margin:0;color:#64748b;line-height:1.55;font-size:14px}
.price{font-size:24px;font-weight:1000;color:#061b3a}.stock{font-size:13px;font-weight:800;color:#07843f}
.product-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:15px;display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin-bottom:18px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.filter-bar input,.filter-bar select,.form-field input,.form-field select,.form-field textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:14px;font-size:15px;background:#fff}
.form-field label{display:block;font-weight:900;color:#334155;margin-bottom:7px}
.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}.cart-table th{background:#061b3a;color:#fff;text-align:left;padding:14px}.cart-table td{padding:14px;border-bottom:1px solid #e2e8f0}
.panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 12px 35px rgba(15,23,42,.06);margin-bottom:22px}.panel h2{margin:0 0 16px;color:#061b3a}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field.full{grid-column:1/-1}
.notice{padding:14px 16px;border-radius:16px;font-weight:800;margin-bottom:15px}.notice.good{background:#dcfce7;color:#166534;border:1px solid #86efac}.notice.bad{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.notice.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);margin-bottom:12px}
.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#e2e8f0;color:#334155}.badge.paid{background:#dcfce7;color:#166534}.badge.pending{background:#fef3c7;color:#92400e}.badge.bad{background:#fee2e2;color:#991b1b}
.remote-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.remote-chip{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;font-weight:1000;color:#061b3a;text-align:center}
@media(max-width:1050px){.market-hero,.remote-hero{grid-template-columns:1fr;padding:28px}.product-grid{grid-template-columns:repeat(2,1fr)}.filter-bar,.form-grid{grid-template-columns:1fr}.remote-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.market-hero h1,.remote-hero h1{font-size:32px}.product-grid{grid-template-columns:1fr}.section-title{display:block}.cart-table{font-size:13px}}

/* Laxltech Professional Global Design Reset
   This keeps the website clean, business-like and readable.
   It reduces over-large fonts/images without destroying existing layout. */
:root{
    --lax-font-main: "Segoe UI", Arial, Helvetica, sans-serif;
    --lax-navy: #061b3a;
    --lax-text: #0f172a;
    --lax-muted: #64748b;
}

/* Normal website font sizes */
html{font-size:16px!important;scroll-behavior:smooth;}
body{
    font-family:var(--lax-font-main)!important;
    font-size:15px!important;
    line-height:1.6!important;
    color:var(--lax-text)!important;
    letter-spacing:0!important;
}
p, li, td, th, label, input, select, textarea, button, a{
    font-size:15px!important;
    line-height:1.55!important;
}
small, .small, .nerd-small{
    font-size:13px!important;
    line-height:1.5!important;
}

/* Professional heading sizes */
h1{
    font-size:clamp(28px, 3vw, 40px)!important;
    line-height:1.15!important;
    letter-spacing:-.4px!important;
}
h2{
    font-size:clamp(22px, 2.2vw, 30px)!important;
    line-height:1.22!important;
    letter-spacing:-.2px!important;
}
h3{
    font-size:clamp(18px, 1.5vw, 22px)!important;
    line-height:1.3!important;
}
h4{font-size:17px!important;}
h5{font-size:16px!important;}
h6{font-size:15px!important;}

/* Top menu should look like a real website, not too large */
.main-menu a,
.drop-button,
.portal a,
.admin-sidebar a,
.customer-menu a,
.sidebar a{
    font-size:14px!important;
    font-weight:700!important;
}

/* Buttons and form fields */
.btn, .btnx, .premium-btn, .btn-main, .nerd-btn, .paid-btn, .staff-btn{
    font-size:14px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
}
input, select, textarea{
    font-size:15px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
}

/* Reduce oversized hero sections */
.hero,
.home-hero,
.market-hero,
.remote-hero,
.customer-hero,
.admin-hero,
.nerd-topbar,
.paid-hero,
.staff-hero{
    padding:24px!important;
    border-radius:22px!important;
}
.hero h1,
.home-hero h1,
.market-hero h1,
.remote-hero h1,
.customer-hero h1,
.admin-hero h1,
.nerd-topbar h1,
.paid-hero h1,
.staff-hero h1{
    font-size:clamp(28px, 3vw, 38px)!important;
}
.hero p,
.home-hero p,
.market-hero p,
.remote-hero p,
.customer-hero p,
.admin-hero p,
.nerd-topbar p,
.paid-hero p,
.staff-hero p{
    font-size:15px!important;
    line-height:1.65!important;
}

/* Make images normal and consistent */
img{
    max-width:100%!important;
    height:auto;
}
.product-img{
    height:165px!important;
    max-height:165px!important;
}
.product-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.product-card{
    border-radius:18px!important;
}
.product-body{
    padding:14px!important;
}
.product-body h3{
    font-size:18px!important;
}
.price{
    font-size:20px!important;
}

/* Service cards and homepage cards */
.service-card,
.strip-card,
.quick-card,
.product-card,
.order-card,
.panel,
.paid-panel,
.nerd-panel,
.staff-panel{
    border-radius:18px!important;
}
.service-card p,
.strip-card p,
.quick-card span,
.product-body p{
    font-size:14px!important;
}

/* Admin/customer tables */
.tablex th,
.tablex td,
.paid-table th,
.paid-table td,
.nerd-table th,
.nerd-table td,
.cart-table th,
.cart-table td{
    font-size:14px!important;
    padding:12px!important;
}
.badge,
.nerd-badge,
.role-pill{
    font-size:12px!important;
}

/* Admin/customer layout should not feel zoomed */
.admin-main,
.customer-main{
    font-size:15px!important;
}
.admin-sidebar{
    width:245px!important;
}
.admin-sidebar h2{
    font-size:20px!important;
}

/* Uploaded/admin thumbnails */
.product-thumb{
    width:72px!important;
    height:54px!important;
    object-fit:cover!important;
}
.admin-image-preview{
    width:160px!important;
    height:115px!important;
    object-fit:cover!important;
}

/* Mobile */
@media(max-width:768px){
    body{font-size:14px!important;}
    p, li, td, th, label, input, select, textarea, button, a{font-size:14px!important;}
    h1{font-size:28px!important;}
    h2{font-size:23px!important;}
    h3{font-size:18px!important;}
    .hero,.home-hero,.market-hero,.remote-hero,.customer-hero,.admin-hero,.nerd-topbar,.paid-hero,.staff-hero{
        padding:18px!important;
    }
    .product-img{
        height:155px!important;
        max-height:155px!important;
    }
}

/* Print remains clean */
@media print{
    body{font-size:12px!important;}
    h1{font-size:24px!important;}
    h2{font-size:20px!important;}
}

/* Laxltech All Dashboards Professional Upgrade
   Clean compact dashboard design for Admin, Customer, Student and Staff portals. */
:root{
    --dash-navy:#061b3a;
    --dash-blue:#0b2d5d;
    --dash-gold:#f7c600;
    --dash-green:#07843f;
    --dash-red:#dc2626;
    --dash-bg:#f4f7fb;
    --dash-card:#ffffff;
    --dash-text:#0f172a;
    --dash-muted:#64748b;
    --dash-line:#e2e8f0;
    --dash-shadow:0 10px 28px rgba(15,23,42,.07);
    --dash-radius:18px;
}

/* General dashboard background */
.admin-wrapper,
.customer-wrapper,
.student-wrapper,
.enterprise-customer,
.dashboard-wrapper{
    background:linear-gradient(180deg,#eef3f9 0%,#f8fafc 45%,#ffffff 100%)!important;
    min-height:100vh!important;
}

.admin-main,
.customer-main,
.student-main,
.dashboard-main,
main.admin-main,
main.customer-main{
    padding:22px!important;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    color:var(--dash-text)!important;
}

/* Dashboard hero/top card */
.admin-hero,
.customer-hero,
.student-hero,
.premium-hero,
.pay-pro-hero,
.dashboard-hero,
.nerd-topbar,
.paid-hero,
.staff-hero{
    background:linear-gradient(135deg,var(--dash-navy),var(--dash-blue))!important;
    color:#fff!important;
    border-radius:22px!important;
    padding:24px!important;
    margin-bottom:20px!important;
    box-shadow:0 18px 42px rgba(6,27,58,.18)!important;
    border:0!important;
}
.admin-hero h1,
.customer-hero h1,
.student-hero h1,
.premium-hero h1,
.pay-pro-hero h1,
.dashboard-hero h1,
.nerd-topbar h1,
.paid-hero h1,
.staff-hero h1{
    font-size:clamp(26px,2.8vw,36px)!important;
    line-height:1.15!important;
    margin:0 0 8px!important;
    letter-spacing:-.4px!important;
}
.admin-hero p,
.customer-hero p,
.student-hero p,
.premium-hero p,
.pay-pro-hero p,
.dashboard-hero p,
.nerd-topbar p,
.paid-hero p,
.staff-hero p{
    font-size:15px!important;
    line-height:1.6!important;
    color:#dbeafe!important;
    margin:0!important;
    max-width:820px!important;
}

/* Cards, panels and widgets */
.panel,
.premium-panel,
.pay-pro-panel,
.dashboard-panel,
.customer-panel,
.student-panel,
.admin-card,
.customer-card,
.student-card,
.stat-card,
.stats-card,
.pay-pro-card,
.nerd-card,
.paid-card,
.quick-card,
.order-card,
.service-card,
.product-card,
.staff-panel,
.nerd-panel,
.paid-panel,
.form-card,
.table-card{
    background:var(--dash-card)!important;
    border:1px solid var(--dash-line)!important;
    border-radius:var(--dash-radius)!important;
    box-shadow:var(--dash-shadow)!important;
}

.panel,
.premium-panel,
.pay-pro-panel,
.dashboard-panel,
.customer-panel,
.student-panel,
.staff-panel,
.nerd-panel,
.paid-panel{
    padding:18px!important;
    margin-bottom:18px!important;
}
.panel h2,
.premium-panel h2,
.pay-pro-panel h2,
.dashboard-panel h2,
.customer-panel h2,
.student-panel h2,
.staff-panel h2,
.nerd-panel h2,
.paid-panel h2{
    color:var(--dash-navy)!important;
    font-size:22px!important;
    line-height:1.25!important;
    margin:0 0 14px!important;
    font-weight:800!important;
}

/* Summary stat cards */
.stats-grid,
.dashboard-grid,
.quick-grid,
.pay-pro-grid,
.premium-grid,
.nerd-cards,
.paid-cards,
.card-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    gap:14px!important;
}
.stat-card,
.stats-card,
.pay-pro-card,
.nerd-card,
.paid-card,
.dashboard-card{
    padding:16px!important;
}
.stat-card small,
.stats-card small,
.pay-pro-card small,
.nerd-card span,
.paid-card small,
.dashboard-card small{
    color:var(--dash-muted)!important;
    font-size:13px!important;
    font-weight:700!important;
    margin-bottom:6px!important;
    display:block!important;
}
.stat-card h3,
.stats-card h3,
.pay-pro-card h3,
.nerd-card strong,
.paid-card strong,
.dashboard-card h3{
    color:var(--dash-navy)!important;
    font-size:26px!important;
    line-height:1.15!important;
    margin:0!important;
    font-weight:900!important;
}
.stat-card p,
.stats-card p,
.pay-pro-card p,
.dashboard-card p{
    color:var(--dash-muted)!important;
    font-size:13px!important;
    line-height:1.5!important;
    margin:6px 0 0!important;
}

/* Quick cards */
.quick-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.quick-card{
    display:block!important;
    padding:16px!important;
    color:var(--dash-text)!important;
    text-decoration:none!important;
    transition:transform .15s ease, box-shadow .15s ease!important;
}
.quick-card:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.10)!important;
}
.quick-card b,
.quick-card strong{
    display:block!important;
    color:var(--dash-navy)!important;
    font-size:16px!important;
    margin-bottom:5px!important;
}
.quick-card span,
.quick-card p{
    display:block!important;
    color:var(--dash-muted)!important;
    font-size:13px!important;
    line-height:1.5!important;
}

/* Tables */
.table-wrap,
.table-responsive,
.nerd-table-wrap,
.paid-table-wrap{
    border:1px solid var(--dash-line)!important;
    border-radius:16px!important;
    overflow-x:auto!important;
    background:#fff!important;
    box-shadow:var(--dash-shadow)!important;
}
table,
.tablex,
.cart-table,
.nerd-table,
.paid-table{
    width:100%!important;
    border-collapse:collapse!important;
    background:#fff!important;
}
table th,
.tablex th,
.cart-table th,
.nerd-table th,
.paid-table th{
    background:var(--dash-navy)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    padding:12px!important;
    text-align:left!important;
    letter-spacing:.2px!important;
}
table td,
.tablex td,
.cart-table td,
.nerd-table td,
.paid-table td{
    padding:12px!important;
    border-bottom:1px solid var(--dash-line)!important;
    font-size:14px!important;
    vertical-align:top!important;
}
table tr:hover td,
.tablex tr:hover td,
.cart-table tr:hover td,
.nerd-table tr:hover td,
.paid-table tr:hover td{
    background:#fffdf3!important;
}

/* Forms and buttons */
input,
select,
textarea{
    font-size:14px!important;
    padding:10px 12px!important;
    border:1px solid #cbd5e1!important;
    border-radius:12px!important;
    background:#fff!important;
    outline:none!important;
}
input:focus,
select:focus,
textarea:focus{
    border-color:var(--dash-gold)!important;
    box-shadow:0 0 0 4px rgba(247,198,0,.14)!important;
}
label{
    color:#334155!important;
    font-size:14px!important;
    font-weight:800!important;
    margin-bottom:6px!important;
}
.btn,
.btnx,
.btn-main,
.premium-btn,
.nerd-btn,
.paid-btn,
.staff-btn,
button{
    font-size:14px!important;
    line-height:1.2!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    font-weight:800!important;
}

/* Sidebars */
.admin-sidebar,
.customer-sidebar,
.student-sidebar,
.sidebar{
    background:linear-gradient(180deg,#061b3a,#08254f)!important;
    color:#fff!important;
    box-shadow:8px 0 24px rgba(6,27,58,.08)!important;
}
.admin-sidebar h2,
.customer-sidebar h2,
.student-sidebar h2,
.sidebar h2{
    font-size:20px!important;
    color:#fff!important;
    margin:0!important;
    padding:20px 16px!important;
}
.admin-sidebar a,
.customer-sidebar a,
.student-sidebar a,
.sidebar a,
.customer-menu a{
    font-size:14px!important;
    font-weight:700!important;
    padding:10px 12px!important;
    border-radius:10px!important;
}
.admin-sidebar a:hover,
.customer-sidebar a:hover,
.student-sidebar a:hover,
.sidebar a:hover,
.customer-menu a:hover{
    background:rgba(247,198,0,.14)!important;
    color:#f7c600!important;
}

/* Badges and status */
.badge,
.nerd-badge,
.role-pill,
.customer-badge{
    font-size:12px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-weight:800!important;
}

/* Images inside dashboards should be normal */
.admin-main img,
.customer-main img,
.student-main img{
    max-width:100%!important;
    height:auto!important;
}
.product-img{
    height:160px!important;
}
.product-thumb{
    width:70px!important;
    height:52px!important;
    object-fit:cover!important;
    border-radius:10px!important;
}
.admin-image-preview{
    width:150px!important;
    height:105px!important;
    object-fit:cover!important;
    border-radius:14px!important;
}

/* Alerts */
.notice,
.alert,
.nerd-alert,
.security-note,
.security-box,
.image-required-note{
    border-radius:14px!important;
    padding:12px 14px!important;
    font-size:14px!important;
    line-height:1.5!important;
}

/* Remove overly tall spacing */
section{
    scroll-margin-top:80px!important;
}
.hero-actions,
.paid-actions,
.nerd-actions,
.staff-actions{
    gap:8px!important;
}

/* Mobile dashboard */
@media(max-width:900px){
    .admin-wrapper,
    .customer-wrapper,
    .student-wrapper{
        display:block!important;
    }
    .admin-sidebar,
    .customer-sidebar,
    .student-sidebar,
    .sidebar{
        width:100%!important;
        position:relative!important;
    }
    .admin-main,
    .customer-main,
    .student-main{
        padding:16px!important;
    }
    .admin-hero,
    .customer-hero,
    .student-hero,
    .premium-hero,
    .pay-pro-hero,
    .dashboard-hero{
        padding:18px!important;
    }
    .admin-hero h1,
    .customer-hero h1,
    .student-hero h1,
    .premium-hero h1,
    .pay-pro-hero h1,
    .dashboard-hero h1{
        font-size:27px!important;
    }
}

/* Laxltech Dashboard Font Force Reduce Patch
   Strong final override for admin, customer, student and staff dashboards. */
:root{
    --lx-font:"Segoe UI", Arial, Helvetica, sans-serif;
    --lx-navy:#061b3a;
    --lx-gold:#f7c600;
    --lx-text:#0f172a;
    --lx-muted:#64748b;
}

/* Force normal professional dashboard fonts */
body,
.admin-wrapper,
.customer-wrapper,
.student-wrapper,
.dashboard-wrapper,
.enterprise-customer,
.admin-main,
.customer-main,
.student-main,
.dashboard-main{
    font-family:var(--lx-font)!important;
    font-size:14px!important;
    line-height:1.5!important;
}

/* Reduce every normal text item inside dashboards */
.admin-main,
.admin-main p,
.admin-main li,
.admin-main td,
.admin-main th,
.admin-main label,
.admin-main input,
.admin-main select,
.admin-main textarea,
.admin-main button,
.admin-main a,
.customer-main,
.customer-main p,
.customer-main li,
.customer-main td,
.customer-main th,
.customer-main label,
.customer-main input,
.customer-main select,
.customer-main textarea,
.customer-main button,
.customer-main a,
.student-main,
.student-main p,
.student-main li,
.student-main td,
.student-main th,
.student-main label,
.student-main input,
.student-main select,
.student-main textarea,
.student-main button,
.student-main a{
    font-size:14px!important;
    line-height:1.5!important;
}

/* Headings should not be too big */
.admin-main h1,
.customer-main h1,
.student-main h1,
.dashboard-main h1{
    font-size:28px!important;
    line-height:1.15!important;
    margin-bottom:8px!important;
}
.admin-main h2,
.customer-main h2,
.student-main h2,
.dashboard-main h2{
    font-size:21px!important;
    line-height:1.25!important;
    margin-bottom:12px!important;
}
.admin-main h3,
.customer-main h3,
.student-main h3,
.dashboard-main h3{
    font-size:17px!important;
    line-height:1.3!important;
}
.admin-main h4,
.customer-main h4,
.student-main h4,
.dashboard-main h4{
    font-size:15px!important;
}

/* Hero/banner sections compact */
.admin-hero,
.customer-hero,
.student-hero,
.dashboard-hero,
.premium-hero,
.pay-pro-hero,
.nerd-topbar,
.paid-hero,
.staff-hero{
    padding:18px 20px!important;
    border-radius:18px!important;
    margin-bottom:16px!important;
}
.admin-hero h1,
.customer-hero h1,
.student-hero h1,
.dashboard-hero h1,
.premium-hero h1,
.pay-pro-hero h1,
.nerd-topbar h1,
.paid-hero h1,
.staff-hero h1{
    font-size:28px!important;
    line-height:1.15!important;
}
.admin-hero p,
.customer-hero p,
.student-hero p,
.dashboard-hero p,
.premium-hero p,
.pay-pro-hero p,
.nerd-topbar p,
.paid-hero p,
.staff-hero p{
    font-size:14px!important;
    line-height:1.55!important;
}

/* Sidebar menu compact */
.admin-sidebar,
.customer-sidebar,
.student-sidebar,
.sidebar{
    font-size:13px!important;
}
.admin-sidebar h1,
.admin-sidebar h2,
.customer-sidebar h1,
.customer-sidebar h2,
.student-sidebar h1,
.student-sidebar h2,
.sidebar h1,
.sidebar h2{
    font-size:18px!important;
    line-height:1.2!important;
    padding:16px!important;
}
.admin-sidebar a,
.customer-sidebar a,
.student-sidebar a,
.sidebar a,
.customer-menu a{
    font-size:13px!important;
    line-height:1.35!important;
    padding:9px 11px!important;
}

/* Cards/panels compact */
.panel,
.premium-panel,
.pay-pro-panel,
.dashboard-panel,
.customer-panel,
.student-panel,
.admin-card,
.customer-card,
.student-card,
.stat-card,
.stats-card,
.pay-pro-card,
.nerd-card,
.paid-card,
.quick-card,
.order-card,
.staff-panel,
.nerd-panel,
.paid-panel,
.form-card,
.table-card{
    padding:14px!important;
    border-radius:16px!important;
    margin-bottom:14px!important;
}
.quick-card b,
.quick-card strong{
    font-size:15px!important;
}
.quick-card span,
.quick-card p,
.stat-card p,
.stats-card p,
.dashboard-card p,
.small,
small{
    font-size:12.5px!important;
}

/* Numbers/stat cards not too large */
.stat-card h3,
.stats-card h3,
.pay-pro-card h3,
.dashboard-card h3,
.nerd-card strong,
.paid-card strong{
    font-size:22px!important;
    line-height:1.15!important;
}

/* Tables */
table th,
.tablex th,
.cart-table th,
.nerd-table th,
.paid-table th{
    font-size:12.5px!important;
    padding:10px!important;
}
table td,
.tablex td,
.cart-table td,
.nerd-table td,
.paid-table td{
    font-size:13px!important;
    padding:10px!important;
}

/* Forms and buttons */
input,
select,
textarea{
    font-size:13.5px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
}
label{
    font-size:13px!important;
}
button,
.btn,
.btnx,
.btn-main,
.premium-btn,
.nerd-btn,
.paid-btn,
.staff-btn,
input[type="submit"]{
    font-size:13px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
}

/* Badges */
.badge,
.nerd-badge,
.role-pill,
.customer-badge{
    font-size:11.5px!important;
    padding:4px 8px!important;
}

/* Images normal */
.product-img{
    height:145px!important;
    max-height:145px!important;
}
.product-thumb{
    width:64px!important;
    height:48px!important;
    object-fit:cover!important;
}
.admin-image-preview{
    width:140px!important;
    height:95px!important;
    object-fit:cover!important;
}
.admin-main img,
.customer-main img,
.student-main img{
    max-width:100%!important;
    height:auto!important;
}

/* Dashboard grid compact */
.stats-grid,
.dashboard-grid,
.quick-grid,
.pay-pro-grid,
.premium-grid,
.nerd-cards,
.paid-cards,
.card-grid{
    gap:12px!important;
}

/* Mobile */
@media(max-width:768px){
    body,
    .admin-main,
    .customer-main,
    .student-main{
        font-size:13.5px!important;
    }
    .admin-main h1,
    .customer-main h1,
    .student-main h1{
        font-size:24px!important;
    }
    .admin-main h2,
    .customer-main h2,
    .student-main h2{
        font-size:19px!important;
    }
}