:root{ 
  --bg: #f7f9fc; 
  --surface: #ffffff; 
  --text: #1f2937; 
  --muted: #6b7280; 
  --primary: #4f46e5; 
  --secondary: #06b6d4; 
  --success: #10b981; 
  --warning: #f59e0b; 
  --danger: #ef4444; 
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;}
.container{max-width:1100px;margin:40px auto;padding:0 20px}
.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);position:relative;overflow:hidden}
.card::before{content:'';position:absolute;inset:0;border-radius:12px;padding:1px;background: linear-gradient(135deg, #4f46e5 0%, #06b6d4 60%, #10b981 100%); -webkit-mask: linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0); opacity:.15;pointer-events:none;z-index:0}
.card > *{position:relative;z-index:1}
.stats{display:flex;gap:16px;margin:20px 0}
.card-title{font-size:14px;color:var(--muted)}
.card-value{font-size:28px;font-weight:700}
.form{ display: grid; grid-template-columns: 180px 1fr; gap: 8px 12px; align-items: center; }
.form label{ text-align: right; padding-right: 8px; }
input, select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:white;outline:none}
input:focus, select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15)}
button{padding:10px 14px;border-radius:10px;border:0;background: linear-gradient(135deg, #6d28d9 0%, #2563eb 50%, #14b8a6 100%);color:white;cursor:pointer;box-shadow:0 6px 12px rgba(0,0,0,.08);transition: transform .15s ease, filter .15s ease}
button:hover{transform: translateY(-1px); filter: brightness(1.03)}
.button-secondary{background: linear-gradient(135deg, #64748b, #334e68);}
.error{color:#c0392b}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid #ddd;padding:8px;text-align:left}
@media (max-width: 700px){
  .stats{flex-direction:column}
  .card-value{font-size:24px}
  .form{ grid-template-columns: 1fr; }
  .form label{ text-align:left; }
  .action-row{flex-wrap:wrap!important}
  .action-row form,.action-row .btn{margin-bottom:8px!important;flex-wrap:wrap}
}
/* Tenant details panel styling */
/* Button classes */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:0;color:white;cursor:pointer;text-decoration:none;font-size:14px;transition:transform .15s ease,filter .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.btn-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.btn-warning{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.btn-sm{padding:6px 10px;font-size:13px}

/* Dashboard action row */
.action-row{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;margin-top:16px}
.action-row form,.action-row form *{display:inline-flex!important;gap:6px;align-items:center;margin:0!important;vertical-align:middle}
.action-row .btn,.action-row button{white-space:nowrap}

/* Nav links */
.nav-links{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.nav-links .btn{font-size:13px;padding:8px 12px}