@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.clickable{cursor:pointer}.clickable:hover td{background:#f3f8f6}.modal-backdrop{z-index:20;background:#0d2d2d80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(650px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 20px 60px #092d2d40}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{text-transform:none}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{margin:0}.form-grid input,.form-grid select,.form-grid textarea{color:#24434a;background:#fff;border:1px solid #d5e2df;border-radius:7px;outline-color:#368b82;width:100%;margin-top:6px;padding:10px;display:block}.form-grid textarea{resize:vertical;min-height:90px}.span-2{grid-column:span 2}.form-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.toast{color:#fff;z-index:30;background:#123f3e;border-radius:8px;align-items:center;gap:9px;padding:12px 14px;display:flex;position:fixed;bottom:24px;right:25px;box-shadow:0 10px 30px #123f3e40}.toast svg{color:#a9e5cf}.toast button{color:#b7d3cf;background:0 0;margin-left:10px}.detail-list{background:#e3ece9;grid-template-columns:1fr 1fr;gap:1px;display:grid}.detail-list div{background:#fff;padding:11px}.detail-list small,.detail-list b{text-transform:capitalize;display:block}.detail-list small{color:#84999c;margin-bottom:5px}.upload-btn{color:#fff;cursor:pointer;background:#247d74;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-weight:600;display:inline-flex}.upload-btn input{display:none}.settings-card{max-width:560px;padding:30px}.settings-card .large{width:58px;height:58px;margin-bottom:15px;font-size:18px}.settings-card p{color:#789095}.settings-card hr{border:0;border-top:1px solid #e7efed;margin:25px 0}.settings-card h3{font-family:Space Grotesk}@media (width<=620px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal{padding:17px}}:root{color:#172a33;background:#f7f9f8;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}aside{color:#d7e6e3;background:#12353a;flex-direction:column;width:250px;padding:24px 14px 16px;display:flex}.logo{color:#fff;align-items:center;gap:10px;padding:0 10px 28px;font-family:Space Grotesk;font-size:19px;font-weight:700;display:flex}.logo span,.brand-mark{color:#12353a;background:#e7b86b;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.workspace{border:1px solid #376064;border-radius:10px;align-items:center;gap:9px;margin-bottom:21px;padding:11px 10px;display:flex}.workspace b,.workspace small,.user b,.user small{display:block}.workspace b,.user b{color:#f0f6f5;font-size:12px}.workspace small,.user small{color:#8fb0ad;margin-top:3px;font-size:11px}.company-dot{color:#24625e;background:#d7ebe5;border-radius:7px;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.chevron{color:#8fb0ad;margin-left:auto}nav{gap:4px;display:grid}nav button,.sidebar-bottom>button{color:#a8c4c1;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:12px;padding:10px 11px;display:flex}nav button.active,nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#28575a}.sidebar-bottom{margin-top:auto}.user{border-top:1px solid #376064;align-items:center;gap:9px;margin-top:17px;padding:17px 7px 0;display:flex}.avatar{color:#6b4938;background:#d8c2a1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.user .icon-btn{color:#9ebdb9;margin-left:auto}.content{flex:1;max-width:1500px;padding:34px 42px;overflow:auto}header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}h1,h2{color:#172a33;margin:0;font-family:Space Grotesk}h1{letter-spacing:-.5px;font-size:27px}h2{text-transform:capitalize;font-size:16px}header p,.panel-head p{color:#779096;margin:7px 0 0}.header-actions{align-items:center;gap:17px;display:flex}.icon-btn{color:#547076;background:0 0;border-radius:7px;padding:7px}.icon-btn:hover{background:#e6eeec}.notification{color:#fff;background:#e1a15d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.actions,.page-toolbar{justify-content:flex-end;gap:10px;margin:-65px 0 28px;display:flex}.page-toolbar{justify-content:space-between;margin:0 0 18px}.primary,.secondary{border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#247d74}.primary:hover{background:#1b6a62}.secondary{color:#31555b;background:#fff;border:1px solid #dce7e4}.full{justify-content:center;width:100%;margin-top:9px}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.metric,.panel{background:#fff;border:1px solid #e1eae7;border-radius:10px;box-shadow:0 2px 6px #173c3907}.metric{padding:19px}.metric-label{color:#71888d;justify-content:space-between;align-items:center;display:flex}.metric strong{margin:12px 0 4px;font-family:Space Grotesk;font-size:27px;display:block}.metric small{color:#759096}.metric small.warn{color:#bf8044}.metric-icon{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.i0{color:#287b72;background:#e3f1ee}.i1{color:#b57a38;background:#f9eedc}.i2{color:#657bc4;background:#e8ebfa}.i3{color:#ad6380;background:#f6e7ee}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.panel-head select{color:#607a7d;background:#fff;border:1px solid #dfe9e6;border-radius:6px;padding:7px}.count{color:#287c74;background:#e9f1ef;border-radius:20px;padding:6px 10px;font-weight:700}.attention{gap:16px;padding:5px 0;display:grid}.attention>div{border-bottom:1px solid #edf2f0;align-items:center;gap:12px;padding:10px;display:flex}.attention svg{color:#ce9251}.attention b,.attention small{display:block}.attention small{color:#80959a;margin-top:4px}.lower{grid-template-columns:1fr 1fr}table{border-collapse:collapse;width:100%}th{text-align:left;color:#84979a;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #edf1ef;padding:10px 8px;font-size:11px;font-weight:600}td{color:#4c696f;border-bottom:1px solid #f0f4f2;padding:14px 8px}td b{color:#24434a}tr:last-child td{border-bottom:0}.text-btn{color:#287d74;background:0 0;font-weight:600}.badge{color:#687d81;background:#eef2f2;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.emergency,.high,.overdue{color:#bd594c;background:#fbe9e5}.active,.paid,.completed{color:#2d806f;background:#e2f2ed}.occupied,.assigned,.scheduled{color:#52709d;background:#e6eef9}.expiring,.partially-paid{color:#a36b2c;background:#fff0d9}.new{color:#4d7d75;background:#e8f0ed}.table-panel{min-height:280px;padding:10px 20px 20px}.search{color:#789095;background:#fff;border:1px solid #dce7e4;border-radius:7px;align-items:center;gap:8px;width:300px;padding:9px 12px;display:flex}.search input{color:#24434a;border:0;outline:0;width:100%}.loading,.empty{text-align:center;color:#8ba0a2;padding:80px 20px}.report-tabs{border-bottom:1px solid #dce7e4;gap:5px;margin-bottom:18px;display:flex}.report-tabs button{color:#789095;background:0 0;padding:12px 18px}.report-tabs button.selected{color:#247d74;border-bottom:2px solid #247d74;font-weight:700}.login{background:radial-gradient(circle at 20% 20%,#d8ebe6,#f7f9f8 48%);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e1eae7;border-radius:14px;width:410px;padding:38px;box-shadow:0 15px 40px #1b484015}.login-card .brand-mark{margin-bottom:25px}.eyebrow{letter-spacing:.13em;color:#2c877d;font-size:11px;font-weight:700}.login-card h1{font-size:28px}.muted,.hint{color:#7c9296}.login-card form{margin-top:28px}label{color:#426269;margin:15px 0;font-weight:600;display:block}label input{border:1px solid #d5e2df;border-radius:7px;outline-color:#368b82;width:100%;margin-top:7px;padding:11px;display:block}.hint{text-align:center;margin-top:23px;font-size:12px}.error{color:#b45348;background:#fbe9e5;border-radius:6px;padding:9px;font-size:13px}@media (width<=900px){aside{width:75px;padding:20px 10px}.logo{padding:0 12px 25px;font-size:0}.workspace{justify-content:center;padding:9px}.workspace>div:not(.company-dot),.workspace .chevron,nav button:not(.active):after,nav button{font-size:0}.workspace b,.workspace small{display:none}nav button,.sidebar-bottom>button{justify-content:center;padding:12px}.user{justify-content:center}.user>div:not(.avatar),.user .icon-btn{display:none}.content{padding:26px 20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.content{padding:22px 14px}h1{font-size:23px}.dashboard-grid,.lower{grid-template-columns:1fr}.metrics{gap:9px}.metric{padding:13px}.metric strong{font-size:21px}.actions{margin:-5px 0 20px}.actions .secondary{display:none}.page-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.table-panel{overflow:auto}.login-card{width:calc(100% - 30px);padding:28px}header{margin-bottom:20px}}