@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--blue: #002865;--blue2: #003580;--blue3: #001a42;--blue-lt: #e8edf5;--blue-lt2: #d0daea;--red: #aa182c;--red2: #8a1222;--red-lt: #faeaec;--cream: #FAF8F3;--cream2: #F3EFE6;--cream3: #EDE8DC;--stone: #D4CCB8;--stone2: #B8AF9A;--text: #1a1a2e;--text2: #3d3d5c;--text3: #7a7a9a;--text4: #b0b0c8;--white: #FFFFFF;--success: #1e6b3a;--success-lt: #e8f5ed;--warning: #b45309;--warning-lt: #fef3c7;--danger: #aa182c;--danger-lt: #faeaec;--info: #002865;--info-lt: #e8edf5;--r: 12px;--rsm: 8px;--rxl: 18px;--shadow: 0 2px 16px rgba(0,40,101,.08);--shadow2: 0 4px 32px rgba(0,40,101,.14);--sidebar-w: 230px;--topbar-h: 58px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:DM Sans,sans-serif;background:var(--cream);color:var(--text);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--cream2)}::-webkit-scrollbar-thumb{background:var(--blue-lt2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--blue3);display:flex;flex-direction:column;height:100vh;overflow:hidden;flex-shrink:0;transition:transform .3s ease}.sidebar-logo{padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.logo-img{width:42px;height:auto;flex-shrink:0;filter:brightness(0) invert(1)}.logo-info{flex:1;min-width:0}.logo-name{font-family:Lora,serif;font-size:14px;font-weight:600;color:#fff;line-height:1.2}.logo-sub{font-size:10px;color:#ffffff73;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:9px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;padding:10px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--rsm);text-decoration:none;color:#ffffffa6;font-size:13px;font-weight:400;transition:all .15s;border:1px solid transparent}.nav-item:hover{background:#ffffff14;color:#ffffffe6}.nav-item.active{background:var(--red);color:#fff;font-weight:500;border-color:#ffffff1a;box-shadow:0 2px 8px #aa182c66}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-label{flex:1}.nav-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.nav-item.active .nav-badge{background:#ffffff40}.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);background:#00000026;display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:12px;font-weight:500;color:#fff}.user-role{font-size:10px;color:#ffffff73}.logout-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#fff6;padding:4px;border-radius:6px;transition:all .15s}.logout-btn:hover{background:#ffffff1a;color:var(--red)}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--cream3);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;box-shadow:0 1px 4px #0028650f}.topbar-left{display:flex;flex-direction:column}.page-title{font-family:Lora,serif;font-size:18px;font-weight:600;color:var(--blue3)}.breadcrumb{font-size:11px;color:var(--text3);margin-top:1px}.breadcrumb a{color:var(--blue);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.topbar-right{display:flex;align-items:center;gap:10px}.sidebar-toggle{display:none;background:none;border:none;cursor:pointer;font-size:20px;color:var(--blue3);padding:4px 8px}.content{flex:1;overflow-y:auto;padding:22px 24px;background:var(--cream)}.card{background:var(--white);border:1px solid var(--cream3);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow)}.card-title{font-family:Lora,serif;font-size:15px;font-weight:600;color:var(--blue3);margin-bottom:14px}.card-accent-blue{border-left:3px solid var(--blue)}.card-accent-red{border-left:3px solid var(--red)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.metric{background:var(--white);border:1px solid var(--cream3);border-radius:var(--r);padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}.metric-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.metric-value{font-family:Lora,serif;font-size:28px;font-weight:600;color:var(--blue3);margin:4px 0}.metric-delta{font-size:11px}.metric-delta.up{color:var(--success)}.metric-delta.down{color:var(--red)}.metric-delta.neu{color:var(--text3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--rsm);font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;text-decoration:none;transition:all .15s;border:1px solid transparent;line-height:1;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue2);border-color:var(--blue2);box-shadow:0 2px 8px #00286540}.btn-danger-solid{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger-solid:hover{background:var(--red2)}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--cream3)}.btn-ghost:hover{background:var(--cream);border-color:var(--stone);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border-color:#aa182c33}.btn-danger:hover{background:var(--red-lt)}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 10px;font-size:11px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.badge-hvac{background:var(--blue-lt);color:var(--blue)}.badge-plum{background:var(--red-lt);color:var(--red)}.badge-elec{background:var(--warning-lt);color:var(--warning)}.badge-active{background:var(--success-lt);color:var(--success)}.badge-inactive{background:var(--cream2);color:var(--text3)}.badge-pending{background:var(--warning-lt);color:var(--warning)}.badge-paid{background:var(--success-lt);color:var(--success)}.badge-overdue{background:var(--red-lt);color:var(--red)}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;font-weight:600;color:var(--blue3);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:2px solid var(--blue-lt2);white-space:nowrap;background:var(--cream)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--cream2);color:var(--text2);vertical-align:middle}.tbl tbody tr{cursor:pointer;transition:background .12s}.tbl tbody tr:hover td{background:var(--blue-lt)}.tbl tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--cream3);border-radius:var(--rsm);font-size:13px;font-family:DM Sans,sans-serif;background:var(--white);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00286514}.form-textarea{resize:vertical;min-height:80px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.alert{padding:12px 16px;border-radius:var(--rsm);font-size:13px;margin-bottom:16px;border-left:4px solid}.alert-success{background:var(--success-lt);color:var(--success);border-color:var(--success)}.alert-error{background:var(--red-lt);color:var(--red);border-color:var(--red)}.alert-info{background:var(--blue-lt);color:var(--blue);border-color:var(--blue)}.alert-warning{background:var(--warning-lt);color:var(--warning);border-color:var(--warning)}.mono{font-family:DM Mono,monospace;font-size:12px}.lora{font-family:Lora,serif}@media (max-width: 1024px){:root{--sidebar-w: 200px}.form-grid-3{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){:root{--sidebar-w: 240px;--topbar-h: 52px}.app-shell{position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);box-shadow:var(--shadow2)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00002880;z-index:999}.sidebar-overlay.open{display:block}.sidebar-toggle{display:flex}.main{width:100%}.topbar{padding:0 14px}.content{padding:14px}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:600px}.card{padding:14px}.hide-mobile{display:none!important}.btn-block-mobile{width:100%;justify-content:center}[style*="grid-template-columns:1fr 320px"],[style*="grid-template-columns:1fr 340px"],[style*="grid-template-columns:1fr 300px"],[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr 1fr!important}.metric-value{font-size:22px}.page-title{font-size:15px}}