:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172426;background:#f3f6f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}aside{background:#123b3f;color:#fff;padding:28px 18px;position:sticky;top:0;height:100vh;z-index:30}.brand{font-size:25px;font-weight:850;letter-spacing:.055em;padding:0 10px;margin-bottom:30px}.brand span{display:block;font-size:13px;font-weight:500;letter-spacing:0;color:#b8d4d1;margin-top:4px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#eaf4f3;padding:13px 14px;border-radius:10px;display:flex;align-items:center;gap:11px;font-weight:650;text-align:left}nav button:hover,nav button.active{background:#1d6469;color:#fff}main{min-width:0}main>header{height:80px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #d8e1e2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}header h1{font-size:22px;color:#123b3f}header p{font-size:13px;color:#68787a;margin-top:3px}.mobile-menu{display:none;background:none;border:0}.sync,.secondary,.primary,.ghost,.link{border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:750}.sync{border:1px solid #d8e1e2;background:#fff;color:#425456}.sync.online{color:#1d6b42}.sync.offline{color:#a33b2f}.sync.loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}section{padding:27px;max-width:1460px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:18px}.metric,.panel,.form-panel{background:#fff;border:1px solid #d8e1e2;border-radius:14px;box-shadow:0 2px 8px #14323409}.metric{padding:18px;display:grid;gap:7px}.metric>span,.metric small{color:#68787a;font-size:13px}.metric strong{font-size:31px}.metric-alert{border-color:#edc5c0}.panel{padding:18px}.panel-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h2,.panel h2{font-size:18px}.panel-title>span{font-size:12px;color:#68787a}.area-row{width:100%;border:0;border-bottom:1px solid #edf1f2;background:#fff;display:grid;grid-template-columns:150px 1fr 50px 90px;align-items:center;gap:13px;padding:11px 2px;text-align:left}.area-row:hover{background:#f8fbfa}.area-row small{color:#a33b2f}.bar{height:8px;background:#edf1f2;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#1d6469;border-radius:inherit}.recent{width:100%;border:0;border-bottom:1px solid #edf1f2;background:#fff;display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;padding:12px 2px;text-align:left}.recent div{display:grid}.recent small,.recent time{color:#68787a;font-size:12px}.dot{width:8px;height:8px;border-radius:50%}.toolbar{background:#fff;border:1px solid #d8e1e2;border-radius:14px;padding:15px 17px;display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.field{display:grid;gap:6px;margin-bottom:14px}.field.compact{margin:0}.field>span{font-size:12px;color:#5e6f71;font-weight:700}.field input,.field select,.field textarea,.search-wrap{width:100%;border:1px solid #ccd7d8;border-radius:9px;padding:11px 12px;background:#fff;color:#172426}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-wrap:focus-within{outline:3px solid rgba(29,100,105,.12);border-color:#1d6469}.legend{display:flex;gap:8px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;width:max-content;border:1px solid;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.complete{background:#e7f5ec!important;border-color:#2c7a4b!important;color:#24623e!important}.progress{background:#fff3d9!important;border-color:#ba7417!important;color:#845312!important}.maintenance{background:#fbe9e7!important;border-color:#b94337!important;color:#9d342a!important}.pending{background:#edf1f2!important;border-color:#9eabad!important;color:#657577!important}.map-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.15fr);gap:18px;align-items:start}.map-layout.no-map{grid-template-columns:1fr}.floorplan{position:sticky;top:98px}.floorplan img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#fafcfc;border-radius:10px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:11px}.room{min-height:96px;border:2px solid;border-radius:12px;display:grid;place-content:center;text-align:center;gap:5px;padding:9px}.room strong{font-size:18px}.room span,.room small{font-size:11px;font-weight:750}.link{border:0;background:transparent;color:#1d6469;padding-left:0;margin-bottom:12px}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-head p{color:#68787a;margin-top:3px}.form-panel{padding:19px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.actions.left{justify-content:flex-start}.secondary{background:#fff;border:1px solid #ccd7d8;color:#172426}.primary{background:#1d6469;border:1px solid #1d6469;color:#fff}.ghost{background:transparent;border:0;color:#425456}.danger{color:#a33b2f}.photo-box{border:1px dashed #b9c7c8;background:#f8fbfb;border-radius:12px;padding:13px;display:flex;gap:14px;align-items:center;margin:3px 0 14px}.photo-box>div{width:100px;height:78px;background:#e9eeee;border-radius:9px;display:grid;place-items:center;overflow:hidden}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-box section{padding:0;margin:0;display:flex;align-items:center;gap:10px;max-width:none;flex-wrap:wrap}.photo-box section b,.photo-box section small{width:100%}.photo-box small{color:#68787a}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:10px}.search-wrap input{border:0;outline:0;width:100%;padding:12px 2px}.table{display:grid}.table-row{border:0;border-bottom:1px solid #edf1f2;background:#fff;padding:13px 8px;display:grid;grid-template-columns:90px 1fr 145px 1fr auto;align-items:center;text-align:left;gap:14px}.table-row:hover{background:#f8fbfa}.table-row small{color:#68787a}.maintenance-row{grid-template-columns:80px 130px 110px 1fr auto}.priority{font-size:12px}.priority.urgent,.priority.high{color:#a33b2f}.priority.medium{color:#8a5a12}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-cards{grid-template-columns:repeat(3,1fr)}.report h2{font-size:18px}.report p{color:#68787a;min-height:42px}.summary-table{display:grid;gap:0}.summary-table>div{display:grid;grid-template-columns:1fr 80px 150px 160px;border-bottom:1px solid #edf1f2;padding:12px 4px}.settings{max-width:800px}.settings p{color:#68787a;margin:8px 0 15px}.settings hr{border:0;border-top:1px solid #e3e9ea;margin:23px 0}.connection-card{display:flex;gap:9px;align-items:center;padding:13px;border-radius:10px;margin-bottom:12px}.connection-card.ok{background:#e7f5ec;color:#24623e}.connection-card.warn{background:#fff3d9;color:#845312}.empty{padding:30px;text-align:center;color:#68787a}.toast{position:fixed;right:22px;bottom:22px;background:#172426;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 10px 25px #0000002e;z-index:100}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1c1e8c;display:grid;place-items:center;padding:20px;z-index:200}.modal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:80vh;overflow:auto}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e3e9ea}.modal>header button{border:0;background:none}.modal>div{padding:18px}.history-item{border-left:3px solid #1d6469;padding:3px 0 13px 14px;margin-bottom:13px}.history-item span{display:block;font-size:12px;color:#68787a;margin:3px 0 7px}@media(max-width:1050px){.map-layout{grid-template-columns:1fr}.floorplan{position:static}.floorplan img{max-height:520px}.cards,.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.mobile-menu{display:block;padding:0;margin-right:10px}aside{position:fixed;left:0;top:0;transform:translate(-105%);transition:.2s;width:238px}aside.open{transform:none}main>header{padding:0 17px;height:72px;justify-content:flex-start}main>header>div{flex:1}main>header p{display:none}.sync span{display:none}section{padding:18px}.panel-grid{grid-template-columns:1fr}.area-row{grid-template-columns:110px 1fr 45px}.area-row small{display:none}.form-grid,.report-cards{grid-template-columns:1fr}.table-row,.maintenance-row{grid-template-columns:1fr auto}.table-row>*:not(:first-child):not(:last-child){display:none}.summary-table>div{grid-template-columns:1fr auto}.summary-table>div span:nth-of-type(n+2){display:none}.toolbar{align-items:start;gap:12px;flex-direction:column}.photo-box{align-items:flex-start}.photo-box section{display:grid}.cards{grid-template-columns:1fr 1fr}}@media(max-width:460px){.cards{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,1fr)}}