@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-active: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--primary-color: #29a3f0;--primary-hover: #1b85ca;--primary-glow: rgba(41, 163, 240, .15);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .08);--accent-green-border: rgba(16, 185, 129, .25);--accent-red: #ef4444;--accent-red-bg: rgba(239, 68, 68, .08);--accent-red-border: rgba(239, 68, 68, .25);--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .08);--accent-amber-border: rgba(245, 158, 11, .25);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .4), 0 2px 8px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .7), 0 0 1px 1px rgba(255, 255, 255, .05) inset;--transition: all .2s cubic-bezier(.16, 1, .3, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary)}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:20;box-shadow:var(--shadow-sm);transition:var(--transition)}.sidebar-header{padding:28px 24px 20px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:.1em;background:linear-gradient(135deg,#ffffff 0%,#a1a1aa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.sidebar-menu{flex:1;padding:20px 12px;list-style:none;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-item-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:var(--transition);cursor:pointer;position:relative}.sidebar-item-link:hover{background-color:#ffffff08;color:var(--text-primary);transform:translate(2px)}.sidebar-item-link.active{background-color:#29a3f014;color:var(--primary-color);font-weight:600}.sidebar-item-link.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background-color:var(--primary-color);border-radius:0 4px 4px 0}.sidebar-item-link svg{transition:var(--transition)}.sidebar-item-link:hover svg{color:var(--text-primary)}.sidebar-item-link.active svg{color:var(--primary-color)}.sidebar-badge{margin-left:auto;background-color:var(--accent-red);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 0 10px #ef44444d}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.navbar{height:64px;background-color:#09090bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;position:sticky;top:0;z-index:10}.navbar-page-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.navbar-actions{display:flex;align-items:center;gap:16px}.profile-chip{display:flex;align-items:center;gap:10px;padding:6px 12px;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:9999px;transition:var(--transition)}.profile-chip:hover{background-color:#ffffff0a;border-color:var(--border-hover)}.profile-avatar{width:28px;height:28px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--primary-color);text-shadow:0 0 10px rgba(41,163,240,.2)}.profile-details{display:flex;flex-direction:column}.profile-name{font-size:12.5px;font-weight:600;color:var(--text-primary)}.profile-role{font-size:9px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.logout-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.logout-button:hover{background-color:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.page-content{flex:1;overflow-y:auto;padding:32px;background-color:var(--bg-primary)}.dashboard-grid{display:flex;flex-direction:column;gap:32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.01) 0%,rgba(255,255,255,0) 100%);pointer-events:none}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.stat-card.blue{border-left:3px solid var(--primary-color)}.stat-card.blue .stat-icon-wrapper{background-color:#29a3f014;color:var(--primary-color);border:1px solid rgba(41,163,240,.15)}.stat-card.blue:hover{border-color:#29a3f04d}.stat-card.green{border-left:3px solid var(--accent-green)}.stat-card.green .stat-icon-wrapper{background-color:#10b98114;color:var(--accent-green);border:1px solid rgba(16,185,129,.15)}.stat-card.green:hover{border-color:#10b9814d}.stat-card.amber{border-left:3px solid var(--accent-amber)}.stat-card.amber .stat-icon-wrapper{background-color:#f59e0b14;color:var(--accent-amber);border:1px solid rgba(245,158,11,.15)}.stat-card.amber:hover{border-color:#f59e0b4d}.stat-card.red{border-left:3px solid var(--accent-red)}.stat-card.red .stat-icon-wrapper{background-color:#ef444414;color:var(--accent-red);border:1px solid rgba(239,68,68,.15)}.stat-card.red:hover{border-color:#ef44444d}.stat-card.purple{border-left:3px solid #8b5cf6}.stat-card.purple .stat-icon-wrapper{background-color:#8b5cf614;color:#8b5cf6;border:1px solid rgba(139,92,246,.15)}.stat-card.purple:hover{border-color:#8b5cf64d}.stat-card.indigo{border-left:3px solid #6366f1}.stat-card.indigo .stat-icon-wrapper{background-color:#6366f114;color:#6366f1;border:1px solid rgba(99,102,241,.15)}.stat-card.indigo:hover{border-color:#6366f14d}.stat-card.teal{border-left:3px solid #14b8a6}.stat-card.teal .stat-icon-wrapper{background-color:#14b8a614;color:#14b8a6;border:1px solid rgba(20,184,166,.15)}.stat-card.teal:hover{border-color:#14b8a64d}.stat-card.rose{border-left:3px solid #f43f5e}.stat-card.rose .stat-icon-wrapper{background-color:#f43f5e14;color:#f43f5e;border:1px solid rgba(244,63,94,.15)}.stat-card.rose:hover{border-color:#f43f5e4d}.stat-info{display:flex;flex-direction:column;gap:6px}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1.1}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:600;letter-spacing:-.01em}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);height:380px;display:flex;flex-direction:column;transition:var(--transition);overflow:hidden}.chart-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.chart-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chart-body{flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff08!important}.table-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.table-card:hover{border-color:var(--border-hover)}.table-header-filters{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background-color:#ffffff03}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:320px;width:100%}.search-input{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 16px 10px 38px;color:var(--text-primary);font-size:13px;font-weight:500;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.search-icon-inside{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none}.filter-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 16px;color:var(--text-primary);font-size:13px;font-weight:500;outline:none;cursor:pointer;transition:var(--transition)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:16px 24px;background-color:#ffffff03;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.admin-table td{padding:18px 24px;border-bottom:1px solid var(--border-color);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.admin-table td strong,.admin-table td span:not(.badge){color:var(--text-primary)}.admin-table tbody tr{transition:var(--transition)}.admin-table tbody tr:hover{background-color:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge.pending{background-color:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid var(--accent-amber-border)}.badge.approved{background-color:var(--accent-green-bg);color:var(--accent-green);border:1px solid var(--accent-green-border)}.badge.rejected{background-color:var(--accent-red-bg);color:var(--accent-red);border:1px solid var(--accent-red-border)}.badge.buyer{background-color:#29a3f014;color:var(--primary-color);border:1px solid rgba(41,163,240,.2)}.badge.advisor{background-color:#8b5cf614;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.action-btn-group{display:flex;gap:8px}.action-btn{padding:6px 12px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:4px}.action-btn.approve{background-color:var(--accent-green-bg);border-color:var(--accent-green-border);color:var(--accent-green)}.action-btn.approve:hover{background-color:var(--accent-green);color:#fff}.action-btn.reject{background-color:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.action-btn.reject:hover{background-color:var(--accent-red);color:#fff}.action-btn.edit{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.action-btn.edit:hover{background-color:#ffffff0a;border-color:var(--border-hover);color:var(--text-primary)}.form-container{max-width:650px;width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:var(--shadow-md);margin:0 auto;transition:var(--transition)}.form-container:hover{border-color:var(--border-hover)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13.5px;font-weight:500;outline:none;width:100%;transition:var(--transition)}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.form-textarea{min-height:100px;resize:vertical}.form-submit-btn{background-color:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.form-submit-btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-1px)}.form-submit-btn:active{transform:translateY(0)}.form-submit-btn:disabled,.form-submit-btn.loading{opacity:.72;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:btn-spin 1s linear infinite}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:20px}.project-item-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:var(--transition)}.project-item-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.project-card-image{height:180px;background-color:var(--bg-primary);background-size:cover;background-position:center;position:relative;transition:var(--transition)}.project-item-card:hover .project-card-image{filter:brightness(1.05)}.project-card-price-badge{position:absolute;bottom:12px;right:12px;background-color:#09090bbf;border:1px solid var(--border-color);color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:-.01em}.project-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.project-card-name{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2px}.project-card-location{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.project-card-info-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--border-color);padding-top:14px}.project-info-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.project-info-value{font-size:13px;font-weight:700;color:var(--text-primary);margin-top:2px}.project-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#09090bcc;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:550px;padding:32px;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-title{font-size:16px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.modal-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.modal-content form{display:flex;flex-direction:column}.modal-content form>.form-group:last-child{position:sticky;bottom:-32px;background-color:var(--bg-secondary);padding:16px 0 0;margin-top:16px;border-top:1px solid var(--border-color);z-index:10}.login-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);position:relative}.login-screen:before{content:"";position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(41,163,240,.08) 0%,rgba(41,163,240,0) 70%);pointer-events:none}.login-card{width:100%;max-width:400px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:5}.login-header{text-align:center;margin-bottom:28px}.login-logo{font-size:20px;font-weight:800;color:var(--primary-color);letter-spacing:.05em;margin-bottom:8px;font-family:var(--font-display);text-shadow:0 0 20px rgba(41,163,240,.3)}.login-subtitle{font-size:12.5px;color:var(--text-secondary);font-weight:500}.login-error{background-color:var(--accent-red-bg);border:1px solid var(--accent-red-border);color:var(--accent-red);border-radius:8px;padding:10px;font-size:12.5px;font-weight:600;text-align:center;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton-loading{animation:skeletonPulse 1.5s ease infinite;background-color:var(--bg-tertiary);border-radius:6px}.amenities-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;max-height:200px;overflow-y:auto}.amenity-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:var(--transition);-webkit-user-select:none;user-select:none}.amenity-checkbox-label:hover{color:var(--text-primary)}.amenity-checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--primary-color)}.time-picker-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;width:100%}.time-picker-header{font-size:13.5px;font-weight:700;color:var(--text-primary)}.time-picker-header span{color:var(--accent-red);margin-left:2px}.time-picker-container{display:flex;align-items:center;gap:12px}.time-picker-col{display:flex;flex-direction:column;align-items:center;gap:8px}.time-picker-col-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:capitalize;letter-spacing:.02em}.time-picker-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;width:72px;height:104px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:6px 0;transition:var(--transition)}.time-picker-card:hover{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-glow)}.time-picker-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:100%;transition:var(--transition)}.time-picker-btn:hover{color:var(--primary-color);transform:scale(1.1)}.time-picker-card-value{font-size:18px;font-weight:700;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-family:var(--font-display)}.time-picker-separator{font-size:24px;font-weight:700;color:var(--text-tertiary);margin-top:22px;-webkit-user-select:none;user-select:none}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7;transition:var(--transition)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.sidebar-header{padding:24px 20px 20px!important;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px}.admin-mode-toggle-container{display:flex;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:2px}.admin-mode-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:8px;border:none;background-color:transparent;color:var(--text-secondary);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.admin-mode-toggle-btn:hover{color:var(--text-primary);background-color:#ffffff05}.admin-mode-toggle-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #29a3f040}.admin-mode-toggle-btn svg{color:currentColor!important}.action-btn.view-btn{background-color:#29a3f00f;border-color:#29a3f033;color:var(--primary-color)}.action-btn.view-btn:hover{background-color:var(--primary-color);color:#fff}.action-btn.edit-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-btn.edit-btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-1px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;transition:var(--transition)}.sidebar-close-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#09090bbf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:19;animation:fadeIn .2s ease-out}.hamburger-btn{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:6px 8px;cursor:pointer;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.hamburger-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.navbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}@media (max-width: 1024px){.charts-section{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){body{overflow:auto;height:auto}.app-container{flex-direction:row;min-height:100vh;overflow:hidden;position:relative;height:100%}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:20;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:280px;box-shadow:var(--shadow-lg)}.sidebar.sidebar--open{transform:translate(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.sidebar-backdrop{display:block}.main-wrapper{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.navbar{padding:0 16px;height:56px;gap:8px}.hamburger-btn{display:flex}.navbar-page-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-actions{gap:8px}.page-content{padding:16px;flex:1;overflow-y:auto;height:calc(100vh - 56px)}.summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px;gap:14px}.stat-value{font-size:22px}.charts-section{grid-template-columns:1fr;gap:16px}.chart-card{height:300px;padding:16px}.table-header-filters{padding:14px 16px;gap:10px}.search-input-wrapper{max-width:100%}.admin-table th,.admin-table td{padding:12px 14px;font-size:12.5px}.form-row{grid-template-columns:1fr;gap:0}.form-container{padding:20px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:24px 20px;max-height:90vh;overflow-y:auto}.projects-grid{grid-template-columns:1fr;gap:16px}.dashboard-grid{gap:16px}.profile-details{display:none}.profile-chip{padding:6px;border-radius:50%;gap:0}.logout-label{display:none}.logout-button{padding:8px 10px}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.page-content{padding:12px}.navbar{padding:0 12px}.navbar-page-title{font-size:13px}.stat-card{padding:14px}.stat-value{font-size:20px}.chart-card{height:260px;padding:14px}.modal-content{padding:20px 16px;max-height:92vh}.admin-table th,.admin-table td{padding:10px 12px;font-size:12px}.table-header-filters{padding:12px;flex-direction:column;align-items:stretch}.action-btn{padding:5px 10px;font-size:11px}.sidebar{width:100vw}.meta-header-wrapper{flex-direction:column;align-items:stretch!important;gap:16px!important}.meta-buttons-container{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px!important}.meta-buttons-container button{flex:1;min-width:130px;justify-content:center}}