/* Firas World — Admin Light Blue Refresh */
:root{
  --adm-bg-1:#f5f7ff;
  --adm-bg-2:#eef3ff;
  --adm-surface:#ffffff;
  --adm-line:#dfe6ff;
  --adm-line-2:#edf1ff;
  --adm-text:#1c2440;
  --adm-muted:#66708a;
  --adm-primary:#6c7cff;
  --adm-primary-2:#8f7cff;
  --adm-accent:#b299ff;
  --adm-soft:#f2f4ff;
  --adm-soft-2:#f6f0ff;
  --adm-success:#43b79d;
  --adm-danger:#ef6677;
  --adm-warning:#f3bf63;
  --adm-shadow:0 18px 48px rgba(78,96,167,.10);
  --adm-shadow-soft:0 10px 28px rgba(79,97,168,.08);
}
body.admin-body{
  background:
    radial-gradient(circle at 8% 10%, rgba(182,203,255,.45), transparent 24%),
    radial-gradient(circle at 95% 18%, rgba(203,184,255,.38), transparent 26%),
    linear-gradient(180deg,#f9fbff 0%, #f2f5ff 48%, #eef3ff 100%);
  color:var(--adm-text);
}
.admin-shell{
  height:100dvh;
  grid-template-columns:290px minmax(0,1fr);
  gap:16px;
  padding:16px;
  background:transparent;
}
.admin-side{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,255,.94));
  color:var(--adm-text);
  border:1px solid rgba(182,194,236,.55);
  border-radius:28px;
  box-shadow:var(--adm-shadow);
  padding:16px 14px;
  backdrop-filter:blur(16px);
  overflow:hidden;
}
.admin-logo{
  padding:10px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(108,124,255,.10), rgba(178,153,255,.12));
  border:1px solid rgba(148,163,240,.20);
}
.admin-logo>img,.admin-logo>i{
  width:48px;height:48px;border-radius:16px;padding:8px;
  background:linear-gradient(145deg,#fff,#eef3ff);
  color:var(--adm-primary);
  box-shadow:0 8px 22px rgba(108,124,255,.15);
}
.admin-logo b{font-size:16px;color:var(--adm-text)}
.admin-logo small{font-size:10px;color:#7a84a0}
.admin-side nav{gap:8px;padding-top:4px;padding-inline:2px}
.admin-nav-btn{
  min-height:52px;
  border-radius:18px;
  color:#63708d;
  padding:0 12px;
  transition:.22s ease;
}
.admin-nav-btn span{
  width:34px;height:34px;border-radius:12px;
  background:linear-gradient(145deg,#f2f5ff,#fff);
  color:var(--adm-primary);
  box-shadow:inset 0 0 0 1px rgba(108,124,255,.10);
}
.admin-nav-btn:hover{
  background:rgba(108,124,255,.08);
  color:var(--adm-text);
  transform:translateY(-1px);
}
.admin-nav-btn.active{
  background:linear-gradient(135deg,#eef2ff,#f5efff);
  color:var(--adm-text);
  box-shadow:0 12px 28px rgba(108,124,255,.14);
}
.admin-nav-btn.active span{
  background:linear-gradient(145deg,var(--adm-primary),var(--adm-primary-2));
  color:#fff;
  box-shadow:none;
}
.admin-side-foot{
  background:linear-gradient(135deg, rgba(108,124,255,.08), rgba(178,153,255,.08));
  border:1px solid rgba(148,163,240,.18);
  border-radius:20px;
}
.admin-side-foot>div span,
.admin-side-foot button{
  background:#fff;
  color:var(--adm-primary);
  box-shadow:var(--adm-shadow-soft);
}
.admin-main{
  min-width:0;min-height:0;
  display:grid;grid-template-rows:86px minmax(0,1fr);
  gap:14px;
}
.admin-top{
  border:1px solid rgba(182,194,236,.55);
  background:rgba(255,255,255,.78);
  border-radius:26px;
  box-shadow:var(--adm-shadow-soft);
  padding:0 18px;
  backdrop-filter:blur(18px);
}
.admin-top h1{font-size:28px;color:var(--adm-text)}
.admin-top>div:first-child span{font-size:10px;color:#8b95b0}
.admin-tools{gap:10px}
.admin-search{
  width:min(34vw,370px);
  height:46px;
  background:#fff;
  border:1px solid var(--adm-line);
  border-radius:16px;
  color:#7b84a0;
  box-shadow:var(--adm-shadow-soft);
}
.admin-search input{font-size:12px;color:var(--adm-text)}
.admin-create{
  height:46px;border-radius:16px;
  background:linear-gradient(135deg,var(--adm-primary),var(--adm-primary-2));
  box-shadow:0 12px 26px rgba(108,124,255,.24);
}
.admin-notify{
  width:46px;height:46px;border-radius:16px;
  border:1px solid var(--adm-line);background:#fff;
  box-shadow:var(--adm-shadow-soft);
}
.admin-view{
  padding:2px 2px 24px;
  overflow:auto;
}
.admin-dashboard{gap:18px}
.admin-welcome{
  background:linear-gradient(135deg, rgba(108,124,255,.12), rgba(178,153,255,.12));
  border:1px solid rgba(148,163,240,.18);
  border-radius:28px;
  padding:18px 20px;
  margin-bottom:2px;
}
.admin-welcome h2{font-size:32px;color:var(--adm-text)}
.admin-welcome p{font-size:12px;color:var(--adm-muted)}
.admin-kpis{gap:14px}
.admin-kpi,
.admin-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(190,201,238,.55);
  border-radius:24px;
  box-shadow:var(--adm-shadow);
}
.admin-kpi{padding:18px}
.admin-kpi i{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(145deg,#eff2ff,#f8f1ff);
  color:var(--adm-primary);
}
.admin-kpi b{font-size:28px;color:var(--adm-text)}
.admin-kpi small{font-size:10px;color:#8590ac}
.admin-layout{gap:16px}
.admin-card{padding:20px}
.admin-card-head h2{font-size:18px;color:var(--adm-text)}
.admin-card-head small{font-size:10px;color:#8894af}
.content-row{
  padding:12px;border:1px solid var(--adm-line-2);
  border-radius:18px;background:#fff;
}
.content-thumb{
  width:62px;height:62px;border-radius:16px;
  background:linear-gradient(145deg,#eef2ff,#f6f1ff);
  color:var(--adm-primary);
}
.content-row-main b{font-size:13px;color:var(--adm-text)}
.content-row-main small{font-size:10px;color:#8590ac}
.status{
  background:linear-gradient(135deg,#eef2ff,#f5efff);
  color:#5a66c4;
  font-size:9px;
  padding:6px 10px;
}
.mini-actions button{border-radius:12px;padding:8px 10px;font-size:9px}
.approve{background:#e9fbf5;color:#1f8e71}
.reject{background:#fff1f3;color:#c74960}
.admin-table-wrap{border:1px solid var(--adm-line-2);border-radius:18px;background:#fff}
.admin-table th,.admin-table td{font-size:11px;padding:13px 14px}
.admin-table th{background:#f8faff;color:#7d88a4}
.admin-table tr:hover td{background:#fbfcff}
.admin-form{gap:14px}
.admin-form label{font-size:10px;color:#67718d}
.admin-form input,
.admin-form select,
.admin-form textarea{
  min-height:46px;
  background:#fcfdff;
  border:1px solid var(--adm-line);
  border-radius:15px;
  color:var(--adm-text);
  font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.admin-form textarea{min-height:104px}
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.admin-search input:focus{
  border-color:#a2adff;
  outline:none;
  box-shadow:0 0 0 4px rgba(108,124,255,.10);
}
.admin-form button[type=submit]{
  min-width:180px;height:48px;border-radius:16px;
  background:linear-gradient(135deg,var(--adm-primary),var(--adm-primary-2));
  box-shadow:0 12px 26px rgba(108,124,255,.24);
}
.settings-grid{gap:14px}
input[type="color"]{
  min-height:52px!important;
  padding:8px!important;
  background:#fff!important;
}
.theme-studio{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px}
.theme-preview{
  position:sticky;top:0;
  background:linear-gradient(180deg,#f8faff,#f1f4ff);
  border:1px solid rgba(190,201,238,.55);
  border-radius:28px;
  box-shadow:var(--adm-shadow);
  min-height:680px;
}
.phone-preview{
  width:306px;height:620px;border:10px solid #1e2340;
  border-radius:44px;
  box-shadow:0 32px 70px rgba(39,55,118,.22);
}
.phone-preview header{background:#fff;border-bottom:1px solid #eef1ff}
.phone-preview main{background:linear-gradient(160deg,#eef2ff,#f4eeff)}
.phone-preview main div{border-radius:24px}
.phone-preview nav{border-top:1px solid #edf1ff;background:#fff}
.text-manager{display:grid;gap:10px}
.text-row{
  display:grid;gap:8px;padding:14px;
  border:1px solid var(--adm-line-2);
  border-radius:18px;background:#fff;
}
.text-row small{color:#8a95af}.text-row b{color:var(--adm-text);font-size:12px}
.avatar-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.avatar-admin-card{
  background:#fff;border:1px solid var(--adm-line-2);border-radius:22px;
  padding:14px;box-shadow:var(--adm-shadow-soft)
}
.avatar-admin-card .asset-thumb{background:linear-gradient(145deg,#eff2ff,#f6efff);border-radius:18px}
button, .admin-create, .admin-nav-btn, .mini-actions button, .admin-notify{transition:.22s ease}
button:hover,.admin-create:hover,.admin-notify:hover,.mini-actions button:hover{transform:translateY(-1px)}
@media(max-width:1180px){
  .admin-shell{grid-template-columns:88px minmax(0,1fr)}
  .admin-logo{justify-content:center}.admin-logo div,.admin-side-foot b{display:none}
  .admin-nav-btn{padding:0;justify-content:center}.admin-nav-btn>span+span{display:none}
  .admin-search{display:none}
}
@media(max-width:820px){
  .admin-shell{padding:10px;gap:10px;grid-template-columns:1fr}
  .admin-side{order:2;padding:12px}
  .admin-main{order:1;grid-template-rows:auto minmax(0,1fr)}
  .admin-top{padding:14px;display:grid;gap:12px;height:auto}
  .admin-tools{justify-content:stretch;flex-wrap:wrap}
  .admin-create{flex:1}.admin-notify{flex:none}
  .admin-kpis,.settings-grid,.theme-studio,.admin-layout{grid-template-columns:1fr}
  .theme-preview{position:static;min-height:auto}
}