/* ════════════════════════════════════════════════════════════
   RANA PROPERTY — Admin Panel Stylesheet
   ════════════════════════════════════════════════════════════ */

:root {
  --bg:#e0e5ec; --bg-light:#ecf0f7;
  --shadow-light:#ffffff; --shadow-dark:#b8bec8;
  --text-dark:#1a1f2e; --text-mid:#4a5568; --text-muted:#8a93a5;
  --primary:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);
  --primary-s:#4f46e5; --primary-e:#a855f7;
  --danger:#ef4444; --success:#10b981;
  --radius:24px; --radius-sm:16px;
  --neu-out:8px 8px 20px #b8bec8,-8px -8px 20px #ffffff;
  --neu-in:inset 5px 5px 12px #b8bec8,inset -5px -5px 12px #ffffff;
  --neu-btn:6px 6px 14px #b8bec8,-6px -6px 14px #ffffff;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text-dark);min-height:100vh;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(#4f46e5,#a855f7);border-radius:10px;}

/* ── LOGIN ── */
#login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
.login-card{
  background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-out);
  padding:48px 40px;width:100%;max-width:420px;
}
.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:36px;}
.login-logo-img{
  width:44px;height:44px;border-radius:14px;
  object-fit:contain;background:#fff;padding:3px;
  box-shadow:var(--neu-btn);
}
.login-logo-text{font-size:1.2rem;font-weight:800;}
.login-logo-text span{background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.login-title{font-size:1.5rem;font-weight:800;margin-bottom:8px;}
.login-sub{font-size:.85rem;color:var(--text-muted);margin-bottom:32px;}
.form-group{margin-bottom:20px;}
.form-label{font-size:.78rem;font-weight:600;color:var(--text-mid);display:block;margin-bottom:8px;}
.form-input{
  width:100%;padding:14px 18px;border-radius:var(--radius-sm);
  background:var(--bg);border:none;font-family:'Poppins',sans-serif;
  font-size:.88rem;color:var(--text-dark);box-shadow:var(--neu-in);
  outline:none;transition:box-shadow .3s;
}
.form-input:focus{box-shadow:var(--neu-in),0 0 0 2px rgba(79,70,229,.2);}
.btn-primary{
  width:100%;padding:14px;border-radius:50px;background:var(--primary);color:#fff;
  font-family:'Poppins',sans-serif;font-size:.95rem;font-weight:600;border:none;cursor:pointer;
  box-shadow:var(--neu-btn),0 4px 20px rgba(79,70,229,.3);transition:transform .2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.btn-primary:hover{transform:translateY(-2px);}
.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;}
#login-error{color:var(--danger);font-size:.82rem;margin-top:14px;text-align:center;display:none;}

/* ── ADMIN SHELL ── */
#admin-shell{display:none;}
header{
  background:rgba(224,229,236,.85);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.4);
  padding:16px 5%;display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:100;box-shadow:0 4px 30px rgba(0,0,0,.06);
}
.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.header-logo-img{
  width:38px;height:38px;border-radius:12px;
  object-fit:contain;background:#fff;padding:2px;
}
.header-logo-text{font-size:1.1rem;font-weight:800;}
.header-logo-text span{background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.header-right{display:flex;align-items:center;gap:16px;}
.admin-badge{
  padding:6px 16px;border-radius:50px;background:var(--bg);
  font-size:.78rem;font-weight:600;color:var(--primary-s);box-shadow:var(--neu-btn);
}
.btn-logout{
  padding:8px 20px;border-radius:50px;background:var(--bg);border:none;
  font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:600;
  color:var(--danger);cursor:pointer;box-shadow:var(--neu-btn);transition:transform .2s;
}
.btn-logout:hover{transform:translateY(-1px);}

main{padding:40px 5%;max-width:1400px;margin:0 auto;}

/* ── STATS BAR ── */
.stats-bar{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;margin-bottom:40px;
}
.stat-card{background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--neu-out);padding:20px 24px;}
.stat-card-num{font-size:2rem;font-weight:800;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.stat-card-label{font-size:.78rem;color:var(--text-muted);font-weight:500;margin-top:2px;}

/* ── TABS ── */
.admin-tabs{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap;}
.atab{
  padding:10px 24px;border-radius:50px;background:var(--bg);border:none;
  font-family:'Poppins',sans-serif;font-size:.85rem;font-weight:600;color:var(--text-mid);
  cursor:pointer;box-shadow:var(--neu-btn);transition:all .3s;
}
.atab.active{background:var(--primary);color:#fff;box-shadow:0 4px 20px rgba(79,70,229,.35);}

/* ── PANEL ── */
.panel{display:none;}
.panel.active{display:block;}

/* ── ADD PROPERTY FORM ── */
.card-box{background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-out);padding:36px;}
.card-box-title{font-size:1.2rem;font-weight:800;margin-bottom:28px;color:var(--text-dark);}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.form-grid .form-group{margin-bottom:0;}
.form-group.full{grid-column:1/-1;}
select.form-input{cursor:pointer;}

/* ── IMAGE UPLOAD ── */
.img-upload-wrap{
  border-radius:var(--radius-sm);box-shadow:var(--neu-in);
  padding:0;overflow:hidden;
}
.img-upload-area{
  border:2px dashed rgba(79,70,229,.3);border-radius:var(--radius-sm);
  padding:28px 20px;text-align:center;cursor:pointer;
  transition:all .3s;background:var(--bg);
}
.img-upload-area:hover{border-color:var(--primary-s);background:rgba(79,70,229,.03);}
.img-upload-area.drag-over{border-color:var(--primary-s);background:rgba(79,70,229,.06);}
.img-upload-icon{font-size:2rem;margin-bottom:10px;opacity:.5;}
.img-upload-text{font-size:.85rem;font-weight:600;color:var(--text-mid);margin-bottom:4px;}
.img-upload-sub{font-size:.75rem;color:var(--text-muted);}
#img-file-input{display:none;}

.img-preview-wrap{
  position:relative;border-radius:var(--radius-sm);overflow:hidden;
  background:var(--bg-light);
}
.img-preview-wrap img{
  width:100%;height:180px;object-fit:cover;display:block;
}
.img-preview-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;gap:12px;
  opacity:0;transition:opacity .3s;
}
.img-preview-wrap:hover .img-preview-overlay{opacity:1;}
.btn-img-action{
  padding:8px 16px;border-radius:50px;border:none;cursor:pointer;
  font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:600;
  display:flex;align-items:center;gap:6px;transition:transform .2s;
}
.btn-img-action:hover{transform:scale(1.05);}
.btn-img-change{background:rgba(255,255,255,.9);color:var(--text-dark);}
.btn-img-remove{background:rgba(239,68,68,.85);color:#fff;}

.upload-progress{
  margin-top:10px;height:4px;border-radius:4px;
  background:var(--bg-light);overflow:hidden;display:none;
}
.upload-progress-bar{
  height:100%;background:var(--primary);border-radius:4px;
  width:0;transition:width .3s;
}

.btn-add{
  margin-top:28px;padding:14px 40px;border-radius:50px;background:var(--primary);color:#fff;
  font-family:'Poppins',sans-serif;font-size:.95rem;font-weight:600;border:none;cursor:pointer;
  box-shadow:var(--neu-btn),0 4px 20px rgba(79,70,229,.3);transition:transform .2s;
  display:inline-flex;align-items:center;gap:8px;
}
.btn-add:hover{transform:translateY(-2px);}
.btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none;}

