:root { --ink:#17202b; --muted:#718096; --line:#e8edf2; --navy:#101d2c; --blue:#2879eb; --soft:#f6f8fb; }
* { box-sizing:border-box; }
html { background:#f6f8fb; }
body { margin:0; color:var(--ink); font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, a, input, select, textarea { font:inherit; } button { cursor:pointer; }
.shell { min-height:100vh; display:grid; grid-template-columns:248px 1fr; }
.sidebar { position:sticky; top:0; height:100vh; background:var(--navy); color:#b9c5d1; padding:28px 18px 22px; display:flex; flex-direction:column; }
.brand { display:flex; align-items:center; gap:11px; margin:0 10px 38px; padding:0; border:0; background:transparent; color:#fff; font-weight:730; font-size:18px; letter-spacing:-.3px; text-align:left; }
.brand>span { width:34px; height:34px; border-radius:10px; background:#fff; color:var(--navy); display:grid; place-items:center; font-family:Georgia,serif; font-size:20px; }
.brand small,.profile small { display:block; font-size:10px; line-height:1.2; color:#75879a; font-weight:650; letter-spacing:1.35px; text-transform:uppercase; margin-top:2px; }
nav { display:flex; flex-direction:column; gap:6px; }
nav button,.side-bottom>button { width:100%; border:0; background:transparent; color:inherit; text-decoration:none; height:44px; border-radius:9px; padding:0 12px; display:flex; align-items:center; gap:12px; font-size:14px; font-weight:560; text-align:left; }
nav button b { width:20px; text-align:center; font-size:18px; font-weight:500; }
nav button em { margin-left:auto; background:#e85757; color:white; min-width:20px; height:20px; border-radius:10px; display:grid; place-items:center; font-style:normal; font-size:11px; }
nav button:hover,.side-bottom>button:hover { color:#fff; background:#192b3e; } nav button.active { background:#fff; color:#132235; box-shadow:0 8px 20px #06101d55; }
.side-bottom { margin-top:auto; border-top:1px solid #25364a; padding-top:12px; }
.profile { margin:15px 6px 0; border-top:1px solid #25364a; padding-top:20px; display:flex; align-items:center; gap:10px; color:#fff; font-size:13px; font-weight:600; }
.profile>span { width:35px; height:35px; background:#dbedf9; color:#24567b; border-radius:50%; display:grid; place-items:center; font-size:11px; }.profile>b { margin-left:auto; color:#6f8194; letter-spacing:2px; }
.content { padding:38px 44px 48px; max-width:1500px; width:100%; margin:auto; }
header { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
h1 { margin:0 0 5px; font-family:Georgia, "Times New Roman", serif; font-size:30px; font-weight:700; letter-spacing:-.6px; }
header p,.panel-head p { margin:0; color:var(--muted); font-size:13px; }.header-actions { display:flex; gap:12px; }.header-actions button { border:0; height:42px; border-radius:9px; }
.icon-btn { width:42px; background:#fff; color:#556272; position:relative; box-shadow:0 1px 0 #e4e8ed; }.icon-btn i { position:absolute; top:-4px; right:-3px; width:18px; height:18px; border-radius:50%; background:#e85757; color:white; font-size:10px; display:grid; place-items:center; font-style:normal; border:2px solid #f6f8fb; }
.primary { padding:0 19px; background:var(--navy); color:#fff; font-weight:650; font-size:13px; box-shadow:0 6px 12px #0e1c2b22; }
.alert { border:1px solid #f2dfbd; background:#fffaf0; min-height:67px; border-radius:10px; display:flex; align-items:center; gap:14px; padding:12px 18px; margin-bottom:20px; }.alert-icon { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; background:#f6e4ba; color:#ab7612; font-weight:800; }.alert div:nth-child(2) { display:flex; flex-direction:column; gap:3px; }.alert strong { font-size:13px; }.alert span { font-size:12px; color:#8c7654; }.alert button { margin-left:auto; border:0; background:transparent; color:#9a6b16; font-size:12px; font-weight:700; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }.stats article { background:#fff; min-height:116px; border:1px solid var(--line); border-radius:11px; display:flex; align-items:center; padding:19px; gap:14px; }.stat-icon { width:41px; height:41px; border-radius:10px; display:grid; place-items:center; font-weight:750; }.blue{background:#e9f2ff;color:#2879eb}.violet{background:#f0eefe;color:#7467df}.green{background:#e9f7ef;color:#27905c}.amber{background:#fff3df;color:#c57c11}.stats article>div:last-child { display:flex; flex-direction:column; gap:2px; }.stats span { color:var(--muted); font-size:11px; font-weight:650; }.stats strong { font-family:Georgia,serif; font-size:23px; line-height:1.2; }.stats small { color:#94a0ad; font-size:10px; }.stats small b { color:#2a9360; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr); gap:18px; }.panel { background:#fff; border:1px solid var(--line); border-radius:11px; overflow:hidden; }.panel-head { height:78px; display:flex; justify-content:space-between; align-items:center; padding:0 22px; border-bottom:1px solid var(--line); }.panel-head h2 { margin:0 0 4px; font-size:16px; }.panel-head button { border:0; background:transparent; color:#567084; font-size:11px; font-weight:650; }
.ticket-row { position:relative; width:100%; min-height:82px; display:flex; align-items:stretch; border:0; border-bottom:1px solid var(--line); background:#fff; text-align:left; color:inherit; }.ticket-row:hover{background:#fbfcfe}.priority { width:3px; background:#53a879; flex:none; }.priority.urgent{background:#e05252}.priority.warn{background:#df9d31}.ticket-main { padding:13px 8px 13px 18px; flex:1; display:flex; justify-content:space-between; align-items:center; }.ticket-main small { color:#9ba5b0; font-size:9px; font-weight:700; }.ticket-main h3,.timeline h3 { font-size:13px; margin:2px 0 3px; }.ticket-main p,.timeline p { color:#758190; font-size:10px; margin:0; }.due { border-radius:16px; padding:5px 9px; font-size:9px; font-weight:700; }.due.urgent{background:#fdecec;color:#ce4a4a}.due.warn{background:#fff5e4;color:#be7b15}.due.calm{background:#edf3f7;color:#557084}.chevron{align-self:center;padding:0 18px;color:#a6b1bc;font-size:20px}
.quick-add,.day-plan { display:block; width:calc(100% - 44px); height:37px; margin:14px 22px; border:1px dashed #cfd8e2; border-radius:8px; color:#597184; background:#fafbfd; font-size:11px; font-weight:650; }.day-plan { border-style:solid; background:white; }.calendar { border:1px solid var(--line)!important; border-radius:7px; width:31px;height:31px; }
.timeline { padding:19px 22px 3px; }.timeline article { display:grid; grid-template-columns:42px 12px 1fr; gap:10px; min-height:79px; position:relative; }.timeline time { font-size:10px; color:#798694; padding-top:2px; }.timeline article>span { width:9px; height:9px; background:#3382e7; border-radius:50%; border:2px solid #e7f1fe; margin-top:2px; position:relative; }.timeline article:not(:last-child)>span:after { content:""; position:absolute; top:10px; left:2px; height:61px; width:1px; background:#dfe6ec; }.timeline article>span.phone{background:#7d69e2}.timeline article>span.task{background:#e3a139}.timeline small { color:#3880d5; font-size:8px; letter-spacing:.7px; font-weight:800; }.timeline article:nth-child(2) small{color:#7966d6}.timeline article:nth-child(3) small{color:#c28621}.timeline h3{margin:3px 0 4px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:210px}.shell{grid-template-columns:210px 1fr}.content{padding:30px 24px}}
@media(max-width:720px){.shell{display:block}.sidebar{position:static;height:auto;width:100%;padding:16px}.brand{margin:0 0 15px}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.side-bottom{display:none}.content{padding:24px 15px}header{align-items:flex-start}.header-actions .search-btn{display:none}h1{font-size:24px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:14px}.dashboard-grid{grid-template-columns:1fr}.alert span{display:none}}
@media(max-width:480px){.stats{grid-template-columns:1fr}.sidebar nav button:nth-child(n+5){display:none}.primary{padding:0 12px}.content{padding:20px 12px}.ticket-main{align-items:flex-start;gap:8px}.ticket-main p{max-width:175px}}

.search-btn{border:1px solid var(--line)!important;background:#fff;color:#657487;padding:0 14px}.search-btn span{font-size:12px;margin-left:4px}.loading{height:55vh;display:grid;place-content:center;text-align:center;color:#758190;font-size:13px}.loading span{width:30px;height:30px;border:3px solid #e2e8ef;border-top-color:#2879eb;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.workspace{min-height:590px}.workspace-toolbar{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px 22px}.workspace-toolbar h2{margin:0 0 3px;font-size:17px}.workspace-toolbar p{margin:0;color:var(--muted);font-size:11px}.workspace-toolbar>span{font-size:11px;color:var(--muted)}.segmented{background:#f1f4f7;border-radius:8px;padding:3px;display:flex}.segmented button{border:0;background:transparent;color:#6d7b8a;padding:7px 12px;border-radius:6px;font-size:10px;font-weight:700}.segmented button.active{background:#fff;color:#182637;box-shadow:0 1px 4px #1c2b3b18}
.data-head,.data-row{display:grid;grid-template-columns:minmax(230px,1.5fr) minmax(160px,1fr) 110px 120px 90px;gap:16px;align-items:center;padding:0 22px}.data-head{height:39px;background:#fafbfc;color:#8b98a5;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--line)}.data-row{width:100%;min-height:70px;border:0;border-bottom:1px solid var(--line);background:#fff;color:#344253;text-align:left;font-size:11px}.data-row:hover{background:#fbfcfd}.data-row>span{display:flex;flex-direction:column;gap:3px}.data-row b{font-size:12px;color:#1e2b38}.data-row small{font-size:9px;color:#8a97a4}.late{color:#d04e4e!important;font-weight:700}.status{font-style:normal;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:750;width:max-content}.status.open{background:#eaf2fe;color:#3478d1}.status.working{background:#eeeafd;color:#6d59d3}.status.waiting{background:#fff3de;color:#ae7118}.status.done{background:#e9f6ef;color:#288359}.status.neutral{background:#eef2f5;color:#617182}
.secondary{border:1px solid #d8e0e7;background:#fff;color:#344c61;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:700}.secondary:hover{border-color:#9eafbe}.full{width:100%}
.object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.house-card{overflow:hidden}.house-top{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.house-mark{width:42px;height:42px;border-radius:8px;background:#e9f2ff;color:#3178d2;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.house-top h2{font-size:14px;margin:0 0 3px}.house-top p{font-size:10px;color:var(--muted);margin:0}.house-top>span{margin-left:auto;border:1px solid var(--line);padding:5px 8px;border-radius:14px;font-size:9px}.house-summary{display:grid;grid-template-columns:1fr 1fr;background:#fafbfc;border-bottom:1px solid var(--line)}.house-summary div{padding:13px 20px;display:flex;flex-direction:column;gap:3px}.house-summary div+div{border-left:1px solid var(--line)}.house-summary small{font-size:8px;color:#84919e;letter-spacing:.5px}.house-summary b{font-family:Georgia,serif;font-size:17px}.unit-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px 20px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;text-align:left;gap:10px;color:#344253}.unit-list button:hover{background:#fbfcfd}.unit-list button>span{display:flex;flex-direction:column;gap:3px;font-size:10px}.unit-list button b{font-size:11px}.unit-list button small{font-size:8px;color:#8b97a3}.unit-list i{font-style:normal;font-size:8px;padding:4px 7px;border-radius:12px}.occupied{background:#eaf6ef;color:#2a855b}.vacant{background:#fff0e4;color:#bd681d}
.tenant-table .data-head,.tenant-table .data-row{grid-template-columns:1.25fr 1fr 1.25fr .65fr}.tenant-table .data-row>span:first-child{flex-direction:row;align-items:center;gap:10px}.avatar{width:30px;height:30px;flex:none;border-radius:50%;background:#e5eef6;color:#326083;display:grid!important;place-items:center;font-size:9px!important;font-weight:800}
.agenda{display:grid;grid-template-columns:270px 1fr;gap:16px}.mini-calendar{padding:19px;height:max-content}.month-head{display:flex;justify-content:space-between;margin-bottom:17px;font-size:12px}.month-head span{color:#84919e;word-spacing:13px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.weekdays b{font-size:8px;color:#909ba6;padding:5px}.days span{font-size:10px;padding:8px 3px;border-radius:50%}.today-day{background:#172536!important;color:#fff}.muted-day{color:#cad1d8}.mini-calendar .full{margin-top:18px}.agenda-list{overflow:hidden}.agenda-day{display:grid;grid-template-columns:135px 1fr;padding:22px;border-bottom:1px solid var(--line)}.agenda-day>div:first-child{display:flex;flex-direction:column;gap:5px;font-size:11px}.agenda-day>div:first-child small{font-size:8px;color:#2b7bd8;font-weight:800}.agenda-day article{display:grid;grid-template-columns:42px 12px 1fr;gap:10px;min-height:75px}.agenda-day time{font-size:10px;color:#667587}.agenda-dot{width:9px;height:9px;border-radius:50%;background:#2e80df;margin-top:2px}.agenda-dot.rückruf{background:#7c67df}.agenda-dot.wiedervorlage{background:#dfa039}.agenda-day article small{font-size:8px;color:#768492;text-transform:uppercase}.agenda-day article h3{font-size:12px;margin:3px 0}.agenda-day article p{font-size:9px;color:#84919e;margin:0}
.contractor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contractor-card{padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.trade-icon{width:38px;height:38px;background:#eef3f7;color:#506d83;border-radius:9px;display:grid;place-items:center}.contractor-title h2{font-size:13px;margin:0 0 3px}.contractor-title p{font-size:9px;color:var(--muted);margin:0}.rating{color:#bd7c17;font-size:10px}.contractor-card dl{grid-column:1/-1;border-top:1px solid var(--line);margin:4px 0 0;padding-top:10px}.contractor-card dl div{display:flex;justify-content:space-between;padding:6px 0;font-size:9px}.contractor-card dt{color:#86929e}.contractor-card dd{margin:0;color:#344354;font-weight:600}.contractor-card .full{grid-column:1/-1}
.document-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.document-categories>span{border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;grid-template-columns:31px 1fr;column-gap:9px}.document-categories b{grid-row:1/3;width:31px;height:31px;border-radius:7px;background:#eaf2fe;color:#3478d1;display:grid;place-items:center}.document-categories strong{font-size:10px}.document-categories small{font-size:8px;color:#8b97a3}.document-list .data-head{grid-template-columns:1.7fr 1fr 110px 70px}.document-list a{display:grid;grid-template-columns:34px 1.7fr 1fr 110px 70px;gap:12px;align-items:center;padding:11px 22px;border-bottom:1px solid var(--line);text-decoration:none;color:#344253;font-size:10px}.document-list a:hover{background:#fbfcfd}.document-list a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.document-list a b{font-size:11px}.document-list a small{font-size:8px;color:#8c98a4}.doc-icon{width:31px;height:35px;border-radius:4px;background:#f9eaea;color:#c94c4c;display:grid;place-items:center;font-size:7px;font-weight:900}
.overlay{position:fixed;inset:0;background:#0e1824a8;z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:13px;width:min(560px,100%);max-height:94vh;overflow:auto;padding:22px;box-shadow:0 25px 70px #06101d55}.modal-head,.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.modal-head small,.drawer-head small{font-size:8px;letter-spacing:1px;color:#397bc8;font-weight:800}.modal-head h2,.drawer-head h2{font-family:Georgia,serif;margin:3px 0 0;font-size:23px}.modal-head>button,.drawer-head>button{border:0;background:#f1f4f6;width:30px;height:30px;border-radius:50%;color:#657485;font-size:20px}.modal>label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#4d5c6b;margin-bottom:14px}.modal input,.modal select,.modal textarea,.drawer select{border:1px solid #dbe2e8;border-radius:7px;padding:10px 11px;color:#263747;background:#fff;outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#4b8bd6;box-shadow:0 0 0 3px #e7f1fd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:17px}.modal-actions button{height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 14px;font-size:10px;font-weight:700}.modal-actions .primary{background:var(--navy);color:#fff}
.drawer-overlay{place-items:stretch end;padding:0}.drawer{height:100%;width:min(500px,100%);background:#fff;padding:24px 25px;overflow:auto;box-shadow:-20px 0 60px #07111e44;animation:slide .22s ease-out}@keyframes slide{from{transform:translateX(35px);opacity:.4}}.drawer-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.drawer-status{display:flex;justify-content:space-between;align-items:center;background:#f7f9fb;padding:11px;border-radius:8px;margin-bottom:20px}.priority-pill{font-size:9px;font-weight:800;padding:5px 9px;border-radius:13px}.priority-pill.urgent{background:#fdeaea;color:#cf4a4a}.priority-pill.warn{background:#fff2dc;color:#b97816}.priority-pill.calm{background:#edf3f7;color:#587083}.drawer select{padding:7px 10px;font-size:10px}.drawer section{border-top:1px solid var(--line);padding:18px 0}.drawer section h3{font-size:11px;margin:0 0 10px}.drawer section>p{font-size:11px;line-height:1.6;color:#5e6d7c;margin:0}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fact-grid div,.unit-hero div{display:flex;flex-direction:column;gap:3px}.fact-grid small,.unit-hero small{font-size:8px;color:#8d98a3;letter-spacing:.7px}.fact-grid b,.unit-hero b{font-size:11px}.fact-grid span{font-size:9px;color:#82909e}.assigned{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px;border-radius:8px}.assigned>span:not(.avatar){width:31px;height:31px;background:#eaf1f6;border-radius:7px;display:grid;place-items:center}.assigned div{display:flex;flex-direction:column;gap:3px}.assigned b{font-size:10px}.assigned small{font-size:8px;color:#81909d}.drawer-history article{display:grid;grid-template-columns:10px 1fr;gap:9px;min-height:42px}.drawer-history article>span{width:7px;height:7px;background:#4185d4;border-radius:50%;margin-top:3px}.drawer-history article div{display:flex;flex-direction:column;gap:3px}.drawer-history b{font-size:9px}.drawer-history small{font-size:8px;color:#8b97a3}.unit-hero{display:grid;grid-template-columns:repeat(3,1fr);background:#f7f9fb;border-radius:9px;padding:14px;margin-bottom:5px}.mini-ticket{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:7px}.mini-ticket>div{padding:9px;display:flex;flex-direction:column;gap:2px}.mini-ticket b{font-size:9px}.mini-ticket small{font-size:8px;color:#85919e}.history-list article{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:8px 0}.history-list article>span{width:29px;height:29px;border-radius:50%;background:#edf3f7;display:grid;place-items:center;color:#547083;font-size:10px}.history-list b{font-size:9px}.history-list p{font-size:9px!important;margin:3px 0!important}.history-list small{font-size:8px;color:#8a96a2}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:#152536;color:#fff;padding:12px 17px;border-radius:8px;box-shadow:0 12px 35px #0a142244;font-size:11px}
@media(max-width:1100px){.contractor-grid{grid-template-columns:repeat(2,1fr)}.data-head,.data-row{grid-template-columns:1.4fr 1fr 100px 100px 75px}.object-grid{grid-template-columns:1fr}}
@media(max-width:800px){.agenda{grid-template-columns:1fr}.mini-calendar{display:none}.contractor-grid{grid-template-columns:1fr}.workspace{overflow:auto}.data-list{min-width:720px}.document-categories{grid-template-columns:1fr}.object-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.agenda-day{grid-template-columns:1fr;gap:15px}}

.rents-view{display:flex;flex-direction:column;gap:16px}.rent-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rent-summary article{min-height:103px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:13px;padding:18px}.rent-kpi-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-weight:800;flex:none}.rent-kpi-icon.target{background:#e9f2ff;color:#2879eb}.rent-kpi-icon.received{background:#e8f6ee;color:#2b8b5c}.rent-kpi-icon.missing{background:#fdebea;color:#cc4b48}.rent-summary article>div{display:flex;flex-direction:column;gap:2px}.rent-summary small{color:#84919d;font-size:8px;letter-spacing:.65px;font-weight:800}.rent-summary strong{font-family:Georgia,serif;font-size:21px}.rent-summary p{margin:0;color:#8995a0;font-size:9px}.negative{color:#cb4a48!important}.positive{color:#29875a!important}
.rent-panel{overflow:hidden}.rent-toolbar{min-height:72px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.month-switch{display:flex;align-items:center;gap:8px}.month-switch>button{border:1px solid var(--line);background:#fff;width:29px;height:29px;border-radius:7px;color:#607184;font-size:17px}.month-switch label{display:flex;flex-direction:column;gap:2px}.month-switch label span{font-size:7px;color:#84929f;font-weight:800;letter-spacing:.7px}.month-switch input{border:0;background:transparent;color:#1f3041;font-size:12px;font-weight:750;outline:0}.rent-table{min-width:1000px}.rent-head,.rent-row{display:grid;grid-template-columns:minmax(205px,1.45fr) 105px 125px 125px minmax(170px,1.1fr) 78px;gap:13px;align-items:center;padding:0 20px}.rent-head{height:39px;background:#fafbfc;color:#84919d;font-size:8px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--line)}.rent-row{min-height:67px;border-bottom:1px solid var(--line);font-size:10px;position:relative}.rent-row.has-variance:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e5a039}.rent-row>span{display:flex;flex-direction:column;gap:3px}.rent-row>span:first-child b{font-size:10px;color:#263747}.rent-row small{font-size:8px;color:#8b97a3}.target-rent{font-weight:700;color:#465666}.amount-input{display:flex;align-items:center;border:1px solid #d9e1e8;border-radius:7px;background:#fff;overflow:hidden;height:34px}.amount-input:focus-within{border-color:#4b8bd6;box-shadow:0 0 0 3px #e7f1fd}.amount-input input{width:100%;min-width:0;border:0;outline:0;padding:0 4px 0 9px;font-size:10px;color:#243546;font-weight:700;background:transparent}.amount-input i{font-style:normal;color:#8b97a3;padding:0 9px 0 4px;font-size:9px}.rent-note{width:100%;border:1px solid transparent;background:transparent;border-radius:6px;padding:8px;color:#516171;outline:0;font-size:9px}.rent-note:hover{background:#f8fafb}.rent-note:focus{background:#fff;border-color:#d9e1e8}.payment-state{width:max-content;border-radius:12px;padding:3px 7px;font-weight:750}.payment-state.paid{background:#e8f6ee;color:#2a8559}.payment-state.short{background:#fdecea;color:#c94a47}.payment-state.over{background:#fff2db;color:#b77717}.balanced{color:#2c875a}.save-rent{border:0;background:#eef2f5;color:#a0aab4;border-radius:7px;padding:8px 9px;font-size:8px;font-weight:750}.save-rent.ready{background:#152536;color:#fff;box-shadow:0 4px 10px #14253620}.save-rent:disabled{cursor:default}.rent-loading{height:180px;display:grid;place-items:center;color:#84919e;font-size:10px}.rent-foot{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fafbfc;color:#84919d;font-size:8px}.rent-foot p{display:flex;align-items:center;gap:5px;margin:0}.legend{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:10px}.legend.ok{background:#3c9a68}.legend.short{background:#dc715a}
@media(max-width:1150px){.rent-panel{overflow:auto}.rent-summary strong{font-size:18px}}
@media(max-width:800px){.rent-summary{grid-template-columns:1fr}.rent-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.rent-toolbar .segmented{width:100%;overflow:auto}.rent-summary article{min-height:88px}}
.rents-sheet-view{display:flex;flex-direction:column;gap:14px}.rent-view-switch{min-height:58px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px 9px 17px;display:flex;align-items:center;justify-content:space-between}.rent-view-switch>div:first-child{display:flex;flex-direction:column;gap:2px}.rent-view-switch b{font-size:10px}.rent-view-switch span{font-size:8px;color:#84919d}.sheet-summary{margin-top:0}.payment-matrix-panel{overflow:hidden}.matrix-toolbar{min-height:76px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.matrix-toolbar h2{font-size:14px;margin:0 0 3px}.matrix-toolbar p{font-size:9px;color:#7e8b98;margin:0}.matrix-scroll{overflow:auto}.payment-matrix{min-width:1085px}.matrix-head,.matrix-row,.matrix-total,.matrix-grand-total{display:grid;grid-template-columns:190px 70px 90px 70px 95px repeat(6,90px);align-items:center}.matrix-head{height:43px;position:sticky;top:0;z-index:3;background:#f5f7f9;color:#71808e;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;border-bottom:1px solid #dfe5ea}.matrix-head span,.matrix-row>span,.matrix-total>span,.matrix-grand-total>span{padding:0 10px}.matrix-head span:nth-child(n+6){height:100%;display:grid;place-items:center;border-left:1px solid #dfe5ea;background:#eef2f5}.matrix-house-title{height:35px;background:#172536;color:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;position:sticky;left:0;z-index:2}.matrix-house-title span{font-family:Georgia,serif;font-size:12px;font-weight:700}.matrix-house-title small{font-size:8px;color:#aab8c5}.matrix-row{min-height:51px;border-bottom:1px solid #e8edf1;font-size:9px}.matrix-row:hover{background:#fafbfd}.matrix-row>span:first-child{display:flex;flex-direction:column;gap:2px;position:sticky;left:0;background:#fff;align-self:stretch;justify-content:center;z-index:1}.matrix-row:hover>span:first-child{background:#fafbfd}.matrix-row b{font-size:9px;color:#263646}.matrix-row small{font-size:7px;color:#87939e}.matrix-row>span:nth-child(n+2):nth-child(-n+5){text-align:right;color:#536373}.matrix-target{font-weight:800!important;color:#223446!important;background:#f0f5ea;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}.matrix-payment{height:34px;margin:5px;border-radius:5px;display:flex!important;align-items:center!important;padding:0!important;overflow:hidden;position:relative}.matrix-payment input{width:100%;height:100%;border:0;background:transparent;color:inherit;text-align:right;padding:0 20px 0 5px;font-size:9px;font-weight:750;outline:0}.matrix-payment i{font-style:normal;position:absolute;right:5px;font-size:7px;opacity:.85}.matrix-payment.match{background:#d9edf9;color:#17658f;border:1px solid #b8dcef}.matrix-payment.partial{background:#fff0c9;color:#9b6710;border:1px solid #f2d483}.matrix-payment.missing{background:#fde0df;color:#b63f3d;border:1px solid #f2b9b6}.matrix-payment.vacant{background:#f0f2f4;color:#9aa4ad;border:1px solid #e1e5e8}.matrix-payment:focus-within{box-shadow:0 0 0 2px #fff,0 0 0 4px #3a81cb;z-index:2}.matrix-total{min-height:38px;background:#eaf2f8;color:#42586a;font-size:8px;font-weight:750;border-bottom:6px solid #fff}.matrix-total>span:first-child{font-size:9px;position:sticky;left:0;background:#eaf2f8}.matrix-total>span:nth-child(n+6){text-align:right}.matrix-grand-total{min-height:43px;background:#bce57f;color:#213a17;font-size:9px;font-weight:850;border-top:2px solid #83b73e}.matrix-grand-total span:first-child{position:sticky;left:0;background:#bce57f}.matrix-grand-total>span:nth-child(n+5){text-align:right}.matrix-legend{min-height:50px;padding:10px 15px;display:flex;align-items:center;gap:16px;background:#fafbfc;border-top:1px solid var(--line);font-size:8px;color:#687786}.matrix-legend span{display:flex;align-items:center;gap:5px}.matrix-swatch{width:9px;height:9px;border-radius:3px}.matrix-swatch.match{background:#d9edf9;border:1px solid #75b6d8}.matrix-swatch.partial{background:#ffe29b;border:1px solid #dda831}.matrix-swatch.missing{background:#f6b4b1;border:1px solid #da6662}.matrix-legend b{margin-left:auto;font-weight:600;color:#7e8b97}.rents-sheet-view>.rents-view{margin-top:0}
@media(max-width:800px){.rent-view-switch{align-items:flex-start;gap:9px;flex-direction:column}.rent-view-switch .segmented{width:100%;overflow:auto}.matrix-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.matrix-legend{align-items:flex-start;flex-wrap:wrap}.matrix-legend b{width:100%;margin:0}}