@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@500;600;700&display=swap";:root{color:#172033;--navy:#0b2447;--mint:#22b99a;--line:#e5eaf1;--muted:#758197;background:#f4f7fb;font-family:IBM Plex Sans Arabic,Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.app-shell{background:#f4f7fb;min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:254px;padding:25px 16px 18px;display:flex;position:fixed;top:0;bottom:0;right:0}.app-shell[dir=ltr] .sidebar{left:0;right:auto}.brand-lockup{align-items:center;gap:12px;display:flex}.sidebar .brand-lockup{border-bottom:1px solid #ffffff1a;padding:0 10px 26px}.brand-icon{background:var(--mint);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand-lockup div:last-child{flex-direction:column;display:flex}.brand-lockup strong{font:700 19px Inter}.brand-lockup span{letter-spacing:1.2px;opacity:.62;text-transform:uppercase;font:500 10px Inter}.sidebar nav{flex-direction:column;flex:1;gap:5px;margin-top:25px;display:flex}.sidebar nav button{color:#aebbd0;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff10}.sidebar nav button.active{background:#29c7ac24}.sidebar nav button.active svg{color:#36d2b7}.sidebar nav button i{background:#35d0b5;width:3px;height:23px;position:absolute;right:-16px}.sidebar-bottom{border-top:1px solid #ffffff1a;padding-top:15px}.company-card{align-items:center;gap:9px;padding:10px 7px;display:flex}.company-card>svg{width:16px;margin-inline-start:auto}.company-logo{color:#623d03;background:#f3b85c;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.company-card div,.user-menu>div{flex-direction:column;display:flex}.company-card b{font-size:12px}.company-card small{color:#91a1b8;font-size:10px}.logout{color:#9cabbe;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.main-area{margin-right:254px}.app-shell[dir=ltr] .main-area{margin-left:254px;margin-right:0}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.global-search,.search-box{color:#8d98aa;background:#f5f7fa;border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:9px;padding:8px 11px;display:flex}.global-search{width:min(370px,34vw)}.global-search input,.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.global-search kbd{background:#fff;border:1px solid #dce2e9;border-radius:5px;padding:3px 6px;font:500 10px Inter}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#768398;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:#f1f4f7}.notification{position:relative}.notification i{background:#ed5a5a;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.divider{background:var(--line);width:1px;height:28px}.user-menu{align-items:center;gap:9px;display:flex}.user-menu b{font-size:13px}.user-menu small{color:var(--muted);font-size:11px}.avatar{color:#28629d;background:#e6f2ff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.avatar.large{color:#087a67;background:#d8f5ee;width:38px;height:38px}main{max-width:1640px;margin:auto;padding:30px 34px 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-heading h1{margin:3px 0 4px;font-size:27px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.kicker{color:#8a96aa;font-size:11px}.primary,.secondary{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--navy);color:#fff}.secondary{color:#344055;background:#eef2f6}.wide{width:100%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.stat-icon.mint{color:#0c957c;background:#ddf7f1}.stat-icon.blue{color:#3474c5;background:#e7f1ff}.stat-icon.orange{color:#dd831e;background:#fff0df}.stat-icon.purple{color:#7956c8;background:#efe9ff}.stat-card>div:last-child{flex-direction:column;display:flex}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font:700 23px Inter}.stat-card small{color:#3a9a81;font-size:10px}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:18px;display:grid}.dashboard-grid.lower{grid-template-columns:1.35fr 1fr}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.panel-head{justify-content:space-between;margin-bottom:16px;display:flex}.panel h3{margin:0;font-size:15px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.panel-head select,.table-tools select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 44px,#f1f3f6 45px);align-items:stretch;gap:20px;height:190px;padding-top:10px;display:flex}.chart-group{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-track{align-items:flex-end;gap:4px;width:38px;height:156px;display:flex}.bar-track i,.bar-track b{border-radius:4px 4px 1px 1px;flex:1}.bar-track i{background:var(--mint)}.bar-track b{background:#dbe4ef}.chart-group>span,.legend{color:#7e8999;font-size:10px}.legend{gap:20px;margin-top:22px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot.collected{background:var(--mint)}.dot.due{background:#dbe4ef}.donut-wrap{justify-content:center;align-items:center;gap:30px;padding:14px 0;display:flex}.donut{background:radial-gradient(circle,#fff 0 47px,transparent 48px),conic-gradient(#1eb497 0 93.6%,#50a7e9 93.6% 97.8%,#f2b45f 97.8%);border-radius:50%;place-items:center;width:142px;height:142px;display:grid}.donut div{text-align:center;flex-direction:column;display:flex}.donut b{font:700 24px Inter}.donut span{color:var(--muted);font-size:10px}.status-list div{grid-template-columns:9px 1fr auto;gap:7px;margin:12px 0;font-size:11px;display:grid}.status-list i{border-radius:50%;width:7px;height:7px}.green{background:#1eb497}.cyan{background:#50a7e9}.amber{background:#f2b45f}.status-list span{color:#6f7c90}.text-button{color:#2368ae;background:0 0;border:0;align-items:center;font-size:11px;font-weight:600;display:flex}.text-button svg{width:14px}.activity-list>div,.utility-row{border-top:1px solid #eff2f5;align-items:center;gap:11px;padding:12px 0;display:flex}.activity-list>div:first-child,.utility-row:first-of-type{border-top:0}.activity-icon,.utility-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.activity-icon.red{color:#d94c4c;background:#ffebeb}.activity-icon.amber{color:#d98723;background:#fff2df}.activity-icon.blue{color:#3a76b8;background:#e9f3ff}.activity-list div>div,.utility-row>div{flex-direction:column;display:flex}.activity-list b,.utility-row b{font-size:11px}.activity-list small,.utility-row small{color:var(--muted);font-size:10px}.activity-list time,.utility-row>strong{margin-inline-start:auto;font-size:10px}.utility-icon{color:#e49a20;background:#fff0d7}.utility-icon.water{color:#388cce;background:#e6f4ff}.utility-row>strong{color:#dc755b}.utility-row>strong.down{color:#1da185}.table-panel{padding:0;overflow:hidden}.table-tools{border-bottom:1px solid var(--line);gap:10px;padding:15px 18px;display:flex}.search-box{background:#fff;width:320px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{color:#788398;text-align:start;background:#f8fafc;padding:11px 17px;font-size:10px}td{color:#536077;border-bottom:1px solid #edf1f5;padding:13px 17px;font-size:11px}td b{color:#26344b}.mono{font:600 10px Inter}.badge{border-radius:999px;padding:4px 8px;font-size:9px;font-weight:600}.badge.occupied,.badge.active{color:#087b68;background:#dff7f1}.badge.vacant{color:#346ba7;background:#e7f2ff}.badge.maintenance,.badge.late{color:#bd4e45;background:#ffe8e6}.badge.reserved,.badge.leaving{color:#a76a17;background:#fff0d9}.person{align-items:center;gap:9px;display:flex}.person>span{background:#e8f0fb;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.person div{flex-direction:column;display:flex}.money-ok{color:#148a72;font-weight:600}.money-due{color:#d26352;font-weight:600}.kanban-toolbar{justify-content:space-between;margin-bottom:15px;display:flex}.filter-tabs{background:#e9edf3;border-radius:9px;gap:4px;padding:3px;display:flex}.filter-tabs button{color:#6d788a;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:10px}.filter-tabs button.active{background:#fff}.search-box.small{width:190px}.kanban-board{grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px;display:grid;overflow-x:auto}.kanban-column{background:#eaf0f6;border-radius:12px;min-height:560px;padding:10px}.kanban-column>header{justify-content:space-between;align-items:center;height:42px;display:flex}.kanban-column>header>div{align-items:center;gap:7px;display:flex}.kanban-column header i{border-radius:50%;width:8px;height:8px}.kanban-column header i.blue{background:#4b91da}.kanban-column header i.amber{background:#e6a43a}.kanban-column header i.purple{background:#8b6bd1}.kanban-column header i.green{background:#25a988}.kanban-column header b{font-size:12px}.kanban-column header span{background:#dbe2ea;border-radius:99px;padding:2px 6px;font-size:9px}.task-stack{flex-direction:column;gap:9px;display:flex}.task-card{cursor:grab;background:#fff;border:1px solid #e1e6ec;border-radius:10px;padding:13px}.task-top{justify-content:space-between;display:flex}.priority{border-radius:99px;padding:3px 7px;font-size:8px;font-weight:600}.priority.high{color:#bb4d45;background:#ffe8e7}.priority.medium{color:#a86d1b;background:#fff0d9}.priority.low{color:#46709d;background:#e8f1fb}.task-card h3{margin:10px 0 4px;font-size:12px}.task-card p{color:#7b8798;margin:0 0 12px;font-size:9px}.task-meta{border-top:1px solid #eff2f5;justify-content:space-between;padding-top:9px;display:flex}.task-meta span{background:#eef2f6;border-radius:5px;padding:3px 6px;font-size:8px}.task-meta time{color:#7e8999;gap:4px;font-size:8px;display:flex}.task-meta svg{width:11px}.task-card footer{align-items:center;gap:6px;margin-top:10px;display:flex}.task-card footer b{font-size:9px}.modal-backdrop{z-index:100;background:#07142788;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(560px,100%);padding:22px}.modal-head{justify-content:space-between;display:flex}.modal h2{margin:0}.modal-head p{color:var(--muted);font-size:11px}.modal label,.login-card label{margin:12px 0 5px;font-size:11px;font-weight:600;display:block}.modal input,.modal select,.login-card input,.login-card select{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;padding:10px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.empty-state{text-align:center;padding:70px 20px}.empty-state>svg{color:#8fa0b4;background:#eef3f7;border-radius:14px;width:48px;height:48px;padding:12px}.empty-state p{color:var(--muted);font-size:12px}.login-shell{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 22% 30%,#1a486f 0,#0000 31%),linear-gradient(145deg,#071d38,#0b3155 62%,#0d3a5d);flex-direction:column;padding:45px 58px;display:flex}.login-copy{max-width:590px;margin:auto 0}.eyebrow{color:#55d5bd;font-size:13px}.login-copy h1{margin:12px 0;font-size:54px;line-height:1.25}.login-copy p{color:#b8c8d9;font-size:16px;line-height:1.9}.visual-stats{border-top:1px solid #fff2;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:24px;display:grid}.visual-stats div{flex-direction:column;display:flex}.visual-stats b{font:700 21px Inter}.visual-stats span{color:#aabbd0;font-size:10px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(390px,100%)}.login-card .subtle{color:#1a9f87;font-size:11px}.login-card h2{margin:5px 0;font-size:30px}.login-card>p{color:var(--muted);margin-bottom:25px;font-size:13px}.login-card .primary{margin-top:20px}.secure-note{color:#8490a0;justify-content:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.form-error{color:#b74f46;background:#fff0ef;padding:7px;font-size:10px}.mobile-brand,.mobile-menu,.mobile-overlay{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(4,270px)}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(110%)}.app-shell[dir=ltr] .sidebar{transform:translate(-110%)}.sidebar.open{transform:none}.main-area,.app-shell[dir=ltr] .main-area{margin:0}.topbar{height:65px;padding:0 14px}.mobile-menu{display:grid}.global-search,.user-menu>div,.divider{display:none}main{padding:20px 14px}.page-heading h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:17px}.stat-card small{display:none}.dashboard-grid{gap:10px}.table-tools{flex-wrap:wrap}.search-box{width:100%}.kanban-toolbar{flex-direction:column;gap:8px}.search-box.small{width:100%}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{align-items:center;gap:9px;margin-bottom:40px;display:flex}.form-grid{grid-template-columns:1fr}.mobile-overlay{z-index:15;background:#06132555;border:0;display:block;position:fixed;inset:0}}@media (width<=430px){.stats-grid{grid-template-columns:1fr}}.app-loading{color:#0b2447;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;font:600 15px Inter,sans-serif;display:flex}.app-loading .brand-icon{animation:1.2s ease-in-out infinite loading-pulse}.primary:disabled{opacity:.65;cursor:wait}@keyframes loading-pulse{50%{opacity:.7;transform:scale(.92)}}.import-panel{text-align:center;margin-bottom:18px;padding:40px}.import-panel>svg{color:#3474c5;background:#e7f2ff;border-radius:14px;width:48px;height:48px;padding:12px}.import-panel h2{margin:12px 0 4px}.import-panel p{color:var(--muted);font-size:12px}.import-panel input[type=file]{background:#f8fafc;border:1px dashed #b8c4d3;border-radius:10px;width:min(420px,100%);margin:20px auto;padding:18px;display:block}.import-panel .form-error{max-width:500px;margin:14px auto 0}.import-results .panel-head{border-bottom:1px solid var(--line);margin:0;padding:18px}.settings-panel{max-width:680px}.settings-panel label{color:#4e5a6e;margin:14px 0 5px;font-size:11px;font-weight:600;display:block}.settings-panel input,.settings-panel select{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;padding:10px}.settings-panel input:disabled{color:#8a95a5;background:#f1f4f7}.settings-panel .secure-note{color:#148a72;justify-content:flex-start}.lease-table{margin-top:18px}.lease-table .panel-head{border-bottom:1px solid var(--line);margin:0;padding:18px}