@font-face{font-family:IRANYekanX;src:url('/fonts/IRANYekanXFaNum-Regular.woff') format('woff');font-display:swap;font-weight:100 900}
:root{--admin-font:IRANYekanX,Tahoma,Arial,sans-serif}body.admin-shell,.admin-form input,.admin-form textarea,.admin-form select,.admin-btn{font-family:var(--admin-font)!important}.admin-money-input{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}

body.admin-shell{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f4f6f8;direction:rtl}.admin-sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:#111827;color:#fff;padding:24px;overflow:auto}.admin-sidebar h2{font-size:22px;margin-bottom:24px}.admin-sidebar a{display:block;color:#e5e7eb;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:6px}.admin-sidebar a:hover{background:#1f2937}.admin-main{margin-right:260px;min-height:100vh}.admin-topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:18px 24px;font-weight:800}.admin-content{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card,.table-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(15,23,42,.06)}.stat-card span{display:block;color:#64748b}.stat-card strong{font-size:28px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{border-bottom:1px solid #e5e7eb;padding:12px;text-align:right}.table-header h1{font-size:24px;margin-bottom:18px}@media(max-width:900px){.admin-sidebar{position:static;width:auto}.admin-main{margin-right:0}}


/* Template switching admin */
.template-header { align-items: flex-start; gap: 16px; }
.template-header p { margin: 8px 0 0; color: #64748b; }
.admin-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 14px; border: 0; border-radius: 10px; background: #111827; color: #fff; text-decoration: none; cursor: pointer; font-size: 13px; white-space: nowrap; }
.admin-btn:hover { color: #fff; opacity: .92; }
.admin-btn-secondary { background: #f1f5f9; color: #0f172a; border: 1px solid #e2e8f0; }
.admin-btn-secondary:hover { color: #0f172a; }
.admin-alert { padding: 12px 14px; border-radius: 12px; margin: 16px 0; }
.admin-alert-success { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.template-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 18px; margin-top: 18px; }
.template-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 30px rgba(15, 23, 42, .06); }
.template-card.is-active { border-color: #16a34a; box-shadow: 0 12px 34px rgba(22, 163, 74, .16); }
.template-preview-frame { height: 220px; background: #f8fafc; overflow: hidden; border-bottom: 1px solid #e5e7eb; }
.template-preview-frame iframe { width: 1440px; height: 950px; border: 0; transform: scale(.225); transform-origin: top right; pointer-events: none; }
.template-card-body { padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.template-card-body h3 { margin: 0 0 5px; font-size: 16px; }
.template-card-body span { color: #64748b; font-size: 12px; direction: ltr; display: inline-block; }
.template-actions { display: flex; align-items: center; gap: 8px; }
.active-badge { display: inline-flex; padding: 8px 12px; border-radius: 999px; background: #dcfce7; color: #166534; font-weight: 700; }
@media (max-width: 720px) {
    .template-grid { grid-template-columns: 1fr; }
    .template-preview-frame iframe { transform: scale(.22); }
    .template-card-body { flex-direction: column; align-items: stretch; }
    .template-actions { justify-content: space-between; }
}

/* MarketeToBeSaz full site editor */
.editor-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 20px}.editor-overview a{display:flex;flex-direction:column;padding:20px;border:1px solid #e7eaf0;border-radius:20px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 8px 28px rgba(15,23,42,.04)}.editor-overview b{font-size:28px}.editor-overview span{color:#64748b;font-size:12px}.resource-editor{margin-bottom:28px;border:1px solid #dbeafe;background:linear-gradient(145deg,#fff,#f8fbff)}.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-section-head h2{margin:0 0 6px;font-size:19px}.admin-section-head p{margin:0;color:#64748b;line-height:1.8}.admin-inline-checks,.role-picker{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.admin-inline-checks label,.role-picker label,.admin-switch{display:flex!important;align-items:center;gap:7px!important;padding:9px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin:0!important;font-size:12px}.admin-inline-checks input,.role-picker input,.admin-switch input{width:auto!important;margin:0!important}.admin-editor-section{scroll-margin-top:20px;margin:28px 0}.editor-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-table h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.editor-table h3 small{min-width:27px;padding:4px 8px;border-radius:99px;background:#eef2ff;color:#4338ca;text-align:center}.compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f7}.compact-list>div:last-child{border-bottom:0}.compact-list span:first-child{display:flex;flex-direction:column}.compact-list small{color:#94a3b8;direction:ltr;text-align:right}.row-actions,.row-actions form{display:flex;align-items:center;gap:8px;margin:0}.text-action{border:0;background:transparent;color:#4f46e5;font:inherit;font-size:11px;cursor:pointer;padding:4px}.text-action.danger{color:#dc2626}.moderation-list article{padding:13px 0;border-bottom:1px solid #eef2f7}.moderation-list article>div:first-child{display:flex;justify-content:space-between}.moderation-list small{color:#94a3b8}.moderation-list p{color:#475569;font-size:12px;line-height:1.9}.user-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.user-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.user-card-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-size:20px}.user-card-head div{display:flex;flex-direction:column}.user-card-head small{color:#94a3b8;direction:ltr}.user-editor-card .admin-form-grid{grid-template-columns:1fr 1fr}@media(max-width:1100px){.editor-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.editor-overview{grid-template-columns:repeat(2,1fr)}.editor-columns{grid-template-columns:1fr}.admin-section-head{flex-direction:column}.admin-form-grid-3{grid-template-columns:1fr}.user-editor-grid{grid-template-columns:1fr}}
.admin-flex{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-form label{display:block;font-weight:700;color:#334155;margin-bottom:14px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:12px;padding:10px 12px;margin-top:7px;font-family:Tahoma,Arial,sans-serif}.admin-form textarea{min-height:90px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.admin-check{display:flex!important;align-items:center;gap:8px}.admin-check input{width:auto!important;margin:0!important}.admin-subcard{border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin:16px 0;background:#f8fafc}.admin-subcard h3{margin:0}.admin-subcard p{color:#64748b}

/* Slider editor tools */
.slider-editor-page h1{margin:0 0 8px}.slider-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.slider-editor-head p{margin:0;color:#64748b;line-height:1.9}.slider-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}.slider-editor-main{min-width:0}.slider-preview-panel{min-width:0}.slider-preview-sticky{position:sticky;top:18px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(15,23,42,.06);border:1px solid #e5e7eb}.slider-preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.slider-preview-toolbar span{direction:ltr;background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.slider-live-preview{position:relative;min-height:300px;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#f8fafc;background-size:cover;background-position:center;display:flex;align-items:center;padding:34px}.slider-live-content{position:relative;z-index:2;max-width:60%;text-align:right}.slider-live-content span{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:700;letter-spacing:.2px}.slider-live-content h2{margin:0 0 12px;font-size:30px;line-height:1.55;color:inherit}.slider-live-content p{margin:0 0 18px;color:inherit;line-height:1.9;font-size:14px;opacity:.82}.slider-live-content a{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:0;padding:8px 18px;text-decoration:none;background:rgba(255,255,255,.35);font-size:13px}.slider-live-preview>img{position:absolute;left:18px;bottom:0;z-index:1;max-width:46%;max-height:92%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(15,23,42,.18))}.slider-live-template-note{position:absolute;left:12px;top:12px;z-index:3;background:rgba(17,24,39,.84);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px}.slider-preview-help{font-size:12px;color:#64748b;line-height:1.9;margin-top:12px;background:#f8fafc;border:1px dashed #dbe3ee;border-radius:14px;padding:10px}.slider-preview-small-actions{display:flex;gap:8px;margin-top:12px}.slider-preview-small-actions .admin-btn{flex:1}.slider-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.slider-section-title>span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#fff;font-weight:800;flex:0 0 auto}.slider-section-title h3{margin:0 0 4px}.slider-section-title p{margin:0;color:#64748b;line-height:1.8}.slider-check{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;min-height:44px}.slider-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.slider-image-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.slider-image-box-title{font-weight:800;color:#0f172a;margin-bottom:10px}.slider-image-box input[type=file]{padding:8px;background:#f8fafc}.slider-current-image{margin-top:12px;border:1px dashed #cbd5e1;border-radius:14px;padding:10px;background:#f8fafc}.slider-current-image span{display:block;color:#64748b;font-size:12px;margin-bottom:8px}.slider-current-image img{width:100%;height:130px;object-fit:cover;border-radius:10px;background:#fff}.slider-current-image-transparent img{object-fit:contain;background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.slider-samples{margin-top:14px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.slider-samples summary{cursor:pointer;font-weight:800;color:#0f172a}.slider-sample-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px;max-height:300px;overflow:auto;padding-left:4px}.slider-sample{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:6px;cursor:pointer;text-align:center}.slider-sample:hover{border-color:#111827}.slider-sample img{width:100%;height:68px;object-fit:cover;border-radius:8px;background:#f8fafc}.slider-sample-transparent img{object-fit:contain;background:#f8fafc}.slider-sample span{display:block;font-size:10px;color:#64748b;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.slider-color-row{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center}.slider-color-row input[type=color]{height:44px;padding:4px}.slider-editor-actions{display:flex;gap:10px;margin:18px 0 4px}.market-dynamic-slide-bg,.market-dynamic-slide-both,.market-dynamic-slide-fg{box-shadow:inset 0 0 0 999px rgba(255,255,255,.05)}@media(max-width:1180px){.slider-editor-layout{grid-template-columns:1fr}.slider-preview-sticky{position:static}.slider-live-preview{min-height:260px}}@media(max-width:720px){.slider-editor-head{flex-direction:column}.slider-image-grid,.slider-color-grid{grid-template-columns:1fr}.slider-live-preview{padding:22px;min-height:260px}.slider-live-content{max-width:100%}.slider-live-preview>img{opacity:.28;max-width:75%;left:-20px}.slider-preview-small-actions{flex-direction:column}}
.slider-list-thumb{width:110px;height:62px;border:1px solid #e2e8f0;border-radius:10px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.slider-list-thumb img{max-width:100%;max-height:100%;object-fit:contain}.slider-list-thumb span{font-size:12px;color:#64748b}.slider-list-images{display:grid;gap:4px;font-size:12px;color:#64748b}

/* Slider editor v2 - admin-template friendly layout */
.admin-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.admin-form textarea,
.admin-form select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    padding: 11px 13px;
    margin-top: 8px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    color: #0f172a;
    background: #fff;
    min-height: 44px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.admin-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
.admin-form textarea:focus,
.admin-form select:focus {
    outline: 0;
    border-color: #111827;
    box-shadow: 0 0 0 4px rgba(17, 24, 39, .08);
    background: #fff;
}
.admin-form input[type="file"] {
    min-height: auto !important;
    padding: 9px !important;
    background: #f8fafc !important;
}
.admin-form textarea { min-height: 92px; resize: vertical; line-height: 1.9; }
.admin-form label { display: block; color: #334155; font-weight: 800; line-height: 1.8; }

.slider-editor-page .table-card,
.slider-editor-page .admin-subcard { box-shadow: 0 10px 25px rgba(15,23,42,.045); }
.slider-editor-form { display: block; }
.slider-editor-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 520px); gap: 18px; align-items: start; }
.slider-editor-column { min-width: 0; }
.slider-preview-wide-card { margin-bottom: 18px; padding: 18px; }
.slider-preview-wide-card .slider-preview-toolbar { margin-bottom: 14px; }
.slider-preview-wide-card .slider-preview-toolbar > div p { margin: 6px 0 0; color: #64748b; font-size: 13px; line-height: 1.8; }
.slider-preview-wide-card .slider-preview-toolbar > span { min-width: 90px; text-align: center; }
.slider-live-preview-wide {
    min-height: 440px;
    height: min(44vw, 520px);
    max-height: 560px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    padding: clamp(34px, 5vw, 76px);
}
.slider-live-preview-wide .slider-live-content { max-width: 46%; }
.slider-live-preview-wide .slider-live-content span { font-size: 14px; }
.slider-live-preview-wide .slider-live-content h2 { font-size: clamp(30px, 4vw, 56px); line-height: 1.45; margin-bottom: 14px; }
.slider-live-preview-wide .slider-live-content p { font-size: 15px; max-width: 460px; }
.slider-live-preview-wide .slider-live-content a { min-width: 116px; min-height: 40px; background: rgba(255,255,255,.55); }
.slider-live-preview-wide > img { left: clamp(22px, 5vw, 86px); max-width: 44%; max-height: 96%; }
.slider-preview-help-horizontal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; background: transparent; border: 0; padding: 0; }
.slider-preview-help-horizontal > div { background: #f8fafc; border: 1px dashed #dbe3ee; border-radius: 14px; padding: 10px; }
.slider-editor-card { background: #fff; padding: 18px; margin: 0 0 18px; }
.admin-form-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.slider-quick-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.slider-quick-actions .admin-btn { min-width: 138px; }
.slider-editor-savebar { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; position: sticky; bottom: 0; z-index: 20; border-radius: 18px 18px 0 0; }
.slider-image-grid { grid-template-columns: 1fr; }
.slider-image-box { padding: 14px; background: #f8fafc; }
.slider-image-box input[dir="ltr"] { direction: ltr; text-align: left; font-size: 12px; }
.slider-current-image img { height: 160px; object-fit: cover; }
.slider-current-image-transparent img { object-fit: contain; }
.slider-samples { background: #f8fafc; }
.slider-sample-grid { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); max-height: 380px; }
.slider-sample img { height: 74px; }
.slider-color-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.slider-color-row { grid-template-columns: 64px 1fr; }
.slider-color-row input[type=color] { width: 64px; height: 44px; padding: 3px; margin-top: 8px; border-radius: 12px; border: 1px solid #dbe3ee; background: #fff; }
.slider-check { margin-top: 8px; }

@media(max-width: 1400px) {
    .slider-editor-grid { grid-template-columns: 1fr; }
    .slider-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 900px) {
    .admin-form-grid-3,
    .slider-color-grid,
    .slider-image-grid,
    .slider-preview-help-horizontal { grid-template-columns: 1fr; }
    .slider-live-preview-wide { min-height: 320px; height: auto; }
    .slider-live-preview-wide .slider-live-content { max-width: 100%; }
    .slider-live-preview-wide > img { opacity: .22; max-width: 72%; left: -22px; }
    .slider-editor-savebar { position: static; flex-direction: column; }
}

/* Admin UI refresh */
:root {
    --admin-primary: #4f46e5;
    --admin-primary-dark: #3730a3;
    --admin-surface: #ffffff;
    --admin-bg: #f5f7fb;
    --admin-text: #172033;
    --admin-muted: #718096;
    --admin-border: #e6eaf1;
    --admin-danger: #dc2626;
    --admin-sidebar: #111827;
}

body.admin-shell {
    min-height: 100vh;
    color: var(--admin-text);
    background:
        radial-gradient(circle at 85% 0, rgba(79, 70, 229, .07), transparent 26rem),
        var(--admin-bg);
    font-family: Tahoma, Arial, sans-serif;
}

.admin-sidebar {
    z-index: 110;
    width: 276px;
    padding: 20px 16px;
    background: linear-gradient(180deg, #111827 0%, #0b1220 100%);
    box-shadow: -12px 0 36px rgba(15, 23, 42, .12);
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 8px 8px 20px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.admin-brand-mark {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #4f46e5);
    box-shadow: 0 9px 22px rgba(79, 70, 229, .35);
    font: 900 20px/1 Arial, sans-serif;
    object-fit: contain;
    padding: 2px;
}

.admin-brand strong,
.admin-brand small,
.admin-user strong,
.admin-user small {
    display: block;
}

.admin-brand strong { font-size: 17px; letter-spacing: .3px; }
.admin-brand small { margin-top: 4px; color: #94a3b8; font-size: 11px; }
.admin-sidebar-close { display: none; margin-right: auto; border: 0; color: #fff; background: transparent; font-size: 25px; cursor: pointer; }
.admin-nav { display: flex; flex-direction: column; }
.admin-nav-label { padding: 18px 13px 7px; color: #64748b; font-size: 10px; font-weight: 800; letter-spacing: .6px; }
.admin-sidebar .admin-nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 9px 12px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #cbd5e1;
    font-size: 13px;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.admin-sidebar .admin-nav a > span {
    display: grid;
    flex: 0 0 25px;
    height: 25px;
    place-items: center;
    color: #94a3b8;
    font: 700 17px/1 Arial, sans-serif;
}

.admin-sidebar .admin-nav a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .06);
    transform: translateX(-2px);
}

.admin-sidebar .admin-nav a.is-active {
    color: #fff;
    border-color: rgba(129, 140, 248, .26);
    background: linear-gradient(90deg, rgba(79, 70, 229, .9), rgba(99, 102, 241, .68));
    box-shadow: 0 8px 20px rgba(49, 46, 129, .24);
}

.admin-sidebar .admin-nav a.is-active > span { color: #fff; }
.admin-nav-group { margin: 3px 0; }
.admin-nav-group-head { display: flex; align-items: center; }
.admin-sidebar .admin-nav-group-head > a { flex: 1; margin-bottom: 0; }
.admin-nav-group-toggle { display: grid; flex: 0 0 34px; height: 34px; place-items: center; border: 0; border-radius: 9px; color: #94a3b8; background: transparent; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.admin-nav-group-toggle:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.admin-nav-group.is-open .admin-nav-group-toggle { transform: rotate(180deg); }
.admin-nav-children { display: none; padding: 4px 18px 4px 0; border-right: 1px solid rgba(148, 163, 184, .2); margin-right: 24px; }
.admin-nav-group.is-open .admin-nav-children { display: block; }
.admin-sidebar .admin-nav-children a { min-height: 38px; padding: 6px 9px; font-size: 12px; }
.admin-sidebar .admin-nav-children a > span { flex-basis: 21px; height: 21px; font-size: 14px; }
.admin-view-store {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px !important;
    margin-top: 18px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .04);
}

.admin-view-store strong,
.admin-view-store small { display: block; }
.admin-view-store small { margin-top: 4px; color: #94a3b8; font-size: 10px; }
.admin-main { margin-right: 276px; }
.admin-topbar {
    position: sticky;
    z-index: 90;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    padding: 10px 28px;
    border-bottom: 1px solid rgba(226, 232, 240, .85);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 5px 22px rgba(15, 23, 42, .035);
    backdrop-filter: blur(16px);
}

.admin-topbar-title { display: flex; align-items: center; gap: 12px; }
.admin-topbar-title small,
.admin-topbar-title strong { display: block; }
.admin-topbar-title small { margin-bottom: 5px; color: #94a3b8; font-size: 10px; font-weight: 500; direction: ltr; text-align: right; }
.admin-topbar-title strong { color: #1e293b; font-size: 15px; }
.admin-menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    border: 1px solid var(--admin-border);
    border-radius: 11px;
    color: #334155;
    background: #fff;
    cursor: pointer;
}

.admin-user { display: flex; align-items: center; gap: 10px; }
.admin-user-avatar {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border-radius: 50%;
    color: #4338ca;
    background: #eef2ff;
    font-weight: 900;
}

.admin-user strong { font-size: 12px; }
.admin-user small { margin-top: 4px; color: #94a3b8; font-size: 10px; }
.admin-content { width: min(100%, 1660px); padding: 28px; margin: 0 auto; }
.admin-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.admin-page-head h1 { margin: 5px 0 8px; color: #111827; font-size: clamp(23px, 2.4vw, 31px); line-height: 1.4; }
.admin-page-head p { margin: 0; color: var(--admin-muted); font-size: 13px; line-height: 1.9; }
.admin-eyebrow { color: var(--admin-primary); font-size: 11px; font-weight: 900; }
.stat-card,
.table-card,
.admin-form-card {
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 18px;
    background: var(--admin-surface);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .045);
}

.table-card { overflow: hidden; }
.table-header { padding-bottom: 15px; border-bottom: 1px solid var(--admin-border); }
.accounting-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.accounting-stats-grid .stat-card { min-width: 0; padding: 18px; }
.accounting-stats-grid .stat-card span { min-height: 22px; color: var(--admin-muted); font-size: 11px; }
.accounting-stats-grid .stat-card strong { display: block; margin-top: 7px; color: #111827; font-size: clamp(20px, 2vw, 27px); line-height: 1.35; overflow-wrap: anywhere; }
.accounting-stats-grid .stat-card small { display: block; margin-top: 5px; color: #94a3b8; font-size: 9px; }
.accounting-stats-grid .stat-card-count { background: linear-gradient(145deg, #fff, #f7f7ff); }
.accounting-actions { padding: 20px; margin-bottom: 20px; }
.accounting-actions h2, .accounting-documents h2 { margin: 0; font-size: 16px; }
.accounting-action-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.accounting-action-grid a { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--admin-border); border-radius: 12px; color: #334155; background: #f8fafc; text-decoration: none; font-size: 11px; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.accounting-action-grid a:hover { border-color: #a5b4fc; background: #eef2ff; transform: translateY(-1px); }
.accounting-action-grid a span { display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 9px; color: #4f46e5; background: #e0e7ff; font: 700 14px/1 Arial, sans-serif; }
.accounting-documents { margin-bottom: 20px; }
.accounting-section-title { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; }
.accounting-section-title a { color: var(--admin-primary); text-decoration: none; font-size: 11px; font-weight: 800; }
.admin-table-scroll { overflow-x: auto; }
.persian-date-field { position: relative; display: flex; align-items: center; gap: 8px; }
.persian-date-field .persian-date-display { flex: 1; direction: ltr; text-align: right; }
.persian-date-field .persian-time-input { flex: 0 0 105px; direction: ltr; }
.persian-date-popover { position: absolute; z-index: 150; top: calc(100% + 6px); right: 0; display: none; width: 284px; padding: 12px; border: 1px solid var(--admin-border); border-radius: 14px; background: #fff; box-shadow: 0 16px 40px rgba(15, 23, 42, .18); }
.persian-date-field.is-open .persian-date-popover { display: block; }
.persian-date-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.persian-date-header button, .persian-date-grid button { border: 0; border-radius: 8px; color: #334155; background: transparent; font: inherit; cursor: pointer; }
.persian-date-header button { width: 34px; height: 34px; font-size: 21px; }
.persian-date-header button:hover, .persian-date-grid button:hover { background: #eef2ff; }
.persian-date-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; text-align: center; }
.persian-date-grid > span { padding: 5px 0; color: #94a3b8; font-size: 10px; font-weight: 800; }
.persian-date-grid button { aspect-ratio: 1; font-size: 11px; }
.persian-date-grid button.is-selected { color: #fff; background: var(--admin-primary); }
.admin-table { border-spacing: 0; border-collapse: separate; }
.admin-table th { padding: 14px 16px; border-bottom: 1px solid #dfe5ee; color: #64748b; background: #f4f7fb; font-size: 10px; font-weight: 900; white-space: nowrap; }
.admin-table td { padding: 14px 16px; border-bottom: 1px solid #e8edf4; color: #334155; vertical-align: middle; transition: background .15s ease; }
.admin-table tbody tr:nth-child(even) td { background: #f8fafc; }
.admin-table tbody tr:nth-child(odd) td { background: #fff; }
.admin-table tbody tr:hover td { background: #eef2ff; }
.admin-table tbody tr:last-child td { border-bottom: 0; }
.admin-table th:first-child { border-top-right-radius: 10px; }
.admin-table th:last-child { border-top-left-radius: 10px; }
.status-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 3px 10px; border: 1px solid transparent; border-radius: 999px; font-size: 10px; font-weight: 900; white-space: nowrap; }
.status-badge::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.status-badge.is-active { border-color: #bbf7d0; color: #15803d; background: #f0fdf4; }
.status-badge.is-inactive { border-color: #fecaca; color: #dc2626; background: #fef2f2; }
.status-badge.is-neutral { border-color: #dbeafe; color: #2563eb; background: #eff6ff; }
.table-action-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 5px 12px; border: 1px solid #c7d2fe; border-radius: 9px; color: #4338ca; background: #eef2ff; text-decoration: none; font-size: 10px; font-weight: 900; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; }
.table-action-btn:hover { color: #fff; background: #4f46e5; box-shadow: 0 6px 14px rgba(79, 70, 229, .2); transform: translateY(-1px); }
.admin-btn {
    min-height: 42px;
    gap: 7px;
    padding: 9px 16px;
    border-radius: 11px;
    font-weight: 800;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.admin-btn:hover { transform: translateY(-1px); }
.admin-btn-primary {
    background: linear-gradient(135deg, var(--admin-primary), #6366f1);
    box-shadow: 0 9px 20px rgba(79, 70, 229, .2);
}

.admin-btn-primary:hover { background: linear-gradient(135deg, var(--admin-primary-dark), var(--admin-primary)); }
.admin-form-card { padding: 22px; margin-bottom: 18px; }
.admin-section-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 21px; }
.admin-section-heading.compact { margin-bottom: 16px; }
.admin-section-heading h2 { margin: 0 0 5px; color: #172033; font-size: 16px; }
.admin-section-heading p { margin: 0; color: var(--admin-muted); font-size: 11px; line-height: 1.8; }
.admin-section-icon {
    display: grid;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 11px;
    color: #4f46e5;
    background: #eef2ff;
    font-size: 12px;
    font-weight: 900;
}

.admin-form label { position: relative; margin-bottom: 17px; color: #334155; font-size: 12px; }
.admin-field-hint { float: left; color: #94a3b8; font-size: 10px; font-weight: 500; }
.admin-required { float: left; padding: 1px 7px; border-radius: 999px; color: #b91c1c; background: #fef2f2; font-size: 9px; }
.admin-form input:not([type=checkbox]):not([type=radio]):not([type=color]),
.admin-form textarea,
.admin-form select {
    border-color: #dfe4ec;
    border-radius: 11px;
    background: #fbfcfe;
}

.admin-form input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,
.admin-form textarea:focus,
.admin-form select:focus {
    border-color: #818cf8;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .1);
}

.admin-validation-summary:empty { display: none; }
.admin-validation-summary {
    padding: 13px 16px;
    margin-bottom: 18px;
    border: 1px solid #fecaca;
    border-radius: 13px;
    color: #b91c1c;
    background: #fef2f2;
    font-size: 12px;
}

.admin-validation-summary ul { margin: 0; padding-right: 18px; }
.field-validation-error { display: block; margin-top: 6px; color: var(--admin-danger); font-size: 10px; }
.admin-input-suffix { position: relative; }
.admin-input-suffix input { padding-left: 50px !important; }
.admin-input-suffix > span { position: absolute; left: 12px; top: 21px; color: #94a3b8; font-size: 10px; font-weight: 700; }
.product-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.product-editor-main { min-width: 0; }
.product-editor-side { position: sticky; top: 98px; min-width: 0; }
.admin-search-row { display: flex; align-items: stretch; gap: 8px; }
.admin-search-row input { min-width: 0; margin: 0 !important; }
.admin-search-row .admin-btn { flex: 0 0 auto; }
.central-product-results { display: grid; gap: 8px; max-height: 360px; margin-top: 12px; overflow: auto; }
.central-product-card {
    display: block;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--admin-border);
    border-radius: 12px;
    color: #1e293b;
    text-align: right;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.central-product-card:hover { border-color: #818cf8; background: #f5f7ff; transform: translateY(-1px); }
.central-product-card strong,
.central-product-card small { display: block; }
.central-product-card strong { font-size: 11px; }
.central-product-card small { margin-top: 5px; color: #64748b; font-size: 9px; }
.product-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.product-media-card { min-width: 0; padding: 13px; border: 1px solid var(--admin-border); border-radius: 15px; background: #fafbfe; }
.product-media-preview {
    position: relative;
    height: 260px;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #e8ebf2;
    border-radius: 13px;
    background:
        linear-gradient(45deg, #f1f5f9 25%, transparent 25%),
        linear-gradient(-45deg, #f1f5f9 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #f1f5f9 75%),
        linear-gradient(-45deg, transparent 75%, #f1f5f9 75%), #fff;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
}

.product-media-preview img { width: 100%; height: 100%; object-fit: contain; }
.product-media-badge { position: absolute; z-index: 2; top: 10px; right: 10px; padding: 5px 9px; border-radius: 999px; color: #fff; background: rgba(15, 23, 42, .76); font-size: 9px; backdrop-filter: blur(5px); }
.admin-file-picker {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-height: 64px;
    padding: 10px 12px;
    border: 1px dashed #c7d2fe;
    border-radius: 12px;
    background: #f5f7ff;
    cursor: pointer;
}

.admin-file-picker:hover,
.admin-file-picker.has-file { border-color: #6366f1; background: #eef2ff; }
.admin-file-picker input { position: absolute; width: 1px !important; height: 1px; padding: 0 !important; opacity: 0; pointer-events: none; }
.admin-file-picker-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #4f46e5; background: #fff; font-size: 20px; }
.admin-file-picker strong,
.admin-file-picker small { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-file-picker strong { color: #3730a3; font-size: 11px; }
.admin-file-picker small { margin-top: 5px; color: #818cf8; font-size: 9px; font-weight: 500; }
.admin-check-danger { margin-bottom: 0 !important; color: #b91c1c !important; font-size: 10px !important; }
.admin-switch-row { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; margin: 0 !important; border: 1px solid var(--admin-border); border-radius: 13px; background: #fafbfe; }
.admin-switch-row strong,
.admin-switch-row small { display: block; }
.admin-switch-row small { max-width: 190px; margin-top: 5px; color: #94a3b8; font-size: 9px; font-weight: 500; line-height: 1.7; }
.admin-switch { position: relative; flex: 0 0 44px; width: 44px; height: 24px; }
.admin-switch input { position: absolute; opacity: 0; }
.admin-switch > span { position: absolute; inset: 0; border-radius: 999px; background: #cbd5e1; transition: .2s ease; }
.admin-switch > span::after { position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(15, 23, 42, .2); content: ""; transition: .2s ease; }
.admin-switch input:checked + span { background: #4f46e5; }
.admin-switch input:checked + span::after { transform: translateX(-20px); }
.product-id-row { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--admin-border); color: #64748b; font-size: 10px; }
.product-id-row code { direction: ltr; color: #4338ca; font-size: 12px; }
.admin-help-card h3 { margin: 0 0 13px; font-size: 13px; }
.admin-help-card ul { padding-right: 18px; margin: 0; color: #64748b; font-size: 10px; line-height: 2; }
.admin-savebar {
    position: sticky;
    z-index: 30;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 17px;
    border: 1px solid rgba(203, 213, 225, .9);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 15px 40px rgba(15, 23, 42, .12);
    backdrop-filter: blur(14px);
}

.admin-savebar strong,
.admin-savebar span { display: block; }
.admin-savebar strong { font-size: 12px; }
.admin-savebar > div > span { margin-top: 4px; color: #94a3b8; font-size: 9px; }
.admin-savebar-actions { display: flex; gap: 9px; }
.admin-sidebar-backdrop { position: fixed; z-index: 100; inset: 0; display: none; background: rgba(15, 23, 42, .52); backdrop-filter: blur(2px); }

@media (max-width: 1180px) {
    .accounting-stats-grid, .accounting-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-editor-layout { grid-template-columns: 1fr; }
    .product-editor-side { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}

@media (max-width: 900px) {
    .admin-sidebar { position: fixed; width: min(86vw, 290px); transform: translateX(110%); transition: transform .22s ease; }
    .sidebar-open .admin-sidebar { transform: translateX(0); }
    .sidebar-open .admin-sidebar-backdrop { display: block; }
    .admin-sidebar-close,
    .admin-menu-toggle { display: block; }
    .admin-main { margin-right: 0; }
    .admin-content { padding: 20px; }
    .admin-topbar { min-height: 68px; padding: 8px 18px; }
    .admin-user > span:not(.admin-user-avatar) { display: none; }
    .product-media-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .admin-content { padding: 16px 12px 90px; }
    .admin-page-head { flex-direction: column; }
    .admin-page-head .admin-btn { width: 100%; }
    .admin-form-card { padding: 16px; border-radius: 15px; }
    .product-editor-side { grid-template-columns: 1fr; }
    .product-media-preview { height: 230px; }
    .accounting-stats-grid { gap: 10px; }
    .accounting-stats-grid .stat-card { padding: 14px; }
    .accounting-stats-grid .stat-card strong { font-size: 19px; }
    .accounting-action-grid { grid-template-columns: 1fr; }
    .admin-savebar { position: fixed; right: 10px; bottom: 10px; left: 10px; padding: 10px; }
    .admin-savebar > div:first-child { display: none; }
    .admin-savebar-actions { width: 100%; }
    .admin-savebar-actions .admin-btn { flex: 1; }
}

@media (max-width: 420px) {
    .accounting-stats-grid { grid-template-columns: 1fr; }
}

.expense-guide,.expense-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}.expense-guide article{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #dbeafe;border-radius:17px;background:linear-gradient(145deg,#fff,#f0f7ff)}.expense-guide strong{color:#1e3a8a}.expense-guide span{color:#64748b;font-size:12px;line-height:1.9}.expense-filters{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:12px;align-items:end}.expense-filters label{margin:0}.expense-filter-card{margin-bottom:18px}.expense-overview .stat-card strong{font-size:22px}.expense-entry-form{max-width:1250px;margin:auto}@media(max-width:760px){.expense-filters{grid-template-columns:1fr}.expense-filters .admin-btn{width:100%;justify-content:center}}
.direct-settlement-list{margin-top:18px}.direct-settlement-card{max-width:1100px;margin:auto}.direct-settlement-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px;margin-bottom:18px;border:1px solid #c7d2fe;border-radius:15px;color:#3730a3;background:#eef2ff}.direct-settlement-flow span{padding:8px 14px;border-radius:10px;background:#fff;font-weight:800}.direct-settlement-flow b{font-size:12px}.direct-settlement-card .admin-alert-info{margin:18px 0;background:#eff6ff;border-color:#bfdbfe;color:#1e40af}@media(max-width:640px){.direct-settlement-flow{gap:8px}.direct-settlement-flow span{padding:7px 9px}.direct-settlement-flow b{font-size:9px}.direct-settlement-list{margin-top:14px}}