:root{--bg:#f4f6f9;--card:#fff;--ink:#18212f;--muted:#7a8493;--line:#e8ebf0;--primary:#3766e8;--primary-soft:#edf2ff;--green:#20a779;--green-soft:#e9f8f2;--orange:#ee9239;--orange-soft:#fff5e9;--red:#e45454;--red-soft:#fff0f0;--shadow:0 8px 30px rgba(28,40,68,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#101a2b;color:#dbe3f1;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 34px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4f7bf4,#7ca6ff);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:18px;color:#fff}.brand small{font-size:11px;color:#8290a6;margin-top:3px}.nav-item{width:100%;border:0;background:transparent;color:#9ba8bc;padding:13px 15px;border-radius:10px;text-align:left;cursor:pointer;margin:3px 0;transition:.2s}.nav-item span{display:inline-block;width:28px;font-size:18px}.nav-item:hover,.nav-item.active{color:#fff;background:#24314a}.sidebar-foot{margin-top:auto;border-top:1px solid #253147;padding:20px 8px 0;display:flex;gap:10px;align-items:center}.avatar{background:#33435e;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.sidebar-foot b,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:#78879d;margin-top:3px}main{margin-left:238px;min-height:100vh;padding:30px 38px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:25px;margin:0 0 7px}header p{margin:0;color:var(--muted);font-size:13px}.header-actions{display:flex;gap:12px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 16px;cursor:pointer}.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(55,102,232,.25)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.danger{background:var(--red-soft);color:var(--red)}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative;cursor:pointer}.icon-btn i{position:absolute;right:-4px;top:-5px;background:var(--red);color:#fff;border-radius:9px;font:normal 10px sans-serif;padding:2px 5px}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card,.panel{background:var(--card);border:1px solid #edf0f4;border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:22px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:18px}.stat-card strong{display:block;font-size:27px;margin:13px 0 6px}.stat-card small{color:var(--muted)}.up{color:var(--green)!important}.warn{color:var(--orange)!important}.danger-text{color:var(--red)!important}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel{padding:21px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{font-size:16px;margin:0}.link-btn{border:0;background:none;color:var(--primary);cursor:pointer;font-size:13px}.occupancy{display:flex;align-items:center;gap:28px}.ring{--p:75;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),#e8edf8 0);display:grid;place-items:center}.ring:after{content:"";width:105px;height:105px;background:#fff;border-radius:50%}.ring-label{position:absolute;text-align:center}.ring-label b{font-size:25px;display:block}.legend{flex:1}.legend-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:8px}.reminder{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.reminder:last-child{border:0}.reminder-icon{width:36px;height:36px;flex:none;border-radius:9px;display:grid;place-items:center}.reminder p{margin:0;font-size:13px}.reminder small{color:var(--muted);display:block;margin-top:5px}.toolbar{display:flex;gap:10px;margin-bottom:16px}.search{flex:1;max-width:320px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff}.filter{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;background:#f9fafc}th,td{padding:13px 12px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.tag{padding:4px 9px;border-radius:20px;font-size:11px;display:inline-block}.tag.green{color:var(--green);background:var(--green-soft)}.tag.orange{color:var(--orange);background:var(--orange-soft)}.tag.red{color:var(--red);background:var(--red-soft)}.tag.gray{color:#687386;background:#f0f2f5}.tenant{display:flex;align-items:center;gap:9px}.tenant-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.amount{font-weight:700}.modal{position:fixed;inset:0;background:rgba(7,14,27,.48);display:none;place-items:center;z-index:20;padding:20px}.modal.open{display:grid}.modal-card{background:#fff;border-radius:15px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 70px rgba(0,0,0,.22)}.modal-head{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:18px}.modal-head button{border:0;background:none;font-size:26px;cursor:pointer;color:var(--muted)}#modalBody{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #dce1e8;border-radius:8px;padding:10px;outline:none}.field textarea{min-height:85px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.toast{position:fixed;right:28px;bottom:28px;background:#172235;color:#fff;padding:12px 18px;border-radius:9px;transform:translateY(30px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:none;opacity:1}.empty{text-align:center;padding:35px;color:var(--muted)}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:72px;padding:20px 9px}.brand div,.sidebar-foot div:not(.avatar),.nav-item:not(.active){font-size:0}.brand{padding-left:6px}.nav-item span{font-size:20px}.nav-item.active{font-size:0}.sidebar-foot{padding-left:9px}main{margin-left:72px;padding:22px 16px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full,.form-actions{grid-column:1}.panel{overflow:auto}header .primary{display:none}}