.app-shell{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--duration-slow) var(--ease-default);min-width:0;overflow-x:hidden}.main-content.sidebar-collapsed{margin-left:0!important}.page-body{flex:1;padding:var(--space-5) var(--space-6);padding-top:calc(var(--navbar-height) + var(--space-4));min-width:0;overflow-x:hidden;max-width:var(--container-max);margin:0 auto;width:100%}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--charcoal);border-right:1px solid var(--grey-900);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--duration-slow) var(--ease-default),transform var(--duration-slow) var(--ease-default);overflow:hidden}.sidebar.collapsed{width:0!important;border-right:none!important}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:var(--border-thin);text-decoration:none;white-space:nowrap;min-height:var(--navbar-height)}.sidebar-logo-icon{width:38px;height:38px;flex-shrink:0;background:var(--gradient-gold);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sidebar-logo-text{display:flex;flex-direction:column;justify-content:space-between;height:38px;overflow:hidden;transition:opacity var(--transition-base),width var(--transition-base)}.sidebar-logo-name{font-family:var(--font-heading);font-size:20px;font-weight:var(--weight-bold);color:var(--white);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.sidebar-logo-sub{font-size:9px;color:var(--gold);letter-spacing:var(--tracking-widest);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;pointer-events:none}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gold)}.nav-section{padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--gold);padding:var(--space-3) var(--space-3) var(--space-2);transition:opacity var(--transition-base);white-space:nowrap}.sidebar.collapsed .nav-section-label{opacity:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);color:var(--grey-300);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;text-decoration:none;margin-bottom:2px}.nav-item:hover{background:var(--gold-muted);color:var(--gold)}.nav-item.active{background:var(--gold-muted);color:var(--gold);border:1px solid rgba(201,168,76,.2)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gradient-gold);border-radius:0 var(--radius-full) var(--radius-full) 0}.nav-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item-icon .material-icons{font-size:20px}.nav-item-text{transition:opacity var(--transition-base)}.sidebar.collapsed .nav-item-text{opacity:0;pointer-events:none}.sidebar.collapsed .nav-item-badge{display:none}.sidebar.collapsed .sidebar-project-select-wrapper{display:none!important}.nav-item-badge{margin-left:auto;background:var(--gold);color:var(--black);font-size:9px;font-weight:var(--weight-bold);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;box-sizing:border-box}.sidebar-footer{padding:var(--space-4);text-align:center;font-size:11px;color:var(--grey-500);border-top:1px solid var(--grey-900);transition:opacity var(--duration-slow) var(--ease-default),visibility var(--duration-slow) var(--ease-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-footer{opacity:0;visibility:hidden;pointer-events:none}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;white-space:nowrap}.sidebar-user:hover{background:var(--grey-900)}.sidebar-user-info{flex:1;overflow:hidden;transition:opacity var(--transition-base)}.sidebar.collapsed .sidebar-user-info{opacity:0;pointer-events:none}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--white);truncate:true}.sidebar-user-role{font-size:var(--text-xs);color:var(--gold)}.sidebar-toggle{position:fixed;left:var(--sidebar-width);top:50%;transform:translate(-50%) translateY(-50%);z-index:calc(var(--z-sticky) + 10);width:28px;height:28px;background:var(--bg-card);border:var(--border-thin);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;pointer-events:all;transition:left var(--duration-slow) var(--ease-default),transform var(--duration-slow) var(--ease-default),background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);box-shadow:0 2px 8px #00000026;user-select:none;-webkit-user-select:none}.sidebar-toggle:hover{background:var(--gold);color:var(--black);border-color:var(--gold-dark);box-shadow:0 2px 12px #c9a84c80;transform:translate(-50%) translateY(-50%) scale(1.08)}.sidebar-toggle:active{transform:translate(-50%) translateY(-50%) scale(.92)}.sidebar-toggle.collapsed{left:0!important;transform:translate(0) translateY(-50%)!important;border-radius:50%!important;box-shadow:2px 0 8px #00000026!important}.sidebar-toggle.collapsed:hover{background:var(--gold)!important;color:var(--black)!important;border-color:var(--gold-dark)!important;box-shadow:0 2px 12px #c9a84c80!important;transform:translate(0) translateY(-50%) scale(1.08)!important}.sidebar-toggle.collapsed:active{transform:translate(0) translateY(-50%) scale(.92)!important}.sidebar-toggle-icon{transition:transform var(--duration-slow) var(--ease-default)}.sidebar-toggle.collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.navbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--navbar-height);background:var(--bg-navbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-navbar);box-shadow:0 4px 20px #0000000a;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);z-index:var(--z-sticky);transition:left var(--duration-slow) var(--ease-default),background-color var(--transition-slow),border-color var(--transition-slow)}.navbar.sidebar-collapsed{left:0!important}.navbar-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:var(--weight-medium);color:var(--text-navbar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-breadcrumb a{color:var(--text-navbar-muted);transition:color var(--transition-base);text-decoration:none}.navbar-breadcrumb a:hover{color:var(--text-navbar)}.navbar-breadcrumb .sep{color:var(--text-navbar-muted);opacity:.5;margin:0 4px}.navbar-breadcrumb .current{color:var(--text-navbar);font-weight:var(--weight-semibold)}.navbar-spacer{flex:1}.navbar-search{max-width:280px}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}.navbar-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-navbar-btn);background:var(--bg-navbar-btn);border:1px solid var(--border-navbar-btn);transition:all var(--transition-base);position:relative;cursor:pointer}.navbar-action-btn:hover{background:var(--bg-navbar-btn);filter:brightness(1.2);color:var(--text-navbar-btn);border-color:var(--border-navbar-btn)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-navbar)}.navbar-user{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:4px 0;border:none;background:transparent}.navbar-user:hover{background:transparent}.navbar-user-info{display:flex;flex-direction:column;line-height:1.2}.navbar-user-info .user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-navbar)}.navbar-user-info .user-role{font-size:11px;color:var(--text-navbar-muted)}.navbar-user-wrapper.active .dropdown-chevron{transform:rotate(180deg)}.notif-btn:hover{background:var(--gold-lighter)!important}.notif-item:hover{background:var(--bg-input)!important}.page-header{margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight);display:inline-flex;align-items:center;gap:var(--space-3)}.page-title svg,.page-title [class^=material-icons]{height:1em;width:1em;font-size:1em;line-height:1;flex-shrink:0;color:var(--active-project-color, var(--gold));vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-body);line-height:var(--leading-snug);margin:0}.dashboard-grid{display:grid;gap:var(--space-6)}.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}.dashboard-grid-3{grid-template-columns:repeat(3,1fr)}.dashboard-grid-2{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main{grid-template-columns:1fr 360px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dashboard-grid-col-span-2{grid-column:span 2}.dashboard-grid-col-span-3{grid-column:span 3}.property-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-thin);border-radius:var(--radius-xl)}.filter-bar .filter-group{display:flex;align-items:center;gap:var(--space-2)}.view-toggle{display:flex;gap:2px;background:var(--bg-input);border-radius:var(--radius-md);padding:3px}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);transition:all var(--transition-base)}.view-btn.active{background:var(--gradient-gold);color:var(--black)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:calc(var(--z-sticky) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-overlay.active{opacity:1;pointer-events:all}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-navbar);cursor:pointer}@media (max-width: 1280px){.dashboard-grid-4,.property-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-main{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important;z-index:var(--z-overlay)}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.main-content{margin-left:0!important}.navbar{left:0!important;padding:0 var(--space-4)}.navbar-breadcrumb{display:none}.navbar-title{font-size:1.125rem}.mobile-menu-btn{display:flex}.page-body{padding:var(--space-4);padding-top:calc(var(--navbar-height) + var(--space-4))}.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}.property-grid,.form-grid-2{grid-template-columns:1fr}.tabs{overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}@media (max-width: 992px){.stat-card{min-height:95px!important;padding:var(--space-2) var(--space-3)!important;border-radius:var(--radius-md)!important}.stat-card-value,.stat-value{font-size:1.25rem!important;margin-top:2px!important}.stat-card-value.value-long,.stat-card-value.value-extra-long{font-size:1rem!important}.stat-card-label,.stat-label{font-size:10px!important}.stat-card-icon,.stat-icon{width:28px!important;height:28px!important;font-size:1.15rem!important;margin-bottom:0!important}.stat-card-icon svg{width:14px!important;height:14px!important}.stat-card-trend{font-size:9px!important;padding:1px 4px!important;margin-top:0!important}.stat-card-header{margin-bottom:2px!important}}@media (max-width: 480px){.dashboard-grid-4{grid-template-columns:1fr}.page-body{padding:var(--space-3);padding-top:calc(var(--navbar-height) + var(--space-3))}.notif-dropdown,.profile-dropdown{position:fixed!important;top:calc(var(--navbar-height) + 8px)!important;left:16px!important;right:16px!important;width:auto!important;max-width:none!important;z-index:9999!important}}.public-page{min-height:100vh}.public-navbar{position:fixed;top:0;left:0;right:0;height:72px;background:#0a0a0ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,168,76,.1);display:flex;align-items:center;padding:0 var(--space-8);gap:var(--space-8);z-index:var(--z-sticky)}.pub-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.pub-nav-links{display:flex;gap:var(--space-8);margin:0 auto}.pub-nav-links a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--transition-base);text-decoration:none}.pub-nav-links a:hover,.pub-nav-links a.active{color:var(--gold)}.pub-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.pub-mobile-toggle{display:none;color:var(--text-primary);cursor:pointer}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-8)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}@media (max-width: 768px){.public-navbar{padding:0 var(--space-4)}.pub-nav-links{display:none}.pub-mobile-toggle{display:flex}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}}@media (max-width: 480px){.container{padding:0 var(--space-3)}}.nav-item{position:relative}.nav-item-settings-btn{margin-left:auto;opacity:0;transition:opacity var(--transition-base),transform var(--transition-base),background var(--transition-base);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);color:var(--grey-400)}.nav-item:hover .nav-item-settings-btn{opacity:.6}.nav-item-settings-btn:hover{opacity:1!important;background:#ffffff1a;transform:rotate(30deg);color:var(--gold)}.nav-item.active .nav-item-settings-btn{color:var(--gold)}.sidebar.collapsed .nav-item-settings-btn{display:none!important}.nav-submenu{margin-left:28px;display:none;flex-flow:row wrap;gap:var(--space-2);margin-top:6px;margin-bottom:var(--space-3);transition:all var(--transition-base);padding-right:var(--space-3)}.sidebar.collapsed .nav-submenu{display:none!important}.nav-subitem{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:var(--radius-md);color:var(--grey-400);background:var(--grey-900);border:1px solid var(--grey-800);font-size:11px;font-weight:var(--weight-bold);text-decoration:none;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.03em;max-width:180px;overflow:hidden;text-overflow:ellipsis}.nav-subitem:hover{color:var(--gold);background:var(--gold-muted);border-color:#c9a84c4d}.nav-subitem.active{color:var(--gold);background:var(--gold-muted);border-color:#c9a84c99;font-weight:var(--weight-bold)}.nav-item-chevron{display:inline-flex;align-items:center;justify-content:center;opacity:.5;transition:transform var(--transition-base),opacity var(--transition-base);cursor:pointer;padding:2px;border-radius:4px}.nav-item-chevron:hover{opacity:1;background:#ffffff1a}.sidebar.collapsed .nav-item-chevron{display:none!important}.global-project-select.custom-select-wrapper{min-width:120px}.global-project-select.custom-select-wrapper .custom-select-trigger{background:#1e1e1e!important;color:var(--active-project-color, var(--gold))!important;border:1px solid var(--active-project-color, var(--gold))!important;border-radius:var(--radius-md)!important;height:38px!important;padding:0 var(--space-3)!important;font-size:var(--text-sm)!important;font-family:var(--font-body)!important;font-weight:500!important}.global-project-select.custom-select-wrapper.active .custom-select-trigger{border-color:var(--active-project-color, var(--gold))!important;box-shadow:0 0 0 3px var(--active-project-color-muted, var(--gold-muted))!important}.global-project-select.custom-select-wrapper .custom-select-trigger:hover{background:var(--black)!important;border-color:var(--active-project-color-light, var(--gold-light))!important}.global-project-select.custom-select-wrapper .custom-select-options{background:#1e1e1e!important;border:1px solid var(--active-project-color, var(--gold))!important;box-shadow:0 4px 24px #00000080!important}.global-project-select.custom-select-wrapper .custom-select-option{color:var(--active-project-color-light, var(--gold-light))!important;font-size:var(--text-sm)!important;padding:var(--space-2) var(--space-3)!important}.global-project-select.custom-select-wrapper .custom-select-option:hover{background:var(--active-project-color-muted, var(--gold-muted))!important;color:var(--active-project-color, var(--gold))!important}.global-project-select.custom-select-wrapper .custom-select-option.selected{background:var(--active-project-color, var(--gold))!important;color:var(--black)!important;font-weight:600!important}@media (min-width: 769px){.sidebar-logo{padding:var(--space-4) var(--space-4)!important;min-height:var(--navbar-height)!important}.sidebar-logo-icon{width:32px!important;height:32px!important}.sidebar-logo-text{height:32px!important}.sidebar-logo-name{font-size:16px!important}.nav-item{padding:.45rem var(--space-3)!important}.nav-submenu{margin-left:24px!important;margin-bottom:var(--space-2)!important}.navbar-action-btn{width:34px!important;height:34px!important}.navbar-action-btn svg{width:16px!important;height:16px!important}.navbar-breadcrumb{font-size:13px!important}.page-body{padding:1.25rem 1.5rem!important;padding-top:calc(var(--navbar-height) + 1.25rem)!important}}@media (max-width: 576px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*{max-width:100%!important}}