.create-site-form{display:flex;flex-direction:column;gap:1.5rem}.text-field{display:flex;flex-direction:column;gap:.5rem}.form-error{color:#e53e3e;font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.site-selector{position:relative}.site-selector-trigger:hover{background-color:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.selected-site-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-selector-content{background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:4px;box-shadow:0 10px 15px -3px #0000001a;min-width:200px;z-index:100}.site-selector-item{padding:8px 12px;cursor:pointer;border-radius:4px;outline:none;font-size:.875rem;color:var(--text-color)}.site-selector-item:hover{background-color:var(--hover-color);color:var(--primary-color)}.site-selector-item[aria-selected=true]{background-color:var(--hover-color);color:var(--primary-color);font-weight:600}.site-selector-no-sites{padding:8px 12px;font-size:.875rem;color:var(--text-color);font-style:italic}.site-selector-separator{height:1px;background-color:var(--border-color);margin:4px 0}.chevron-icon{color:var(--text-color);opacity:.5}.site-selector-trigger:hover .chevron-icon{color:var(--primary-color);opacity:1}:root{--navbar-height: 64px;--sidenav-width-collapsed: 64px;--sidenav-width-expanded: 240px}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.navbar{height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);z-index:50;flex-shrink:0}.navbar-logo{display:flex;align-items:center;gap:1.5rem}.logo-text{font-weight:700;font-size:1.25rem;color:var(--primary-color)}.navbar-actions{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--text-color)}.user-menu-trigger{padding:8px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.user-menu-trigger:hover{background-color:var(--hover-color);color:var(--primary-color)}.user-menu-content{background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:4px;box-shadow:0 10px 15px -3px #0000001a;min-width:160px;z-index:100}.user-menu-item{padding:8px 12px;cursor:pointer;border-radius:4px;outline:none;font-size:.875rem;color:var(--text-color)}.user-menu-item:hover{background-color:var(--hover-color);color:var(--primary-color)}.menu-item-content{display:flex;align-items:center;gap:8px}.user-menu-separator{height:1px;background-color:var(--border-color);margin:4px 0}.main-layout-body{display:flex;flex:1;overflow:hidden}.sidenav{width:var(--sidenav-width-collapsed);border-right:1px solid var(--border-color);background-color:var(--bg-color);display:flex;flex-direction:column;transition:width var(--transition-speed) ease;position:relative;flex-shrink:0}.sidenav:hover,.sidenav.locked{width:var(--sidenav-width-expanded)}.sidenav-links{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:4px}.sidenav-link{display:flex;align-items:center;padding:0 20px;height:48px;text-decoration:none;color:var(--text-color);overflow:hidden;white-space:nowrap}.sidenav-link:hover{background-color:var(--hover-color);color:var(--primary-color)}.sidenav-link.active{color:var(--primary-color);background-color:#f1f5f9}.sidenav-link-icon{min-width:24px;display:flex;justify-content:center}.sidenav-link-label{margin-left:16px;font-size:.8125rem;opacity:0;transition:opacity var(--transition-speed) ease}.sidenav:hover .sidenav-link-label,.sidenav.locked .sidenav-link-label{opacity:1}.lock-toggle{position:absolute;bottom:16px;right:-12px;width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color);background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;color:var(--text-color);box-shadow:0 1px 3px #0000001a}.lock-toggle:hover{background-color:var(--hover-color);color:var(--primary-color)}.main-content{flex:1;overflow-y:auto;background-color:#f8fafc;padding:1rem}