@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 100;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 200;
	src: url('assets/fonts/woff2/PeydaWebFaNum-ExtraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-ExtraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 300;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/woff2/PeydaWebFaNum-SemiBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-SemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 800;
	src: url('assets/fonts/woff2/PeydaWebFaNum-ExtraBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-ExtraBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: 900;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: bold;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: Peyda;
	font-style: normal;
	font-weight: normal;
	src: url('assets/fonts/woff2/PeydaWebFaNum-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('assets/fonts/woff/PeydaWebFaNum-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
:root{
  --bg:#f4f7fc;--panel:#fff;--panel-2:#f9fbff;--line:#e5ebf7;--line-2:#d9e3f8;
  --text:#0f172f;--muted:#64708b;--primary:#2d4ff5;--primary-2:#18339a;--primary-3:#0f1d4f;
  --primary-soft:#edf2ff;--success:#16a34a;--danger:#d92d20;--shadow:0 16px 42px rgba(19,36,95,.08);--shadow-2:0 10px 28px rgba(19,36,95,.06)
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:peyda;font-size:14px;line-height:1.85;color:var(--text);background:radial-gradient(circle at top right,rgba(45,79,245,.07),transparent 20%),linear-gradient(180deg,#f4f7fc 0%,#f7f9fd 100%)}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%} svg{display:block;flex:none} button,input,textarea,select{font:inherit}
.container{width:min(1440px,calc(100% - 48px));margin-inline:auto}
.utility{min-height:40px;display:flex;align-items:center;border-bottom:1px solid rgba(229,235,247,.85);background:#eef2f7}
.utility-link{display:inline-flex;align-items:center;gap:8px;color:#4f5d79;font-size:12px;font-weight:700}
.header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(229,235,247,.9)}
.header-inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:900;color:var(--primary);letter-spacing:-.03em}
.brand-mark{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--primary),#7c97ff);box-shadow:0 10px 22px rgba(45,79,245,.25)}
.nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.nav a {
    padding: 10px 14px;
    border-radius: 12px;
    color: #394150;
    font-size: 14px;
    font-weight: 400;
}
.nav a:hover{background:#f3f6ff;color:var(--primary)}
.header-side{display:flex;align-items:center;gap:12px}
.phone{display:inline-flex;align-items:center;gap:8px;color:#33405e;font-size:17px;font-weight:700}

.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-2);border-radius:14px;background:#fff;color:var(--primary);align-items:center;justify-content:center;cursor:pointer}
.menu-toggle svg{width:20px;height:20px}
.mobile-panel{display:none}
.site-footer{padding:0 0 36px}
.footer-copy{padding-top:8px;text-align:center;color:#6b7894;font-size:13px;font-weight:600}

.section-hero{padding:36px 0 20px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;align-items:start}
.eyebrow,.section-kicker,.cta-chip,.filter-chip,.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800}
.eyebrow,.section-kicker,.filter-chip.active{background:var(--primary-soft);color:var(--primary)}
.filter-chip{background:#fff;border:1px solid var(--line-2);color:#66748f;cursor:pointer}
.filter-chip:hover{border-color:#c7d5fb;color:var(--primary)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}
.hero-title{margin:16px 0 12px;font-size:clamp(24px,2.05vw,31px);line-height:1.58;letter-spacing:-.03em;color:var(--primary-3);max-width:950px}
.hero-text{margin:0;max-width:860px;color:var(--muted);font-size:14px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{min-height:46px;padding:10px 18px;border-radius:15px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,#3d62ff 0%,#2748e6 100%);color:#fff;box-shadow:0 16px 28px rgba(39,72,230,.2)}
.btn-secondary{background:#fff;color:var(--primary);border-color:var(--line-2)}
.btn-dark{background:#0f1d4f;color:#fff}.btn-danger{background:#fff0ef;color:var(--danger);border-color:#ffd8d4}.btn-soft{background:#eff4ff;color:var(--primary);border-color:#dbe5ff}.btn-white{background:#fff;color:var(--primary-3);min-width:240px}
.btn svg{width:18px;height:18px}
.hero-aside{display:grid;gap:16px}
.hero-note{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:24px;padding:18px}
.hero-note .icon,.icon-shell,.support-badge{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}
.hero-note .icon{background:linear-gradient(135deg,#11255f,#2d4ff5);color:#fff}.hero-note strong{display:block;font-size:14px;margin-bottom:4px;color:var(--primary-3)}.hero-note p{margin:0;color:var(--muted);font-size:12px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stat{min-height:140px;padding:18px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-2);display:flex;flex-direction:column;justify-content:space-between}
.stat.soft{background:linear-gradient(180deg,#eef3ff,#f7f9ff)} .icon-shell{background:#edf2ff;color:var(--primary)} .stat strong{display:block;margin-top:12px;font-size:21px;color:var(--primary-3)} .stat small{display:block;font-size:12px;color:var(--muted)}

.wp-core-download{margin-bottom:20px;padding-top:8px}
.blue-guard{margin-bottom:20px;padding-top:8px}
.wp-core-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f8faff;border:1px solid #e6ecff;border-radius:20px;padding:24px}
.wp-core-text h3{margin:0 0 6px;font-size:18px}
.wp-core-text p{margin:0;color:#6b7894;font-size:13px}
.wp-core-actions{display:flex;gap:10px}
.top-duo-sections{
  width:min(1440px,calc(100% - 48px));
  margin:8px auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.duo-card{
  background:#fff;
  border:1px solid #e6ecff;
  border-radius:18px;
  padding:18px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  transition:.2s ease;
}

.duo-card:hover{
  border-color:#cfe0ff;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

.duo-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#f2f6ff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#3d62ff;
}

.duo-icon svg{
  width:20px;
  height:20px;
}

.duo-card h3{
  font-size:18px;
  margin:4px 0 2px;
  color:#1e2a4a;
}

.duo-card p {
    font-size: 14.5px;
    color: #6b7894;
    line-height: 1.9;
    max-width: 510px;
    padding: 0;
    margin: 0;
}

.duo-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.btn-primary{
  background:linear-gradient(180deg,#3d62ff 0%,#2748e6 100%);
  color:#fff;
  border:none;
}

.btn-light{
  background:#f3f6ff;
  color:#3d62ff;
}

.btn:hover{
  transform:translateY(-1px);
}

@media (max-width:900px){
  .top-duo-sections{
    grid-template-columns:1fr;
  }
}
@media(max-width:768px){
 .wp-core-box{flex-direction:column;align-items:flex-start}
 .wp-core-actions{width:100%}
 .wp-core-actions .btn{flex:1}
}

/* core + blue guard side by side */
.top-duo-sections{
  width:min(1440px,calc(100% - 48px));
  margin:8px auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.top-duo-sections .duo-card{
  background:#fff;
  border:1px solid #e6ecff;
  border-radius:20px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:190px;
}
.top-duo-sections .duo-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
@media (max-width:900px){
  .top-duo-sections{
    grid-template-columns:1fr;
  }
}

section.section.bg {
    padding-bottom: 10px !important;
}

#plugins, #core, #blue-guard, #cta{
  scroll-margin-top:110px;
}

.section{padding:28px 0 60px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}
.section-head h2{margin:10px 0 6px;font-size:28px;line-height:1.45;color:var(--primary-3)} .section-head p{margin:0;color:var(--muted);font-size:13px}
.search-row{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:14px;align-items:start;margin-top:10px}
.search{position:relative;width:100%}
.search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7a88a2}
.search input,.field,.textarea,.select{width:100%;border:1px solid var(--line-2);background:#fff;color:var(--text);border-radius:16px;outline:none}
.search input{height:48px;padding:0 46px 0 16px}
.field,.select{height:48px;padding:0 14px}.textarea{min-height:93px;padding:12px 14px;resize:vertical} input[type=file].field{display:flex;align-items:center;padding:10px 14px;line-height:1.2}
.search input:focus,.field:focus,.textarea:focus,.select:focus{border-color:#b9c9ff;box-shadow:0 0 0 4px rgba(45,79,245,.08)}
.filter-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content: flex-end;}

.sort-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  justify-content:flex-end;
}
.sort-btn{
  height:42px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid var(--line-2);
  background:#fff;
  color:#5f6c86;
  font-size:12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  transition:.18s ease;
}
.sort-btn svg{width:16px;height:16px}
.sort-btn:hover{
  border-color:#c9d7fc;
  color:var(--primary);
  background:#f8fbff;
}
.sort-btn.active{
  background:linear-gradient(180deg,#3d62ff 0%,#2748e6 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 14px 24px rgba(39,72,230,.16);
}

.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
.card{display:flex;flex-direction:column;min-height:214px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);box-shadow:var(--shadow-2);transition:.18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(24,41,114,.1);border-color:#dbe4fb}
.card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.plugin-icon{width:58px;height:58px;border-radius:16px;background:#edf2ff;display:grid;place-items:center;color:var(--primary);flex:none;overflow:hidden}
.plugin-icon img{width:100%;height:100%;object-fit:cover}
.plugin-icon svg{width:28px;height:28px}
.card h3{margin:0 0 2px;font-size:15px;line-height:1.55;color:var(--primary-3)}
.persian-title{display:block;font-size:12px;color:#8390a9;font-weight:700}
.version{display:block;margin-top:4px;font-size:12px;color:#72809a;font-weight:700}
.desc{display:none ;margin:0 0 16px;color:#55617b;font-size:13px;min-height:40px}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.meta span,.chip{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 10px;border-radius:999px;background:#f6f8fe;border:1px solid #e7ecf8;color:#67748f;font-size:11px;font-weight:800}
.meta span svg{width:16px;height:16px}
.card-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.updated{font-size:11px;color:#7b859b;font-weight:700}
.empty{grid-column:1/-1;padding:24px;border-radius:22px;background:#fff;border:1px dashed var(--line-2);text-align:center;color:var(--muted)}
.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.page-btn{min-width:40px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:#5f6c86;font-weight:800;cursor:pointer}
.page-btn.active{background:linear-gradient(180deg,#3d62ff 0%,#2748e6 100%);border-color:transparent;color:#fff;box-shadow:0 14px 24px rgba(39,72,230,.18)}
.page-btn[disabled]{opacity:.45;cursor:not-allowed}
.cta{padding:0 0 64px}.cta-box{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px;border-radius:32px;background:linear-gradient(135deg,#0f1d4f 0%,#1b33a0 58%,#2e53f5 100%);box-shadow:0 28px 60px rgba(17,31,89,.2)}
.cta-box::before{content:"";position:absolute;left:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07)}
.cta-box::after{content:"";position:absolute;right:-85px;bottom:-100px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.08)}
.cta-content,.cta-side{position:relative;z-index:1}.cta-chip{background:rgba(255,255,255,.12);color:#fff}.cta-content h2{margin:12px 0 10px;font-size:30px;line-height:1.45;color:#fff}.cta-content p{margin:0;max-width:780px;color:rgba(255,255,255,.84);font-size:14px}
.cta-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cta-tags span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800}
.badge-check{width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center}.badge-check svg{width:14px;height:14px}
.cta-side{display:grid;gap:14px;justify-items:end}.support{display:flex;align-items:center;gap:12px;color:#fff}.support-badge{background:rgba(255,255,255,.12);color:#fff}.support strong{display:block;font-size:15px}.support small{display:block;font-size:12px;color:rgba(255,255,255,.78)}
.notice{margin:0 0 18px;padding:12px 14px;border-radius:16px;font-size:13px;font-weight:700}.notice.success{background:#ecfdf3;border:1px solid #b7efcb;color:#15703d}.notice.error{background:#fff3f2;border:1px solid #ffd8d4;color:#b42318}
.admin-wrap{padding:28px 0 60px}.admin-shell{display:grid;gap:20px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin-title h1{margin:0 0 6px;font-size:28px;color:var(--primary-3)} .admin-title p{margin:0;color:var(--muted);font-size:13px}
.admin-panels{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:20px}
.panel{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:20px}
.panel h3{margin:0 0 14px;font-size:18px;color:var(--primary-3)} .form{display:grid;gap:12px}
.label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#44506c}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.progress-wrap{display:grid;gap:8px}.progress{width:100%;height:14px;border-radius:999px;border:1px solid #dde4f6;background:#eef2fe;overflow:hidden}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#2d4ff5,#7ea0ff);transition:width .2s ease}.progress-text{font-size:12px;color:var(--primary);font-weight:800}
.admin-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
select.select {
    height: 85px;
}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.admin-tab{padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--line-2);font-size:13px;font-weight:800;color:#5d6b87}
.admin-tab.active{background:linear-gradient(180deg,#3d62ff 0%,#2748e6 100%);color:#fff;border-color:transparent;box-shadow:0 14px 24px rgba(39,72,230,.18)}
.stats-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stats-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);box-shadow:var(--shadow-2)}
.stats-card strong{display:block;font-size:24px;color:var(--primary-3);margin-top:8px}
.stats-card small{display:block;color:var(--muted);font-size:12px}
.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.chart-card{padding:20px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-2)}
.chart-title{margin:0 0 14px;font-size:16px;color:var(--primary-3)}
.mini-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;height:220px}
.bar-wrap{display:grid;gap:8px;align-items:end;justify-items:center;height:100%}
.bar{width:100%;max-width:42px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#89a3ff 0%,#2d4ff5 100%);min-height:8px}
.bar.alt{background:linear-gradient(180deg,#7ee0c3 0%,#0ea271 100%)}
.bar-value{font-size:11px;color:#54627f;font-weight:800}
.bar-label{font-size:10px;color:#76829b;line-height:1.6;text-align:center}

.admin-search{position:relative;min-width:280px;max-width:420px;width:100%}
.admin-search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7a88a2}
.admin-search input{width:100%;height:46px;padding:0 16px 0 46px;border:1px solid var(--line-2);background:#fff;border-radius:14px;outline:none}
.admin-search input:focus{border-color:#b9c9ff;box-shadow:0 0 0 4px rgba(45,79,245,.08)}

.admin-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}

.admin-table{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:900px;font-size:13px}
th,td{padding:12px 14px;border-bottom:1px solid #edf1f8;text-align:right;vertical-align:middle}
th{background:#f8faff;color:#42516f;font-size:12px} tr:last-child td{border-bottom:none}
.file-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#eef3ff;color:var(--primary)}
.auth-box{width:min(420px,calc(100% - 28px));margin:10vh auto;background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}
.auth-box h1{margin:12px 0 8px;font-size:28px;color:var(--primary-3)} .auth-box p{margin:0 0 18px;color:var(--muted);font-size:13px}
.small{font-size:12px;color:var(--muted)}
#uploadStatus{min-height:20px} .ip-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border-radius:999px;background:#f6f8fe;border:1px solid #e6ecf9;color:#51607d;font-size:12px;font-weight:700}

.edit-drawer{display:none;margin-bottom:18px}
.edit-drawer.active{display:block}
.backup-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.backup-row .form{flex:1}

@media (max-width:1240px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-overview,.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1080px){.header{position:static}.hero-grid,.cta-box,.admin-panels{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.search-row{grid-template-columns:1fr}.cta-side{justify-items:start}}
@media (max-width:920px){
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px 0}
  .nav,.header-side{display:none}
  .menu-toggle{display:inline-flex}
  .mobile-panel{display:none;padding:0 0 14px}
  .mobile-panel.active{display:grid;gap:12px}
  .mobile-nav{display:grid;gap:8px}
  .mobile-nav a{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);color:#50607d;font-size:13px;font-weight:700}
  .mobile-contact{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:#f8faff;border:1px solid var(--line);color:#33405e;font-size:13px;font-weight:700}
  .search-row{gap:12px}
  .filter-wrap{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}
  .filter-wrap::-webkit-scrollbar{height:6px}
  .filter-wrap::-webkit-scrollbar-thumb{background:#d8e1f8;border-radius:999px}
}
@media (max-width:900px){.container{width:min(100%,calc(100% - 28px))}.grid,.stats,.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-title{font-size:30px}.section-head h2,.cta-content h2,.admin-title h1{font-size:24px}}
@media (max-width:620px){.stats-overview,.charts-grid{grid-template-columns:1fr}.mini-chart{gap:6px}body{font-size:13px}.container{width:min(100%,calc(100% - 24px))}.brand{font-size:24px}.brand img{max-width:138px;height:auto}.grid,.stats,.form-grid-2{grid-template-columns:1fr}.card-actions{flex-direction:column;align-items:stretch}.hero-actions{display:grid;grid-template-columns:1fr}.btn,.btn-white{width:100%}.cta-tags{display:grid;grid-template-columns:1fr}.hero-title{font-size:26px;line-height:1.7}.hero-note,.stat,.card,.panel,.cta-box{border-radius:20px}.section{padding:24px 0 48px}.search input{font-size:13px}}
@media (max-width:480px){.utility-link{font-size:11px}.section-head h2,.cta-content h2,.admin-title h1{font-size:21px}.filter-chip{padding:7px 10px;font-size:10px}.phone,.mobile-contact{font-size:12px}}


.plugin-item{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, opacity .15s ease;
}

.alert-box {
    max-width: 1440px;
    margin: auto auto 50px auto;
    background: #fff8db;
    border: 1px solid #ffe58f;
    border-radius: 14px;
    padding: 20px 24px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

    .alert-icon {
        font-size: 22px;
        color: #d48806;
        margin-top: 4px;
    }

    .alert-content h3 {
        margin: 0 0 8px;
        font-size: 18px;
        color: #ad6800;
        font-weight: 700;
    }

    .alert-content p {
        margin: 0;
        font-size: 14px;
        color: #5c3d00;
        line-height: 1.8;
    }
    @media (max-width: 600px) {
        .alert-box {
            flex-direction: column;
        margin: 5px 26px 38px;
        align-items: center;
        text-align: center;
        gap: 10px;
        }
    }