:root{--primary:#ff8a00;--bg:#f7f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.navbar{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:12px 16px;border-bottom:1px solid #eee}
.brand{font-weight:800;color:var(--primary)} .nav-right{display:flex;gap:12px;align-items:center}
.btn-ghost{background:transparent;border:1px solid #ddd;padding:6px 10px;border-radius:8px;cursor:pointer}
.tenant-form{display:flex;gap:8px;align-items:center}
.tenant-form input{padding:6px 8px;border:1px solid #ddd;border-radius:8px}
.alert{padding:10px 12px;border-radius:8px;margin:12px 0} .alert-error{background:#fee2e2;color:#991b1b}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.card{background:var(--card);border:1px solid #eee;border-radius:14px;padding:16px}
.stat .stat-title{color:var(--muted);font-size:13px} .stat .stat-value{font-weight:800;font-size:28px;margin-top:4px}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th{font-size:12px;color:#6b7280;text-align:left;padding:8px}
.table td{background:#fff;border:1px solid #eee;padding:10px;border-radius:8px}
.truncate{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-body{min-height:100vh;display:grid;place-items:center;background:var(--bg)}
.login-card{width:360px;background:#fff;padding:22px;border-radius:14px;border:1px solid #eee}
.login-card h1{margin:0 0 12px 0}
.login-card input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;margin:6px 0 12px}
.login-card button{width:100%;padding:10px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}
.filters{display:flex;gap:12px;align-items:flex-end;margin:10px 0 16px}
.filters input{padding:8px;border:1px solid #ddd;border-radius:10px}
.filters .grow{flex:1}
.filters button{padding:9px 14px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}
@media (max-width:900px){.cards{grid-template-columns:1fr}}