:root{--background-light: #ffffff;--text-light: #1a1a1a;--surface-light: #f8f9fa;--primary-light: #1976d2;--secondary-light: #666666;--border-light: #e0e0e0;--header-bg-light: rgba(255, 255, 255, .95);--shadow-light: rgba(0, 0, 0, .1);--hover-light: #f0f0f0;--surface-hover-light: #e9ecef;--surface-overlay-light: rgba(255, 255, 255, .9);--primary-overlay-light: rgba(25, 118, 210, .8);--primary-dark-light: #1565c0;--overlay-light: rgba(0, 0, 0, .5);--shadow-dark-light: rgba(0, 0, 0, .25);--success-light: #2e7d32;--success-light-bg: #e8f5e8;--error-light: #c62828;--error-light-bg: #ffebee;--warning-light: #f57c00;--warning-light-bg: #fff3e0;--info-light: #1976d2;--info-light-bg: #e3f2fd;--background-dark: #121212;--text-dark: #ffffff;--surface-dark: #1e1e1e;--primary-dark: #90caf9;--secondary-dark: #b0bec5;--border-dark: #333333;--header-bg-dark: rgba(18, 18, 18, .95);--shadow-dark: rgba(0, 0, 0, .3);--hover-dark: #2a2a2a;--surface-hover-dark: #2a2a2a;--surface-overlay-dark: rgba(30, 30, 30, .9);--primary-overlay-dark: rgba(144, 202, 249, .8);--primary-dark-dark: #42a5f5;--overlay-dark: rgba(0, 0, 0, .7);--shadow-dark-dark: rgba(0, 0, 0, .5);--success-dark: #66bb6a;--success-light-bg-dark: #2d5016;--error-dark: #f44336;--error-light-bg-dark: #5d2f2f;--warning-dark: #ff9800;--warning-light-bg-dark: #663d1a;--info-dark: #2196f3;--info-light-bg-dark: #1a2a3e}:root{--background: var(--background-light);--text: var(--text-light);--surface: var(--surface-light);--primary: var(--primary-light);--secondary: var(--secondary-light);--border: var(--border-light);--header-bg: var(--header-bg-light);--shadow: var(--shadow-light);--hover: var(--hover-light);--surface-hover: var(--surface-hover-light);--surface-overlay: var(--surface-overlay-light);--primary-overlay: var(--primary-overlay-light);--primary-dark: var(--primary-dark-light);--overlay: var(--overlay-light);--shadow-dark: var(--shadow-dark-light);--success: var(--success-light);--success-light: var(--success-light-bg);--error: var(--error-light);--error-light: var(--error-light-bg);--warning: var(--warning-light);--warning-light: var(--warning-light-bg);--info: var(--info-light);--info-light: var(--info-light-bg);--secondary-light: var(--secondary-light)}:root[data-theme=dark]{--background: var(--background-dark);--text: var(--text-dark);--surface: var(--surface-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--border: var(--border-dark);--header-bg: var(--header-bg-dark);--shadow: var(--shadow-dark);--hover: var(--hover-dark);--surface-hover: var(--surface-hover-dark);--surface-overlay: var(--surface-overlay-dark);--primary-overlay: var(--primary-overlay-dark);--primary-dark: var(--primary-dark-dark);--overlay: var(--overlay-dark);--shadow-dark: var(--shadow-dark-dark);--success: var(--success-dark);--success-light: var(--success-light-bg-dark);--error: var(--error-dark);--error-light: var(--error-light-bg-dark);--warning: var(--warning-dark);--warning-light: var(--warning-light-bg-dark);--info: var(--info-dark);--info-light: var(--info-light-bg-dark);--secondary-light: var(--secondary-dark)}body{background-color:var(--background);color:var(--text)}:root{--header-height: 110px;--header-height-mobile: 200px;--content-max-width: 1200px;--content-side-padding: 1rem;--z-header: 1000;--z-dropdown: 1500;--z-modal: 2000;--z-tooltip: 3000;--z-mobile-menu: 9999}*,*:before,*:after{box-sizing:border-box}.container-full-width{width:100%;margin:0;padding:0}.container-centered{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--content-side-padding);padding-right:var(--content-side-padding)}@media (min-width: 768px){:root{--content-side-padding: 2rem}}:root{--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--container-max-width: 1200px;--container-padding: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--line-height-base: 1.5;--card-border-radius: 8px;--input-height: 2.5rem;--button-height: 2.5rem}@custom-media --viewport-sm (min-width: 576px);@custom-media --viewport-md (min-width: 768px);@custom-media --viewport-lg (min-width: 1024px);@custom-media --viewport-xl (min-width: 1200px);.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (--viewport-sm){.grid{grid-template-columns:repeat(2,1fr)}}@media (--viewport-md){.grid{grid-template-columns:repeat(3,1fr)}}@media (--viewport-lg){.grid{grid-template-columns:repeat(4,1fr)}}html{font-size:16px}h1{font-size:clamp(1.5rem,4vw,2.5rem)}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}.card-view{display:grid;gap:var(--spacing-md)}@media (--viewport-md){.card-view{display:none}}.table-view{display:none}@media (--viewport-md){.table-view{display:block}}.form-group{margin-bottom:var(--spacing-md)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (--viewport-md){.form-row{flex-direction:row}}.nav-mobile{display:flex}.nav-desktop{display:none}@media (--viewport-md){.nav-mobile{display:none}.nav-desktop{display:flex}}@media (hover: none) and (pointer: coarse){button,.btn,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}}.responsive-image{width:100%;height:auto;object-fit:cover}.hidden-sm{display:none}@media (--viewport-md){.hidden-sm{display:block}.hidden-md{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.route-container{animation:pageEnter .3s ease-out;min-height:calc(100vh - 150px);position:relative;width:100%;display:block;margin:0 auto;box-sizing:border-box;overflow-x:visible}@supports (view-transition-name: none){.route-container{view-transition-name:route-container}::view-transition-old(route-container){animation:pageExit .15s ease-in}::view-transition-new(route-container){animation:pageEnter .3s ease-out}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);box-sizing:border-box}.route-container.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);box-sizing:border-box;display:block}div,nav,section,article,aside,header,footer,main{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;scroll-padding-top:var(--header-height)}img{max-width:100%;height:auto}.flex-container{display:flex;flex-wrap:wrap}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}app-property-list{width:100%;display:block}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);width:100%;box-sizing:border-box;margin:0 auto}router-outlet{display:none}*{box-sizing:border-box}.flex-row{display:flex;flex-wrap:wrap;width:100%;margin:0}.no-overflow{overflow:hidden}.app-header.scrolled{box-shadow:0 6px 12px #0003}:target{scroll-margin-top:calc(var(--header-height) + 20px)}.app-header nav{position:relative}.user-menu{transform-origin:top right}@media (pointer: coarse){.user-trigger,.menu-item{padding:12px;min-height:44px}}@media (max-width: 768px){.user-menu{max-width:calc(100vw - 40px);right:10px;position:fixed;top:auto;left:auto}.app-header.expanded{position:absolute;height:auto!important}.app-header{overflow-y:visible!important}}@media (max-width: 768px){.user-area .user-menu{position:fixed!important;width:250px!important;max-width:90vw!important;z-index:999999!important;box-shadow:0 10px 30px #00000040!important;left:auto!important;right:20px!important}.user-area .user-menu.open{box-shadow:0 6px 16px #0003;transform:translateY(0) translateZ(0)}.app-header{min-height:var(--header-height)}.main-content{padding-top:var(--header-height-mobile)}.app-header~*{position:relative;z-index:1}}html,body{position:relative;height:100%;-webkit-overflow-scrolling:touch}.user-menu.open{display:block;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}@supports (-webkit-touch-callout: none){.app-header{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-dark-blue);z-index:var(--z-header)}.user-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:var(--z-dropdown)}}@supports (-ms-ime-align: auto){.app-header{position:fixed}}.user-area{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.user-name,.user-currency{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:130px}@media screen and (orientation: portrait){.app-header{min-height:var(--header-height)}}@media screen and (orientation: landscape) and (max-height: 500px){.app-header{min-height:80px}.logo-image{height:50px}.main-content{padding-top:100px}}.app-header{overflow:visible!important;height:auto!important;max-height:none!important;position:fixed!important;top:0;left:0;right:0;z-index:9990;min-height:var(--header-height);transition:background-color .3s ease}.user-menu{display:none;visibility:hidden;position:absolute;opacity:0;background:#fff;border-radius:8px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.user-menu.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.menu-open .main-content{pointer-events:none}body.menu-open .user-menu{pointer-events:auto}.menu-open .app-header{z-index:9991}body.menu-open{overflow:auto!important}@supports (-webkit-touch-callout: none){.app-header{transform:translateZ(0)}.user-menu.open{z-index:99999!important;transform:translateZ(0)}}@media (max-width: 768px){.user-menu{margin-top:5px}}html{scroll-behavior:smooth}:root{--color-midnight-blue: #41729f;--color-blue-gray: #5885af;--color-dark-blue: #274472;--color-baby-blue: #c3e0e5;--color-white: #ffffff;--color-text: #333333;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 4px}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text);overflow-x:hidden;width:100%}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}label{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text)}input,select,textarea{padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--border-radius);font-size:1rem;background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.modal-overlay{position:fixed;inset:0;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--overlay);display:flex;align-items:center;justify-content:center}.permission-group{transition:all .2s ease;padding:16px 20px;border-radius:8px;background-color:var(--surface-light);border:1px solid var(--border);margin-bottom:12px}.permission-checkbox{cursor:pointer;display:flex;align-items:flex-start;gap:16px;padding:0}.permission-checkbox input[type=checkbox]{margin-top:3px;width:20px;height:20px;border-radius:4px;border:2px solid var(--border);cursor:pointer;transition:all .2s ease;flex-shrink:0}.permission-label{flex:1;padding-top:1px}.permission-name{color:var(--text);font-weight:500;font-size:1rem;margin-bottom:4px}.permission-description{color:var(--secondary);font-size:.875rem;line-height:1.4}.modal-content{background:var(--surface);border-radius:12px;box-shadow:0 10px 25px -5px var(--shadow),0 8px 10px -6px var(--shadow);animation:fadeIn .2s ease-out;max-width:90%;width:520px;padding:28px 32px;border:1px solid var(--border)}.modal-title{font-size:1.25rem;color:var(--text);font-weight:600;margin-bottom:8px}.modal-subtitle{color:var(--secondary);font-size:.875rem;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.modal-body{margin:24px 0}.modal-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.permission-group{transition:all .2s ease;padding:12px;border-radius:8px;background-color:var(--surface-light);border:1px solid var(--border)}.permission-group:hover{background-color:var(--surface-hover);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow)}.permission-checkbox{cursor:pointer;display:flex;align-items:flex-start;gap:12px;padding:8px}.permission-checkbox input[type=checkbox]{margin-top:4px;width:18px;height:18px;border-radius:4px;border-color:var(--border);cursor:pointer;transition:all .2s ease}.permission-checkbox input[type=checkbox]:hover{border-color:var(--primary)}.permission-checkbox input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}.permission-name{color:var(--text);font-weight:500;font-size:.95rem}.permission-description{color:var(--secondary);font-size:.85rem;margin-top:2px}.permission-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--surface-light);border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease;border:1px solid var(--border)}.permission-item:hover{background:var(--surface-hover)}.permission-item input[type=checkbox]{margin-top:.25rem;width:1.25rem;height:1.25rem;border:2px solid var(--border);border-radius:.25rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.permission-item input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}.permission-item input[type=checkbox]:checked:after{content:"";display:block;width:6px;height:10px;border:solid var(--surface);border-width:0 2px 2px 0;transform:rotate(45deg);position:relative;top:1px;left:4px}.permission-label{flex:1}.permission-name{color:var(--text);font-weight:500;font-size:.925rem;margin-bottom:.25rem}.permission-description{color:var(--secondary);font-size:.825rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-enter{animation:fadeIn .3s ease-out}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease}.btn-primary{background-color:var(--color-midnight-blue);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-dark-blue)}.container{max-width:1400px;margin:0 auto}.card{background-color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:0 2px 4px #0000001a;margin-bottom:var(--spacing-md)}.main-content,.route-container{background-color:var(--background);color:var(--text)}.card,.form-input,.form-select,input,select,textarea{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.form-input:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.status-active{color:var(--success)}.status-deactivated{color:var(--error)}.error-message{color:var(--error);font-size:.875rem;margin-top:4px;font-weight:600;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;line-height:1.4}:root:not([data-theme=dark]) .error-message{background-color:var(--error-light-bg);border:1px solid var(--error);color:#b71c1c}.loading{opacity:.7;pointer-events:none}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;margin-bottom:1.5rem}.form-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500;color:var(--text);font-size:.875rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--text);background:var(--surface);transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.staff-filters{display:flex;gap:1rem;align-items:center}.staff-filters .form-input{width:250px}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.split-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}@media (max-width: 768px){.split-layout,.form-group-grid{grid-template-columns:1fr}.staff-header{flex-direction:column;gap:1rem}.staff-filters{flex-direction:column;width:100%}.staff-filters .form-input{width:100%}.action-buttons{flex-direction:column}.form-container{padding:1.5rem}}