.neutral-button{padding:.5rem 1rem;border-radius:var(--radius-base);background-color:var(--surface-raised);color:var(--content-primary);border:1px solid var(--border-base);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);height:2.5rem;box-sizing:border-box}.neutral-button:hover{background-color:var(--border-base)}.neutral-button.small-button{padding:.4rem .7rem;font-size:var(--text-xs);height:2rem}.neutral-button.large-button{padding:.75rem 1.5rem;font-size:var(--text-base)}.neutral-button:disabled{cursor:not-allowed}.action-button{margin-top:.5rem;padding:.45rem 1rem;border:1px solid transparent;background-color:var(--onetwo-primary);color:var(--content-primary);font-size:var(--font-xs);font-weight:var(--font-normal);cursor:pointer;transition:background-color .25s}.action-button.small-button{padding:.4rem .7rem;font-size:var(--text-xs);height:2rem}.action-button.large-button{padding:.75rem 1.5rem;font-size:var(--text-base)}.action-button:disabled{cursor:not-allowed}.action-button:hover{background-color:var(--onetwo-primary-hover)}.action-button:active{transform:translateY(1px)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:var(--surface-base)}.login-card{padding:2.5rem;width:100%;max-width:400px;background-color:var(--surface-raised)}.login-card h1{margin-top:0;margin-bottom:1rem;font-size:2rem;color:var(--content-primary);font-weight:var(--font-normal);font-size:var(--text-3xl)}.login-card p{color:var(--content-secondary);font-size:var(--text-sm)}form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:.75rem;background-color:var(--status-error-subtle);border:1px solid var(--status-error);color:var(--status-error);font-size:var(--text-sm)}.success-message{padding:.75rem;border-radius:8px;background-color:#efe;border:1px solid #cfc;color:#3c3;font-size:.9rem}.tenant-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tenant-item{display:flex;width:100%}.tenant-item button{width:100%}.login-header{position:absolute;height:var(--header-height)}.login-header-logo img{height:40px;padding-left:var(--space-4);padding-top:var(--space-2)}.tenant-page{display:flex;flex-direction:row;height:100vh;overflow:hidden}.home-container{flex:1;height:100vh;overflow-y:auto;padding:2rem;background-color:var(--surface-base)}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-item{color:var(--text-secondary)}.breadcrumb-item.clickable{cursor:pointer;transition:color .2s ease;text-decoration:underline}.breadcrumb-item.clickable:hover{text-decoration:underline;background-color:var(--surface-elevated)}.breadcrumb-separator{color:var(--text-secondary, #999);-webkit-user-select:none;user-select:none}.dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-base);border:1px solid var(--border-subtle);background-color:var(--surface-base);color:var(--content-primary);font-size:var(--text-xs);font-weight:var(--font-normal);font-family:inherit;cursor:pointer;transition:all var(--transition-base);text-align:left}.dropdown-trigger:hover:not(:disabled){border-color:var(--border-base);background-color:var(--surface-raised)}.dropdown-trigger:focus{outline:none;border-color:var(--border-interactive);box-shadow:0 0 0 1px var(--interactive-primary)}.dropdown-trigger.open{border-color:var(--border-interactive)}.dropdown-trigger:disabled{background-color:var(--surface-sunken);color:var(--content-disabled);cursor:not-allowed}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-trigger:disabled .dropdown-value{color:var(--content-disabled)}.dropdown-arrow{font-size:var(--text-xs);margin-left:var(--space-2);transition:transform var(--transition-fast);color:var(--content-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background-color:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:250px;overflow-y:auto;z-index:1000;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm);color:var(--content-primary)}.dropdown-item:hover{background-color:var(--surface-raised)}.dropdown-item.selected{background-color:var(--onetwo-primary);color:var(--content-primary);font-weight:var(--font-medium)}.dropdown-item.selected:hover{background-color:var(--onetwo-primary-hover)}.small-dropdown .dropdown-trigger{padding:.4rem .7rem;font-size:var(--text-xs);height:2rem}.small-dropdown .dropdown-item{padding:.4rem .7rem;font-size:var(--text-xs)}.medium-dropdown .dropdown-trigger{height:2.5rem}.large-dropdown .dropdown-trigger{padding:.75rem 1.5rem;font-size:var(--text-base);height:3rem}.large-dropdown .dropdown-item{padding:.75rem 1.5rem;font-size:var(--text-base)}.dropdown.disabled{opacity:.6}.navbar{width:var(--navbar-width);height:100vh;background-color:var(--surface-raised);color:var(--content-primary);border-right:1px solid var(--border-base);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4)}.navbar-body{display:flex;flex-direction:column;padding:var(--space-4)}.navbar h1{margin:0;margin-left:var(--space-2);font-size:var(--text-xl);color:var(--content-primary)}.navbar-logo{display:flex;justify-content:left;padding-bottom:var(--space-6)}.navbar-logo img{width:120px}.navbar-dropdown{margin-top:var(--space-2)}.navbar ul{list-style:none;padding:0;margin:0;margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.navbar-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--content-secondary);font-size:var(--text-sm);font-weight:500}.navbar-item:hover{background-color:var(--surface-hover);color:var(--content-primary)}.navbar-item:active{background-color:var(--surface-pressed)}.navbar-footer{border-top:1px solid var(--border-base);display:flex;flex-direction:column;align-items:left;padding:var(--space-4);padding-bottom:var(--space-6)}.navbar-user-info{font-size:var(--text-xs);color:var(--content-primary);margin:0;margin-bottom:var(--space-2);padding:var(--space-2)}.navbar-roles{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--content-tertiary)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--text-xxs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--header-height: 3rem;--navbar-width: 18rem;--surface-base: #f4f4f4;--surface-raised: #f0f0f0;--surface-overlay: #ececec;--surface-elevated: #e5e5e5;--surface-sunken: #f9f9f9;--content-primary: #333333;--content-secondary: #626262;--content-tertiary: #757575;--content-inverse: #ffffff;--content-disabled: #a3a3a3;--border-base: #cbcbcb;--border-subtle: #e5e5e5;--border-strong: #9ca3af;--border-onetwo: var(--onetwo-primary);--onetwo-primary: #72be9e;--onetwo-primary-hover: #4cad85;--onetwo-primary-subtle: #def2e6;--status-success: #6dc020;--status-success-subtle: #16a34a20;--status-warning: #d97706;--status-warning-subtle: #d9770620;--status-error: #c20101;--status-error-subtle: #c2010120;--status-info: #2563eb;--status-info-subtle: #2563eb20;--grid-lines: #dedede;--focus-ring: var(--onetwo-primary);--selection-bg: var(--onetwo-primary-subtle)}:root{--form-input-bg: var(--surface-raised);--form-input-border: var(--border-base);--form-input-text: var(--content-primary);--form-input-placeholder: var(--content-tertiary);--form-input-focus-border: var(--border-onetwo);--form-input-disabled-bg: var(--surface-sunken);--form-input-disabled-text: var(--content-disabled);--form-label-text: var(--content-primary)}:root{--button-primary-bg: var(--onetwo-primary);--button-primary-hover-bg: var(--onetwo-primary-hover);--button-primary-pressed-bg: var(--onetwo-primary-pressed);--button-primary-text: var(--content-inverse);--button-primary-border: var(--onetwo-primary);--button-secondary-bg: var(--surface-raised);--button-secondary-hover-bg: var(--surface-elevated);--button-secondary-text: var(--content-primary);--button-secondary-border: var(--border-base);--button-destructive-bg: var(--status-error);--button-destructive-hover-bg: #e74c3c;--button-destructive-text: var(--content-inverse);--button-destructive-border: var(--status-error)}:root{--font-onetwo: "Poppins", -apple-system, sans-serif}body{background-color:var(--surface-base);color:var(--content-primary);transition:background-color var(--transition-speed),color var(--transition-speed);font-family:var(--font-onetwo);margin:0;padding:0}.form-modal{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group p{margin:0}.form-group label{color:var(--content-secondary);font-size:var(--text-xxs);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.form-group input,.form-group select,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=url],.form-group textarea{border-radius:var(--radius-base);border:1px solid var(--border-subtle);background-color:var(--surface-base);color:var(--content-primary);font-size:var(--text-sm);font-weight:var(--font-normal);font-family:inherit;transition:border-color var(--transition-fast);margin:0;padding:var(--space-3) var(--space-4)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--content-tertiary);font-size:var(--text-xs)}.form-group textarea{resize:vertical;min-height:80px}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--surface-elevated) inset!important;-webkit-text-fill-color:var(--content-primary)!important}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{outline:none;border-color:var(--border-interactive);box-shadow:0 0 0 1px var(--interactive-primary)}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--surface-sunken);color:var(--content-disabled);cursor:not-allowed}.form-error-message{color:var(--status-error);font-size:var(--text-sm);margin-top:var(--space-2)}button{font-family:var(--font-onetwo);font-weight:var(--font-weight-medium)}h1{font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-size:1.5rem;margin-bottom:1rem}h2{font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-size:1.2rem;margin-bottom:.5rem}h3{font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-size:1.1rem;margin-bottom:.5rem}h4{font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-size:1rem;margin-bottom:.5rem}p{font-weight:var(--font-weight-light);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal);font-size:1rem;margin-bottom:1rem}