/* ── PROPERTIES TABLE ── */
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:.85rem;}
th{
  text-align:left;padding:14px 16px;font-size:.75rem;font-weight:700;
  color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;
  border-bottom:2px solid var(--bg-light);
}
td{padding:16px;border-bottom:1px solid var(--bg-light);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(79,70,229,.03);}
.tbl-name{font-weight:700;color:var(--text-dark);}
.tbl-loc{font-size:.78rem;color:var(--text-muted);margin-top:2px;}
.tbl-thumb{
  width:48px;height:40px;border-radius:8px;
  object-fit:cover;background:linear-gradient(135deg,#4f46e5,#a855f7);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
}
.tbl-thumb img{width:48px;height:40px;object-fit:cover;border-radius:8px;}
.tbl-badge{padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:700;display:inline-block;}
.tbl-badge.sale{background:rgba(239,68,68,.1);color:var(--danger);}
.tbl-badge.rent{background:rgba(16,185,129,.1);color:var(--success);}
.btn-del{
  padding:7px 16px;border-radius:50px;background:var(--bg);border:none;
  font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:600;
  color:var(--danger);cursor:pointer;box-shadow:var(--neu-btn);transition:transform .2s;
}
.btn-del:hover{transform:translateY(-1px);background:rgba(239,68,68,.08);}

/* ── LEADS TABLE ── */
.lead-row-msg{font-size:.78rem;color:var(--text-muted);margin-top:3px;}

/* ── TOAST ── */
#admin-toast{
  position:fixed;bottom:28px;left:50%;transform:translateX(-50%);
  padding:12px 28px;border-radius:50px;color:#fff;font-family:'Poppins',sans-serif;
  font-size:.88rem;font-weight:600;z-index:9999;opacity:0;
  transition:opacity .4s;pointer-events:none;white-space:nowrap;
  box-shadow:0 8px 30px rgba(0,0,0,.15);
}

/* ── EMPTY STATE ── */
.empty{padding:48px;text-align:center;color:var(--text-muted);font-size:.9rem;}
.empty i{font-size:2.5rem;margin-bottom:12px;opacity:.3;display:block;}