* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

.hero-grid {
    background-image: radial-gradient(circle at 1px 1px, #cbd5e1 1px, transparent 0);
    background-size: 28px 28px
}

.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .45rem .8rem;
    font-size: .75rem;
    font-weight: 800
}

.code-window {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1.5rem;
    background: #0f172a;
    color: #e2e8f0
}

.card-hover {
    transition: .25s
}

.card-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(15, 23, 42, .12)
}

.form-grid p {
    display: grid;
    gap: .45rem;
    margin-bottom: 1rem
}

.form-grid label {
    font-weight: 700
}

.form-grid input,
.form-grid select,
.form-grid textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: .85rem;
    padding: .8rem 1rem;
    background: white
}

.form-grid ul {
    font-size: .75rem;
    color: #64748b
}

.cms-rich p + p { margin-top: .8rem; }
.cms-rich ul, .cms-rich ol { margin-top: .65rem; padding-left: 1.25rem; }
.cms-rich ul { list-style: disc; }
.cms-rich ol { list-style: decimal; }
.cms-rich li + li { margin-top: .35rem; }
.cms-rich a { color: #047857; font-weight: 700; text-decoration: underline; }
.cms-rich strong { color: #0f172a; font-weight: 800; }
.cms-rich h2, .cms-rich h3 { margin-top: 1.1rem; color: #0f172a; font-weight: 800; }

.max-w-7xl{
    max-width: 85rem !important;
}

.dashboard-nav-scroll {
    scrollbar-width: none;
}

.dashboard-nav-scroll::-webkit-scrollbar {
    display: none;
}

.seller-nav {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: .75rem;
    border-radius: .8rem;
    padding: .75rem 1rem;
    color: #475569;
    font-size: .875rem;
    font-weight: 700;
    transition: .2s;
}
.seller-nav:hover { background: #f8fafc; color: #0f172a; }
.seller-nav > span { display:grid; height:2.25rem; width:2.25rem; place-items:center; border-radius:.65rem; background:#f1f5f9; color:#64748b; }
.seller-nav > b { margin-left:auto; border-radius:999px; background:#f1f5f9; padding:.12rem .5rem; font-size:.7rem; color:#475569; }
.seller-nav-active { background:#ecfdf5; color:#047857; }
.seller-nav-active > span { background:#059669; color:white; box-shadow:0 8px 20px rgba(5,150,105,.2); }
.seller-card { overflow:hidden; border:1px solid #e2e8f0; border-radius:1rem; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.03); }
.seller-card-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid #f1f5f9; padding:1.15rem 1.25rem; }
.seller-card-head h3 { font-weight:900; color:#0f172a; }
.seller-card-head p { margin-top:.2rem; font-size:.75rem; color:#94a3b8; }
.seller-card-head a { font-size:.75rem; font-weight:800; color:#059669; }
.seller-stat { position:relative; min-height:9rem; border:1px solid #e2e8f0; border-radius:1rem; background:white; padding:1.25rem; box-shadow:0 1px 2px rgba(15,23,42,.03); }
.seller-stat > span { position:absolute; right:1.1rem; top:1.1rem; display:grid; height:2.5rem; width:2.5rem; place-items:center; border-radius:.75rem; }
.seller-stat p { font-size:.75rem; font-weight:800; color:#64748b; }
.seller-stat strong { display:block; margin-top:.7rem; font-size:1.65rem; line-height:1; color:inherit; }
.seller-stat small { display:block; margin-top:.65rem; color:#94a3b8; }
.status-pill { display:inline-flex; white-space:nowrap; border-radius:999px; padding:.35rem .65rem; background:#f1f5f9; color:#475569; font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.03em; }
.status-approved,.status-paid,.status-answered { background:#dcfce7; color:#15803d; }
.status-review,.status-pending,.status-open { background:#fef3c7; color:#b45309; }
.status-rejected,.status-cancelled { background:#fee2e2; color:#b91c1c; }
.status-draft,.status-archived,.status-closed { background:#e2e8f0; color:#475569; }
.seller-card table th { background:#f8fafc; padding:.85rem 1.1rem; font-size:.67rem; font-weight:900; text-transform:uppercase; letter-spacing:.05em; color:#64748b; }
.seller-card table td { border-top:1px solid #f1f5f9; padding:1rem 1.1rem; font-size:.82rem; }
.icon-action { display:grid; height:2.25rem; width:2.25rem; place-items:center; border:1px solid #e2e8f0; border-radius:.65rem; color:#64748b; transition:.2s; }
.icon-action:hover { border-color:#10b981; color:#059669; }
.seller-form label { display:block; margin-bottom:.45rem; font-size:.78rem; font-weight:800; color:#334155; }
.seller-form input:not([type=checkbox]),.seller-form select,.seller-form textarea { width:100%; border:1px solid #cbd5e1; border-radius:.75rem; background:white; padding:.75rem .9rem; color:#0f172a; outline:none; }
.seller-form input:focus,.seller-form select:focus,.seller-form textarea:focus { border-color:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.1); }
.seller-form .errorlist { margin-top:.4rem; color:#dc2626; font-size:.75rem; font-weight:700; }
.seller-form .check-row { display:flex; align-items:center; gap:.55rem; margin:0; }
.seller-form .check-row input { height:1.1rem; width:1.1rem; accent-color:#059669; }
.seller-form .django-ckeditor-widget { width:100%; }
@media (min-width:1024px) { .seller-nav + .seller-nav { margin-top:.25rem; } }