/* Rent Pro 2026 UI Redesign */
:root{
  --rp-bg:#f4f7fb;--rp-card:#fff;--rp-text:#162033;--rp-muted:#667085;--rp-line:#e7ebf2;
  --rp-primary:#5b5ce2;--rp-primary2:#7c3aed;--rp-success:#0e9f6e;--rp-warning:#d97706;
  --rp-danger:#dc3545;--rp-shadow:0 10px 30px rgba(31,41,55,.08);--rp-radius:16px;
}
body{background:var(--rp-bg)!important;color:var(--rp-text)!important;font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.bg-3d{background:radial-gradient(circle at 15% 0%,rgba(91,92,226,.14),transparent 32%),radial-gradient(circle at 90% 10%,rgba(124,58,237,.10),transparent 30%),var(--rp-bg)!important;animation:none!important;}
.topnav{background:rgba(255,255,255,.94)!important;color:var(--rp-text)!important;border-bottom:1px solid var(--rp-line);box-shadow:0 4px 18px rgba(16,24,40,.06)!important;backdrop-filter:blur(12px);}
.topnav .logo,.sidebar .logo,.sidebar .slogo{color:var(--rp-primary)!important;}
.menubtn{width:34px!important;height:34px!important;border-radius:9px!important;font-size:1rem!important;background:var(--rp-primary)!important;box-shadow:0 5px 12px rgba(91,92,226,.25);}
.sidebar{background:#fff!important;color:var(--rp-text)!important;border-right:1px solid var(--rp-line);box-shadow:8px 0 30px rgba(16,24,40,.06);}
.sidebar a{color:#526070!important;border-radius:11px!important;margin-bottom:5px!important;font-weight:600!important;}
.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,var(--rp-primary),var(--rp-primary2))!important;color:#fff!important;box-shadow:0 6px 16px rgba(91,92,226,.2);}
.sidebar .logout{color:#c2414d!important;}
.main{padding-top:78px!important;}
.card,.stat,.table-container,.stat-card{background:var(--rp-card)!important;border:1px solid var(--rp-line)!important;box-shadow:var(--rp-shadow)!important;border-radius:var(--rp-radius)!important;}
.card{padding:18px!important;}
.stats{gap:14px!important;}
.stat{transition:transform .18s ease,box-shadow .18s ease!important;}
.stat:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(31,41,55,.11)!important;}
.stat .lbl,.lbl{color:var(--rp-muted)!important;}
.stat .num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.btn{border-radius:10px!important;border:0!important;transition:.18s ease!important;}
.btn:hover{transform:translateY(-1px);filter:brightness(1.03);}
.btn-purple,.btn-primary{background:linear-gradient(135deg,var(--rp-primary),var(--rp-primary2))!important;color:#fff!important;}
.btn-outline{border:1px solid #cfd5e1!important;background:#fff!important;color:var(--rp-primary)!important;}
.input,input,select,textarea{background:#fff!important;color:var(--rp-text)!important;border:1px solid #d9dee8!important;border-radius:10px!important;}
.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--rp-primary)!important;box-shadow:0 0 0 3px rgba(91,92,226,.12)!important;}
table{background:#fff!important;}
th{background:#f7f8fc!important;color:#697386!important;border-bottom:1px solid var(--rp-line)!important;}
td{border-bottom:1px solid #edf0f4!important;color:#283548!important;}
tr:hover{background:#fafbfe!important;}
.modal{background:rgba(15,23,42,.58)!important;backdrop-filter:blur(4px);}
.modal-box,.modal-content{background:#fff!important;border:1px solid var(--rp-line)!important;box-shadow:0 24px 60px rgba(15,23,42,.2)!important;}
.form-group label{color:#4b5565!important;font-weight:650!important;}
.auto-fetch,.meter-box{background:#f8f9fd!important;border:1px solid var(--rp-line)!important;border-radius:12px!important;padding:12px!important;}
.section-title{color:#505b70!important;}
.total-box{background:linear-gradient(135deg,#eef0ff,#f7f1ff)!important;border:1px solid #dcdcff!important;border-radius:14px!important;padding:14px!important;text-align:center!important;}
.total-label{color:#586174!important;font-weight:700!important;}
.total-value{color:var(--rp-primary)!important;font-size:1.55rem!important;font-weight:800!important;}
.bal-box{background:#f8fafc!important;border:1px solid var(--rp-line)!important;border-radius:12px!important;padding:11px!important;margin:8px 0!important;color:#344054!important;}
.calc-status{float:right;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800;}
.status-paid{background:#dcfce7;color:#166534}.status-partial{background:#dbeafe;color:#1d4ed8}.status-pending{background:#fef3c7;color:#92400e}
.rp-outstanding{margin-top:5px;padding:7px 10px;border-radius:9px;background:#fff7ed;color:#9a3412;font-size:.76rem;font-weight:700;border:1px solid #fed7aa;}
.badge-g,.badge-success{background:#dcfce7!important;color:#166534!important;}
.badge-y,.badge-warning{background:#fef3c7!important;color:#92400e!important;}
.badge-b,.badge-info{background:#dbeafe!important;color:#1d4ed8!important;}
.badge-r,.badge-danger{background:#fee2e2!important;color:#991b1b!important;}
.alert{border:1px solid var(--rp-line)!important;box-shadow:0 4px 12px rgba(16,24,40,.04);}
@media(min-width:769px){
 .sidebar{width:240px!important}.main{margin-left:240px!important;padding:28px!important;padding-top:28px!important}.topnav{display:none!important}
 .stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
}
@media(max-width:768px){
 .main{padding:68px 12px 18px!important}.stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
 .stat{padding:13px 9px!important}.stat .num{font-size:1.05rem!important}
 .card{padding:13px!important;border-radius:13px!important}
 .topnav{padding:9px 12px!important}
 .sidebar{width:285px!important}
 .modal{padding:10px!important}.modal-box{padding:15px!important;margin:10px auto!important}
}
@media(max-width:420px){.stats{grid-template-columns:1fr 1fr!important}.stat .lbl{font-size:.62rem!important}.stat .num{font-size:.95rem!important}}
@media print{body{background:#fff!important}.sidebar,.topnav,.no-print{display:none!important}.main{margin:0!important;padding:0!important}}