@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f7f7f7;--surface:#fff;--surface2:#f5f8fa;--border:#e4e9f0;--border-mid:#d0d9e4;--text:#1c2b3a;--text2:#6b7c93;--text3:#a8b8ca;--green:#35c0a3;--green-dark:#1baa7a;--green-light:#e8faf4;--green-mid:#52d6aa;--blue:#4b7bec;--blue-light:#ebf0fd;--blue-mid:#6b93f0;--amber:#f5a623;--amber-light:#fef5e7;--red:#e74c3c;--red-light:#fdecea;--purple:#8e44ad;--purple-light:#f3eaf8;--teal:#1abc9c;--teal-light:#e8faf4;--coral:#e67e22;--coral-light:#fef0e3;--radius:8px;--radius-sm:4px;--radius-xs:3px;--shadow:0 1px 4px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 32px #0000001f;--primary:var(--green);--primary-hover:var(--green-dark);--accent:var(--green);--accent-light:var(--green-light);--text-main:var(--text);--text-muted:var(--text3);--text-secondary:var(--text2);--bg-app:var(--bg);--bg-card:var(--surface);--border-color:var(--border);--radius-md:var(--radius);--radius-lg:16px;--transition:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif;font-size:14px}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}select,input,textarea{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:10px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.metric-card{padding:1.1rem 1.25rem}.metric-value{color:var(--text);margin-bottom:4px;font-size:1.6rem;font-weight:700;line-height:1}.metric-sub{font-size:11px;font-weight:500}.primary-btn{background:var(--green);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:6px;width:fit-content;padding:.55rem 1.1rem;font-size:13px;font-weight:600;display:inline-flex}.primary-btn:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2ecc9a59}.secondary-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content;transition:var(--transition);align-items:center;gap:6px;padding:.55rem 1.1rem;font-size:13px;font-weight:500;display:inline-flex}.secondary-btn:hover{background:var(--surface2);border-color:var(--border-mid)}.btn-sm{padding:.32rem .75rem!important;font-size:12px!important}.text-link{color:var(--green);background:0 0;padding:0;font-size:12px;font-weight:500}.text-link:hover{color:var(--green-dark)}.icon-btn-add{background:var(--green-light);width:26px;height:26px;color:var(--green);border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-btn-add:hover{background:var(--green);color:#fff}.icon-md{width:20px;height:20px}.form-group label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);transition:var(--transition);outline:none;padding:.6rem .9rem;font-size:13px}.form-group textarea{resize:vertical;min-height:80px}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--text2);border-top:1px solid var(--border);padding-top:.5rem;font-size:11px;font-weight:700}.form-footer button{flex:1;justify-content:center}.drawer-form,.form-grid-scroll{flex-direction:column;gap:1rem;display:flex}.mini-table{border-collapse:collapse;width:100%}.mini-table thead{background:var(--surface2)}.mini-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:10px;font-weight:700}.mini-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.7rem 1rem;font-size:13px}.mini-table tr:last-child td{border-bottom:none}thead tr{background:var(--surface2)}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:10px;font-weight:700}td{border-bottom:1px solid var(--border);background:var(--surface);padding:.7rem 1rem;font-size:13px}.table-container{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.table-controls{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.table-wrapper{overflow-x:auto}.section-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.status-pill{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-green{background:var(--green-light);color:var(--green-dark)}.status-yellow{background:var(--amber-light);color:#c17d0a}.status-blue{background:var(--blue-light);color:var(--blue)}.status-purple{background:var(--purple-light);color:var(--purple)}.status-red{background:var(--red-light);color:var(--red)}.status-teal{background:var(--teal-light);color:var(--teal)}.status-coral{background:var(--coral-light);color:var(--coral)}.mini-status{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.mini-status.paid{background:var(--green-light);color:var(--green-dark)}.mini-status.pending{background:var(--amber-light);color:#c17d0a}.mini-status.overdue{background:var(--red-light);color:var(--red)}.priority-pill{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.priority-pill.urgent{background:var(--red-light);color:var(--red)}.priority-pill.medium{background:var(--amber-light);color:#c17d0a}.priority-pill.low{background:var(--blue-light);color:var(--blue)}.avatar-circle{background:var(--green-light);width:34px;height:34px;color:var(--green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.search-bar-container{width:240px;max-width:100%;position:relative}.search-bar-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:.55rem 1rem .55rem 2.2rem;font-size:13px}.search-bar-input::placeholder{color:var(--text3)}.search-bar-input:focus{border-color:var(--green);background:var(--surface);box-shadow:0 0 0 3px #2ecc9a1a}.search-bar-icon{color:var(--text3);width:15px;height:15px;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;padding:.5rem .85rem;font-size:12px}.card-actions{gap:4px;display:none;position:absolute;top:10px;right:10px}.card:hover .card-actions,.proj-card:hover .card-actions{display:flex}.action-btn{cursor:pointer;width:28px;height:28px;transition:var(--transition);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.action-btn.edit{background:var(--blue-light);color:var(--blue)}.action-btn.delete{background:var(--red-light);color:var(--red)}.action-btn.edit:hover{background:var(--blue);color:#fff}.action-btn.delete:hover{background:var(--red);color:#fff}.tabs-row{border-radius:var(--radius);gap:2px;padding:5px;display:flex;overflow-x:auto}.tab-btn{color:var(--text2);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500}.tab-btn.active{background:var(--green);color:#fff;font-weight:600}.tab-btn:hover:not(.active){background:var(--surface2);color:var(--text)}.live-status-pill{background:var(--green-light);color:var(--green-dark);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.pill-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.close-btn{background:var(--surface2);cursor:pointer;width:30px;height:30px;color:var(--text2);border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--red-light);color:var(--red)}.close-btn.disabled{cursor:not-allowed;opacity:.6}.notification-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sb-count{color:var(--text3);background:var(--surface2);text-align:center;border-radius:10px;min-width:20px;padding:1px 7px;font-size:10px;font-weight:600}.full-width{justify-content:center;width:100%}.clickable-card{cursor:pointer;transition:var(--transition)}.clickable-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-group{border-bottom:1px solid var(--border);padding-bottom:1rem}.detail-group span{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:10px;font-weight:700;display:block}.td-col{flex-direction:column;gap:.2rem;display:flex}.td-title{font-size:13px;font-weight:600}.td-sub{color:var(--text2);font-size:11px}.loader{border:3px solid var(--green-light);border-bottom-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.task-overlay-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#1c2b3a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-overlay-content{width:100%;max-width:440px;padding:0;overflow:hidden}.overlay-header{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.overlay-header h3{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.overlay-body{padding:1.5rem}.overlay-footer{border-top:1px solid var(--border);padding:1.25rem}.task-mini-list{flex-direction:column;gap:8px;margin-top:1rem;display:flex}.task-mini-item{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.mini-priority{border-radius:2px;flex-shrink:0;width:4px;height:24px}.mini-priority.high{background:var(--red)}.mini-priority.medium{background:var(--amber)}.mini-priority.low{background:var(--blue)}.mini-info{flex-direction:column;display:flex}.mini-title{font-size:13px;font-weight:600}.mini-meta{color:var(--text2);font-size:11px}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:270px;height:100vh;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:1.25rem 1.1rem 1rem;display:flex}.brand-logo{background:var(--green);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-logo svg{color:#fff;width:18px;height:18px}.brand-name{color:var(--text);font-size:13px;font-weight:700;line-height:1.2}.brand-sub{color:var(--text2);margin-top:1px;font-size:10px}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sb-section{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;padding:1rem .6rem .35rem;font-size:9px;font-weight:700}.sb-item{color:var(--text2);cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:.75rem;padding:.85rem 1.25rem;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sb-item:hover{background:var(--surface2);color:var(--text)}.sb-item.active{color:#fff;background:#35c0a3;font-weight:600}.sb-icon{width:20px;height:20px;color:inherit;flex-shrink:0}.sb-item.active .sb-count{color:#fff;background:#fff3}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;padding:1rem 1.1rem;display:flex}.avatar{background:var(--green-light);width:32px;height:32px;color:var(--green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.topbar{background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.topbar-center{flex:1}.topbar-right{align-items:center;gap:12px;display:flex}.search-bar{width:280px;margin-right:8px;position:relative}.search-bar input{background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow);transition:var(--transition);border:none;border-radius:8px;outline:none;padding:.65rem 1rem .65rem 2.5rem;font-size:13px}.search-bar input::placeholder{color:var(--text3)}.search-bar input:focus{box-shadow:0 0 0 2px var(--green-light)}.search-icon{color:var(--text3);width:16px;height:16px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.header-btn-action{width:38px;height:38px;color:var(--text);transition:var(--transition);background:#e4f1cf;border-radius:6px;justify-content:center;align-items:center;display:flex}.header-btn-action:hover{background:#d6e8bc}.notif-badge-dot{background:var(--green);border:1.5px solid var(--green-light);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:10px}.header-user-profile{align-items:center;gap:10px;margin-left:12px;display:flex}.header-avatar{background:var(--green);color:#fff;border-radius:50%;width:38px;height:38px;font-size:13px}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:var(--text);font-size:13px;font-weight:700}.header-user-role{color:var(--text2);margin-top:1px;font-size:11px}.layout-container{background:var(--bg);height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.content{flex:1;padding:1.5rem;overflow-y:auto}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background:#fff;flex-direction:column;width:100%;max-width:500px;height:100%;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex;box-shadow:-10px 0 25px -5px #0000001a}.drawer-header{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.drawer-header h2{color:var(--primary);font-size:1.25rem;font-weight:700}.close-btn{background:var(--bg-app);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.close-btn:hover{color:#ef4444;background:#fee2e2}.drawer-body{flex:1;padding:2rem;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.form-footer{gap:1rem;margin-top:2rem;display:flex}.form-footer button{flex:1}.dashboard{max-width:1200px;margin:0 auto}.dash-welcome{justify-content:space-between;align-items:flex-end;max-width:880px;margin:0 auto 1.5rem;display:flex}.dash-welcome h2{color:var(--text);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.dash-welcome p{color:var(--text2);font-size:13px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:880px;margin:0 auto 1.5rem;display:grid}.stat-card{flex-direction:column;justify-content:flex-start;align-items:center;min-height:200px;padding:1.5rem 1rem;display:flex;position:relative}.stat-settings-btn{color:var(--text3);cursor:pointer;opacity:0;background:0 0;border:none;font-size:20px;transition:opacity .2s,color .2s;position:absolute;top:12px;right:12px}.stat-card:hover .stat-settings-btn{opacity:1}.stat-settings-btn:hover{color:var(--text)}.stat-header-center{color:var(--text);text-align:center;margin-bottom:1.5rem;font-size:13px;font-weight:600}.stat-circle-wrapper{width:160px;height:160px;position:relative}.stat-circle-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.stat-circle-value{color:var(--text);text-align:center;font-size:1.25rem;font-weight:700;line-height:1.1}.stat-circle-sub{color:var(--text2);text-align:center;margin-top:2px;font-size:10px;font-weight:500}.modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:.2s ease-out modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.module-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:880px;margin:0 auto 1.5rem;display:grid}.mod-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:1.25rem 1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.mod-card:hover{background:var(--surface2);border-color:#35c0a3;box-shadow:0 4px 12px #35c0a314}.mod-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mod-text-col{flex-direction:column;display:flex}.mod-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.mod-count{color:var(--text2);font-size:11px;font-weight:500}.dashboard-main-grid{grid-template-columns:1.15fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.revenue-pill-small{color:#166534;text-transform:uppercase;letter-spacing:.02em;background:#f0fdf4;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.revenue-hero-compact{flex-direction:column;margin-top:8px;display:flex}.revenue-val-big{color:var(--text);letter-spacing:-1px;font-size:1.8rem;font-weight:800;line-height:1}.chart-wrapper-premium{flex:1;padding:1rem 1.25rem 1.5rem;position:relative}.recharts-bar-rectangle{transition:all .3s}.recharts-bar-rectangle:first-child path{fill:#f1f5f9!important}.recharts-cartesian-grid-horizontal line{stroke:#f1f5f9}.dashboard-bank-section{max-width:880px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.bank-grid{flex-wrap:wrap;gap:1rem;display:flex}.bank-card{border-radius:12px;width:auto;min-width:200px;max-width:220px;padding:1rem 1.25rem;position:relative}.bank-card-inner{flex-direction:column;gap:10px;display:flex}.bank-top{align-items:center;gap:10px;display:flex}.bank-logo-initial{color:#fff;background:linear-gradient(135deg,#35c0a3,#1e9476);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.bank-info-main{flex-direction:column;gap:2px;display:flex}.bank-name-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.bank-type-tag{color:var(--green-dark);background:var(--green-light);border-radius:20px;width:fit-content;padding:1px 7px;font-size:10px;font-weight:600}.bank-acc-num{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:1px;padding:8px 0;display:flex}.acc-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);font-size:9px;font-weight:700}.acc-val{color:var(--text2);letter-spacing:.02em;font-size:11px;font-weight:600}.bank-balance-wrap{flex-direction:column;gap:2px;display:flex}.balance-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);font-size:9px;font-weight:700}.bank-balance-val{color:var(--text);letter-spacing:-.5px;font-size:1.15rem;font-weight:800;line-height:1.1}@media (width<=1200px){.stats-grid,.module-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=768px){.stats-grid,.module-grid{grid-template-columns:1fr}}.grid-section{border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.grid-section .section-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.mini-table th:first-child{width:35%}.mini-table th:nth-child(2){width:12%}.mini-table th:nth-child(3){width:28%}.mini-table th:nth-child(4){width:25%}.mini-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:6px 8px;font-size:9px}.mini-table td{border-bottom:1px solid #f1f5f9;padding:8px;font-size:11px}.mini-table tr:hover td{background:#f1f5f966}.unit-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.interest-tag{color:#059669;background:#ecfdf5;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.avatar-circle{color:#0369a1;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.avatar-circle.purple{color:#6d28d9;background:#f5f3ff}.td-flex{align-items:center;gap:8px;display:flex}.fw-600{font-weight:600}.issue-cell{white-space:nowrap;text-overflow:ellipsis;max-width:150px;color:var(--text2);font-size:12px;overflow:hidden}.print-btn{display:none}@media print{.sidebar,.topbar,.no-print{display:none!important}.dashboard{padding:0}}.hr-page2{max-width:1400px;margin:0 auto}.hr-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.hr-metric-card{border-radius:10px;flex-direction:column;gap:6px;padding:1.1rem 1.25rem;transition:all .2s;display:flex}.hr-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.hr-metric-top{align-items:center;gap:10px;margin-bottom:4px;display:flex}.hr-metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hr-metric-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.hr-metric-value{letter-spacing:-1px;font-size:1.75rem;font-weight:800;line-height:1}.hr-metric-sub{color:var(--text3);font-size:11px;font-weight:600}@media (width<=1200px){.hr-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hr-metrics-grid{grid-template-columns:1fr}}.hr-tabs-container{margin-top:1.5rem}.hr-tabs-row{background:var(--surface2);border:1px solid var(--border);border-radius:12px;gap:8px;width:fit-content;padding:6px;display:flex}.hr-tab-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.hr-tab-btn:hover{color:var(--text);background:#ffffff80}.hr-tab-btn.active{background:var(--surface);color:var(--green);box-shadow:0 4px 12px #0000000f}.proj-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.proj-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:1.5rem;transition:all .2s;position:relative}.proj-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 24px #35c0a314}.proj-card.proj-selected{border-color:var(--green);background:var(--green-light);box-shadow:0 4px 16px #35c0a31a}.proj-name{color:var(--text);margin-bottom:2px;font-size:16px;font-weight:800}.proj-loc{color:var(--text2);align-items:center;gap:4px;font-size:12px;display:flex}.proj-prog-section{margin-bottom:1.25rem}.prog-row{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.prog-bg{background:var(--surface2);border-radius:10px;height:6px;overflow:hidden}.prog-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.proj-stats-row{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;padding-top:1.25rem;display:grid}.proj-stat{flex-direction:column;gap:2px;display:flex}.proj-stat span{text-transform:uppercase;color:var(--text3);letter-spacing:.06em;font-size:9px;font-weight:800}.proj-stat strong{color:var(--text);font-size:14px;font-weight:700}.detail-panel2{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:2rem}.detail-header2{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.detail-title{color:var(--text);margin-bottom:4px;font-size:1.4rem;font-weight:800}.detail-sub-text{color:var(--text2);font-size:13px}.info-tri-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.info-section-title{text-transform:uppercase;color:var(--text3);letter-spacing:.08em;margin-bottom:1rem;font-size:11px;font-weight:800}.info-row2{border-bottom:1px dotted var(--border);justify-content:space-between;padding:8px 0;display:flex}.info-row2:last-child{border-bottom:none}.info-l{color:var(--text2);font-size:13px}.info-v{color:var(--text);font-size:13px;font-weight:700}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1rem;overflow:hidden}.table-controls{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}table{border-collapse:collapse;width:100%}th{background:var(--surface2);text-align:left;text-transform:uppercase;color:var(--text3);letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 15px;font-size:11px;font-weight:700}td{color:var(--text2);border-bottom:1px solid var(--border);padding:14px 15px;font-size:13px}tr:hover td{background:#35c0a305}tr:last-child td{border-bottom:none}.floor-map-container{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.floor-legend{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;display:flex}.legend-item{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.legend-dot{border:1px solid #0000;border-radius:3px;width:12px;height:12px}.floor-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.floor-cell-premium{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:48px;transition:all .2s;display:flex;position:relative}.floor-cell-premium:hover{z-index:2;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.floor-num{letter-spacing:.02em;font-size:13px;font-weight:700}.detail-bottom-grid{flex-direction:column;gap:2rem;display:flex}.info-v.green{color:#059669}.info-v.amber{color:#d97706}.info-v.red{color:#dc2626}.timeline2{flex-direction:column;display:flex}.tl-item2{gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.tl-dot2{z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px}.tl-line2{background:var(--border);width:2px;position:absolute;top:16px;bottom:0;left:5px}.tl-content2{flex:1}.crm-page{flex-direction:column;gap:1.5rem;display:flex}.crm-header{margin-bottom:1rem}.tabs{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.4rem;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600}.tab.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.actions{gap:.75rem;display:flex}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);gap:.5rem;padding:.6rem 1.2rem;font-weight:600}.secondary-btn{background:var(--bg-card);color:var(--text-main);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:.5rem;padding:.6rem 1.2rem;font-weight:600}.icon-sm{width:18px;height:18px}.icon-xs{width:14px;height:14px}.pipeline-container{gap:.5rem;min-height:600px;padding-bottom:2rem;padding-right:.5rem;display:flex;overflow-x:auto}.pipeline-container:after{content:"";flex:0 0 1px}.pipeline-stage{background:0 0;flex-direction:column;flex:1;gap:.5rem;min-width:130px;padding:0;display:flex}.stage-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-top:0;padding-bottom:.75rem;display:flex}.stage-header h4{text-transform:uppercase;color:var(--primary);font-size:.65rem;font-weight:700}.stage-header .count{border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.stage-cards{flex-direction:column;gap:.5rem;display:flex}.lead-card{cursor:grab;background:#fff;border:1px solid #00000008;border-radius:8px;flex-direction:column;justify-content:space-between;height:90px;padding:.55rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000008}.lead-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.lead-card-title{color:var(--primary);margin-bottom:.2rem;font-size:.75rem;font-weight:700}.lead-card-title span:first-child{white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.lead-card-prop{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:.65rem;line-height:1.2;overflow:hidden}.lead-card-bottom{justify-content:space-between;align-items:center;display:flex}.source-tag{text-transform:uppercase;color:#64748b;letter-spacing:.5px;background:#f1f5f9;border-radius:4px;padding:.15rem .4rem;font-size:.55rem;font-weight:700}.budget-text{color:var(--primary);font-size:.7rem;font-weight:800}.priority-badge{text-transform:capitalize;border-radius:4px;padding:.1rem .35rem;font-size:.55rem;font-weight:700}.priority-hot{color:#b91c1c;background:#fee2e2}.priority-warm{color:#b45309;background:#fef3c7}.priority-cold{color:#4338ca;background:#e0e7ff}.status-pill{border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.status-blue{color:#1e40af;background:#dbeafe}.status-purple{color:#5b21b6;background:#ede9fe}.status-teal{color:#0f766e;background:#ccfbf1}.view-details{flex-direction:column;gap:1rem;display:flex}.form-section{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.section-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-mid);margin-top:.5rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.detail-group{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.25rem;padding-bottom:.75rem;display:flex}.detail-group span{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.detail-group p{color:var(--primary);font-size:1rem;font-weight:500}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-lg{width:64px;height:64px}.lead-menu{gap:.5rem;display:flex}.lead-menu button{color:var(--text-muted);background:0 0}.lead-menu button:hover{color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#11182766;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:420px;box-shadow:var(--shadow-md);text-align:center;padding:2rem;animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1.25rem;transition:all .2s}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.metric-value{color:#0f172a;font-size:1.5rem;font-weight:800}.metric-sub{margin-top:.25rem;font-size:.75rem;font-weight:600}.properties-page{flex-direction:column;gap:1.5rem;display:flex}.view-toggle{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.3rem;display:flex}.view-btn{border-radius:var(--radius-sm);width:40px;height:36px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;display:flex}.view-btn.active{background:var(--primary);color:#fff}.filters-row{grid-template-columns:repeat(3,1fr);gap:2rem;padding:1.25rem 2rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.filter-group select{border-radius:var(--radius-sm);border:1px solid var(--border-color);outline:none;padding:.6rem;font-family:inherit}.prop-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.prop-card{transition:var(--transition);padding:0;overflow:hidden}.prop-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.prop-image{border-bottom:1px solid var(--border-color);background-position:50%;background-size:cover;height:200px;position:relative}.status-tag{border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 6px #0000001a}.status-green{color:#fff;background:#10b981}.status-yellow{color:#fff;background:#f59e0b}.status-red{color:#fff;background:#ef4444}.status-grey{color:#fff;background:#64748b}.prop-details{padding:1.5rem}.prop-type{color:var(--accent);background:var(--accent-light);border-radius:4px;gap:.4rem;margin-bottom:.75rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.prop-details h3{color:var(--primary);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.prop-loc{color:var(--text-muted);align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.85rem;display:flex}.prop-stats{border-bottom:1px solid var(--border-color);gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.p-stat{color:var(--text-main);font-size:.85rem}.p-stat strong{color:var(--text-muted);font-weight:500}.owner-mini{align-items:center;gap:.6rem;display:flex}.owner-avatar{background:var(--bg-app);width:28px;height:28px;color:var(--primary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.owner-mini span{font-size:.85rem;font-weight:600}.view-more{color:var(--accent);background:0 0;align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.list-info{align-items:center;gap:1rem;display:flex}.list-img{border-radius:var(--radius-sm);background-position:50%;background-size:cover;width:45px;height:45px}.prop-menu{border-radius:var(--radius-sm);opacity:0;transition:var(--transition);background:#ffffffe6;gap:.5rem;padding:.4rem;display:flex;position:absolute;top:1rem;left:1rem;transform:translateY(-5px)}.prop-card:hover .prop-menu{opacity:1;transform:translateY(0)}.prop-menu button{background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.prop-menu button:hover{background:var(--bg-app)}.detail-hero{border-radius:var(--radius-md);background-position:50%;background-size:cover;width:100%;height:220px;margin-bottom:1.5rem}.red{color:#ef4444!important}.loader{border:5px solid var(--accent-light);border-bottom-color:var(--accent);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}.schemes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.scheme-card{padding:1.5rem}.scheme-name{color:var(--primary);font-size:1.1rem;font-weight:700}.scheme-loc{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem}.scheme-metrics{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin:1.25rem 0;padding:1rem 0}.s-metric span{text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.s-metric strong{color:var(--primary);font-size:1.1rem}.scheme-prog-label{margin-bottom:.5rem;font-size:.8rem;font-weight:600}.scheme-prog-bg{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.scheme-prog-fill{border-radius:4px;height:100%;transition:width 1s}.login-wrapper{background-color:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{background:#fff;border-radius:24px;width:100%;max-width:1000px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000014}.login-branding{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#0f766e 100%);flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex;position:relative;overflow:hidden}.login-brand-content{z-index:2;position:relative}.login-logo-box{background:#fffffff2;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;display:flex;box-shadow:0 10px 25px #0003}.login-brand-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.1}.login-brand-sub{color:#a7f3d0;margin-bottom:3rem;font-size:1.1rem;font-weight:400}.login-features{flex-direction:column;gap:1.25rem;display:flex}.login-feature-item{color:#ecfdf5;align-items:center;gap:1rem;font-size:14px;font-weight:500;display:flex}.login-feature-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34d39933}.login-brand-bg-pattern{z-index:1;background-image:radial-gradient(circle,#ffffff08 2px,#0000 2px);background-size:32px 32px;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(-15deg)}.login-form-side{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex}.login-form-inner{width:100%;max-width:380px;margin:0 auto}.input-with-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.input-with-icon:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-icon{color:#94a3b8;flex-shrink:0;width:20px;height:20px;margin-left:1rem}.login-input{box-sizing:border-box;color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;padding:.875rem 1rem .875rem .75rem;font-size:14px}.login-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;width:100%;padding:1rem;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #10b98133}.login-submit-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.login-submit-btn:active{transform:translateY(0)}@media (width<=768px){.login-container{flex-direction:column;min-height:auto}.login-branding,.login-form-side{padding:3rem 2rem}}