:root{--bg:#f5f6f8;--card:#fff;--text:#17202a;--muted:#6b7280;--line:#e5e7eb;--accent:#111827;--good:#0f766e;--bad:#b91c1c;--warn:#b45309}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}textarea{min-height:90px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#111827;color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-weight:800;font-size:18px;padding:8px 10px 20px}.nav a{display:block;padding:10px 12px;border-radius:8px;color:#d1d5db;margin:2px 0}.nav a:hover,.nav a.active{background:#1f2937;color:#fff}.content{padding:24px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px #00000008}.metric strong{font-size:26px;display:block;margin-top:6px}.muted{color:var(--muted)}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.btn.secondary{background:#fff;color:#111;border:1px solid #d1d5db}.btn.danger{background:#b91c1c}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;color:#6b7280;background:#fafafa}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#eef2ff}.badge.good{background:#dcfce7}.badge.bad{background:#fee2e2}.badge.warn{background:#fef3c7}.form-card{max-width:950px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span2{grid-column:1/-1}label{display:block;font-weight:600}label input,label select,label textarea{margin-top:5px;font-weight:400}.alert{padding:11px 13px;border-radius:8px;margin:10px 0}.ok{background:#ecfdf5;color:#065f46}.bad{background:#fef2f2;color:#991b1b}.warn{background:#fffbeb;color:#92400e}.installer,.login{display:grid;place-items:center;min-height:100vh;padding:20px}.install-card,.login-card{width:min(900px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.login-card{width:min(420px,100%)}.login-card label{margin:12px 0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.chartbar{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden}.chartbar span{display:block;height:100%;background:#111827}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{height:auto;position:relative}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.span2{grid-column:auto}.content{padding:14px}}@media(max-width:560px){.cards{grid-template-columns:1fr}}

.rental-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:14px}.rental-summary div{padding:8px}.rental-summary span{display:block;color:var(--muted);font-size:12px}.rental-summary strong{display:block;font-size:18px;margin-top:3px}.rental-summary .total{background:#111827;color:#fff;border-radius:10px}.rental-summary .total span{color:#d1d5db}.doc-links{display:flex;gap:7px;flex-wrap:wrap;white-space:normal;min-width:520px}.doc-links a{border:1px solid #d1d5db;border-radius:7px;padding:5px 8px;background:#fff}.doc-links a.strong{background:#111827;color:#fff;border-color:#111827}@media(max-width:900px){.rental-summary{grid-template-columns:1fr 1fr}.rental-summary .total{grid-column:1/-1}}

.doc-tabs{display:flex;gap:8px;flex-wrap:wrap}.doc-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff}.doc-tabs a.active{background:#111827;color:#fff;border-color:#111827}.document-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.document-editor{min-height:500px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:18px;margin-top:6px;outline:none;line-height:1.55}.document-editor:focus{border-color:#111827;box-shadow:0 0 0 2px #11182712}.document-editor h2{font-size:17px}.document-editor table{white-space:normal}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.editor-toolbar button{background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 10px;cursor:pointer}.variable-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.variable-chip{display:flex;align-items:center;gap:9px;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer}.variable-chip code{font-size:11px;background:#eef2ff;padding:3px 5px;border-radius:5px}.variable-chip span{font-size:12px;color:#4b5563}@media(max-width:1000px){.document-template-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.document-template-grid,.variable-palette{grid-template-columns:1fr}}
.scan-card{margin-top:16px;background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:16px}.client-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-doc{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.client-doc .toolbar form{margin:0}.ocr-pre{white-space:pre-wrap;max-height:260px;overflow:auto;background:#111827;color:#e5e7eb;padding:12px;border-radius:8px;font-size:12px}@media(max-width:850px){.client-doc-grid{grid-template-columns:1fr}}

.equipment-photo-editor{display:flex;gap:18px;align-items:center;margin:0 0 18px;padding:14px;border:1px solid var(--border,#dfe3e8);border-radius:12px;background:#fff}.equipment-photo-preview{width:180px;height:135px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.equipment-thumb{width:64px;height:48px;object-fit:cover;border-radius:7px;border:1px solid #ddd;display:block}.check{display:flex!important;align-items:center;gap:7px;margin-top:10px}.check input{width:auto!important}
/* v3.7 instant upload previews */
.equipment-photo-preview-wrap{width:180px;height:135px;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd2da;border-radius:10px;background:#f8fafc;overflow:hidden;text-align:center;padding:8px;box-sizing:border-box;color:#7b8490;font-size:12px}
.equipment-photo-preview-wrap .equipment-photo-preview{width:100%;height:100%;object-fit:cover;border:0;border-radius:7px}
.document-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.document-upload-card{border:1px solid var(--border,#dfe3e8);border-radius:12px;padding:12px;background:#fff;min-width:0}
.file-preview{margin-top:10px;min-height:180px;border:1px dashed #cbd2da;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#7b8490;padding:10px;box-sizing:border-box}
.file-preview img{display:block;max-width:100%;width:100%;height:240px;object-fit:contain;background:#fff;border-radius:7px}
.file-preview .pdf-preview{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.file-preview .pdf-icon{font-size:42px}.file-preview .file-name{font-weight:700;color:#28323d;word-break:break-word}.file-preview .file-meta{font-size:12px;color:#7b8490}
@media(max-width:900px){.document-upload-grid{grid-template-columns:1fr}.file-preview img{height:220px}}
/* v4 operational UI */
.return-item{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;background:#fafafa}.return-item h4{margin:0 0 10px}.audit-json{white-space:pre-wrap;max-width:700px;max-height:260px;overflow:auto;background:#111827;color:#e5e7eb;padding:10px;border-radius:8px}.toolbar form{margin:0}.card form label{margin-top:8px}.metric strong{overflow-wrap:anywhere}.side .nav a{font-size:14px}.document-editor{overflow:auto}.table-wrap .btn{padding:6px 9px;font-size:12px}
.compact-form{align-items:center;margin:0}.compact-form input{min-width:180px}.compact-form .check{margin:0;font-weight:400}
@media print{.side,.top,.toolbar,.btn,form{display:none!important}.layout{display:block}.content{padding:0}.card,.table-wrap{box-shadow:none;border-color:#bbb;break-inside:avoid}.cards{grid-template-columns:repeat(3,1fr)}body{background:#fff}}
.booking-calendar{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:10px;overflow:auto}.booking-day{min-height:140px;padding:10px}.booking-day h3{margin:0 0 8px}.booking-chip{display:flex;flex-direction:column;gap:3px;padding:7px;margin:5px 0;border:1px solid var(--line);border-radius:8px;background:#f9fafb;white-space:normal}.booking-chip small .badge{font-size:10px}@media(max-width:1000px){.booking-calendar{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:650px){.booking-calendar{grid-template-columns:1fr}}
/* v4.1 mobile operational UX */
.global-search{display:flex;gap:6px;align-items:center;max-width:520px;width:100%}.global-search input{min-width:180px}.mobile-actions{position:sticky;bottom:8px;z-index:15;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:8px;border:1px solid var(--line);border-radius:12px}.return-item input,.return-item select,.return-item textarea{font-size:16px}
@media(max-width:700px){body{font-size:15px}.top{align-items:flex-start;gap:10px;flex-direction:column}.global-search{max-width:none}.content{padding:10px}.card,.form-card{padding:12px;border-radius:10px}.toolbar{gap:6px}.toolbar .btn,.toolbar button{flex:1 1 auto;text-align:center}.rental-summary{grid-template-columns:1fr}.rental-summary .total{grid-column:auto}.return-item .grid{grid-template-columns:1fr}.return-item button.btn{width:100%;padding:13px}.table-wrap{margin-left:-2px;margin-right:-2px}.equipment-photo-editor{flex-direction:column;align-items:stretch}.equipment-photo-preview-wrap{width:100%;height:220px}.doc-links{min-width:0}.side{padding:8px}.brand{padding:6px 8px 10px}.nav a{padding:9px 10px}.cards{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.install-card{padding:14px}}

/* Renta CRM SaaS */
.brand{display:flex;flex-direction:column;gap:2px}.brand small{font-size:11px;opacity:.68;font-weight:500}.landing-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.landing-head{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb}.landing-head .landing-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-head nav{display:flex;align-items:center;gap:18px}.landing-head a{text-decoration:none;color:inherit}.landing-logo{font-size:22px}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:48px;align-items:center;padding:80px 0}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.04em;margin:18px 0}.hero p{font-size:19px;line-height:1.6;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card,.feature-card,.plan-card,.catalog-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 70px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 80px}.plan-price{font-size:34px;font-weight:800;margin:12px 0}.plan-price small{font-size:14px;font-weight:500}.landing-foot{border-top:1px solid #e5e7eb;padding:28px 0;margin-top:60px}.login-card.wide{width:min(760px,calc(100vw - 28px))}.slug-input{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden}.slug-input input{border:0!important;box-shadow:none!important;min-width:0}.slug-input span{white-space:nowrap;padding-right:12px;color:#64748b;font-size:14px}.catalog-hero{padding:44px 0 20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{padding:0;overflow:hidden}.catalog-card img,.catalog-photo-placeholder{width:100%;height:230px;object-fit:cover;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700}.catalog-body{padding:20px}.catalog-book{display:grid;gap:10px;margin-top:14px}.catalog-book label{display:grid;gap:5px}.catalog-book input{width:100%}.admin-content{max-width:1600px;margin:0 auto}.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.check{display:flex!important;align-items:center;gap:8px;margin:18px 0}.check input{width:auto!important}.subscription-banner{margin-bottom:16px}.subscription-banner.warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px 14px;border-radius:12px}.subscription-banner.bad{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:10px 14px;border-radius:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:48px 0}.feature-grid,.plan-grid,.catalog-grid{grid-template-columns:1fr 1fr}.landing-head nav a:not(.btn){display:none}}
@media(max-width:620px){.feature-grid,.plan-grid,.catalog-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.landing-wrap{width:min(100% - 20px,1180px)}.hero{padding-top:34px}.catalog-card img,.catalog-photo-placeholder{height:200px}}

/* =========================================================
   Renta CRM v5.0.3 — modern minimal SaaS UI
   ========================================================= */
:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --line:#e7e9f0;
  --line-strong:#d8dce6;
  --accent:#5b5bd6;
  --accent-hover:#4b4bc4;
  --accent-soft:#f0f0ff;
  --good:#0f8a68;
  --bad:#c2414b;
  --warn:#b7791f;
  --sidebar:#11131a;
  --sidebar-soft:#1b1e28;
  --shadow:0 1px 2px rgba(17,24,39,.04),0 8px 30px rgba(17,24,39,.04);
  --shadow-lg:0 24px 70px rgba(17,24,39,.10);
  --radius:14px;
  --radius-lg:20px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:#dcdcff;color:#23234e}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}
h1,h2,h3,h4{letter-spacing:-.02em;color:#111827}
h1{font-size:30px;line-height:1.15}h2{font-size:21px}h3{font-size:16px}
.muted{color:#7b8190}

/* Inputs */
input,select,textarea{border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:#111827;padding:10px 12px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}
input:hover,select:hover,textarea:hover{border-color:#c6cad5}
input:focus,select:focus,textarea:focus{border-color:#8b8be8;box-shadow:0 0 0 4px rgba(91,91,214,.10)}
input::placeholder,textarea::placeholder{color:#a3a8b5}
label{font-weight:600;color:#353946;font-size:13px}
label input,label select,label textarea{margin-top:6px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:10px;background:var(--accent);color:#fff;padding:9px 14px;font-weight:650;border:1px solid var(--accent);box-shadow:0 1px 2px rgba(17,24,39,.07);transition:transform .12s,box-shadow .16s,background .16s,border-color .16s}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 5px 14px rgba(91,91,214,.17)}
.btn:active{transform:translateY(1px)}
.btn.secondary{background:#fff;color:#343746;border-color:var(--line-strong);box-shadow:none}
.btn.secondary:hover{background:#f9fafc;border-color:#bfc4d1;color:#111827}
.btn.danger{background:#fff;color:#b42335;border-color:#f1c7cc;box-shadow:none}.btn.danger:hover{background:#fff5f6;border-color:#eaaeb5}

/* Main product shell */
.layout{grid-template-columns:232px minmax(0,1fr);background:var(--bg)}
.side{background:var(--sidebar);padding:18px 12px 16px;border-right:1px solid rgba(255,255,255,.04)}
.brand{padding:5px 10px 18px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.07);font-size:17px;letter-spacing:-.03em}
.brand b{display:flex;align-items:center;gap:9px}.brand b:before{content:"R";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#7777f5,#5555c8);font-size:14px;color:#fff;box-shadow:0 5px 14px rgba(91,91,214,.25)}
.brand small{padding-left:37px;margin-top:-4px;color:#8f96a8;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:195px}
.nav{padding-top:8px}
.nav a{position:relative;color:#aeb4c2;border-radius:10px;margin:2px 0;padding:9px 11px;font-size:13.5px;font-weight:520}
.nav a:hover{background:rgba(255,255,255,.055);color:#f2f4f8}
.nav a.active{background:#252936;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.nav a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#8585ef}
.content{padding:26px 30px 42px;max-width:1800px;width:100%;margin:0 auto}
.top{gap:18px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.top>div:first-child{min-width:190px}.top h1{font-size:27px}.top .muted{font-size:12.5px;margin-top:5px}
.global-search{margin-left:auto;max-width:440px;position:relative}.global-search input{background:#fff;padding-left:13px}.global-search .btn{min-height:38px}

/* Cards, metrics and data */
.card,.form-card,.table-wrap,.scan-card,.return-item,.booking-day{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.card{padding:18px}.form-card{padding:22px;max-width:1050px}.scan-card{background:#fff;padding:18px}
.cards{gap:12px}.cards>.card.metric{min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.metric strong{font-size:28px;letter-spacing:-.035em;font-weight:760;color:#161927}.metric .muted{font-size:12px;text-transform:none}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.stats>div{background:#f9fafc;border:1px solid var(--line);border-radius:12px;padding:14px}.stats span{display:block;color:var(--muted);font-size:12px}.stats b{display:block;font-size:19px;margin-top:4px}
.table-wrap{box-shadow:none}table{white-space:nowrap}th,td{padding:12px 13px}th{background:#fafbfc;color:#858b98;font-size:10.5px;letter-spacing:.055em;font-weight:750;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #eff0f4}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#fbfbfd}
.badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:650;background:#f0f1f5;color:#535867}.badge.good{background:#e7f7f1;color:#087657}.badge.bad{background:#fff0f1;color:#ac3440}.badge.warn{background:#fff6df;color:#95640d}
.toolbar{gap:7px;margin-bottom:15px}.toolbar+.card,.toolbar+.table-wrap{margin-top:3px}
.alert{border:1px solid transparent;border-radius:12px;padding:11px 13px}.alert.ok,.ok{background:#ecfaf5;color:#087657;border-color:#cfeee3}.alert.bad,.bad{background:#fff3f4;color:#a72f3a;border-color:#f4d2d6}.alert.warn,.warn{background:#fff9e9;color:#8b610f;border-color:#f3e4ba}
.rental-summary{background:#fff;border-color:var(--line);padding:11px}.rental-summary .total{background:#181b25}.return-item{background:#fff;padding:16px}

/* Document editor */
.document-editor{border-color:var(--line-strong);border-radius:12px}.document-editor:focus{border-color:#8b8be8;box-shadow:0 0 0 4px rgba(91,91,214,.08)}
.editor-toolbar button,.doc-tabs a,.doc-links a{border-color:var(--line-strong);border-radius:9px}.doc-tabs a.active,.doc-links a.strong{background:#222532;border-color:#222532}.variable-chip{border-color:var(--line);background:#fafbfc;border-radius:10px}.variable-chip:hover{border-color:#cfd2df;background:#fff}

/* Auth / register / onboarding */
.login,.installer{background:radial-gradient(circle at 15% 10%,#eeeeff 0,transparent 29%),radial-gradient(circle at 90% 95%,#f3eefe 0,transparent 30%),#f7f8fb}
.auth-shell{width:min(1080px,calc(100vw - 32px));min-height:680px;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden}
.auth-aside{position:relative;padding:46px;background:#161923;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.auth-aside:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-160px;bottom:-130px;background:radial-gradient(circle,#6868e4 0,#3e3e9d 36%,transparent 70%);opacity:.44}
.auth-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.03em;position:relative;z-index:1}.auth-logo:before{content:"R";display:grid;place-items:center;width:34px;height:34px;background:#6565dd;border-radius:10px;font-size:16px}
.auth-copy{position:relative;z-index:1;max-width:380px}.auth-copy h2{font-size:34px;line-height:1.12;color:#fff;margin:0 0 14px}.auth-copy p{color:#aeb4c2;font-size:15px;line-height:1.65;margin:0}.auth-points{display:grid;gap:10px;margin-top:25px;color:#d8dbe4;font-size:13px}.auth-points span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(119,119,245,.18);color:#a4a4ff;margin-right:9px}
.auth-main{display:flex;align-items:center;justify-content:center;padding:42px 48px}.auth-form{width:100%;max-width:520px}.auth-form>h1{font-size:30px;margin:0 0 7px}.auth-form>.muted{margin:0 0 25px}.auth-form .grid{gap:14px}.auth-form .btn[type="submit"]{margin-top:18px;min-width:150px}.auth-foot{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.login-card,.install-card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:30px}.login-card h1{margin-top:0}.login-card label{margin:14px 0}.login-card .btn{width:100%;margin-top:6px}
.slug-input{border-color:var(--line-strong);border-radius:11px;transition:border-color .16s,box-shadow .16s}.slug-input:focus-within{border-color:#8b8be8;box-shadow:0 0 0 4px rgba(91,91,214,.10)}.slug-input span{background:#fafbfc;border-left:1px solid var(--line);padding:10px 12px;color:#818695}

/* Marketing */
.landing-head{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,233,240,.9)}
.landing-head .landing-wrap{min-height:72px}.landing-logo{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.03em}.landing-logo:before{content:"R";display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:15px}.landing-head nav{gap:8px}.landing-head nav>a:not(.btn){padding:8px 10px;border-radius:9px;color:#5d6372}.landing-head nav>a:not(.btn):hover{background:#f5f6f9;color:#151822}
.hero{min-height:640px;gap:70px;padding:84px 0 74px}.hero h1{font-size:clamp(48px,6vw,76px);font-weight:780;letter-spacing:-.055em;max-width:760px}.hero p{font-size:18px;color:#646a78;max-width:700px}.hero .badge{background:var(--accent-soft);color:#4d4db3;border:1px solid #dedefe}.hero-card{padding:28px;border-radius:22px;border-color:#e4e5ec;box-shadow:0 30px 80px rgba(26,29,45,.09);transform:rotate(1deg)}.hero-card h3{margin:0 0 6px}.hero-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.hero-card b{font-size:18px}.feature-card{min-height:90px;display:flex;align-items:center;border-radius:16px;box-shadow:none;padding:20px;color:#303542}.feature-card:before{content:"";width:9px;height:9px;border-radius:50%;background:#7777e8;box-shadow:0 0 0 6px #f0f0ff;margin-right:14px;flex:0 0 auto}.feature-card:hover{border-color:#d5d7e1;transform:translateY(-1px)}
#features>h2,#plans>h2{font-size:34px;margin-bottom:8px}.plan-card{border-radius:20px;box-shadow:none;padding:26px}.plan-card:hover{border-color:#cfd2df;box-shadow:0 16px 40px rgba(17,24,39,.055)}.plan-card h3{font-size:19px}.plan-price{font-size:38px;letter-spacing:-.04em}.plan-card p{color:#666c79;border-bottom:1px solid #f0f1f4;padding-bottom:10px}.plan-card .btn{width:100%;margin-top:8px}.landing-foot{color:#7d8290;background:#fafbfc}

/* Catalog */
.catalog-hero{padding:58px 0 24px}.catalog-hero h1{font-size:42px}.catalog-card{border-radius:18px;box-shadow:none;transition:transform .15s,box-shadow .15s,border-color .15s}.catalog-card:hover{transform:translateY(-2px);border-color:#d6d8e2;box-shadow:0 14px 34px rgba(17,24,39,.07)}.catalog-card img,.catalog-photo-placeholder{height:220px}.catalog-body{padding:18px}.catalog-body h3{font-size:17px;margin-top:0}

/* SaaS admin */
.admin-content{padding-bottom:50px}.admin-content .card{box-shadow:none}

/* Uploads */
.equipment-photo-editor,.document-upload-card,.client-doc{border-color:var(--line);border-radius:14px;box-shadow:none}.equipment-photo-preview-wrap,.file-preview{border-color:#d6d9e3;background:#fafbfc;border-radius:12px}

/* Responsive */
@media(max-width:1000px){.content{padding:22px}.auth-shell{grid-template-columns:1fr;max-width:720px;min-height:0}.auth-aside{min-height:245px;padding:32px}.auth-copy h2{font-size:28px}.auth-main{padding:34px}.auth-points{grid-template-columns:1fr 1fr}.hero{gap:34px}}
@media(max-width:900px){.layout{display:block}.side{position:sticky;top:0;height:auto;z-index:30;padding:10px 10px;background:rgba(17,19,26,.98);backdrop-filter:blur(12px)}.brand{border:0;padding:2px 8px 8px;margin:0}.brand small{display:none}.nav{display:flex;gap:3px;padding:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;padding:8px 10px}.nav a.active:before{display:none}.content{padding:18px 14px 34px}.top{align-items:flex-start}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){h1{font-size:25px}.cards,.stats{grid-template-columns:1fr}.auth-shell{width:100%;border-radius:0;border:0;box-shadow:none;min-height:100vh}.login{padding:0}.auth-aside{min-height:210px;padding:26px 22px}.auth-copy h2{font-size:25px}.auth-copy p{font-size:14px}.auth-points{display:none}.auth-main{padding:28px 20px}.auth-form>h1{font-size:27px}.hero{min-height:auto;padding:48px 0}.hero h1{font-size:43px}.hero-card{transform:none}.landing-head .landing-wrap{min-height:64px}.content{padding:14px 10px 28px}.top{padding-bottom:14px}.global-search{order:3;width:100%}.top>.btn{position:absolute;right:12px}.form-card{padding:16px}.card{padding:15px}.table-wrap{border-radius:12px}}
/* v5.0.4 billing + SaaS admin */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:#f5f7fb}.admin-side{position:sticky;top:0;height:100vh;padding:22px 16px;background:#101827;color:#fff;display:flex;flex-direction:column;gap:22px}.admin-side .brand{display:flex;flex-direction:column;gap:2px;padding:6px 8px}.admin-side .brand b{font-size:20px}.admin-side .brand small{color:#9eabc0}.admin-side .nav{display:grid;gap:5px;flex:1}.admin-side .nav a{padding:11px 12px;border-radius:10px;color:#cad3e2;text-decoration:none}.admin-side .nav a:hover,.admin-side .nav a.active{background:#202b3d;color:#fff}.admin-content{max-width:none;padding:28px 34px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:750;color:#748096}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-plan-card{display:flex;flex-direction:column;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.check-row{display:flex;gap:16px;flex-wrap:wrap}.check-row label{display:flex;align-items:center;gap:7px}.check-row input{width:auto}.billing-settings{max-width:900px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.subscription-state{min-width:180px;padding:18px;border-radius:14px;background:#f7f8fb;display:grid;gap:5px;text-align:right}.subscription-state b{font-size:20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-head h2{margin:3px 0 0}.billing-provider-note{font-size:13px;color:#68758a}.billing-grid{align-items:stretch}.billing-grid .plan-card{display:flex;flex-direction:column;gap:12px;position:relative}.billing-grid .plan-card.featured{outline:2px solid #18243a;box-shadow:0 12px 40px rgba(16,24,39,.10)}.plan-card-top{min-height:72px}.annual-price{font-size:14px;font-weight:650;color:#46546b}.plan-features{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#536176}.plan-features li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:7px}.billing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.prose{white-space:normal;line-height:1.65}.table-wrap small{display:block;color:#7b8798;margin-top:3px}
@media(max-width:1000px){.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.admin-side .nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-plan-grid{grid-template-columns:1fr}.admin-content{padding:20px}.account-hero{align-items:flex-start}.subscription-state{text-align:left}}
@media(max-width:680px){.admin-side .nav{grid-template-columns:1fr 1fr}.account-hero,.section-head{display:block}.subscription-state{margin-top:15px}.billing-actions,.grid.two{grid-template-columns:1fr}.billing-grid{grid-template-columns:1fr}.admin-content{padding:14px}}

/* ========================================================================
   Renta CRM v5.0.5 — Commercial UI System
   ======================================================================== */
:root{
  --rc-bg:#f4f6f8;
  --rc-surface:#ffffff;
  --rc-surface-2:#f8fafc;
  --rc-surface-3:#eef2f6;
  --rc-ink:#101828;
  --rc-ink-2:#344054;
  --rc-muted:#667085;
  --rc-subtle:#98a2b3;
  --rc-border:#e4e7ec;
  --rc-border-strong:#d0d5dd;
  --rc-primary:#635bff;
  --rc-primary-hover:#5046e5;
  --rc-primary-soft:#f0efff;
  --rc-success:#079455;
  --rc-success-soft:#ecfdf3;
  --rc-warning:#dc6803;
  --rc-warning-soft:#fff7ed;
  --rc-danger:#d92d20;
  --rc-danger-soft:#fef3f2;
  --rc-info:#175cd3;
  --rc-info-soft:#eff8ff;
  --rc-sidebar:#101828;
  --rc-sidebar-2:#182230;
  --rc-shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --rc-shadow-sm:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --rc-shadow-md:0 8px 24px rgba(16,24,40,.08);
  --rc-shadow-lg:0 20px 50px rgba(16,24,40,.14);
  --rc-radius-sm:8px;
  --rc-radius:12px;
  --rc-radius-lg:18px;
  --rc-radius-xl:24px;
}
html{scroll-behavior:smooth;background:var(--rc-bg)}
body{background:var(--rc-bg);color:var(--rc-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::selection{background:#d9d6fe;color:#271d7a}
*{scrollbar-width:thin;scrollbar-color:#cfd4dc transparent}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cfd4dc;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button,input,select,textarea{font:inherit}
input,select,textarea{min-height:42px;padding:9px 12px;border:1px solid var(--rc-border-strong);border-radius:10px;background:#fff;color:var(--rc-ink);outline:none;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:hover,select:hover,textarea:hover{border-color:#b8c0cc}
input:focus,select:focus,textarea:focus{border-color:var(--rc-primary);box-shadow:0 0 0 4px rgba(99,91,255,.11)}
input::placeholder,textarea::placeholder{color:#98a2b3}
input:disabled,select:disabled,textarea:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}
textarea{min-height:104px;resize:vertical}
label{color:var(--rc-ink-2);font-size:13px;font-weight:600;letter-spacing:-.01em}
label input,label select,label textarea{margin-top:6px;font-weight:400}
small{font-size:12px}.muted{color:var(--rc-muted)!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-primary)}
h1,h2,h3,h4{color:var(--rc-ink);letter-spacing:-.025em}h1{font-size:30px;line-height:1.16}h2{font-size:21px;line-height:1.25}h3{font-size:16px;line-height:1.35}
hr{border:0;border-top:1px solid var(--rc-border);margin:18px 0}
code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#f2f4f7;border:1px solid #eaecf0;border-radius:6px;padding:2px 5px;color:#344054;font-size:.9em}

/* Buttons */
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:var(--rc-primary);color:#fff;font-weight:650;line-height:1;box-shadow:var(--rc-shadow-xs);cursor:pointer;white-space:nowrap;transition:all .18s ease}
.btn:hover{background:var(--rc-primary-hover);box-shadow:0 5px 12px rgba(99,91,255,.18);transform:translateY(-1px)}
.btn:active{transform:translateY(0);box-shadow:var(--rc-shadow-xs)}
.btn.secondary{background:#fff;color:var(--rc-ink-2);border-color:var(--rc-border-strong);box-shadow:var(--rc-shadow-xs)}
.btn.secondary:hover{background:#f9fafb;border-color:#98a2b3;color:var(--rc-ink)}
.btn.danger{background:#fff;color:var(--rc-danger);border-color:#fda29b}.btn.danger:hover{background:var(--rc-danger-soft);border-color:#f97066;box-shadow:none}
.btn.good{background:var(--rc-success)}
.btn[disabled]{opacity:.45;pointer-events:none}

/* Cards, grids, metrics */
.card,.form-card,.scan-card,.return-item{background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);box-shadow:var(--rc-shadow-xs)}
.card{padding:20px}.card:hover{border-color:#d8dce3}.form-card{max-width:1080px;padding:22px}
.cards{gap:14px}.cards>.card,.cards>.metric{min-height:112px}
.metric strong{font-size:28px;line-height:1.1;letter-spacing:-.04em;color:var(--rc-ink);font-weight:750}.metric .muted{font-weight:500}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.stats>div{position:relative;overflow:hidden;background:#fff;border:1px solid var(--rc-border);border-radius:16px;padding:17px 18px;box-shadow:var(--rc-shadow-xs)}.stats>div::after{content:"";position:absolute;width:88px;height:88px;border-radius:999px;right:-35px;top:-45px;background:radial-gradient(circle,rgba(99,91,255,.11),rgba(99,91,255,0) 72%)}.stats span{display:block;color:var(--rc-muted);font-size:12px;font-weight:600;margin-bottom:6px}.stats b{font-size:25px;line-height:1.15;letter-spacing:-.035em}
.grid{gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 14px}.section-head h2{margin:4px 0 0}
.quick-actions,.hero-actions,.billing-actions{display:flex;gap:9px;flex-wrap:wrap}

/* App shell */
.layout{grid-template-columns:252px minmax(0,1fr);background:var(--rc-bg)}
.side{width:252px;padding:18px 12px 16px;background:linear-gradient(180deg,var(--rc-sidebar) 0%,#0c1420 100%);border-right:1px solid rgba(255,255,255,.04);box-shadow:1px 0 0 rgba(16,24,40,.04);z-index:30}
.side .brand{padding:7px 11px 18px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}
.side .brand b{display:flex;align-items:center;gap:9px;font-size:18px;letter-spacing:-.04em;color:#fff}
.side .brand b::before,.admin-side .brand b::before,.auth-logo::before,.landing-logo::before{content:"R";display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#8b83ff,#635bff);color:#fff;font-size:14px;font-weight:850;box-shadow:0 7px 16px rgba(99,91,255,.25)}
.side .brand small{display:block;margin:8px 0 0 38px;color:#98a2b3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}
.nav{display:flex;flex-direction:column;gap:2px;padding:5px 0}
.side .nav a,.admin-side .nav a{position:relative;display:flex;align-items:center;min-height:38px;padding:9px 11px;border-radius:9px;color:#98a2b3;font-size:13px;font-weight:560;letter-spacing:-.006em}
.side .nav a:hover,.admin-side .nav a:hover{background:rgba(255,255,255,.055);color:#e4e7ec}
.side .nav a.active,.admin-side .nav a.active{background:rgba(99,91,255,.18);color:#fff;box-shadow:inset 3px 0 0 #8b83ff}
.side .nav a.active::after,.admin-side .nav a.active::after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#9b94ff;box-shadow:0 0 0 4px rgba(155,148,255,.1)}
.content{padding:26px 30px 44px;max-width:1680px;width:100%;margin:0 auto;min-width:0}
.top{min-height:66px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,520px) auto;gap:18px;align-items:center;margin:0 0 22px;padding:0 0 17px;border-bottom:1px solid var(--rc-border)}
.top h1{font-size:27px;margin:0!important}.top>div>.muted{margin-top:4px;font-size:12px}
.global-search{position:relative;max-width:520px}.global-search input{height:42px;padding-left:39px;border-color:var(--rc-border);background:#fff}.global-search::before{content:"";position:absolute;left:14px;top:50%;width:13px;height:13px;border:1.8px solid #98a2b3;border-radius:50%;transform:translateY(-60%);z-index:2;pointer-events:none}.global-search::after{content:"";position:absolute;left:25px;top:24px;width:6px;height:1.8px;background:#98a2b3;transform:rotate(45deg);border-radius:3px;z-index:2}.global-search .btn{min-height:42px}
.mobile-actions{border-color:rgba(208,213,221,.8);box-shadow:var(--rc-shadow-md)}

/* Tables */
.table-wrap{border:1px solid var(--rc-border);border-radius:16px;background:#fff;box-shadow:var(--rc-shadow-xs);overflow:auto}
table{font-size:13px}th,td{padding:12px 14px;border-bottom:1px solid #eef0f3;vertical-align:middle}thead th{position:sticky;top:0;z-index:2;background:#f9fafb;color:#667085;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;border-bottom-color:var(--rc-border)}tbody tr{transition:background .13s ease}tbody tr:hover{background:#fafbfc}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--rc-muted);margin-top:2px}
.table-wrap .btn{min-height:32px;padding:6px 9px;border-radius:8px;font-size:11px}

/* Statuses & alerts */
.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid #d9d6fe;border-radius:999px;background:var(--rc-primary-soft);color:#5925dc;font-size:11px;font-weight:700;line-height:1}
.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.badge.good{background:var(--rc-success-soft);border-color:#abefc6;color:#067647}.badge.bad{background:var(--rc-danger-soft);border-color:#fecdca;color:#b42318}.badge.warn{background:var(--rc-warning-soft);border-color:#fedf89;color:#b54708}
.alert{border:1px solid transparent;border-radius:12px;padding:11px 13px;margin:10px 0;font-size:13px;font-weight:520}.alert.ok,.ok{background:var(--rc-success-soft);border-color:#abefc6;color:#067647}.alert.bad,.bad{background:var(--rc-danger-soft);border-color:#fecdca;color:#b42318}.alert.warn,.warn{background:var(--rc-warning-soft);border-color:#fedf89;color:#b54708}

/* Toolbars & tabs */
.toolbar{gap:7px;margin-bottom:15px}.doc-tabs{gap:6px;padding:4px;background:#f2f4f7;border-radius:12px;width:max-content;max-width:100%}.doc-tabs a{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:var(--rc-muted);font-weight:650}.doc-tabs a.active{background:#fff;color:var(--rc-ink);box-shadow:var(--rc-shadow-sm)}

/* Rental / operational */
.rental-summary{border-color:var(--rc-border);background:#fff;border-radius:16px;padding:8px;gap:5px;box-shadow:var(--rc-shadow-xs)}.rental-summary div{border-radius:11px;padding:11px 12px}.rental-summary .total{background:linear-gradient(135deg,#101828,#27364d)}.return-item{padding:17px;background:#fff}.return-item h4{font-size:15px}.booking-chip{background:#fff;border-color:var(--rc-border);box-shadow:var(--rc-shadow-xs)}.booking-day{border:1px solid var(--rc-border);border-radius:14px;background:#fff}.chartbar{height:8px;background:#eef0f3}.chartbar span{background:linear-gradient(90deg,#635bff,#8b83ff)}

/* Uploads */
.equipment-photo-editor,.document-upload-card,.client-doc{border-color:var(--rc-border);border-radius:16px;box-shadow:var(--rc-shadow-xs)}.equipment-photo-preview-wrap,.file-preview{border-color:#d0d5dd;background:#f9fafb;border-radius:12px}.equipment-photo-preview,.equipment-thumb{border-color:var(--rc-border);border-radius:11px}

/* Authentication */
.login{display:block;min-height:100vh;padding:0;background:#f8fafc}
.auth-shell{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100vh;background:#fff}
.auth-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px 46px;background:linear-gradient(145deg,#101828 0%,#182230 55%,#1f2d46 100%);color:#fff}
.auth-aside::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;top:-170px;right:-190px;background:radial-gradient(circle,rgba(139,131,255,.31),rgba(99,91,255,0) 67%)}.auth-aside::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;bottom:-210px;left:-100px;background:radial-gradient(circle,rgba(99,91,255,.2),transparent 69%)}
.auth-logo{position:relative;z-index:2;display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.04em}.auth-copy{position:relative;z-index:2;max-width:470px}.auth-copy h2{font-size:41px;line-height:1.08;color:#fff;margin:0 0 15px;letter-spacing:-.05em}.auth-copy p{font-size:16px;color:#cbd5e1;line-height:1.65;margin:0 0 25px}.auth-points{display:grid;gap:11px}.auth-points span{position:relative;padding-left:28px;color:#e4e7ec;font-size:13px}.auth-points span::before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(139,131,255,.18);color:#b9b4ff;font-size:11px;font-weight:800}.auth-aside>.muted{position:relative;z-index:2;color:#667085!important}
.auth-main{display:grid;place-items:center;padding:40px 8vw;background:#fff}.auth-form{width:min(620px,100%)}.auth-form h1{font-size:31px;margin:0 0 7px}.auth-form>p.muted{margin:0 0 26px;font-size:14px}.auth-form label{margin-bottom:14px}.auth-form>.btn{width:100%;min-height:46px;margin-top:8px;font-size:14px}.auth-foot{text-align:center;margin-top:20px;color:var(--rc-muted)}.auth-foot a{color:var(--rc-primary)}
.auth-form .grid{gap:13px 14px}.slug-input{display:flex;align-items:stretch;margin-top:6px}.slug-input input{border-radius:10px 0 0 10px;margin:0}.slug-input span{display:flex;align-items:center;padding:0 11px;border:1px solid var(--rc-border-strong);border-left:0;border-radius:0 10px 10px 0;background:#f9fafb;color:var(--rc-muted);font-size:12px;white-space:nowrap}

/* Marketing */
.landing-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.82)}
.landing-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.landing-head .landing-wrap{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-logo{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.04em}.landing-head nav{display:flex;align-items:center;gap:5px}.landing-head nav>a:not(.btn){padding:9px 11px;border-radius:9px;color:var(--rc-muted);font-weight:600;font-size:13px}.landing-head nav>a:not(.btn):hover{color:var(--rc-ink);background:#f2f4f7}.landing-head .btn{min-height:38px}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:70px;padding:94px 0 82px}.hero::before{content:"";position:absolute;z-index:-1;width:650px;height:650px;left:-380px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(99,91,255,.09),transparent 69%)}.hero h1{font-size:64px;line-height:.98;letter-spacing:-.065em;margin:19px 0 22px;max-width:720px}.hero>div>p{font-size:18px;line-height:1.65;color:var(--rc-muted);max-width:680px;margin:0 0 29px}.hero-actions .btn{min-height:46px;padding-inline:18px}.hero-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#101828,#1b2a41);color:#fff;border-radius:26px;padding:28px;box-shadow:0 34px 70px rgba(16,24,40,.24);transform:rotate(1deg)}.hero-card::after{content:"";position:absolute;right:-90px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(139,131,255,.35),transparent 68%)}.hero-card h3{font-size:22px;color:#fff;margin:16px 0 26px}.hero-card p{padding:15px 0;margin:0;color:#e4e7ec}.hero-card .muted{color:#98a2b3!important}.hero-card hr{border-color:rgba(255,255,255,.08)}
.landing-section{padding:72px 0}.landing-section-head{max-width:720px;margin-bottom:31px}.landing-section-head h2,#features>h2,#plans>h2{font-size:36px;letter-spacing:-.045em;margin:0 0 10px}.landing-section-head p{font-size:16px;color:var(--rc-muted)}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{position:relative;min-height:118px;padding:20px;border:1px solid var(--rc-border);border-radius:17px;background:#fff;box-shadow:var(--rc-shadow-xs);font-size:14px}.feature-card::before{content:"";display:block;width:30px;height:30px;border-radius:9px;margin-bottom:15px;background:linear-gradient(135deg,#f0efff,#e4e2ff);box-shadow:inset 0 0 0 1px #d9d6fe}.feature-card b{font-size:14px}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--rc-shadow-md);border-color:#d5d1ff}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{position:relative;display:flex;flex-direction:column;padding:23px;border:1px solid var(--rc-border);border-radius:20px;background:#fff;box-shadow:var(--rc-shadow-xs);transition:all .2s ease}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--rc-shadow-md)}.plan-card.featured{border:1.5px solid #8b83ff;box-shadow:0 14px 38px rgba(99,91,255,.12)}.plan-card h3{font-size:18px;margin:0 0 8px}.plan-price{margin:16px 0 5px;font-size:36px;font-weight:780;letter-spacing:-.05em}.plan-price small{font-size:12px;color:var(--rc-muted);font-weight:600;letter-spacing:0}.annual-price{font-size:12px;color:var(--rc-muted);margin-bottom:15px}.plan-features{list-style:none;padding:0;margin:13px 0 22px;display:grid;gap:10px;color:var(--rc-muted)}.plan-features li{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid #f2f4f7}.plan-features b{color:var(--rc-ink-2)}.plan-card>.btn,.plan-card>form{margin-top:auto}.landing-foot{margin-top:76px;border-top:1px solid var(--rc-border);background:#fff;color:var(--rc-muted)}.landing-foot .landing-wrap{padding:26px 0}

/* Public catalog */
.catalog-hero{padding:54px 0 30px}.catalog-hero h1{font-size:42px;margin:0 0 7px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:70px}.catalog-card{overflow:hidden;background:#fff;border:1px solid var(--rc-border);border-radius:20px;box-shadow:var(--rc-shadow-xs);transition:.2s ease}.catalog-card:hover{transform:translateY(-2px);box-shadow:var(--rc-shadow-md)}.catalog-card>img,.catalog-photo-placeholder{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#f2f4f7,#eaecf0)}.catalog-photo-placeholder{display:grid;place-items:center;color:#98a2b3;font-weight:750}.catalog-body{padding:19px}.catalog-body h3{font-size:18px;margin:6px 0 12px}.catalog-body>p{margin:6px 0}.catalog-body details{margin-top:17px}.catalog-body summary{list-style:none;width:100%}.catalog-body summary::-webkit-details-marker{display:none}.catalog-book{display:grid;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--rc-border)}

/* Billing */
.account-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff 50%,#f5f4ff 100%)}.subscription-state{min-width:190px;display:grid;justify-items:end;gap:5px}.subscription-state>b{font-size:18px}.billing-provider-note{padding:8px 11px;border-radius:999px;background:#f2f4f7;color:var(--rc-muted);font-size:12px;font-weight:600}.billing-grid{align-items:stretch}.billing-grid .plan-card{min-height:100%}

/* Admin */
.admin-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:var(--rc-bg)}.admin-side{position:sticky;top:0;height:100vh;padding:18px 12px;background:linear-gradient(180deg,#0d1522,#101828);color:#fff}.admin-side .brand{padding:7px 11px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-side .brand b{display:flex;align-items:center;gap:9px;font-size:18px;color:#fff}.admin-side .brand small{display:block;margin:7px 0 0 39px;color:#667085}.admin-side>.btn{position:absolute;left:12px;right:12px;bottom:17px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#d0d5dd}.admin-side>.btn:hover{background:rgba(255,255,255,.1);color:#fff}.admin-content{max-width:1600px}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-plan-card{display:flex;flex-direction:column;gap:12px}.billing-settings{max-width:900px}.check-row{display:flex;gap:18px;flex-wrap:wrap}.check-row label,.check{display:flex!important;align-items:center;gap:7px}.check-row input,.check input{width:auto;min-height:auto;margin:0}.inline{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.inline select,.inline input{width:auto;min-width:130px}

/* Empty-ish states and prose */
.prose{line-height:1.75;color:var(--rc-ink-2)}
.document-editor{border-color:var(--rc-border-strong);border-radius:14px}.document-editor:focus{border-color:var(--rc-primary);box-shadow:0 0 0 4px rgba(99,91,255,.1)}.variable-chip{background:#f9fafb;border-color:var(--rc-border);border-radius:10px}.variable-chip:hover{border-color:#b9b4ff;background:#f7f5ff}

/* Responsive */
@media(max-width:1180px){.hero{gap:38px}.hero h1{font-size:54px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .layout,.admin-shell{grid-template-columns:1fr}.side,.admin-side{position:relative;width:auto;height:auto;padding:10px 10px 8px}.side .brand,.admin-side .brand{display:none}.side .nav,.admin-side .nav{display:flex;flex-direction:row;overflow:auto;gap:3px;padding:0 0 3px}.side .nav a,.admin-side .nav a{white-space:nowrap;min-height:36px}.side .nav a.active,.admin-side .nav a.active{box-shadow:none;background:rgba(99,91,255,.22)}.side .nav a.active::after,.admin-side .nav a.active::after{display:none}.admin-side>.btn{display:none}.content{padding:18px 18px 38px}.top{grid-template-columns:1fr auto;gap:12px}.top .global-search{grid-column:1/-1;grid-row:2}.auth-shell{grid-template-columns:1fr}.auth-aside{min-height:255px;padding:28px 32px}.auth-copy h2{font-size:32px}.auth-copy p{margin-bottom:14px}.auth-points{grid-template-columns:repeat(3,1fr);gap:10px}.auth-main{padding:38px 24px}.hero{grid-template-columns:1fr;padding:68px 0}.hero-card{max-width:660px;transform:none}.plan-grid{grid-template-columns:1fr 1fr}.landing-head nav>a:not(.btn){display:none}.landing-head .landing-wrap{height:64px}}
@media(max-width:700px){
  body{font-size:14px}.content{padding:14px 11px 32px}.top{display:flex;align-items:flex-start;flex-direction:column;padding-bottom:14px;margin-bottom:16px}.top>a.btn{position:absolute;right:11px;top:14px}.global-search{width:100%;padding-right:0}.global-search input{min-width:0}.global-search .btn{flex:0 0 auto}.cards,.stats,.grid.two,.grid.three{grid-template-columns:1fr}.card,.form-card{border-radius:14px;padding:15px}.toolbar .btn,.toolbar button{flex:0 1 auto}.table-wrap{border-radius:12px}.auth-aside{min-height:220px;padding:24px}.auth-copy h2{font-size:27px}.auth-copy p{font-size:14px}.auth-points{display:none}.auth-main{padding:30px 18px}.auth-form h1{font-size:27px}.auth-form .grid{grid-template-columns:1fr}.landing-wrap{width:min(100% - 26px,1180px)}.hero{padding:51px 0 42px}.hero h1{font-size:43px}.hero>div>p{font-size:16px}.hero-card{padding:20px;border-radius:20px}.feature-grid,.plan-grid,.catalog-grid,.admin-plan-grid{grid-template-columns:1fr}.landing-section,#features,#plans{padding-top:42px}.landing-section-head h2,#features>h2,#plans>h2{font-size:30px}.catalog-hero{padding:37px 0 20px}.catalog-hero h1{font-size:34px}.account-hero{align-items:flex-start;flex-direction:column}.subscription-state{justify-items:start}.billing-provider-note{display:none}.rental-summary{grid-template-columns:1fr 1fr}.rental-summary .total{grid-column:1/-1}.doc-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.doc-tabs a{white-space:nowrap}.section-head{align-items:flex-start;flex-direction:column}.check-row{flex-direction:column;gap:8px}}
@media(max-width:440px){.landing-head nav .btn{padding-inline:10px}.hero h1{font-size:38px}.slug-input{display:block}.slug-input input{border-radius:10px}.slug-input span{margin-top:6px;min-height:38px;border-left:1px solid var(--rc-border-strong);border-radius:10px}.rental-summary{grid-template-columns:1fr}.rental-summary .total{grid-column:auto}.btn{white-space:normal}}

@media print{body{background:#fff}.card,.table-wrap{box-shadow:none}.content{max-width:none}}
.side-account{margin-top:14px;padding:13px 9px 3px;border-top:1px solid rgba(255,255,255,.08)}.side-account>div{display:flex;align-items:center;gap:9px}.side-account>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#27364d;color:#fff;font-weight:750}.side-account b{display:block;color:#e4e7ec;font-size:12px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-account small{display:block;color:#667085;font-size:10px;margin-top:2px}@media(max-width:960px){.side-account{display:none}}
/* installer/status polish */
.installer{background:radial-gradient(circle at 20% 0,rgba(99,91,255,.08),transparent 30%),var(--rc-bg)}.install-card{border-color:var(--rc-border);border-radius:22px;padding:28px;box-shadow:var(--rc-shadow-lg)}.checks>div{padding:10px 12px;border:1px solid var(--rc-border);border-radius:10px;background:#f9fafb}.ocr-pre,.audit-json{background:#101828;color:#d0d5dd;border-radius:12px;border:1px solid #1d2939}.editor-toolbar button{border-color:var(--rc-border-strong);border-radius:9px}.editor-toolbar button:hover{background:#f2f4f7}.document-template-grid{gap:14px}.document-upload-grid{gap:14px}

/* v5.0.6 — compact SaaS admin sidebar */
.admin-side{gap:14px}
.admin-side .nav{
  display:flex;
  flex-direction:column;
  gap:3px;
  flex:0 0 auto;
  padding:4px 0;
}
.admin-side .nav a{
  min-height:40px;
  padding:9px 11px;
  margin:0;
}
.admin-side>.btn{margin-top:auto}
@media(max-width:1000px){
  .admin-side .nav{display:flex;flex-direction:row;overflow-x:auto;gap:4px;flex:0 0 auto;padding:0 0 3px}
  .admin-side .nav a{min-height:36px;white-space:nowrap}
}


/* v5.1 mobile operational lists */
.catalog-availability{margin:.6rem 0;padding:.55rem .7rem;border-radius:10px;background:var(--surface-2,#f5f7fb);font-size:.86rem;font-weight:650;color:var(--text-2,#475569)}
@media (max-width:720px){
  .table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none}
  .mobile-card-table{display:block;width:100%;border:0;background:transparent}
  .mobile-card-table thead{display:none}
  .mobile-card-table tbody{display:grid;gap:10px}
  .mobile-card-table tr{display:block;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:8px 12px;box-shadow:0 5px 18px rgba(15,23,42,.04)}
  .mobile-card-table tr:first-child:has(th){display:none}
  .mobile-card-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:0!important;padding:8px 0!important;text-align:right;white-space:normal}
  .mobile-card-table td::before{content:attr(data-label);font-weight:650;color:var(--muted,#64748b);text-align:left;min-width:38%}
  .mobile-card-table td:first-child{font-weight:700}
  .mobile-card-table form.inline,.mobile-card-table .toolbar{justify-content:flex-end}
  .branch-layout{grid-template-columns:1fr!important}
}
/* v5.2 */
.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.occupancy{overflow:auto;max-height:72vh}.occupancy table{min-width:1500px;border-collapse:separate;border-spacing:0}.occupancy th,.occupancy td{min-width:78px;text-align:center}.occupancy .sticky-col{position:sticky;left:0;z-index:3;min-width:260px;text-align:left;background:var(--surface,#fff)}.occupancy thead th{position:sticky;top:0;z-index:2;background:var(--surface,#fff)}.occupancy thead .sticky-col{z-index:4}.occupancy th small,.occupancy td small{display:block;color:var(--muted,#667085);font-size:11px}.occ-cell span{display:block;padding:7px 4px;border-radius:8px;font-size:11px;font-weight:700}.occ-free span{background:#ecfdf3;color:#067647}.occ-book span{background:#fffaeb;color:#b54708}.occ-rent span{background:#eff8ff;color:#175cd3}.occ-repair span{background:#fef3f2;color:#b42318}
.crm-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.crm-list{max-height:75vh;overflow:auto}.crm-client{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid transparent}.crm-client:hover,.crm-client.active{background:#f4f7ff;border-color:#d7e1ff}.crm-client small{display:block;margin-top:3px;color:#667085}.timeline{display:grid;gap:10px;margin-top:14px}.timeline-item{background:#fff;border:1px solid #eaecf0;border-radius:12px;padding:14px}.timeline-item .badge{margin-left:8px}.timeline-item small{color:#667085}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eee}.recommend{padding:12px 0;border-bottom:1px solid #eee}.recommend p{margin:.3rem 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:900px){.crm-layout{grid-template-columns:1fr}.crm-list{max-height:320px}.form-grid{grid-template-columns:1fr}.occupancy .sticky-col{min-width:190px}}

/* ========================================================================
   Renta CRM v5.2.1 — Premium Tenant UI refresh
   Applies only to authenticated tenant cabinet pages.
   ======================================================================== */
.app-page{
  --app-bg:#f5f7fb;
  --app-panel:#ffffff;
  --app-panel-2:#f8fafc;
  --app-text:#111827;
  --app-text-2:#344054;
  --app-muted:#7a8699;
  --app-line:#e7ebf2;
  --app-line-2:#d9dfeb;
  --app-primary:#4f46e5;
  --app-primary-2:#6d5dfc;
  --app-primary-soft:#efedff;
  --app-success:#16a66a;
  --app-success-soft:#eafaf2;
  --app-warning:#f59e0b;
  --app-warning-soft:#fff7e8;
  --app-danger:#ef4444;
  --app-danger-soft:#fff0f0;
  --app-info:#2563eb;
  --app-info-soft:#edf4ff;
  --app-sidebar:#0d1728;
  --app-sidebar-2:#111d31;
  --app-shadow:0 8px 24px rgba(17,24,39,.045),0 1px 2px rgba(17,24,39,.03);
  --app-shadow-hover:0 14px 34px rgba(17,24,39,.07);
  background:var(--app-bg);
}
.app-page .layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;background:var(--app-bg)}
.app-page .side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px 12px;background:linear-gradient(180deg,#0b1526 0%,#111c30 100%);color:#fff;overflow:hidden;box-shadow:inset -1px 0 0 rgba(255,255,255,.045)}
.app-page .brand{display:flex;align-items:center;gap:11px;padding:4px 7px 18px;margin:0 0 8px;border-bottom:1px solid rgba(255,255,255,.075)}
.app-page .brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#6d5dfc,#4f46e5);box-shadow:0 8px 22px rgba(79,70,229,.28);font-weight:800;color:#fff;font-size:18px}
.app-page .brand-copy{min-width:0;display:block}.app-page .brand-copy b{display:block;font-size:16px;letter-spacing:-.025em}.app-page .brand-copy small{display:block;margin-top:2px;color:#8fa0ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.app-page .brand-dots{margin-left:auto;color:#74839b;font-size:19px}
.app-page .nav{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:2px;padding:4px 0 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#27354d transparent}
.app-page .nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;margin:0;border-radius:9px;color:#b8c4d6;font-size:13px;font-weight:560;line-height:1.15}
.app-page .nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:none}.app-page .nav a.active{background:linear-gradient(100deg,rgba(79,70,229,.8),rgba(79,70,229,.45));color:#fff;box-shadow:inset 0 0 0 1px rgba(126,118,255,.18),0 6px 16px rgba(34,29,113,.17)}
.app-page .nav a.active i{position:absolute;right:10px;width:6px;height:6px;border-radius:50%;background:#a9a3ff;box-shadow:0 0 0 4px rgba(169,163,255,.12)}
.app-page .nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;color:#9fb0c9;font-size:16px;font-weight:500}.app-page .nav a.active .nav-icon{color:#fff}
.app-page .side-footer{flex:0 0 auto;margin-top:8px}.app-page .help-card{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;background:linear-gradient(135deg,rgba(79,70,229,.22),rgba(79,70,229,.08));border:1px solid rgba(127,119,255,.15);color:#dfe5ef}.app-page .help-card:hover{background:linear-gradient(135deg,rgba(79,70,229,.32),rgba(79,70,229,.13))}.app-page .help-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-weight:700}.app-page .help-card b,.app-page .help-card small{display:block}.app-page .help-card b{font-size:12px}.app-page .help-card small{font-size:10px;color:#90a0bb;margin-top:1px}.app-page .help-card strong{margin-left:auto;font-size:20px;font-weight:400}.app-page .side-account{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:10px 0 0;padding:10px 5px 1px;border-top:1px solid rgba(255,255,255,.07)}.app-page .side-account>div{display:flex;align-items:center;gap:9px}.app-page .avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#6d5dfc,#4f46e5);color:#fff;font-weight:750;box-shadow:0 4px 14px rgba(79,70,229,.22);flex:0 0 auto}.app-page .side-account b{display:block;color:#f6f8fb;font-size:12px}.app-page .side-account small{display:block;color:#7f90aa;font-size:10px}.app-page .side-logout{color:#8da0bb;font-size:18px;padding:6px;border-radius:8px}.app-page .side-logout:hover{background:rgba(255,255,255,.06);color:#fff}

.app-page .content{min-width:0;max-width:none;padding:18px 24px 42px;background:radial-gradient(circle at 70% -15%,rgba(79,70,229,.045),transparent 28%),var(--app-bg)}
.app-page .app-header{display:grid;grid-template-columns:minmax(240px,1fr) minmax(520px,720px);align-items:center;gap:22px;min-height:72px;margin-bottom:16px}.app-page .page-heading .eyebrow{text-transform:none;letter-spacing:0;font-size:12px;color:#6171a0;font-weight:650;margin-bottom:2px}.app-page .page-heading h1{margin:0;font-size:28px;line-height:1.08;letter-spacing:-.035em;color:#111827}.app-page .page-heading .muted{margin-top:5px;font-size:12px;color:#7b879b!important}.app-page .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px}.app-page .global-search{position:relative;display:flex;align-items:center;gap:0;max-width:520px;width:100%;margin:0}.app-page .global-search .search-icon{position:absolute;left:13px;color:#9aa6b9;font-size:20px;z-index:2}.app-page .global-search input{height:42px;min-height:42px;padding:0 58px 0 40px;border-radius:12px;border:1px solid var(--app-line-2);background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(17,24,39,.025);font-size:13px}.app-page .global-search kbd{position:absolute;right:10px;top:8px;padding:4px 7px;border:1px solid #e6eaf0;border-radius:7px;background:#f8fafc;color:#8a96aa;font-size:10px;font-family:inherit;box-shadow:none}.app-page .header-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border-left:1px solid var(--app-line);color:#48566e;font-size:20px}.app-page .header-icon span{position:absolute;right:5px;top:3px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid #fff}.app-page .header-user{display:flex;align-items:center;gap:9px;padding-left:2px}.app-page .header-user .avatar{width:36px;height:36px}.app-page .header-user b{display:block;font-size:12px;color:#1d2939}.app-page .header-user small{display:block;font-size:10px;color:#8390a4;margin-top:1px}

.app-page h2,.app-page h3,.app-page h4{color:#162033;letter-spacing:-.02em}.app-page h2{font-size:18px}.app-page h3{font-size:15px}.app-page .muted{color:var(--app-muted)!important}
.app-page .card,.app-page .form-card,.app-page .table-wrap,.app-page .scan-card,.app-page .timeline-item{background:rgba(255,255,255,.96);border:1px solid var(--app-line);border-radius:14px;box-shadow:var(--app-shadow)}
.app-page .card{padding:16px}.app-page .card:hover{border-color:#dbe1eb}.app-page .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-page .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.app-page .stats>div{position:relative;padding:16px 17px;background:#fff;border:1px solid var(--app-line);border-radius:14px;box-shadow:var(--app-shadow);overflow:hidden}.app-page .stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#776bff,#4f46e5)}.app-page .stats span{display:block;color:#76839a;font-size:12px}.app-page .stats b{display:block;margin-top:7px;font-size:23px;letter-spacing:-.04em;color:#111827}.app-page .metric{position:relative;min-height:112px;padding:17px 17px 15px;overflow:hidden}.app-page .metric:before{content:"";position:absolute;width:52px;height:52px;right:-12px;top:-12px;border-radius:50%;background:rgba(79,70,229,.07)}.app-page .metric .muted,.app-page .metric>span:first-child{font-size:12px;font-weight:600;color:#66758c!important}.app-page .metric strong{font-size:24px;letter-spacing:-.045em;margin-top:8px;color:#111827}

.app-page .btn{min-height:38px;padding:9px 14px;border-radius:10px;background:linear-gradient(135deg,var(--app-primary-2),var(--app-primary));color:#fff;font-size:12px;font-weight:680;box-shadow:0 5px 12px rgba(79,70,229,.18);border:1px solid transparent;transition:.16s ease}.app-page .btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(79,70,229,.22)}.app-page .btn.secondary{background:#fff;color:#263246;border-color:var(--app-line-2);box-shadow:0 1px 2px rgba(17,24,39,.025)}.app-page .btn.secondary:hover{background:#f8fafc;border-color:#c9d1df;box-shadow:0 4px 10px rgba(17,24,39,.05)}.app-page .btn.danger{background:#ef4444;box-shadow:0 5px 12px rgba(239,68,68,.15)}.app-page .toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px;background:#fff;border:1px solid var(--app-line);border-radius:13px;box-shadow:var(--app-shadow)}.app-page .toolbar form{display:flex;align-items:center;gap:7px}.app-page input,.app-page select,.app-page textarea{min-height:39px;border:1px solid var(--app-line-2);border-radius:9px;background:#fff;color:#172033;font-size:13px;box-shadow:0 1px 1px rgba(17,24,39,.02)}.app-page input:focus,.app-page select:focus,.app-page textarea:focus{border-color:#8b84ff;box-shadow:0 0 0 3px rgba(79,70,229,.09)}.app-page label{color:#536176;font-size:12px;font-weight:650}

.app-page .table-wrap{overflow:auto}.app-page table{border-collapse:separate;border-spacing:0}.app-page th,.app-page td{padding:10px 11px;border-bottom:1px solid #edf0f5}.app-page th{position:relative;background:#f8fafc;color:#748096;font-size:10px;font-weight:750;letter-spacing:.02em;text-transform:none}.app-page tbody tr{transition:background .12s ease}.app-page tbody tr:hover{background:#f8fbff}.app-page tbody tr:last-child td{border-bottom:0}.app-page td{font-size:12px;color:#344054}.app-page td b{color:#172033}.app-page .table-wrap a:not(.btn){color:#3f51d7;font-weight:650}.app-page .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700;border:1px solid rgba(79,70,229,.08)}.app-page .badge.good{background:var(--app-success-soft);color:#13875a;border-color:#d8f4e6}.app-page .badge.warn{background:var(--app-warning-soft);color:#c56d04;border-color:#feead0}.app-page .badge.bad{background:var(--app-danger-soft);color:#d73737;border-color:#ffdede}

.app-page .alert{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 13px;border-radius:12px;margin:0 0 14px;border:1px solid var(--app-line);font-size:12px}.app-page .alert.ok{background:#effbf5;color:#176647;border-color:#d7f1e4}.app-page .alert.bad{background:#fff1f1;color:#a82b2b;border-color:#ffdede}.app-page .alert.warn{background:#fff9ee;color:#92540c;border-color:#ffe2aa}.app-page .verify-banner{justify-content:flex-start}.app-page .verify-banner .verify-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff0cf;color:#d98200;font-size:15px}.app-page .verify-banner>div{display:grid;gap:1px}.app-page .verify-banner b{font-size:12px}.app-page .verify-banner small{color:#a16b2f}.app-page .verify-banner form{margin-left:auto}

.app-page .form-card{max-width:1100px;padding:18px}.app-page .form-card h2,.app-page .form-card h3,.app-page .card h2,.app-page .card h3{margin-top:0}.app-page .grid{gap:12px}.app-page .check{gap:8px}.app-page .check input{accent-color:var(--app-primary)}
.app-page code{padding:3px 6px;background:#f3f4ff;color:#4f46e5;border-radius:6px;font-size:11px}

/* Occupancy planner */
.app-page .occupancy{max-height:70vh;border-radius:14px;box-shadow:var(--app-shadow);background:#fff}.app-page .occupancy table{min-width:1500px;border-collapse:separate;border-spacing:0}.app-page .occupancy th,.app-page .occupancy td{min-width:80px;text-align:center;padding:7px;border-right:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.app-page .occupancy th{height:47px;background:#fbfcfe;color:#526078;font-size:10px}.app-page .occupancy th small{font-size:9px;margin-top:2px}.app-page .occupancy .sticky-col{min-width:280px;background:#fff;text-align:left;padding-left:14px;box-shadow:5px 0 12px rgba(17,24,39,.025)}.app-page .occupancy tbody .sticky-col b{display:block;font-size:12px;white-space:normal}.app-page .occupancy tbody .sticky-col small{margin-top:3px;font-size:10px}.app-page .occ-cell{padding:5px!important;background:#fff}.app-page .occ-cell span{min-height:30px;display:grid;place-items:center;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:720;white-space:nowrap}.app-page .occ-free span{background:#eaf8ef;color:#258258}.app-page .occ-book span{background:#f1ebff;color:#6848d6}.app-page .occ-rent span{background:#e9f2ff;color:#2e63c7}.app-page .occ-repair span{background:#fff0f0;color:#d74444}

/* CRM / list modules */
.app-page .crm-layout{grid-template-columns:310px minmax(0,1fr);gap:14px}.app-page .crm-client{padding:11px;border-radius:10px}.app-page .crm-client:hover,.app-page .crm-client.active{background:#f4f3ff;border-color:#dedaff}.app-page .timeline{gap:9px}.app-page .timeline-item{padding:13px;box-shadow:none}.app-page .list-row{border-bottom:1px solid #edf0f4;padding:10px 0}.app-page .recommend{padding:12px;border:1px solid #edf0f4;border-radius:11px;margin-bottom:9px;background:#fbfcfe}

/* Account/billing page */
.app-page .account-hero{border-radius:15px;padding:18px;background:linear-gradient(100deg,#fff,#fafaff)}.app-page .subscription-state{border:1px solid #e8e8f3;background:#f8f8ff;border-radius:12px}.app-page .plan-card{border-radius:14px;box-shadow:var(--app-shadow)}.app-page .billing-grid .plan-card.featured{outline:2px solid #7167ff;box-shadow:0 12px 28px rgba(79,70,229,.11)}

/* Better page spacing */
.app-page .content>.cards+.table-wrap,.app-page .content>.card+.table-wrap,.app-page .content>.stats+.cards,.app-page .content>.stats+.card,.app-page .content>.cards+.card{margin-top:14px}.app-page .section-head{margin:22px 0 10px}.app-page .document-template-grid,.app-page .document-upload-grid,.app-page .client-doc-grid{gap:12px}

@media(max-width:1280px){.app-page .layout{grid-template-columns:218px minmax(0,1fr)}.app-page .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page .app-header{grid-template-columns:minmax(220px,1fr) minmax(420px,620px)}}
@media(max-width:980px){.app-page .layout{display:block}.app-page .side{position:sticky;z-index:50;height:auto;padding:8px;display:block}.app-page .brand{display:none}.app-page .nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;gap:4px}.app-page .nav a{white-space:nowrap;min-height:36px}.app-page .side-footer{display:none}.app-page .content{padding:15px}.app-page .app-header{grid-template-columns:1fr;gap:10px}.app-page .header-actions{justify-content:flex-start}.app-page .global-search{max-width:none}.app-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.app-page .content{padding:11px}.app-page .page-heading h1{font-size:24px}.app-page .header-actions{display:grid;grid-template-columns:1fr auto auto}.app-page .header-user>div{display:none}.app-page .cards,.app-page .stats{grid-template-columns:1fr}.app-page .verify-banner{align-items:flex-start;flex-wrap:wrap}.app-page .verify-banner form{margin-left:43px}.app-page .toolbar{align-items:stretch}.app-page .toolbar>*{flex:1 1 100%}.app-page .toolbar form{width:100%}.app-page .toolbar input,.app-page .toolbar select{min-width:0}.app-page .crm-layout{grid-template-columns:1fr}.app-page .table-wrap{border-radius:11px}}

/* v5.2.1 dashboard composition */
.app-page .dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.app-page .dashboard-kpi{display:flex;align-items:center;gap:12px;min-height:104px;padding:15px;border-radius:14px;background:#fff;border:1px solid var(--app-line);box-shadow:var(--app-shadow)}.app-page .dashboard-kpi .kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:18px;font-weight:750;flex:0 0 auto}.app-page .dashboard-kpi span{display:block;color:#6f7d92;font-size:11px;font-weight:650}.app-page .dashboard-kpi strong{display:block;margin-top:3px;color:#111827;font-size:22px;line-height:1.05;letter-spacing:-.04em}.app-page .dashboard-kpi small{display:block;margin-top:5px;color:#909bad;font-size:10px}.app-page .kpi-purple .kpi-icon{background:#f0edff;color:#6758ed}.app-page .kpi-green .kpi-icon{background:#eafaf2;color:#18a064}.app-page .kpi-blue .kpi-icon{background:#edf4ff;color:#2d6bdc}.app-page .kpi-orange .kpi-icon{background:#fff3e6;color:#ec8c18}.app-page .kpi-red .kpi-icon{background:#fff0f0;color:#e44848}
.app-page .dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.app-page .dash-action{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid #e4e8f0;background:#fff;font-weight:700;font-size:12px;color:#25314a}.app-page .dash-action b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:15px}.app-page .dash-action i{margin-left:auto;font-style:normal;font-size:19px;font-weight:400}.app-page .dash-action.primary{background:linear-gradient(135deg,#6558f5,#4f46e5);border-color:#5c50e8;color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.16)}.app-page .dash-action.primary b{background:rgba(255,255,255,.15)}.app-page .dash-action.blue{background:#f2f6ff;color:#275fc4}.app-page .dash-action.blue b{background:#e5edff}.app-page .dash-action.green{background:#effbf5;color:#178354}.app-page .dash-action.green b{background:#dcf5e8}.app-page .dash-action.amber{background:#fff8eb;color:#b2680b}.app-page .dash-action.amber b{background:#ffedc9}
.app-page .dashboard-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.9fr);gap:12px;margin-bottom:12px}.app-page .card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.app-page .card-head h2,.app-page .card-head h3{margin:0}.app-page .card-head p{margin:2px 0 0;font-size:10px}.app-page .card-head>a{font-size:11px;color:#4f46e5;font-weight:700}.app-page .dashboard-chart{min-height:260px}.app-page .revenue-total{font-size:24px;font-weight:760;letter-spacing:-.04em;color:#172033;margin:2px 0 14px}.app-page .revenue-total small{display:inline;margin-left:8px;font-size:10px;font-weight:600;color:#8995a8}.app-page .mini-bars{height:145px;display:grid;grid-template-columns:repeat(14,1fr);align-items:end;gap:6px;padding:8px 4px 0;border-bottom:1px solid #e9edf3;background:repeating-linear-gradient(to top,#fff 0,#fff 35px,#f5f7fa 36px)}.app-page .mini-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.app-page .mini-bar i{display:block;width:70%;min-height:7px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8b82ff,#5d53ea);opacity:.82;transition:.15s}.app-page .mini-bar:hover i{opacity:1;transform:translateY(-2px)}.app-page .mini-bar small{font-size:8px;color:#98a2b3;white-space:nowrap}.app-page .dashboard-util{min-height:260px}.app-page .util-grid{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;min-height:175px}.app-page .donut{--rent:50;--free:30;--repair:10;position:relative;width:132px;height:132px;border-radius:50%;background:conic-gradient(#5c54e8 0 calc(var(--rent)*1%),#5fcf8f calc(var(--rent)*1%) calc((var(--rent) + var(--free))*1%),#ef6c6c calc((var(--rent) + var(--free))*1%) calc((var(--rent) + var(--free) + var(--repair))*1%),#d7ddea 0);display:grid;place-items:center}.app-page .donut:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff}.app-page .donut b,.app-page .donut span{position:absolute;z-index:2}.app-page .donut b{font-size:24px;top:47px}.app-page .donut span{font-size:9px;color:#8390a4;top:78px}.app-page .util-legend{display:grid;gap:10px}.app-page .util-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px}.app-page .dot{width:8px;height:8px;border-radius:50%}.app-page .dot.rent{background:#5c54e8}.app-page .dot.free{background:#5fcf8f}.app-page .dot.repair{background:#ef6c6c}.app-page .dot.other{background:#d7ddea}
.app-page .dashboard-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.app-page .dashboard-list{padding:14px;min-height:280px}.app-page .dash-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;padding:7px 0;border-bottom:1px solid #eef1f5;color:inherit}.app-page .dash-row:hover{background:#fafbfe}.app-page .dash-row time{font-size:10px;color:#5b6880}.app-page .dash-row time.late{color:#e24848;font-weight:700}.app-page .dash-row b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-page .dash-row small{display:block;font-size:9px;color:#8a96a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.app-page .card-link{display:block;padding-top:10px;color:#4f46e5;font-size:10px;font-weight:700}.app-page .empty-state{display:grid;place-items:center;min-height:150px;color:#98a2b3;font-size:11px}.app-page .money-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef1f5;font-size:11px}.app-page .money-line:last-child{border-bottom:0}.app-page .money-line span{color:#66758b}.app-page .money-line b{font-size:13px}.app-page .danger-text{color:#df4141}.app-page .problem-card{border-color:#ffdede;background:linear-gradient(180deg,#fff,#fffafa)}.app-page .problem-card .table-wrap{box-shadow:none;margin-top:8px}
@media(max-width:1320px){.app-page .dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page .dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page .dashboard-overview{grid-template-columns:1fr}}
@media(max-width:780px){.app-page .dashboard-kpis,.app-page .dashboard-actions,.app-page .dashboard-columns{grid-template-columns:1fr}.app-page .mini-bars{gap:3px}.app-page .mini-bar small{display:none}.app-page .util-grid{grid-template-columns:130px 1fr}}


/* v5.2.2 focused UI refinement */
.section-head.compact{margin:0 0 14px}
.empty-state.roomy{padding:28px 18px;text-align:center;color:var(--rc-muted)}
.table-entity-link{font-weight:700;color:var(--rc-ink)}
.row-selected{background:#f4f3ff!important}
.thumb-fallback{display:inline-grid;place-items:center;width:64px;height:48px;border-radius:10px;background:#f2f4f7;color:#98a2b3;border:1px solid var(--rc-border)}

/* Occupancy page */
.occupancy-page{display:grid;gap:16px}
.occupancy-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.occupancy-stat{background:#fff;border:1px solid var(--rc-border);border-radius:18px;padding:17px 18px;box-shadow:var(--rc-shadow-xs)}
.occupancy-stat span,.equipment-stat span{display:block;color:var(--rc-muted);font-size:12px;font-weight:650;margin-bottom:7px}
.occupancy-stat strong,.equipment-stat strong{display:block;font-size:28px;line-height:1.05;letter-spacing:-.04em}
.occupancy-stat small,.equipment-stat small{display:block;margin-top:7px;color:var(--rc-muted)}
.occupancy-stat.primary,.equipment-stat.primary{background:linear-gradient(180deg,#f7f5ff,#fff);border-color:#ddd6fe}
.occupancy-stat.good,.equipment-stat.good{background:linear-gradient(180deg,#f2fbf6,#fff);border-color:#b7efcc}
.occupancy-stat.warn{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f5d48d}
.occupancy-stat.bad,.equipment-stat.bad{background:linear-gradient(180deg,#fff5f5,#fff);border-color:#fecaca}
.occupancy-toolbar{padding:14px 16px}
.occupancy-toolbar-row,.equipment-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.occupancy-toolbar label,.equipment-filters label{display:flex;flex-direction:column;gap:6px;min-width:150px}
.occupancy-toolbar label.grow,.equipment-filters label.grow{flex:1 1 240px}
.occupancy-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.legend-item{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--rc-border);font-size:12px;font-weight:600;color:#475467}
.legend-item i{width:10px;height:10px;border-radius:999px;display:block}
.legend-item.free i{background:#67c587}.legend-item.rent i{background:#6d63ff}.legend-item.book i{background:#f59e0b}.legend-item.repair i{background:#ef4444}
.occupancy-shell{padding:14px}
.occupancy-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.occupancy-headline h3{margin:0 0 4px}
.occupancy-modern table{white-space:nowrap}
.occupancy-modern .equip-col{min-width:290px}
.occupancy-modern th{min-width:86px;text-align:center}
.occupancy-modern th span{display:block;font-size:13px;color:#344054}
.occupancy-modern th small{display:block;margin-top:2px;font-size:11px;color:#98a2b3}
.occupancy-modern th.is-weekend{background:#f7f8fb}
.occupancy-modern th.is-today{background:#eeecff}
.occ-cell{padding:9px 8px;text-align:center}
.occ-cell span{display:inline-flex;align-items:center;justify-content:center;min-width:100%;min-height:34px;border-radius:10px;font-size:12px;font-weight:700;border:1px solid transparent}
.occ-cell.occ-free span{background:#ecfdf3;border-color:#b7efcc;color:#067647}
.occ-cell.occ-rent span{background:#f4f3ff;border-color:#d9d6fe;color:#5925dc}
.occ-cell.occ-book span{background:#fff7ed;border-color:#fed7aa;color:#b45309}
.occ-cell.occ-repair span{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.occ-cell.is-today span{box-shadow:inset 0 0 0 2px rgba(99,91,255,.16)}
.equip-meta{display:flex;flex-direction:column;gap:3px}
.occupancy .sticky-col{position:sticky;left:0;z-index:3;background:#fff}
.occupancy thead .sticky-col{z-index:4}

/* Equipment page */
.equipment-page{display:grid;gap:16px}
.equipment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.equipment-stat{background:#fff;border:1px solid var(--rc-border);border-radius:18px;padding:17px 18px;box-shadow:var(--rc-shadow-xs)}
.equipment-toolbar-card{padding:14px 16px}
.equipment-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr);gap:16px;align-items:start}
.equipment-table-card{padding:16px}
.equipment-inspector{padding:16px;position:sticky;top:20px}
.equipment-inspector-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.equipment-inspector-head h3{margin:4px 0 4px}
.equipment-preview{border:1px solid var(--rc-border);border-radius:16px;background:#f8fafc;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}
.equipment-preview img{display:block;max-width:100%;width:100%;height:260px;object-fit:contain;background:#fff}
.equipment-preview-empty{color:#98a2b3;font-weight:600}
.equipment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.equipment-detail-grid>div,.equipment-mini-card{border:1px solid var(--rc-border);border-radius:14px;background:#fff;padding:12px}
.equipment-detail-grid span,.inspector-note span,.equipment-mini-card h4{display:block;color:#667085;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.equipment-detail-grid b{display:block;margin-top:5px;font-size:14px;color:#101828}
.inspector-note{display:grid;gap:10px;margin-bottom:14px}
.inspector-note p{margin:6px 0 0;color:#344054;line-height:1.45}
.equipment-mini-card h4{margin:0 0 8px;color:#475467}
.mini-list{display:grid;gap:10px}.mini-list small{display:block;margin-top:3px;color:#667085}
.toolbar.stacked{display:grid;grid-template-columns:1fr;gap:8px}

/* Shell refinements */
.layout{grid-template-columns:228px minmax(0,1fr)}
.side{width:228px;padding:16px 10px 14px}
.side .nav a{min-height:36px;padding:8px 10px;font-size:12.8px}
.content{padding:24px 26px 42px;max-width:1720px}
.app-header{gap:14px}

@media(max-width:1280px){
  .occupancy-summary,.equipment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .equipment-shell{grid-template-columns:1fr}
  .equipment-inspector{position:relative;top:auto}
}
@media(max-width:900px){
  .occupancy-summary,.equipment-stats{grid-template-columns:1fr}
  .occupancy-toolbar-row,.equipment-filters{flex-direction:column;align-items:stretch}
  .occupancy-toolbar label,.equipment-filters label{min-width:unset}
  .occupancy-headline{flex-direction:column}
}

/* ==========================================================
   Renta CRM v5.2.3 — unified product design system
   Applies the premium visual language to every tenant section.
   ========================================================== */
.app-page{--section-gap:16px;--panel:#fff;--panel-alt:#f8fafc;--panel-line:#e7eaf0;--panel-line-strong:#d7dce5;--ink:#101828;--ink-2:#344054;--muted-2:#667085;--violet:#635bff;--violet-soft:#f4f3ff;--green:#079455;--green-soft:#ecfdf3;--amber:#dc6803;--amber-soft:#fff6ed;--red:#d92d20;--red-soft:#fef3f2}
.app-page .page-body{display:grid;gap:var(--section-gap);min-width:0}
.app-page .page-body>div[style*="height:14px"]{display:none!important}
.app-page .page-subtitle{margin-top:5px;max-width:620px;color:#667085;font-size:12.5px;line-height:1.4}
.app-page .page-userline{margin-top:5px!important;font-size:10.5px!important;color:#98a2b3!important}
.app-page .app-header{padding-bottom:15px;border-bottom:1px solid #edf0f4;margin-bottom:14px}
.app-page .header-icon svg,.app-page .side-logout svg{width:19px;height:19px;display:block}
.app-page .header-icon{border:1px solid #e6eaf0;border-radius:10px;background:#fff}
.app-page .header-icon:hover{background:#f8fafc;border-color:#d0d5dd;color:#344054}
.app-page .side-logout{display:grid;place-items:center;width:34px;height:34px}

/* Sidebar groups */
.app-page .side{display:flex;flex-direction:column;height:100vh;overflow:hidden}
.app-page .side .nav{display:block;flex:1 1 auto;overflow:auto;padding:4px 2px 10px;margin-right:-3px}
.app-page .nav-group{padding:6px 0 9px;border-bottom:1px solid rgba(255,255,255,.055)}
.app-page .nav-group:last-child{border-bottom:0}
.app-page .nav-group-title{padding:5px 10px 6px;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.app-page .nav-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;color:#8492a7}
.app-page .nav-icon svg{width:17px;height:17px;display:block}
.app-page .nav a:hover .nav-icon,.app-page .nav a.active .nav-icon{color:inherit}
.app-page .nav a>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}
.app-page .nav a.active{box-shadow:inset 2px 0 0 #8b83ff,0 5px 14px rgba(0,0,0,.08)}

/* Universal section surfaces */
.app-page .page-body>.toolbar,
.app-page .page-body>form.toolbar{margin:0;padding:12px 14px;background:#fff;border:1px solid var(--panel-line);border-radius:15px;box-shadow:0 1px 3px rgba(16,24,40,.035)}
.app-page .page-body>.toolbar input,
.app-page .page-body>.toolbar select,
.app-page .page-body>form.toolbar input,
.app-page .page-body>form.toolbar select{min-width:150px}
.app-page .page-body>.card,
.app-page .page-body>.form-card,
.app-page .page-body>.table-wrap{margin:0}
.app-page .page-body>.form-card{max-width:none;width:100%;padding:22px 24px}
.app-page .page-body>.form-card>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.app-page .card h2:first-child,.app-page .card h3:first-child,.app-page .form-card h2:first-child,.app-page .form-card h3:first-child{margin-top:0}
.app-page .card h2,.app-page .card h3{margin-bottom:8px}
.app-page .card>p.muted:first-of-type{margin-top:0}
.app-page .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.app-page .cards>.card{min-height:unset;padding:18px}
.app-page .cards>.card form:last-child,.app-page .cards>form.card{margin-bottom:0}
.app-page .table-wrap{box-shadow:0 1px 3px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.025)}
.app-page table tbody td{height:50px}
.app-page table tbody tr:hover{background:#fafaff}
.app-page th{background:#f8fafc;color:#667085}
.app-page td>a:not(.btn){font-weight:650;color:#4f46e5}
.app-page td>a:not(.btn):hover{color:#352da8;text-decoration:underline}
.app-page .list-row:last-child{border-bottom:0}
.app-page .list-row{min-height:44px}
.app-page details>summary{cursor:pointer;color:#4f46e5;font-weight:650}
.app-page .prose{color:#475467;line-height:1.65}
.app-page .inline{display:inline-flex!important;align-items:center;gap:8px;margin:0}
.app-page .compact-form{align-items:center;margin:0}
.app-page .compact-form input{min-width:190px}

/* Forms */
.app-page .form-card label,.app-page .card form label{font-size:12px;color:#475467}
.app-page .form-card input,.app-page .form-card select,.app-page .form-card textarea,.app-page .card form input,.app-page .card form select,.app-page .card form textarea{border-color:#dfe3ea;background:#fff}
.app-page .form-card textarea,.app-page .card form textarea{line-height:1.5}
.app-page .check{padding:4px 0;color:#344054}
.app-page .check input{accent-color:#635bff}
.app-page select[multiple]{padding:6px;min-height:190px}
.app-page select[multiple] option{padding:9px 10px;border-radius:7px;margin:2px 0}
.app-page select[multiple] option:checked{background:#ede9fe linear-gradient(0deg,#ede9fe,#ede9fe);color:#4c1d95}

/* Common KPI cards generated by legacy pages */
.app-page .stats{gap:14px;margin:0}
.app-page .stats>div{min-height:102px;padding:16px 17px;border-radius:17px}
.app-page .stats>div:nth-child(4n+1){background:linear-gradient(180deg,#f7f5ff,#fff)}
.app-page .stats>div:nth-child(4n+2){background:linear-gradient(180deg,#f0fdf7,#fff)}
.app-page .stats>div:nth-child(4n+3){background:linear-gradient(180deg,#f5faff,#fff)}
.app-page .stats>div:nth-child(4n+4){background:linear-gradient(180deg,#fff8f1,#fff)}
.app-page .metric{position:relative;overflow:hidden}
.app-page .metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-36px;top:-44px;background:radial-gradient(circle,rgba(99,91,255,.10),transparent 68%)}

/* Empty states */
.app-page .empty-state{border:1px dashed #d8dde7;border-radius:13px;background:#fafbfc;color:#98a2b3}
.app-page .empty-state:before{content:"";display:block;width:34px;height:34px;margin:0 auto 8px;border-radius:10px;background:linear-gradient(135deg,#eeecff,#f7f7ff);box-shadow:inset 0 0 0 1px #dfdcff}

/* Documents */
.page-documents .doc-tabs{margin:0}
.page-documents .document-template-grid{gap:14px}
.page-documents .document-template-grid>.card{min-height:160px;display:flex;flex-direction:column}
.page-documents .document-template-grid>.card .btn{margin-top:auto;width:max-content}
.page-documents .doc-links a{background:#fff;border-color:#e4e7ec;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.page-documents .doc-links a:hover{background:#f4f3ff;border-color:#d9d6fe;color:#5925dc}
.page-documents .doc-links a.strong{background:#635bff;border-color:#635bff}

/* Rentals / bookings */
.page-rentals .rental-summary{margin-top:4px}
.page-rentals .rental-summary>div:not(.total){background:#f8fafc;border:1px solid #edf0f4}
.page-rentals .rental-summary .total{background:linear-gradient(135deg,#1d2939,#344054)}
.page-rentals .page-body>.table-wrap,
.page-bookings .page-body>.table-wrap{border-radius:17px}
.page-bookings .booking-calendar{background:#fff;border:1px solid var(--panel-line);border-radius:17px;padding:14px;box-shadow:0 1px 3px rgba(16,24,40,.03)}
.page-bookings .booking-day{min-height:120px;border-color:#e7eaf0}
.page-bookings .booking-chip{border-radius:9px}

/* Clients + CRM */
.page-clients .client-form{box-shadow:0 1px 3px rgba(16,24,40,.04)}
.page-clients .client-doc-grid{gap:12px}
.page-clients .client-doc{min-height:110px}
.page-crm .crm-layout{grid-template-columns:330px minmax(0,1fr);gap:16px}
.page-crm .crm-list{background:#fff;border:1px solid var(--panel-line);border-radius:17px;padding:8px;box-shadow:0 1px 3px rgba(16,24,40,.035)}
.page-crm .crm-client{border-radius:11px;margin-bottom:3px}
.page-crm .crm-client.active{box-shadow:inset 3px 0 0 #635bff}
.page-crm .timeline-item{border-radius:14px;background:#fff}

/* Kits / tariffs / transfers / logistics */
.page-kits .cards,.page-tariffs .cards,.page-transfers .cards,.page-logistics .cards{align-items:start}
.page-kits .cards>form.card,.page-tariffs .cards>form.card,.page-transfers .cards>form.card,.page-logistics .cards>form.card{background:linear-gradient(180deg,#fff,#fcfcff)}
.page-kits .list-row,.page-tariffs .list-row,.page-logistics .list-row{padding:10px 0}

/* Repairs + stock */
.page-repairs .page-body>.toolbar,.page-stock .page-body>.toolbar{justify-content:flex-start}
.page-repairs .page-body>.table-wrap td:nth-child(4),.page-stock .page-body>.table-wrap td:nth-child(2){font-weight:700}
.page-stock .cards>form.card{min-height:100%}
.page-stock td.bad{background:#fff5f5!important;color:#b42318;font-weight:750;border-radius:0}

/* Finance / reports / analytics */
.page-finance .page-body>form.card{max-width:none!important}
.page-finance .page-body>form.card .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-finance .page-body>.table-wrap td:nth-child(4){font-weight:800;color:#101828}
.page-reports .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-reports .metric{min-height:108px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.page-reports .card>.table-wrap{box-shadow:none;border-radius:13px;margin-top:12px}
.page-analytics .cards{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr)}
.page-analytics .recommend{border-color:#e7eaf0;background:#fff}
.page-analytics .recommend:before{content:"Рекомендация";display:block;margin-bottom:6px;color:#635bff;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}

/* Payments / cash */
.page-payments .cards{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)}
.page-payments .cards>.card:nth-child(2){background:linear-gradient(145deg,#f7f5ff,#fff)}
.page-cash .page-body>.card:first-child{max-width:780px;background:linear-gradient(180deg,#fff,#fbfcff)}

/* Branches + users */
.page-branches .branch-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.page-branches .branch-layout>.card:first-child,.page-users .cards>form.card{position:sticky;top:16px}
.page-users .cards{grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);align-items:start}
.page-users .cards>.card:nth-child(2){background:linear-gradient(180deg,#f8fafc,#fff)}

/* Notifications + audit */
.page-notifications .page-body>.card{padding:8px 16px}
.page-notifications .page-body>.card>div{border-color:#edf0f4!important;border-radius:10px;padding:13px!important}
.page-notifications .page-body>.card>div:hover{background:#fafbff}
.page-audit .audit-json{border-radius:12px;background:#111827;color:#d0d5dd}
.page-audit details[open] summary{margin-bottom:8px}

/* Settings / integrations / API / backups / diagnostics */
.page-settings .form-card{background:linear-gradient(180deg,#fff,#fcfcfd)}
.page-settings .form-card>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-integrations .cards,.page-api_access .cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.page-integrations .cards>form.card,.page-api_access .cards>form.card{background:linear-gradient(180deg,#fff,#fcfcff)}
.page-api_access code{display:inline-block;max-width:100%;overflow:auto;white-space:nowrap;padding:7px 9px;border-radius:8px}
.page-backups .page-body>.card:first-child{background:linear-gradient(145deg,#fff,#fbfcff)}
.page-system .stats{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Account / subscription */
.page-account .account-hero{border-radius:19px;background:linear-gradient(145deg,#fff,#f8f7ff);border-color:#e1dfff}
.page-account .subscription-state{border:1px solid #e6e4ff;border-radius:14px;background:#fff;padding:12px 14px}
.page-account .billing-grid{gap:14px}
.page-account .plan-grid{gap:14px}
.page-account .plan-card{border-radius:17px;box-shadow:0 1px 3px rgba(16,24,40,.03)}
.page-account .plan-card.featured{border-color:#8b83ff;box-shadow:0 0 0 2px rgba(99,91,255,.08),0 12px 32px rgba(99,91,255,.08)}

/* Search */
.page-search .page-body>.card{padding:18px}
.page-search .page-body>.card h3{display:flex;align-items:center;gap:8px}

/* Responsive consistency */
@media(max-width:1280px){
 .page-settings .form-card>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-finance .page-body>form.card .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-reports .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-analytics .cards,.page-payments .cards,.page-users .cards{grid-template-columns:1fr}
 .page-users .cards>form.card,.page-branches .branch-layout>.card:first-child{position:relative;top:auto}
}
@media(max-width:980px){
 .app-page .side{overflow:visible}
 .app-page .side .nav{display:flex;overflow-x:auto;overflow-y:hidden;margin:0}
 .app-page .nav-group{display:flex;gap:4px;padding:0;border:0}
 .app-page .nav-group-title{display:none}
 .app-page .nav-group a{flex:0 0 auto}
 .page-crm .crm-layout,.page-branches .branch-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
 .app-page .page-body>.form-card>.grid,.page-settings .form-card>.grid,.page-finance .page-body>form.card .grid{grid-template-columns:1fr}
 .app-page .cards,.page-reports .cards,.page-integrations .cards,.page-api_access .cards{grid-template-columns:1fr}
 .app-page .page-body>.toolbar,.app-page .page-body>form.toolbar{padding:10px}
 .app-page .page-subtitle{font-size:11.5px}
}

/* v5.2.4 page-level redesign */
.page-dashboard{display:grid;gap:16px}
.page-stats{display:grid;gap:14px}.page-stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.page-stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.page-stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.page-stat{background:#fff;border:1px solid var(--rc-border);border-radius:18px;padding:17px 18px;box-shadow:var(--rc-shadow-xs);min-height:104px}.page-stat span{display:block;color:var(--rc-muted);font-size:12px;font-weight:700;margin-bottom:7px}.page-stat strong{display:block;font-size:26px;line-height:1.08;letter-spacing:-.04em}.page-stat small{display:block;margin-top:7px;color:var(--rc-muted)}
.page-stat.primary{background:linear-gradient(180deg,#f7f5ff,#fff);border-color:#ddd6fe}.page-stat.good{background:linear-gradient(180deg,#f2fbf6,#fff);border-color:#b7efcc}.page-stat.warn{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f5d48d}.page-stat.bad{background:linear-gradient(180deg,#fff5f5,#fff);border-color:#fecaca}
.page-toolbar-card{padding:14px 16px}.page-toolbar-card>.toolbar{margin-bottom:10px}.page-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.page-filters label{display:flex;flex-direction:column;gap:6px;min-width:150px}.page-filters label.grow{flex:1 1 280px}.page-filters button,.page-filters .btn{margin-bottom:0}
.data-section{padding:16px}.data-section .table-wrap{box-shadow:none}.btn.is-selected{background:#f4f3ff;border-color:#cfc9ff;color:#4f46e5}
.empty-panel{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--rc-muted)}.empty-panel h3{margin:10px 0 5px}.empty-panel p{max-width:430px;margin:0 0 14px}.empty-panel.compact{min-height:100px;padding:16px}.empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f4f3ff;color:#635bff;font-size:22px;border:1px solid #ddd6fe}
.finance-layout,.split-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;align-items:start}.finance-entry,.editor-card,.info-card{padding:20px}.finance-insight{position:sticky;top:20px}.finance-bars{display:grid;gap:16px}.finance-bars>div{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.finance-bars i{grid-column:1/-1;height:8px;border-radius:999px;background:#eef0f3;overflow:hidden}.finance-bars em{display:block;height:100%;background:linear-gradient(90deg,#635bff,#8b83ff)}.finance-bars em.expense{background:linear-gradient(90deg,#ef4444,#fb7185)}.finance-bars em.profit{background:linear-gradient(90deg,#22c55e,#4ade80)}.quick-links{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--rc-border)}.quick-links a{font-weight:650;color:#4f46e5}
.info-card{background:linear-gradient(180deg,#fff,#fafbff)}.info-icon,.template-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f4f3ff;color:#635bff;font-weight:800;font-size:20px;margin-bottom:12px}.rule-steps{display:grid;gap:10px;margin-top:18px}.rule-steps div{display:flex;align-items:center;gap:10px}.rule-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f4f3ff;color:#635bff}.rule-steps span{color:#475467}.toggle-row{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 16px}.document-template-card{position:relative}.document-template-card h3{margin:0 0 8px}.document-template-card p{color:var(--rc-muted);min-height:42px}
@media(max-width:1280px){.page-stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}.page-stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout,.split-editor{grid-template-columns:1fr}.finance-insight{position:relative;top:auto}}
@media(max-width:900px){.page-stats.three,.page-stats.four,.page-stats.five{grid-template-columns:1fr}.page-filters{flex-direction:column;align-items:stretch}.page-filters label{min-width:0}.data-section{padding:12px}}

/* =========================================================
   Renta CRM v5.2.5 — Final UI pass
   ========================================================= */
.page-body{display:grid;gap:16px}
.page-stats.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-stats.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-stats.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.section-card{padding:18px}
.info-card{padding:20px;background:linear-gradient(180deg,#fbfaff,#fff)}
.info-card h3{margin:8px 0 8px}.info-card p{margin:0;color:var(--rc-muted);line-height:1.6}
.role-list{display:grid;gap:10px;margin-top:16px}.role-list p{margin:0;padding:12px;border:1px solid var(--rc-border);border-radius:12px}.role-list small{display:block;color:var(--rc-muted);margin-top:4px}

/* Compact verification banner on working screens */
.app-page:not(.page-dashboard):not(.page-account) .verify-banner{min-height:44px;padding:9px 12px;border-radius:12px;margin-bottom:14px}
.app-page:not(.page-dashboard):not(.page-account) .verify-banner small{display:none}
.app-page:not(.page-dashboard):not(.page-account) .verify-banner .verify-icon{width:28px;height:28px}
.app-page:not(.page-dashboard):not(.page-account) .verify-banner .btn{min-height:32px;padding:6px 12px;font-size:12px}

/* Search */
.search-page{display:grid;gap:16px}.search-hero{display:flex;align-items:flex-end;gap:14px;padding:18px}.search-hero .grow{flex:1}.search-hero-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f1efff;color:#5b4df6;font-size:24px}.search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.search-hints span{font-size:11px;padding:5px 8px;border:1px solid var(--rc-border);border-radius:999px;color:#667085;background:#fafbfc}.search-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.search-tip{padding:18px}.search-tip p{margin:6px 0 0;color:var(--rc-muted)}.search-results{padding:18px}.search-type-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.search-result-list{display:grid}.search-result-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid var(--rc-border);color:var(--rc-ink)}.search-result-row i{font-style:normal;color:var(--rc-primary);font-weight:700}.search-result-type{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085}

/* Notifications */
.notification-center{padding:18px}.notification-list{display:grid}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:15px 2px;border-top:1px solid var(--rc-border)}.notification-item:first-child{border-top:0}.notification-item.is-read{opacity:.62}.notification-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:#d0d5dd;flex:0 0 auto}.notification-item.is-new .notification-dot{background:#6255f6;box-shadow:0 0 0 5px #f0efff}.notification-title{display:flex;align-items:center;gap:8px}.notification-item p{margin:6px 0;color:#475467}.notification-item small{color:#98a2b3}

/* Audit */
.audit-details summary{cursor:pointer;color:var(--rc-primary);font-weight:700}.audit-details[open]{min-width:420px}.audit-json{margin-top:8px;border-radius:10px;background:#0f172a;color:#dbeafe;padding:12px;max-width:720px;overflow:auto}.badge.action-create{background:#ecfdf3;color:#067647}.badge.action-update{background:#f4f3ff;color:#5925dc}.badge.action-delete{background:#fff1f2;color:#be123c}

/* Settings */
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{padding:14px;position:sticky;top:18px}.settings-nav a{display:block;padding:10px 11px;border-radius:10px;color:#475467;font-weight:650}.settings-nav a:hover,.settings-nav a.active{background:#f4f3ff;color:#5925dc}.settings-form{padding:20px}.settings-section{padding:4px 0 22px;border-bottom:1px solid var(--rc-border);margin-bottom:20px}.settings-section:last-of-type{border-bottom:0}.settings-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding:12px;border:1px solid var(--rc-border);border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:var(--rc-shadow-sm)}

/* Backup */
.backup-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.restore-card{padding:18px;border-color:#fecaca;background:linear-gradient(180deg,#fff7f7,#fff)}

/* Integrations and API */
.page-integrations .cards,.page-api_access .cards{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.page-integrations .cards>.card,.page-api_access .cards>.card{padding:20px}.page-integrations h3,.page-api_access h3{margin-top:0}.page-integrations form.card>h3:not(:first-child){padding-top:18px;margin-top:20px;border-top:1px solid var(--rc-border)}.page-integrations code,.page-api_access code{display:inline-block;max-width:100%;overflow:auto;padding:7px 9px;border-radius:9px;background:#f4f3ff;color:#5925dc}.page-api_access .check{padding:9px 0;border-bottom:1px solid #f2f4f7}.page-api_access .table-wrap,.page-integrations>.card:last-child{margin-top:16px}

/* Payments */
.page-payments .cards{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch}.page-payments .cards>.card{padding:20px}.page-payments .cards>.card:last-child{background:linear-gradient(180deg,#faf9ff,#fff)}.page-payments .table-wrap{margin-top:16px}

/* Logistics / transfer forms */
.logistics-inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.logistics-inline select,.logistics-inline input{min-width:130px;width:auto}
.badge.status-in_transit{background:#fff7ed;color:#b45309}.badge.status-completed{background:#ecfdf3;color:#067647}.badge.status-cancelled{background:#fff1f2;color:#be123c}

/* Stock */
.page-stock .split-layout>.card{padding:18px}.page-stock .split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.page-stock>.table-wrap{background:#fff;border:1px solid var(--rc-border);border-radius:16px;overflow:hidden}.page-stock>.card{padding:18px}.page-stock td.bad{color:#b42318;font-weight:800;background:#fff7f7}

/* Repair */
.page-repairs .data-section{padding:18px}

/* CRM */
.page-crm .crm-layout{grid-template-columns:310px minmax(0,1fr);gap:16px}.page-crm .crm-list{padding:14px;max-height:700px;overflow:auto}.page-crm .crm-client{padding:12px;border-radius:12px}.page-crm .crm-client.active{background:#f4f3ff;box-shadow:inset 3px 0 #6255f6}.page-crm .timeline{margin-top:16px;display:grid;gap:10px}.page-crm .timeline-item{background:#fff;border:1px solid var(--rc-border);border-radius:14px;padding:14px}.page-crm .timeline-item p{color:#475467}.page-crm .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.page-crm .stats>div{border-radius:14px;border:1px solid var(--rc-border);background:#fff;padding:14px}

/* Cash */
.page-cash .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-cash .cards>.card{padding:18px}.page-cash .table-wrap{margin-top:16px;background:#fff;border:1px solid var(--rc-border);border-radius:16px;overflow:hidden}

/* Branches / employees */
.page-branches .cards,.page-users .split-layout{align-items:start}.page-branches .card,.page-users .card{box-shadow:var(--rc-shadow-xs)}

/* Diagnostics health dashboard */
.page-system .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-system .cards>.card{position:relative;padding:17px 18px;min-height:86px}.page-system .cards>.card:after{content:'●';position:absolute;right:16px;top:16px;color:#12b76a;font-size:13px}.page-system .cards>.card span{font-size:12px}.page-system .cards>.card h3{font-size:16px!important}.page-system code{background:#f4f3ff;color:#5925dc;padding:3px 6px;border-radius:6px}

/* Reports — more analytical surfaces */
.page-reports .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.page-reports .metric{position:relative;overflow:hidden}.page-reports .metric:after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;right:-12px;top:-12px;background:#f0edff}.page-reports>.card{padding:18px}

/* Shared final spacing */
.data-section{padding:18px}.page-toolbar-card{padding:12px 14px}.compact-empty{min-height:170px;display:grid;place-items:center;align-content:center;text-align:center}.compact-empty h3{margin:4px 0}.compact-empty p{margin:2px 0;color:var(--rc-muted)}

@media(max-width:1180px){.page-stats.cols-4,.page-stats.cols-3,.search-start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout,.backup-layout{grid-template-columns:1fr}.settings-nav{position:relative;top:auto;display:flex;gap:6px;overflow:auto}.settings-nav .eyebrow{display:none}.settings-nav a{white-space:nowrap}.page-integrations .cards,.page-api_access .cards,.page-payments .cards{grid-template-columns:1fr}.page-crm .crm-layout{grid-template-columns:1fr}.page-crm .crm-list{max-height:280px}.page-stock .split-layout{grid-template-columns:1fr}}
@media(max-width:760px){.page-stats.cols-2,.page-stats.cols-3,.page-stats.cols-4,.page-system .cards,.page-reports .cards,.page-crm .stats{grid-template-columns:1fr}.search-hero{align-items:stretch;flex-direction:column}.search-result-row{grid-template-columns:1fr}.search-start-grid{grid-template-columns:1fr}}


/* v5.2.5.1 — refined application header search */
.app-page .app-header{grid-template-columns:minmax(280px,1fr) minmax(560px,760px);align-items:start;gap:28px;padding:4px 0 18px}
.app-page .header-actions{align-items:flex-start;gap:14px}
.app-page .header-search-zone{width:min(100%,620px);margin-left:auto}
.app-page .global-search{max-width:none;width:100%;height:48px;border:1px solid #d9dfeb;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;overflow:hidden}
.app-page .global-search:focus-within{border-color:#7c72ff;box-shadow:0 0 0 4px rgba(99,91,255,.10),0 8px 24px rgba(16,24,40,.06);transform:translateY(-1px)}
.app-page .global-search .search-icon{position:absolute;left:16px;top:50%;width:20px;height:20px;display:grid;place-items:center;transform:translateY(-50%);color:#98a2b3;font-size:0;z-index:2}
.app-page .global-search .search-icon svg{width:19px;height:19px}
.app-page .global-search input{height:46px;min-height:46px;width:100%;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0 52px 0 47px;font-size:13.5px;color:#172033}
.app-page .global-search input::placeholder{color:#98a2b3}
.app-page .global-search::before,.app-page .global-search::after{display:none!important}
.app-page .global-search kbd{display:none}
.app-page .search-submit{position:absolute;right:7px;top:7px;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:#f3f2ff;color:#635bff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,transform .18s ease}
.app-page .search-submit:hover{background:#e9e7ff;transform:translateX(1px)}
.app-page .search-submit svg{width:17px;height:17px}
.app-page .search-hint{margin:6px 4px 0;color:#98a2b3;font-size:10.5px;line-height:1.2}
.app-page .header-utilities{display:flex;align-items:center;gap:10px;padding-top:4px}
.app-page .header-icon{width:42px;height:42px;border:1px solid #e2e7ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035)}
.app-page .header-icon:hover{background:#f8f9fc;border-color:#d7dce6}
.app-page .header-icon span{right:6px;top:5px}
.app-page .header-user{min-width:126px;padding:2px 0 0 2px}
.app-page .header-user .avatar{width:40px;height:40px;box-shadow:0 5px 14px rgba(99,91,255,.18)}
.app-page .header-user b{font-size:12.5px}.app-page .header-user small{font-size:10px}
@media(max-width:1280px){.app-page .app-header{grid-template-columns:minmax(230px,1fr) minmax(480px,650px)}.app-page .search-hint{display:none}}
@media(max-width:980px){.app-page .app-header{grid-template-columns:1fr}.app-page .header-actions{width:100%;align-items:center}.app-page .header-search-zone{width:100%;margin:0}.app-page .header-user>div{display:none}.app-page .header-user{min-width:auto}.app-page .global-search{height:46px}.app-page .global-search input{height:44px;min-height:44px}}
@media(max-width:650px){.app-page .header-actions{gap:8px}.app-page .header-utilities{gap:6px}.app-page .header-icon{width:40px;height:40px}.app-page .header-user .avatar{width:38px;height:38px}.app-page .global-search input{padding-left:43px;font-size:13px}}


/* v5.2.5.2 brand/header refinement */
.app-page .brand{display:flex;align-items:center;gap:8px;padding:12px 10px 18px;margin:0 0 8px;border-bottom:1px solid rgba(255,255,255,.075)}
.app-page .brand-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-decoration:none;color:#fff;padding:7px 8px;border-radius:14px;transition:.18s ease}
.app-page .brand-main:hover{background:rgba(255,255,255,.055)}
.app-page .brand-mark,.app-page .brand-logo-wrap{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#7567ff,#5148e5);box-shadow:0 9px 24px rgba(79,70,229,.26)}
.app-page .brand-mark{font-size:20px;font-weight:850;color:#fff}
.app-page .brand-logo{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}
.app-page .brand-copy{display:block;min-width:0}.app-page .brand-copy b{display:block;font-size:16px;line-height:1.1;letter-spacing:-.02em;color:#fff}.app-page .brand-copy small{display:block;margin:5px 0 0;color:#91a0b8;font-size:11px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-page .brand-settings{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#7788a4;transition:.18s ease}.app-page .brand-settings:hover{color:#fff;background:rgba(255,255,255,.07)}.app-page .brand-settings svg{width:16px;height:16px}
.brand-upload{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--rc-border);border-radius:16px;background:#f8fafc}
.brand-upload-preview{width:120px;height:78px;flex:0 0 120px;border-radius:14px;border:1px solid var(--rc-border);background:#fff;display:grid;place-items:center;overflow:hidden}.brand-upload-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:8px}.brand-upload-preview span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7567ff,#5148e5);color:#fff;font-size:20px;font-weight:850}
.brand-upload-copy{display:grid;gap:7px;align-items:start}.brand-upload-copy>b{font-size:14px}.brand-upload-copy>small{color:#667085;line-height:1.45}.brand-file{display:inline-flex!important;width:max-content;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid var(--rc-border);font-weight:700;color:#344054;cursor:pointer}.brand-file:hover{border-color:#a9a3ff;color:#4f46e5}.brand-file input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.brand-remove{margin:0!important;color:#b42318}
@media(max-width:980px){.app-page .brand{display:none}}
@media(max-width:700px){.brand-upload{align-items:flex-start;flex-direction:column}.brand-upload-preview{width:100%;flex-basis:100px}}


/* v5.2.5.5 — custom logo replaces the whole default brand lockup */
.app-page .brand-copy b::before,
.app-page .brand-main::before,
.app-page .brand-main::after,
.app-page .brand-logo-wrap + .brand-copy b::before,
.app-page .brand-mark + .brand-copy b::before{
    content:none!important;
    display:none!important;
}

.app-page .brand-main.brand-main-logo-only{
    flex:1 1 auto;
    min-width:0;
    padding:8px 6px;
    justify-content:flex-start;
    background:transparent;
}
.app-page .brand-main.brand-main-logo-only:hover{
    background:rgba(255,255,255,.04);
}
.app-page .brand-logo-wrap.brand-logo-only{
    width:min(150px,100%);
    max-width:150px;
    height:58px;
    flex:0 1 150px;
    border-radius:12px;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.app-page .brand-logo-wrap.brand-logo-only .brand-logo{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:58px;
    object-fit:contain;
    object-position:left center;
    padding:0;
    background:transparent;
    border-radius:0;
}


/* v5.2.5.6 — make uploaded sidebar logo larger and sharper */
.app-page .brand{
    padding:10px 8px 14px;
}
.app-page .brand-main.brand-main-logo-only{
    min-height:78px;
    padding:4px 2px;
    justify-content:center;
    overflow:visible;
}
.app-page .brand-logo-wrap.brand-logo-only{
    width:190px;
    max-width:calc(100% - 4px);
    height:74px;
    flex:0 1 190px;
    border-radius:0;
    overflow:visible;
    align-items:center;
    justify-content:center;
}
.app-page .brand-logo-wrap.brand-logo-only .brand-logo{
    display:block;
    width:100%;
    max-width:190px;
    height:74px;
    max-height:74px;
    object-fit:contain;
    object-position:center center;
    padding:0;
    margin:0;
    background:transparent;
    border-radius:0;
    image-rendering:auto;
    filter:brightness(1.08) contrast(1.12) drop-shadow(0 2px 7px rgba(255,255,255,.10));
}
.app-page .brand:has(.brand-main-logo-only) .brand-settings{
    position:absolute;
    right:12px;
    bottom:7px;
}
.app-page .brand:has(.brand-main-logo-only){
    position:relative;
    padding-bottom:20px;
}