:root{
  --smp-bg:#f4f7fb;
  --smp-card:#ffffff;
  --smp-text:#0f172a;
  --smp-muted:#64748b;
  --smp-line:#e2e8f0;
  --smp-primary:#2563eb;
  --smp-primary-dark:#1d4ed8;
  --smp-primary-soft:#eff6ff;
  --smp-success:#16a34a;
  --smp-warning:#d97706;
  --smp-danger:#dc2626;
  --smp-sidebar:#0f172a;
  --smp-sidebar-soft:#172554;
  --smp-radius:18px;
  --smp-shadow:0 18px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
.smp-panel-body{margin:0;background:linear-gradient(135deg,#f8fafc 0%,var(--smp-bg) 50%,#eef2ff 100%);font-family:Tahoma,Arial,sans-serif;color:var(--smp-text);min-height:100vh}
.smp-panel-shell{display:flex;min-height:100vh;direction:rtl}
.smp-panel-sidebar{width:292px;background:linear-gradient(180deg,var(--smp-sidebar) 0%,#111827 52%,#0b1120 100%);color:#fff;padding:22px 16px;position:fixed;right:0;top:0;bottom:0;overflow:auto;z-index:50;box-shadow:-18px 0 40px rgba(2,6,23,.16)}
.smp-panel-main{margin-right:292px;flex:1;padding:28px;min-width:0}
.smp-panel-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:22px;letter-spacing:-.3px}.smp-logo-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-family:Arial,sans-serif}
.smp-panel-user{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px;margin-bottom:18px}.smp-user-avatar{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-weight:800}.smp-panel-user strong{display:block;font-size:14px;line-height:1.6}.smp-panel-user span{display:inline-flex;color:#bfdbfe;background:rgba(37,99,235,.18);border-radius:999px;padding:2px 8px;font-size:11px;margin-top:4px}
.smp-panel-nav a{display:flex;align-items:center;gap:10px;color:#e5e7eb;text-decoration:none;padding:11px 12px;border-radius:14px;margin-bottom:6px;transition:.18s ease;font-size:14px}.smp-panel-nav a span{width:22px;text-align:center}.smp-panel-nav a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(-2px)}.smp-panel-nav a.is-active{background:linear-gradient(135deg,var(--smp-primary),#06b6d4);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.24)}.smp-nav-logout{margin-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.smp-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;background:rgba(255,255,255,.74);border:1px solid rgba(226,232,240,.9);border-radius:22px;padding:16px 18px;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(15,23,42,.05)}.smp-panel-header h1{margin:2px 0 0;font-size:24px;letter-spacing:-.6px}.smp-page-kicker{font-size:12px;color:var(--smp-muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.smp-header-home{color:var(--smp-primary);text-decoration:none;background:var(--smp-primary-soft);border:1px solid #bfdbfe;border-radius:12px;padding:9px 12px;font-size:13px}.smp-mobile-menu{display:none;background:#fff;border:1px solid var(--smp-line);border-radius:12px;padding:9px 12px;font-size:20px;cursor:pointer}
.smp-panel-card,.smp-hero-card,.smp-stat-card{background:var(--smp-card);border:1px solid rgba(226,232,240,.95);border-radius:var(--smp-radius);box-shadow:var(--smp-shadow)}.smp-panel-card{padding:22px;margin-bottom:18px}.smp-card-modern{overflow:hidden}.smp-panel-card h2,.smp-panel-card h3{margin-top:0;letter-spacing:-.35px}.smp-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.smp-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:18px;margin-top:18px}
.smp-hero-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;margin-bottom:18px;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 48%,#06b6d4 100%);color:#fff;box-shadow:0 22px 55px rgba(37,99,235,.25)}.smp-hero-card h2{margin:8px 0 8px;font-size:26px}.smp-hero-card p{margin:0;color:#dbeafe}.smp-eyebrow{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 10px;font-size:12px}.smp-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.smp-hero-card .smp-btn{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff}.smp-hero-card .smp-btn-primary{background:#fff;color:#1d4ed8;border-color:#fff}
.smp-stat-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.smp-stat-card{display:block;text-decoration:none;color:var(--smp-text);padding:18px;position:relative;overflow:hidden;transition:.18s ease;isolation:isolate}.smp-stat-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(15,23,42,.12);color:var(--smp-text)}.smp-stat-card:after{content:"";position:absolute;inset:auto auto -44px -36px;width:104px;height:104px;background:var(--smp-primary-soft);border-radius:50%;opacity:.75;z-index:0;pointer-events:none}.smp-stat-card>*{position:relative;z-index:1}.smp-stat-icon{font-size:26px;display:inline-flex;width:44px;height:44px;border-radius:16px;align-items:center;justify-content:center;background:#f8fafc;border:1px solid var(--smp-line);margin-bottom:12px}.smp-stat-label{display:block;color:var(--smp-muted);font-size:13px;margin-bottom:6px}.smp-stat-card strong{display:block;font-size:25px;letter-spacing:-.7px}.smp-stat-card small{display:block;color:var(--smp-muted);margin-top:5px;font-size:12px}
.smp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.smp-help-text{margin:6px 0 0;color:var(--smp-muted);font-size:13px}.smp-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smp-quick-actions a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:72px;background:#f8fafc;border:1px solid var(--smp-line);border-radius:16px;color:var(--smp-text);text-decoration:none;font-weight:700;transition:.18s ease}.smp-quick-actions a:hover{background:var(--smp-primary-soft);border-color:#bfdbfe;color:var(--smp-primary-dark);transform:translateY(-1px)}
.smp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.smp-field{margin-bottom:14px}.smp-field label{display:block;font-weight:700;margin-bottom:7px;color:#334155}.smp-field input,.smp-field select,.smp-field textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;outline:none;transition:.18s ease}.smp-field input:focus,.smp-field select:focus,.smp-field textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.08)}.smp-submit,.smp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f8fafc;border:1px solid #cbd5e1;color:#0f172a;text-decoration:none;border-radius:12px;padding:10px 15px;line-height:1.2;cursor:pointer;font-weight:700;transition:.18s ease}.smp-submit,.smp-btn-primary{background:var(--smp-primary);border-color:var(--smp-primary);color:#fff}.smp-submit:hover,.smp-btn-primary:hover{background:var(--smp-primary-dark);color:#fff}.smp-btn:hover{background:#e2e8f0;color:#0f172a}.smp-btn-small{padding:7px 11px;font-size:13px}
.smp-error{border-right:4px solid var(--smp-danger)}.smp-warning{border-right:4px solid var(--smp-warning)}.smp-info{border-right:4px solid var(--smp-primary)}.smp-admin-note{background:#f8fafc;border-radius:12px;padding:12px}.smp-alert{padding:13px 15px;border-radius:14px;margin-bottom:16px}.smp-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.smp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.smp-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:22px;text-align:center;color:var(--smp-muted)}
.smp-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--smp-line);border-radius:16px;background:#fff}.smp-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:14px;min-width:760px}.smp-table th,.smp-table td{border-bottom:1px solid #eef2f7;padding:12px 11px;text-align:right;vertical-align:top}.smp-table th{background:#f8fafc;font-weight:800;color:#334155;white-space:nowrap}.smp-table tr:last-child td{border-bottom:0}.smp-table tr:hover td{background:#fbfdff}.smp-compact-table{min-width:520px}.smp-badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#f1f5f9;color:#475569}.smp-badge-approved,.smp-badge-paid,.smp-badge-completed{background:#dcfce7;color:#166534}.smp-badge-pending,.smp-badge-submitted,.smp-badge-waiting_payment{background:#fef3c7;color:#92400e}.smp-badge-rejected,.smp-badge-cancelled{background:#fee2e2;color:#991b1b}.smp-badge-needs_revision,.smp-badge-needs_info{background:#ffedd5;color:#9a3412}
.smp-inline-search{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.smp-inline-search input,.smp-inline-search select{min-width:220px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.smp-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.smp-mini-stats span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:11px}.smp-doc-list{margin:0;padding:0;list-style:none}.smp-doc-list li{padding:8px 0;border-bottom:1px solid #eee}.smp-checkbox-list{display:flex;flex-direction:column;gap:8px;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;max-height:260px;overflow:auto}.smp-checkbox-list label{display:block;line-height:1.8}.smp-checkbox-inline{flex-direction:row;flex-wrap:wrap;max-height:none}.smp-checkbox-inline label{margin-left:12px}.smp-catalog-filters{align-items:flex-end}
.smp-panel-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.44);z-index:45;backdrop-filter:blur(2px)}
@media(max-width:1180px){.smp-stat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.smp-dashboard-layout{grid-template-columns:1fr}}
@media(max-width:900px){.smp-panel-sidebar{transform:translateX(110%);transition:.24s ease}.smp-panel-main{margin-right:0;padding:16px}.smp-mobile-menu{display:inline-flex}.smp-panel-body.smp-sidebar-open .smp-panel-sidebar{transform:translateX(0)}.smp-panel-body.smp-sidebar-open .smp-panel-overlay{display:block}.smp-panel-header{border-radius:18px}.smp-header-home{display:none}.smp-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.smp-hero-card{display:block}.smp-hero-actions{justify-content:flex-start;margin-top:16px}}
@media(max-width:620px){.smp-stat-cards{grid-template-columns:1fr}.smp-quick-actions{grid-template-columns:1fr}.smp-panel-card,.smp-hero-card{padding:18px;border-radius:16px}.smp-panel-header h1{font-size:20px}.smp-inline-search input,.smp-inline-search select{min-width:100%;width:100%}.smp-mini-stats{grid-template-columns:1fr}}

.smp-mini-stats-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.smp-table small{color:var(--smp-muted)}
@media(max-width:900px){.smp-mini-stats-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.smp-mini-stats-wide{grid-template-columns:1fr}}
.smp-nav-count{margin-right:auto;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;padding:0 6px}.smp-header-actions{display:flex;align-items:center;gap:10px}.smp-header-notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--smp-line);text-decoration:none}.smp-header-notifications span{position:absolute;top:-5px;left:-5px;background:#ef4444;color:#fff;border-radius:999px;min-width:19px;height:19px;padding:0 5px;font-size:11px;display:flex;align-items:center;justify-content:center}.smp-notification-list{display:flex;flex-direction:column;gap:12px}.smp-notification-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:flex-start;border:1px solid var(--smp-line);border-radius:16px;padding:14px;background:#fff}.smp-notification-item.is-unread{background:#f8fbff;border-color:#bfdbfe}.smp-notification-dot{width:10px;height:10px;border-radius:999px;background:#cbd5e1;margin-top:9px}.smp-notification-item.is-unread .smp-notification-dot{background:var(--smp-primary);box-shadow:0 0 0 5px rgba(37,99,235,.12)}.smp-notification-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.smp-notification-head span{font-size:12px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:3px 8px}.smp-notification-content p{margin:7px 0;color:#475569;line-height:1.8}.smp-notification-content small{color:var(--smp-muted);direction:ltr;display:inline-block}.smp-notification-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.smp-static-card{pointer-events:none}.smp-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.smp-notification-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}@media(max-width:760px){.smp-notification-item{grid-template-columns:12px 1fr}.smp-notification-actions{grid-column:2;justify-content:flex-start}.smp-notification-summary{grid-template-columns:1fr}.smp-header-actions{margin-right:auto}}

.smp-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.smp-social-grid .smp-panel-card{margin-bottom:0}.smp-panel-card code{direction:ltr;display:inline-block;background:#f1f5f9;border-radius:8px;padding:2px 6px}.smp-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.smp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media(max-width:980px){.smp-social-grid{grid-template-columns:1fr}}

/* v2.3.0 dashboard charts */
.smp-stat-cards-dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}
.smp-dashboard-analytics{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin:18px 0}
.smp-chart-card,.smp-source-card{position:relative;overflow:hidden}.smp-chart-card:before,.smp-source-card:before{content:"";position:absolute;inset:-90px auto auto -90px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),rgba(139,92,246,.05) 55%,transparent 70%);pointer-events:none}.smp-line-chart-wrap{position:relative;min-height:285px;padding:8px 0 0}.smp-line-chart{width:100%;height:285px;display:block;overflow:visible}.smp-chart-grid{stroke:#e8eef8;stroke-width:1}.smp-chart-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 7px 10px rgba(37,99,235,.12))}.smp-chart-line-views{stroke:#2563eb}.smp-chart-line-contacts{stroke:#8b5cf6}.smp-chart-line-cart{stroke:#16a34a}.smp-chart-point{stroke:#fff;stroke-width:2}.smp-chart-point-views{fill:#2563eb}.smp-chart-point-contacts{fill:#8b5cf6}.smp-chart-point-cart{fill:#16a34a}.smp-line-chart-labels{display:flex;align-items:center;justify-content:space-between;color:var(--smp-muted);font-size:11px;margin-top:-10px;padding:0 12px;direction:rtl}.smp-chart-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:14px;color:#475569;font-size:13px}.smp-chart-legend span{display:inline-flex;align-items:center;gap:7px}.smp-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.smp-dot-views{background:#2563eb}.smp-dot-contacts{background:#8b5cf6}.smp-dot-cart{background:#16a34a}.smp-source-donut-block{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center}.smp-donut{--google:0;--direct:0;--torob:0;--other:0;width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#2563eb 0 calc(var(--google)*1%),#8b5cf6 calc(var(--google)*1%) calc((var(--google) + var(--direct))*1%),#16a34a calc((var(--google) + var(--direct))*1%) calc((var(--google) + var(--direct) + var(--torob))*1%),#f97316 calc((var(--google) + var(--direct) + var(--torob))*1%) 100%);box-shadow:inset 0 0 0 16px #f8fafc,0 18px 40px rgba(15,23,42,.08);position:relative}.smp-donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef2f7}.smp-donut span{position:relative;z-index:1;text-align:center;font-weight:900;font-size:24px;color:#0f172a}.smp-donut small{display:block;font-size:12px;font-weight:700;color:var(--smp-muted);margin-top:3px}.smp-source-list{display:flex;flex-direction:column;gap:10px}.smp-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.smp-source-row span{display:flex;align-items:center;gap:8px;color:#334155;font-weight:700}.smp-source-row strong{font-size:14px}.smp-source-row em{font-style:normal;color:var(--smp-muted);font-size:12px}.smp-source-dot{width:11px;height:11px;border-radius:999px;display:inline-block}.smp-source-google{background:#2563eb}.smp-source-direct{background:#8b5cf6}.smp-source-torob{background:#16a34a}.smp-source-other{background:#f97316}
@media(max-width:1280px){.smp-stat-cards-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.smp-dashboard-analytics{grid-template-columns:1fr}.smp-source-donut-block{grid-template-columns:220px 1fr}.smp-donut{margin:auto}}
@media(max-width:760px){.smp-stat-cards-dashboard{grid-template-columns:1fr 1fr}.smp-source-donut-block{grid-template-columns:1fr}.smp-donut{width:150px;height:150px}.smp-line-chart{height:240px}.smp-line-chart-wrap{min-height:245px}.smp-source-row{grid-template-columns:minmax(0,1fr) auto}.smp-source-row em{grid-column:2}}
@media(max-width:520px){.smp-stat-cards-dashboard{grid-template-columns:1fr}.smp-chart-legend{gap:10px}.smp-line-chart-labels{font-size:10px}}