@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.loading-spinner{width:40px;height:40px;border:2px solid var(--color-bg-lighter);border-top:2px solid var(--color-brand-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:1rem;font-weight:500;margin-top:16px}.loading-message--overlay{color:var(--color-text-primary)}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay-content{background-color:var(--color-bg-white);padding:2rem;border-radius:.75rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:16px}.sidebar-container{width:45px;height:100vh;background-color:var(--color-bg-white);z-index:1000;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-top:5px}.sidebar-main-items{display:flex;flex-direction:column;width:100%}.sidebar-spacer{flex:1}.sidebar-bottom-section{display:flex;flex-direction:column;width:100%;padding-bottom:5px;align-items:center}.sidebar-item-group{display:flex;flex-direction:column;width:100%}.sidebar-divider{width:80%;height:1px;background-color:var(--color-border-gray);margin:1px 0}.sidebar-button{width:100%;height:45px;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;color:var(--color-brand-primary);transition:all .2s ease-in-out;font-family:var(--font-family-primary);margin-bottom:2px;padding:0}.sidebar-button:hover:not(.active):not(:disabled){background-color:var(--color-brand-primary-hover);color:var(--color-text-white)}.sidebar-button.active{background-color:var(--color-brand-primary);color:var(--color-bg-white);cursor:default}.user-panel-container{position:absolute;z-index:1000}.user-panel{position:absolute;top:0;right:-45px;min-width:200px;background-color:var(--color-bg-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-brand-light);border-radius:12px;box-shadow:0 8px 32px var(--color-shadow-default);padding:.5rem;font-family:var(--font-family-primary);animation:slideDown .2s ease-out}.user-info-header{padding:.75rem;border-bottom:1px solid var(--color-border-brand-light);margin-bottom:.5rem}.user-name{font-size:.875rem;font-weight:600;color:var(--color-brand-primary);margin-bottom:.25rem}.user-email{font-size:.75rem;color:var(--color-text-primary)}.menu-container{display:flex;flex-direction:column;gap:2px}.menu-divider{height:1px;background-color:var(--color-bg-overlay-dark);margin:.5rem 0}.menu-button{width:100%;padding:.75rem;background-color:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:.875rem;color:var(--color-text-primary);transition:all .15s ease-in-out;font-family:var(--font-family-primary)}.menu-button:hover{background-color:var(--color-bg-overlay-dark);color:var(--color-brand-primary)}.danger-button{width:100%;padding:.75rem;background-color:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:.875rem;color:var(--color-danger);transition:all .15s ease-in-out;font-family:var(--font-family-primary);font-weight:500}.danger-button:hover{background-color:var(--color-bg-overlay-dark)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-container{min-height:100vh;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.login-button-container{min-width:100px;display:flex;justify-content:flex-end}.landing-header{padding:1rem 0;border-bottom:1px solid var(--color-border-brand-light)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);margin:0;letter-spacing:-.025em}.login-button{background-color:transparent;color:var(--color-brand-primary);border:1px solid var(--color-brand-primary);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out}.login-button:hover{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.landing-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.main-content{text-align:center;max-width:600px}.main-title{font-size:4rem;font-weight:300;color:var(--color-brand-primary);margin:0 0 1rem;letter-spacing:-.05em;line-height:1.1}.main-subtitle{font-size:1.125rem;color:var(--color-brand-primary);margin:0;opacity:.8;font-weight:400}@media(max-width:768px){.header-content{padding:0 1rem}.main-title{font-size:3rem}.main-subtitle{font-size:1rem}.landing-main{padding:1rem}}*{box-sizing:border-box}.login-container{min-height:100vh;display:flex;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.login-left{flex:3;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);padding:2rem}.login-brand{text-align:center;max-width:400px}.brand-title{font-size:3.5rem;font-weight:300;color:var(--color-brand-primary);margin:0 0 1rem;letter-spacing:-.05em;line-height:1.1}.brand-subtitle{font-size:1.125rem;color:var(--color-brand-primary);margin:0;opacity:.8;font-weight:400}.login-right{flex:2;display:flex;align-items:center;justify-content:center;padding:2rem;border-left:1px solid var(--color-border-brand-light)}.login-form-container{width:100%;max-width:350px}.login-title{font-size:1.875rem;font-weight:500;color:var(--color-brand-primary);margin:0 0 .5rem;letter-spacing:-.025em}.login-subtitle{font-size:.875rem;color:var(--color-brand-primary);opacity:.7;margin:0 0 2rem;font-weight:400}.login-form{width:100%}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:.875rem;border:1px solid var(--color-hover-shadow);border-radius:.375rem;background-color:var(--color-bg-white);color:var(--color-brand-primary);transition:all .2s ease-in-out;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-hover-brand-color)}.form-input::placeholder{color:var(--color-brand-primary-light)}.login-submit-button{width:100%;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease-in-out}.login-submit-button:hover{background-color:var(--color-brand-primary-hover)}.login-footer{text-align:center}.forgot-password{font-size:.875rem;color:var(--color-brand-primary);text-decoration:none;opacity:.8;transition:opacity .2s ease-in-out}.forgot-password:hover{opacity:1}.error-message{background-color:var(--color-hover-brand-color);color:var(--color-brand-primary);padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;border:1px solid var(--color-hover-shadow)}.login-submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.login-container{flex-direction:column}.login-left{flex:none;min-height:30vh;padding:1.5rem}.login-right{flex:none;border-left:none;border-top:1px solid var(--color-border-brand-light);padding:1.5rem}.brand-title{font-size:2.5rem}.login-form-container{max-width:100%}.error-message{background-color:var(--color-hover-brand-color);color:var(--color-brand-primary);padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;border:1px solid var(--color-hover-shadow)}.login-submit-button:disabled{opacity:.6;cursor:not-allowed}}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.search-container{position:absolute;top:7px;left:7px;z-index:1000;width:400px;max-width:calc(100vw - 6rem)}.search-bar-wrapper{position:relative;background-color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:15px;box-shadow:0 2px 8px var(--color-shadow-light);border:1px solid var(--color-border-brand-light);transition:all .2s ease-in-out;height:30px}.search-bar-wrapper.focused{border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-hover-shadow)}.search-bar-inner{display:flex;align-items:center;height:100%;padding:0 .75rem}.search-bar-input{flex:1;border:none;outline:none;font-size:1rem;font-family:var(--font-family-primary);background-color:transparent;color:var(--color-text-primary);height:100%}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-loading{margin-left:.5rem;font-size:1rem;color:var(--color-brand-primary);display:flex;align-items:center;height:100%}.search-bar-clear{margin-left:.5rem;background:none;border:none;cursor:pointer;font-size:1.75rem;color:var(--color-brand-primary);padding:.25rem;border-radius:.25rem;transition:all .2s ease-in-out;display:flex;align-items:center;height:1rem;width:1rem;justify-content:center;line-height:1}.search-bar-clear:hover{background-color:var(--color-hover-brand-color)}.search-results-container{position:absolute;top:-1px;width:300px;left:405px;border-top:1px solid var(--color-border-brand-light);max-height:256px;overflow-y:auto;border-radius:15px;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px var(--color-shadow-light);border:1px solid var(--color-border-brand-light);z-index:1000}.search-result-item{padding:.75rem;cursor:pointer;transition:background-color .2s ease}.search-result-item:not(:last-child){border-bottom:1px solid rgba(104,30,18,.05)}.search-result-item:hover{background-color:#681e1205}.search-result-title{font-size:.875rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.1rem}.search-result-subtitle{font-size:.75rem;color:var(--color-text-muted)}.pm-popup{background-color:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-brand-light);border-radius:.5rem;box-shadow:0 4px 20px var(--color-shadow-default);padding:1rem;font-family:var(--font-family-primary);min-width:240px;max-width:320px;-webkit-user-select:text;user-select:text;animation:fadeIn .2s ease-out}.pm-popup__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid var(--color-border-brand-light);padding-bottom:.5rem}.pm-popup__title{font-weight:600;color:var(--color-brand-primary);font-size:.9rem}.pm-popup__close{background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.pm-popup__close:hover{color:var(--color-brand-primary)}.pm-popup__content{font-size:.8rem}.pm-popup__item{margin:.5rem 0}.pm-popup__key{font-weight:500;color:var(--color-text-primary)}.pm-popup__value{word-break:break-word}.pm-popup__layer-section{margin-top:1rem;border-top:1px solid var(--color-border-brand-light);padding-top:.5rem}.pm-popup__layer-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-hover-brand-color);border-radius:.375rem;position:relative}.pm-popup__layer-label{font-size:.8rem;font-weight:500;color:var(--color-brand-primary);flex-shrink:0}.pm-popup__color-indicator{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.pm-popup__layer-clickable{font-size:.8rem;color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.pm-popup__layer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.pm-popup__layer-arrow{font-size:.7rem;margin-left:4px;flex-shrink:0}.pm-popup__dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-white);border:1px solid var(--color-hover-shadow);border-radius:.375rem;box-shadow:0 4px 20px #00000026;z-index:10001;margin-top:4px;max-height:200px;overflow-y:auto;animation:slideUp .2s ease-out}.pm-popup__dropdown-item{display:flex;align-items:center;padding:.5rem;gap:.5rem;cursor:pointer;border-bottom:1px solid var(--color-border-brand-light)}.pm-popup__dropdown-item:hover{background-color:var(--color-hover-brand-color)!important}.pm-popup__dropdown-item--selected{background-color:var(--color-hover-brand-color)}.pm-popup__dropdown-item-name{font-size:.8rem;color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:150px}.pm-popup__dropdown-item-name--selected{font-weight:600}.pm-popup__dropdown-item-check{font-size:.8rem;color:var(--color-brand-primary);flex-shrink:0}.pm-popup__layer-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-hover-brand-color);border-radius:.375rem;margin-bottom:.75rem}.pm-popup__layer-name{font-size:.8rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-popup__properties{margin-bottom:.75rem}.pm-popup__properties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pm-popup__properties-title{font-weight:600;color:var(--color-brand-primary);font-size:.85rem}.pm-popup__properties-actions{display:flex;gap:.5rem}.pm-popup__editable-properties{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;max-height:200px;overflow-y:auto}.pm-popup__editable-property{display:flex;flex-direction:column;gap:.25rem}.pm-popup__property-label{font-size:.75rem;font-weight:500;color:var(--color-text-primary)}.pm-popup__property-input{padding:.25rem .5rem;border:1px solid var(--color-border-light);border-radius:.25rem;font-size:.8rem}.pm-popup__property-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.pm-popup__button{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pm-popup__button:hover{background-color:var(--color-bg-gray-light)}.pm-popup__button--save{background-color:var(--color-brand-primary);color:var(--color-bg-white);border-color:var(--color-brand-primary)}.pm-popup__button--save:hover{background-color:var(--color-brand-primary)}.pm-popup__button--cancel{color:var(--color-text-primary)}.pm-popup__button--edit{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background-color:transparent}.pm-popup__button--edit:hover{background-color:var(--color-hover-brand-color)}.pm-popup__button--copy,.pm-popup__button--move{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background-color:var(--color-bg-white)}.pm-popup__button--copy:hover,.pm-popup__button--move:hover{background-color:var(--color-hover-brand-color)}.pm-popup__copy-btn{background-color:var(--color-hover-brand-color);border:1px solid var(--color-hover-shadow);border-radius:3px;padding:2px 5px;font-size:.7rem;color:var(--color-brand-primary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.pm-popup__copy-btn:hover{background-color:var(--color-hover-brand-color);border-color:var(--color-hover-brand-color)}.pm-popup__actions{margin-top:1rem}.pm-popup__action-buttons{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.image-carousel-container{width:100%;height:100%;position:relative;min-height:inherit;max-height:inherit}.image-carousel-wrapper{width:100%;height:100%;position:relative;overflow:hidden;border-radius:inherit;min-height:inherit;max-height:inherit}.image-carousel-main-image{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;max-height:100%;transition:opacity .3s ease-in-out,transform .3s ease-in-out;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.image-carousel-placeholder{width:100%;height:100%;min-height:inherit;max-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-hover-brand-color);border-radius:inherit;box-sizing:border-box;border-radius:12px}.image-carousel-placeholder-icon{font-size:2rem;color:var(--color-brand-primary);opacity:.4;margin-bottom:.5rem}.image-carousel-placeholder-text{font-size:.75rem;color:var(--color-brand-primary);opacity:.4;text-align:center;font-weight:500;letter-spacing:-.01em}.image-carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--color-brand-primary);color:var(--color-text-white);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;z-index:2;transition:all .2s ease;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-carousel-wrapper:hover .image-carousel-nav-button{opacity:1}.image-carousel-nav-button:hover{background-color:var(--color-brand-primary-hover);transform:translateY(-50%) scale(1.15)}.image-carousel-nav-left{left:8px}.image-carousel-nav-right{right:8px}.image-carousel-counter{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:var(--color-brand-primary);color:var(--color-text-white);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;z-index:2;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-carousel-wrapper:hover .image-carousel-counter{opacity:1}@media(max-width:768px){.image-carousel-nav-button{width:28px;height:28px;font-size:1rem;opacity:.8}.image-carousel-nav-left{left:4px}.image-carousel-nav-right{right:4px}.image-carousel-counter{bottom:4px;opacity:1}.image-carousel-placeholder-icon{font-size:1.5rem}.image-carousel-placeholder-text{font-size:.65rem}}.status-component-wrapper{position:relative;display:inline-flex;max-width:100%}.status-badge{display:inline-flex;align-items:center;gap:4px;text-align:center;padding:4px 4px 4px 8px;margin-left:4px;border-radius:50vh;font-size:.65rem;font-weight:600;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;transition:filter .15s ease;border:1px solid var(--color-border-brand-light)}.status-component--interactive .status-badge{cursor:pointer}.status-component--interactive .status-badge:hover{filter:brightness(.95)}.status-badge__arrow{font-size:.5em;opacity:0;transition:opacity .15s ease,transform .2s ease;margin-left:2px}.status-component--interactive .status-badge:hover .status-badge__arrow{opacity:1}.status-component--open .status-badge__arrow{opacity:1;transform:rotate(180deg)}.status-dropdown{min-width:100%;max-height:150px;overflow-y:auto;padding:4px;margin:0;list-style:none;background:var(--color-bg-white);border:1px solid var(--color-border-brand-light);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow-default);scrollbar-width:thin;scrollbar-color:var(--color-brand-primary) var(--color-bg-white)}.status-dropdown::-webkit-scrollbar{width:8px}.status-dropdown::-webkit-scrollbar-track{background:var(--color-bg-white);border-radius:50vh}.status-dropdown::-webkit-scrollbar-track:hover{background:rgba(var(--color-brand-primary-rgb),.1)}.status-dropdown::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:50vh}.status-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary-hover)}.status-dropdown__item{padding:2px;border-radius:8px;cursor:pointer;transition:filter .15s ease}.status-dropdown__item:not(.status-dropdown__item--active):hover{filter:brightness(1.05)}.status-dropdown__item--active{cursor:default}.status-dropdown__item--active .status-badge{font-weight:800;filter:brightness(.95);cursor:default}.status-dropdown__item .status-badge{margin-left:0;width:100%;justify-content:center;border:1px solid var(--color-border-brand-light)}.status-dropdown__item:not(.status-dropdown__item--active) .status-badge:hover{filter:brightness(1.05)}.listing-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none}.listing-popup{position:fixed;width:220px;background:var(--color-bg-white);border-radius:16px;overflow:hidden;pointer-events:auto;animation:listing-popup-fade-in .2s ease-out;font-family:var(--font-family-primary);border:1px solid var(--color-border-brand-light);padding:2px}@keyframes listing-popup-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.listing-popup-close{position:absolute;top:6px;right:6px;z-index:10;width:25px;height:25px;border:none;background:var(--color-bg-overlay-dark);color:var(--color-bg-white);border-radius:50%;cursor:pointer;font-size:16px;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1}.listing-popup-close:hover{background:var(--color-bg-overlay-brand-light);transform:scale(1.1)}.listing-popup-image-section{padding-right:.5px;border:none;border-radius:14px;width:100%;height:140px;overflow:hidden;background-color:var(--color-bg-white)}.listing-popup-image-section .image-carousel-container{border-radius:13px;height:100%}.listing-popup-image-section .image-carousel-placeholder{border-radius:13px;height:100%;background-color:var(--color-hover-brand-color)}.listing-popup-image-section .image-carousel-placeholder-icon{font-size:1.5rem}.listing-popup-image-section .image-carousel-placeholder-text{font-size:.7rem}.listing-popup-content{padding:14px;display:flex;flex-direction:column;gap:6px}.listing-popup-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-brand-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.listing-popup-id{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-family-primary)}.listing-popup-price{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.listing-popup-field{display:flex;align-items:center;gap:6px;font-size:.75rem}.listing-popup-label{color:var(--color-text-muted);font-weight:400;flex-shrink:0}.listing-popup-status.status-component-wrapper{display:flex;width:100%}.listing-popup-status .status-badge{flex:1;justify-content:center}.listing-popup-value{color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-popup-divider{border-top:1px solid var(--color-bg-overlay-brand-light);margin:4px 0}.listing-popup-responsible{font-size:.7rem}.listing-popup-responsible-label{color:var(--color-text-muted);font-weight:400}.listing-popup-responsible-name{color:var(--color-brand-primary);font-weight:500}.listing-popup-responsible-loading{color:var(--color-text-muted);font-style:italic}.listing-popup-responsible-value{color:var(--color-text-primary);font-weight:500}@media(max-width:480px){.listing-popup{width:260px}.listing-popup-image-section{height:120px}.listing-popup-content{padding:12px;gap:6px}.listing-popup-title{font-size:.9rem}.listing-popup-price{font-size:1rem}}.listing-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.listing-modal-content{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background-color:var(--color-bg-white);border-radius:24px;box-shadow:0 4px 8px var(--color-shadow-default);display:flex;overflow:hidden;padding:5px}.listing-modal-four-column{display:flex;width:100%;overflow:hidden}.listing-modal-gap-vertical{width:5px}.listing-modal-part-1{width:300px;min-width:300px;display:flex;flex-direction:column}.listing-modal-part-1-footer{padding:0;height:35px;display:flex;align-items:flex-end;margin:0 5px 5px;gap:5px}.listing-modal-part-1-button-cancel{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-1-button-cancel:hover{background-color:var(--color-hover-brand-color)}.listing-modal-part-1-button-save{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-1-button-save:hover{background-color:var(--color-brand-primary)}.listing-modal-part-1-button-save:disabled{background-color:var(--color-disabled-border);cursor:not-allowed}.listing-modal-part-1-button-cancel:disabled{background-color:var(--color-border-gray);color:var(--color-text-muted);cursor:not-allowed}.listing-modal-part-1-units-section{padding:0 5px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.listing-modal-part-1-units-container{margin-top:2px;flex:1;border-radius:10px;overflow:hidden;min-height:0}.listing-modal-part-1-units-container .units-menu-list-container{border-radius:10px}.listing-modal-part-1-map-section{margin:5px 5px 0;border-radius:10px;overflow:hidden;width:calc(100% - 10px);aspect-ratio:4 / 3;flex-shrink:0}.listing-modal-part-2{flex:1;min-width:500px;display:flex;flex-direction:column;transition:flex .3s ease}.listing-modal-part-2-editor{flex:1;min-width:500px;display:flex;flex-direction:column}.listing-modal-editor-map{width:100%;height:100%;display:flex;overflow:hidden}.listing-modal-part-3{width:250px;min-width:250px;display:flex;flex-direction:column;transition:width .3s ease,min-width .3s ease}.listing-modal-part-3.expanded{width:500px;min-width:500px}.listing-modal-part-toggle{width:250px;min-width:250px;max-width:250px;display:flex;flex-direction:column;gap:5px;transition:width .3s ease,min-width .3s ease,max-width .3s ease;overflow:hidden;position:relative}.listing-modal-part-toggle.collapsed{width:0;min-width:0;max-width:0;overflow:visible}.listing-modal-part-toggle-button{position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;min-width:5px;max-width:5px;height:80px;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:0 12px 12px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .2s;z-index:10;box-shadow:2px 0 4px var(--color-shadow-light);padding:0}.listing-modal-part-toggle.collapsed .listing-modal-part-toggle-button{left:-5px}.listing-modal-part-toggle-button:hover{background-color:var(--color-brand-primary);width:5px;min-width:5px;max-width:5px;box-shadow:3px 0 6px var(--color-shadow-light)}.listing-modal-part-toggle-top{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.listing-modal-part-toggle-top .units-menu-list-container{height:100%;border-radius:19px}.listing-modal-part-toggle-top .units-menu-list{max-height:none;height:100%}.listing-modal-part-toggle-bottom{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.listing-modal-card{flex:1;overflow:auto;border:1px solid var(--color-border-gray);border-radius:19px}.listing-modal-part-1 .listing-modal-card{display:flex;flex-direction:column;overflow:hidden}.listing-modal-part-2 .listing-modal-card{padding:8px 8px 0;display:flex;flex-direction:column}.listing-modal-part-toggle-bottom .listing-modal-card{border:none;overflow:hidden;border-radius:0}.listing-modal-part-2-footer{padding:8px 0 4px;display:flex;align-items:center;gap:4px;flex-shrink:0}.listing-modal-ai-input{flex:1;height:30px;padding:0 12px;border:1px solid var(--color-hover-shadow);border-radius:18px;font-size:.85rem;font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s,box-shadow .2s}.listing-modal-ai-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-border-brand-light)}.listing-modal-ai-input:disabled{background-color:var(--color-bg-white);cursor:not-allowed}.listing-modal-ai-input::placeholder{color:var(--color-text-muted);font-style:italic}.listing-modal-ai-submit-button{width:30px;height:30px;min-width:30px;border-radius:50%;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-ai-submit-button:hover:not(:disabled){background-color:var(--color-brand-primary);transform:scale(1.05)}.listing-modal-ai-submit-button:disabled{background-color:var(--color-disabled-border);cursor:not-allowed}.listing-modal-part-3-card{display:flex;flex-direction:column;height:100%}.listing-modal-part-3-photos{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;border-radius:0 0 19px 19px}.listing-modal-part-3-footer{flex-shrink:0;padding:5px;display:flex;align-items:center;gap:5px;background-color:var(--color-bg-white)}.listing-modal-part-3-button-manage{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-3-button-manage:hover{background-color:var(--color-brand-primary-hover)}.listing-modal-part-3-button-apply{flex:1;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-color);color:var(--color-text-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-3-button-apply:hover{background-color:var(--color-hover-brand-color)}.listing-modal-part-3-button-cancel{flex:1;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-text-muted);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-3-button-cancel:hover{background-color:var(--color-hover-gray)}.listing-modal-part-3-button-delete{flex:1;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-danger);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-3-button-delete:hover{background-color:var(--color-danger-bg)}.listing-modal-part-3-button-delete:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.listing-modal-part-3-button-delete:disabled:hover{background-color:var(--color-bg-white)}.listing-modal-part-3-button-add{flex:1;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.listing-modal-part-3-button-add:hover{background-color:var(--color-brand-primary-hover)}.listing-modal-part-3 .listing-modal-card{padding:0;overflow-x:hidden;overflow-y:auto}@media(max-width:1200px){.listing-modal-part-toggle{width:400px;min-width:350px}}@media(max-width:1024px){.listing-modal-four-column{flex-direction:column}.listing-modal-part-1{width:100%;min-width:100%;max-height:250px;border-right:none;border-bottom:1px solid var(--color-border-brand-light)}.listing-modal-part-2{max-height:40vh;border-right:none;border-bottom:1px solid var(--color-border-brand-light)}.listing-modal-part-3{width:100%;min-width:100%;max-height:30vh;border-right:none;border-bottom:1px solid var(--color-border-brand-light)}.listing-modal-part-3.expanded{width:100%;min-width:100%}.listing-modal-part-toggle-button{display:none}.listing-modal-part-toggle{width:100%;min-width:100%;flex:1}.listing-modal-part-toggle-top{flex:0 0 auto;min-height:auto}.listing-modal-part-toggle-bottom{flex:1;min-height:300px}}@media(max-width:768px){.listing-modal-content{top:40px;right:20px;bottom:40px;left:20px}.listing-modal-part-1{max-height:200px}.listing-modal-part-2{max-height:35vh}.listing-modal-part-3,.listing-modal-part-3.expanded{max-height:25vh}}.listing-summary{display:flex;flex-direction:column;flex-shrink:0;font-family:var(--font-family-primary)}.listing-summary-info-container{width:100%;padding:8px 8px 0 16px;border:none;display:flex;flex-direction:column}.listing-summary-title-field{padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid var(--color-border-brand-light);width:100%;box-sizing:border-box;min-height:calc(1.5rem * 1.2 * 2 + 8px);display:flex;align-items:center;justify-content:center}.listing-summary-title{margin:0;font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);letter-spacing:-.01em;transition:all .2s ease;border-radius:4px;cursor:default;width:100%;text-align:left;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.listing-summary-title.editable{cursor:pointer}.listing-summary-title.editable:hover{background-color:var(--color-hover-brand-color)}.listing-summary-title.editable:hover:after{content:"✎";opacity:.5;font-size:1.2rem;margin-left:8px;position:relative;top:-2px}.listing-summary-id{padding-bottom:4px;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-family-primary)}.listing-summary-price-status-row{display:flex;align-items:center;gap:0px;padding:2px 0;margin-bottom:0;height:30px}.listing-summary-status-field{width:50%;display:flex;align-items:stretch;gap:6px;font-size:.9rem;flex-shrink:0}.listing-summary-status-field .status-component-wrapper{width:100%;height:100%}.listing-summary-status-field .status-badge{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.listing-summary-type-area-row{justify-content:flex-start;display:flex;align-items:center;gap:40%;padding:1px 0}.listing-summary-field-row{font-size:.9rem;display:flex;align-items:center;margin-bottom:2px}.listing-summary-field-label{margin-right:6px;color:var(--color-text-muted);font-weight:400}.listing-summary-field-value{color:var(--color-text-primary);font-weight:500;padding:0;border-radius:4px;transition:all .2s ease}.listing-summary-field-value.editable{cursor:pointer}.listing-summary-field-value.editable:hover{background-color:var(--color-hover-brand-color)}.listing-summary-field-value.editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.listing-summary-price-field{flex:1;display:flex;align-items:center;max-width:50%;min-width:0}.listing-summary-price-section{font-size:1.25rem;font-weight:600;color:var(--color-brand-primary);border-radius:4px;transition:all .2s ease;cursor:default}.listing-summary-price-section.editable{cursor:pointer}.listing-summary-price-section.editable:hover{background-color:var(--color-hover-brand-color)}.listing-summary-price-section.editable:hover:after{content:"✎";opacity:.5;font-size:1rem;margin-left:4px;position:relative;top:-2px}.listing-summary-field-edit-container{display:flex;align-items:center;gap:2px;width:100%;box-sizing:border-box;overflow:hidden}.listing-summary-field-input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s;box-sizing:border-box}.listing-summary-field-input:focus{outline:none;border-color:var(--color-brand-primary)}.listing-summary-title-input{font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);padding:4px 8px}.listing-summary-price-input{font-size:1 rem;font-weight:600;color:var(--color-brand-primary);padding:4px 2px}.listing-summary-price-input::-webkit-inner-spin-button,.listing-summary-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.listing-summary-price-input[type=number]{-moz-appearance:textfield}.listing-summary-field-edit-actions{display:flex;gap:4px;flex-shrink:0}.listing-summary-field-edit-confirm,.listing-summary-field-edit-cancel{background:none;border:none;width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.75rem;transition:all .15s ease;cursor:pointer;flex-shrink:0}.listing-summary-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.listing-summary-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.listing-summary-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.listing-summary-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.listing-summary-field-empty{color:var(--color-text-muted);font-style:italic}.listing-summary-divider{border-top:1px solid var(--color-bg-white);margin:2px 0}.listing-summary-field{padding:1px 0;font-size:.7rem}.listing-summary-field-label{color:var(--color-text-muted);font-weight:400}.listing-summary-field-value{color:var(--color-text-primary);font-weight:500}.listing-summary-loading{color:var(--color-text-muted);font-style:italic;font-size:.7rem}.listing-summary-dates{padding:1px 0;font-size:.7rem;display:flex;justify-content:space-between;gap:10px}.listing-summary-date-item{display:flex;gap:4px}.listing-summary-date-label{color:var(--color-text-muted);font-weight:400}.listing-summary-date-value{color:var(--color-text-primary);font-weight:500;font-family:var(--font-family-primary)}.listing-summary-description{font-size:.9rem;line-height:1.5;color:var(--color-text-primary);white-space:pre-line}.listing-summary-creator-section{margin-bottom:5px;align-self:center;font-size:.7rem;color:var(--color-text-primary)}.listing-summary-creator-label{color:var(--color-text-muted)}.listing-summary-creator-name{color:var(--color-brand-primary);font-weight:500}.generic-dropdown-container{position:relative;width:calc(100% + 2px);-webkit-user-select:none;user-select:none;background-color:var(--color-bg-white);cursor:pointer;border-radius:8px;padding:2px;border:1px solid var(--color-border-gray);outline:none}.generic-dropdown-disabled{opacity:.5;cursor:not-allowed}.generic-dropdown-current-value{padding-left:4px;color:var(--color-text-primary)}.generic-dropdown-options-list{border-radius:8px;border:1px solid var(--color-border-gray);position:absolute;top:22px;left:0;width:calc(100% + 2px);margin-left:-1px;color:var(--color-text-primary);max-height:250px;display:flex;flex-direction:column;gap:4px;padding:2px;margin-top:4px;overflow-y:auto;scroll-behavior:smooth;z-index:10000;background-color:inherit}.generic-dropdown-open .generic-dropdown-options-list{padding-top:2px}.generic-dropdown-options-list:has(.generic-dropdown-checkbox){z-index:10001}.generic-dropdown-options-list::-webkit-scrollbar{width:2px}.generic-dropdown-options-list::-webkit-scrollbar-track{background:transparent}.generic-dropdown-options-list::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:2px}.generic-dropdown-options-list::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary);opacity:.8}.generic-dropdown-option{border-radius:6px;padding-left:4px;display:flex;align-items:center;gap:6px}.generic-dropdown-option:hover{background-color:var(--color-bg-overlay-dark)}.generic-dropdown-option-selected{background-color:var(--color-bg-overlay-brand-light)}.generic-dropdown-checkbox{width:14px;height:14px;border:1px solid var(--color-bg-overlay-brand-light);border-radius:3px;flex-shrink:0;background-color:transparent;transition:all .2s ease}.generic-dropdown-checkbox-selected{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);position:relative}.generic-dropdown-checkbox-selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.generic-dropdown-divider{padding-left:2px;color:var(--color-brand-primary);font-weight:500;font-size:1.1rem;cursor:default;border-top:1px solid var(--color-border-gray-dark);border-bottom:1px solid var(--color-border-gray-dark);background-color:var(--color-bg-overlay-brand-light)}.thumbnail-item{width:170px;height:auto;display:flex;flex-direction:column;align-items:center;padding:2px;border:1px solid var(--color-border-gray);border-radius:16px;background-color:var(--color-bg-white);box-shadow:0 2px 8px var(--color-shadow-medium);transition:border-color .25s ease,background-color .25s ease}.thumbnail-item:hover{border:1px solid var(--color-brand-primary);box-shadow:0 4px 12px var(--color-shadow-dark)}.thumbnail-item:has(.invite-user-icon-container){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:2px dashed var(--color-border-gray);border-radius:16px;background-color:var(--color-bg-white);cursor:pointer;transition:all .2s ease}.thumbnail-item:has(.invite-user-icon-container):hover{border-color:var(--color-brand-primary);background-color:rgba(var(--color-brand-primary-rgb),.05)}.thumbnail-item-onClick-Area{width:100%;cursor:pointer}.thumbnail-item-photo-container{width:100%;height:113px;border-radius:14px;background-color:var(--color-bg-light);overflow:hidden}.thumbnail-item-photo-container img,.thumbnail-item-photo-container svg{width:100%;height:100%;object-fit:cover}.thumbnail-item-title-container{margin-top:2px;padding:0 4px;width:100%;box-sizing:border-box;min-height:2.4em;height:2.4em;line-height:1.2;display:flex;align-items:center;justify-content:center}.thumbnail-item-title-container span{font-weight:600;font-size:.9rem;color:var(--color-text-primary);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.thumbnail-item-children-container{font-size:.85rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;padding:0 4px 4px;box-sizing:border-box;margin-top:4px;margin-bottom:4px}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.5rem}.thumbnail-icon-container{width:100%;height:130px;background-color:var(--color-bg-white);border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-gray)}.thumbnail-image{max-width:100%;max-height:100%;object-fit:contain}.thumbnail-icon{font-size:1.5rem;color:var(--color-brand-primary);opacity:.4}.thumbnail-name{font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-description{font-size:.75rem;color:var(--color-brand-primary);opacity:.6;margin:.25rem 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}.thumbnail-create-item{width:170px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:2px dashed var(--color-border-gray);border-radius:16px;background-color:var(--color-bg-white);cursor:pointer;transition:all .2s ease}.thumbnail-create-item:hover{border-color:var(--color-brand-primary);background-color:rgba(var(--color-brand-primary-rgb),.05)}.thumbnail-create-icon-container{width:170px;height:auto;display:flex;flex-direction:column;align-items:center;padding:2px;border-radius:16px;background-color:var(--color-bg-light);box-shadow:0 2px 8px var(--color-shadow-medium);transition:border-color .25s ease,background-color .25s ease}.thumbnail-create-icon{font-size:5rem;color:var(--color-brand-primary);opacity:.3;font-weight:100}.thumbnail-create-label{font-size:.9rem;font-weight:500;color:var(--color-text-primary);margin:0;letter-spacing:-.01em;text-align:center;opacity:.7}.thumbnail-loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.thumbnail-loading-text{font-size:1rem;color:var(--color-text-secondary)}.thumbnail-grid.create-item-start{grid-template-rows:auto 1fr}.thumbnail-grid.create-item-end{grid-template-rows:1fr auto}.thumbnail-item.create-item{grid-column:span 2}.thumbnail-selected{border-color:var(--color-brand-primary-light);background-color:var(--color-bg-overlay-brand-light)}.add-contact-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.add-contact-modal-content{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background-color:var(--color-bg-white);border-radius:24px;box-shadow:0 4px 8px var(--color-shadow-default);display:flex;max-width:600px;margin:auto}.add-contact-modal-container{display:flex;flex-direction:column;width:100%;padding:7px}.add-contact-modal-info-container{flex:1;overflow:auto;border-radius:17px;border:1px solid var(--color-border-brand-light);padding:10px}.add-contact-modal-title-field{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-brand-light)}.add-contact-title-value{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);transition:all .2s ease;padding:4px 8px;border-radius:4px;cursor:pointer;line-height:1.4}.add-contact-title-value.editable:hover{background-color:var(--color-hover-brand-color)}.add-contact-title-value.editable:hover:after{content:"✎";opacity:.5;font-size:1.2rem;margin-left:8px;position:relative;top:-2px}.add-contact-modal-title-field .add-contact-field-input{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);padding:4px 8px}.add-contact-modal-field{display:flex;flex-direction:column;padding:8px 0;border-bottom:none;transition:all .3s ease}.add-contact-modal-field:last-of-type{border-bottom:none}.add-contact-field-key{font-size:.85rem;color:var(--color-brand-primary);font-weight:500;margin-bottom:4px;transition:color .2s ease}.add-contact-field-value{font-size:.95rem;color:var(--color-text-primary);transition:color .2s ease;padding:2px 4px;border-radius:4px;cursor:default}.add-contact-field-empty{color:var(--color-text-muted);font-style:italic}.add-contact-field-value.editable{position:relative;transition:all .2s ease;cursor:pointer}.add-contact-field-value.editable:hover{background-color:var(--color-hover-brand-color)}.add-contact-field-value.editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.add-contact-field-edit-container{display:flex;align-items:center;gap:8px;width:100%}.add-contact-field-input{flex:1;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s}.add-contact-field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.add-contact-field-edit-actions{display:flex;gap:4px}.add-contact-field-edit-confirm,.add-contact-field-edit-cancel{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer}.add-contact-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.add-contact-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.add-contact-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.add-contact-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.add-contact-field-edit-confirm:disabled,.add-contact-field-edit-cancel:disabled{opacity:.5;cursor:not-allowed}input[type=date].add-contact-field-input,select.add-contact-field-input{cursor:pointer}.add-contact-modal-footer{padding:0;height:41px;display:flex;align-items:flex-end;gap:3px}.add-contact-modal-button-half{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0}.add-contact-modal-button-half:hover{background-color:var(--color-hover-brand-color)}.add-contact-modal-button-half:disabled{opacity:.5;cursor:not-allowed}.add-contact-modal-button-primary{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.add-contact-modal-button-primary:hover{background-color:var(--color-brand-primary-hover)}@media(max-width:768px){.add-contact-modal-content{top:40px;right:20px;bottom:40px;left:20px}}.contact-selector-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.contact-selector-modal{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background-color:var(--color-bg-white);border-radius:24px;width:auto;max-width:900px;margin:auto;display:flex;flex-direction:column;box-shadow:0 4px 8px var(--color-shadow-default);padding:10px;gap:10px}.contact-selector-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--color-border-brand-light);border-radius:17px}.contact-selector-header h2{margin:0;font-size:1.25rem;color:var(--color-brand-primary);font-weight:600}.contact-selector-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-brand-primary);padding:0;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.contact-selector-close-btn:hover{background-color:var(--color-hover-brand-color)}.contact-selector-search-container{position:relative;background-color:var(--color-bg-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:15px;box-shadow:0 2px 8px var(--color-shadow-light);border:1px solid var(--color-border-brand-light);transition:all .2s ease-in-out;height:40px;display:flex;align-items:center;padding:0 12px;margin:0 10px}.contact-selector-search-container:focus-within{border-color:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-hover-shadow)}.contact-selector-search-input{flex:1;border:none;outline:none;font-size:.95rem;font-family:var(--font-family-primary);background-color:transparent;color:var(--color-text-primary);height:100%}.contact-selector-search-input::placeholder{color:var(--color-text-muted)}.contact-selector-search-loader{margin-left:8px;font-size:1rem;color:var(--color-brand-primary);display:flex;align-items:center;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-selector-search-clear{margin-left:8px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-brand-primary);padding:4px;border-radius:4px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1}.contact-selector-search-clear:hover{background-color:var(--color-hover-brand-color)}.contact-selector-content{flex:1;overflow-y:auto;padding:10px;border-radius:17px;border:1px solid var(--color-border-brand-light)}.contact-selector-item-description{overflow-wrap:anywhere;font-size:.85rem;color:#666;margin-top:2px}.contact-avatar-placeholder{width:80px;height:80px;background-color:var(--color-border-brand-light);border:2px solid var(--color-hover-shadow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);font-family:var(--font-family-primary)}.contact-selected{border:2px solid var(--color-brand-primary)!important;box-shadow:0 0 0 3px var(--color-border-brand-light)!important;background-color:var(--color-border-brand-light)!important}.contact-selector-footer{height:41px;display:flex;align-items:flex-end;gap:8px;padding:0 10px}.contact-selector-button-cancel,.contact-selector-button-apply{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;padding:0}.contact-selector-button-cancel{background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent}.contact-selector-button-cancel:hover{background-color:var(--color-hover-brand-color)}.contact-selector-button-apply{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.contact-selector-button-apply:hover{background-color:var(--color-brand-primary-hover);box-shadow:0 2px 8px var(--color-hover-brand-color)}.contact-selector-error{padding:2rem;text-align:center;border-radius:17px;border:1px solid var(--color-border-brand-light);margin:10px}.contact-selector-error-text{color:var(--color-danger);margin-bottom:1rem;font-size:.95rem}.contact-selector-retry-btn:hover{background-color:var(--color-brand-primary);box-shadow:0 2px 8px var(--color-hover-brand-color)}.contact-selector-content .thumbnail-description{white-space:pre-line}.contact-form-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay-dark-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1100;padding:1rem}.contact-form-modal{background-color:var(--color-bg-white);border-radius:8px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 20px var(--color-shadow-strong);overflow:hidden}.contact-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-gray)}.contact-form-modal-header h3{margin:0;font-size:1.25rem;color:var(--color-brand-primary);font-weight:500}.contact-form-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-primary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.contact-form-modal-close:hover{background-color:var(--color-bg-white);color:var(--color-text-primary)}.contact-form-modal-body{flex:1;overflow:hidden;position:relative}.contact-form-modal-body .quick-add-contact-form-content.in-modal{padding:1rem 1.5rem 1.5rem;height:100%;overflow-y:auto;border-radius:0;box-shadow:none}@media(max-width:600px){.contact-selector-modal{width:95%;max-height:95vh}.contact-form-modal{width:95%;max-height:90vh}}.contact-currently-selected{border:2px solid var(--color-brand-primary)!important;box-shadow:0 0 0 3px var(--color-border-brand-light)!important}.info-attribute-key{font-size:.85rem;color:var(--color-brand-primary);font-weight:500;margin-bottom:4px;transition:color .2s ease}.file-upload-wrapper{width:100%}.file-upload-container{display:flex;flex-direction:column;gap:8px;width:100%}.file-upload-input{display:none}.file-upload-add-section{display:flex;align-items:center;gap:8px}.file-upload-add-btn{padding:6px 12px;font-size:.85rem;font-weight:500;color:var(--color-brand-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-brand-light);border-radius:4px;cursor:pointer;transition:all .2s ease}.file-upload-add-btn:hover:not(:disabled){background-color:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.file-upload-add-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload-accepted-types{font-size:.75rem;color:var(--color-text-muted);opacity:.8}.file-upload-list{display:flex;flex-direction:column;gap:6px}.file-upload-item-wrapper{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;transition:all .2s ease}.file-upload-item-wrapper:hover{background-color:var(--color-hover-brand-color);border-color:var(--color-border-brand-light)}.file-upload-item-wrapper.pending{border-style:dashed;border-color:var(--color-border-brand-light);background-color:var(--color-hover-brand-color)}.file-upload-item-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.file-upload-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-upload-item-name{font-size:.9rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.file-upload-item-name.link{color:var(--color-brand-primary);cursor:pointer;text-decoration:underline}.file-upload-item-name.link:hover{opacity:.8}.file-upload-pending-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--color-warning-text, #b45309);background-color:var(--color-warning-bg, #fef3c7);padding:1px 5px;border-radius:3px;flex-shrink:0}.file-upload-item-size{font-size:.75rem;color:var(--color-text-muted)}.file-upload-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.file-upload-item-btn{background:none;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s ease;color:var(--color-text-muted);padding:0}.file-upload-item-btn:hover{background-color:var(--color-hover-shadow);color:var(--color-text-primary)}.file-upload-item-btn.delete:hover{background-color:var(--color-danger-bg);color:var(--color-danger)}.file-upload-item-btn:disabled{opacity:.4;cursor:not-allowed}.file-upload-error{font-size:.8rem;color:var(--color-danger);padding:6px 10px;background-color:var(--color-danger-bg);border-radius:4px;display:flex;align-items:center;gap:6px}.file-upload-error-icon{font-size:1rem}.file-upload-loading-text{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.file-upload-empty{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.file-upload-thumbnail{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.timeline-item-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1001}.timeline-item-modal-content{background:var(--color-bg-white);border-radius:24px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px var(--color-shadow-default);display:flex;flex-direction:column}.timeline-item-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--color-border-brand-light)}.timeline-item-modal-title-section{flex:1;min-width:0}.timeline-item-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.timeline-item-type-badge-event{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.timeline-item-type-badge-activity{background:var(--color-success-bg);color:var(--color-success)}.timeline-item-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);line-height:1.3}.timeline-item-modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1;flex-shrink:0;margin-left:1rem}.timeline-item-modal-close:hover{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.timeline-item-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.timeline-item-field{display:flex;flex-direction:column;padding:8px 0;transition:all .3s ease}.timeline-item-field-label{font-size:.85rem;color:var(--color-brand-primary);font-weight:500;margin-bottom:4px;transition:color .2s ease}.timeline-item-field-value{font-size:.95rem;color:var(--color-text-primary);transition:color .2s ease;padding:2px 4px;border-radius:4px;cursor:default;display:flex;align-items:center;gap:8px}.timeline-item-field-empty{color:var(--color-text-muted);font-style:italic}.timeline-item-field-value.timeline-item-field-editable{position:relative;transition:all .2s ease;cursor:pointer}.timeline-item-field-value.timeline-item-field-editable:hover{background-color:var(--color-hover-brand-color)}.timeline-item-field-value.timeline-item-field-editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.timeline-item-user-initials{background-color:var(--color-brand-primary);color:var(--color-bg-white);width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-right:4px;flex-shrink:0}.timeline-item-remove-contact{background:var(--color-danger-bg);color:var(--color-danger);border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s ease;flex-shrink:0;margin-left:auto}.timeline-item-remove-contact:hover{background:var(--color-danger-bg-hover)}.timeline-item-field-edit-container{display:flex;align-items:flex-start;gap:8px;width:100%}.timeline-item-field-input{flex:1;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s}.timeline-item-field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.timeline-item-field-textarea{resize:vertical;min-height:60px;font-family:var(--font-family-primary)}.timeline-item-field-edit-actions{display:flex;gap:4px;flex-shrink:0}.timeline-item-field-edit-confirm,.timeline-item-field-edit-cancel{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer}.timeline-item-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.timeline-item-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.timeline-item-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.timeline-item-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.timeline-item-field-edit-confirm:disabled,.timeline-item-field-edit-cancel:disabled{opacity:.5;cursor:not-allowed}.timeline-item-event-details,.timeline-item-activity-details{margin-top:1rem}.timeline-item-section{margin-bottom:1.5rem}.timeline-item-section:last-child{margin-bottom:0}.timeline-item-section-title{font-size:.85rem;font-weight:600;color:var(--color-brand-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.timeline-item-loading{padding:1rem;text-align:center;color:var(--color-text-primary);font-style:italic}.timeline-item-no-details{padding:1rem;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.9rem}.timeline-item-changes{display:flex;flex-direction:column;gap:1rem}.timeline-item-change{background:var(--color-border-brand-light);border:1px solid var(--color-border-brand-light);border-radius:8px;padding:.75rem}.timeline-item-change-field{font-weight:600;color:var(--color-brand-primary);margin-bottom:.5rem;font-size:.9rem}.timeline-item-change-values{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timeline-item-change-before,.timeline-item-change-after{flex:1;min-width:0}.timeline-item-change-label{display:block;font-size:.75rem;color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.timeline-item-change-value{display:block;font-size:.9rem;color:var(--color-text-primary);word-break:break-word}.timeline-item-change-arrow{color:var(--color-brand-primary);font-weight:700;font-size:1.2rem;flex-shrink:0}.timeline-item-changes-raw{background:var(--color-border-brand-light);border:1px solid var(--color-border-brand-light);border-radius:4px;padding:.75rem;overflow-x:auto;font-size:.85rem;margin:0}.timeline-item-snapshot-comparison{display:flex;gap:1rem;flex-wrap:wrap}.timeline-item-snapshot-section{flex:1;min-width:250px}.timeline-item-snapshot-section h5{margin:0 0 .5rem;color:var(--color-brand-primary);font-size:.9rem;font-weight:600}.timeline-item-snapshot-section pre{background:var(--color-border-brand-light);border:1px solid var(--color-border-brand-light);border-radius:4px;padding:.75rem;overflow-x:auto;font-size:.85rem;margin:0}.timeline-item-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border-brand-light);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.timeline-item-modal-button-delete{padding:.5rem 1.5rem;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-danger);border:1px solid var(--color-danger)}.timeline-item-modal-button-delete:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-bg-white)}.timeline-item-modal-button-delete:disabled{opacity:.5;cursor:not-allowed}.timeline-item-modal-button-close{padding:.5rem 1.5rem;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent}.timeline-item-modal-button-close:hover{background-color:var(--color-hover-brand-color);border-color:var(--color-hover-shadow)}@media(max-width:640px){.timeline-item-modal-content{width:95%;max-height:95vh}.timeline-item-modal-header,.timeline-item-modal-body{padding:1rem}.timeline-item-modal-title{font-size:1.25rem}.timeline-item-change-values{flex-direction:column;align-items:flex-start}.timeline-item-change-arrow{transform:rotate(90deg)}}.activity-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.activity-modal-content{background:var(--color-bg-white);border-radius:24px;width:90%;max-width:560px;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px var(--color-shadow-default);display:flex;flex-direction:column}.activity-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border-brand-light)}.activity-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary)}.activity-modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.activity-modal-close:hover{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.activity-modal-error{padding:1rem 1.5rem;background:var(--color-error-bg);border-bottom:1px solid var(--color-error-border);color:var(--color-error-text);font-size:.85rem}.activity-modal-form{padding:10px;overflow-y:auto;flex:1}.activity-modal-field{margin-bottom:8px}.activity-modal-label{display:block;margin-bottom:4px;font-weight:500;color:var(--color-brand-primary);font-size:.85rem}.activity-modal-required{color:var(--color-danger);margin-left:.25rem}.activity-modal-input,.activity-modal-select,.activity-modal-textarea{width:100%;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;transition:border-color .2s;font-family:var(--font-family-primary);background:var(--color-bg-white);color:var(--color-text-primary)}.activity-modal-input:focus,.activity-modal-select:focus,.activity-modal-textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.activity-modal-input:disabled,.activity-modal-select:disabled,.activity-modal-textarea:disabled{background:var(--color-bg-white);cursor:not-allowed;opacity:.6}.activity-modal-textarea{resize:vertical;min-height:80px}.activity-modal-select optgroup{font-weight:600;color:var(--color-brand-primary);font-style:normal}.activity-modal-select option{padding:.5rem;font-weight:400;color:var(--color-text-primary)}.activity-modal-contact-selector{width:100%}.activity-modal-contact-button{width:100%;padding:.75rem;border:1px dashed var(--color-border-brand-medium);border-radius:12px;background:var(--color-border-brand-light);color:var(--color-brand-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.activity-modal-contact-button:hover:not(:disabled){background:var(--color-hover-brand-color);border-color:var(--color-hover-shadow)}.activity-modal-contact-button:disabled{cursor:not-allowed;opacity:.5}.activity-modal-contact-selected{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid var(--color-hover-shadow);border-radius:12px;background:var(--color-border-brand-light)}.activity-modal-contact-info{flex:1;min-width:0}.activity-modal-contact-name{display:block;font-weight:500;color:var(--color-text-primary);font-size:.95rem;margin-bottom:.25rem}.activity-modal-contact-email{display:block;font-size:.85rem;color:var(--color-text-primary)}.activity-modal-contact-remove{background:var(--color-danger-bg);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-danger);cursor:pointer;transition:all .2s;margin-left:.5rem;flex-shrink:0}.activity-modal-contact-remove:hover:not(:disabled){background:var(--color-danger);color:var(--color-bg-white)}.activity-modal-contact-remove:disabled{cursor:not-allowed;opacity:.5}.activity-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-brand-light)}.activity-modal-button{padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.activity-modal-button:disabled{cursor:not-allowed;opacity:.5}.activity-modal-cancel{background:var(--color-bg-white);color:var(--color-text-primary)}.activity-modal-cancel:hover:not(:disabled){background:var(--color-border-gray);color:var(--color-text-primary)}.activity-modal-submit{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-modal-submit:hover:not(:disabled){background:var(--color-brand-primary);box-shadow:0 4px 12px var(--color-hover-brand-color)}@media(max-width:640px){.activity-modal-content{width:95%;max-height:95vh}.activity-modal-header,.activity-modal-form{padding:1rem}.activity-modal-title{font-size:1.25rem}}.timeline{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:18px;overflow:hidden;margin-bottom:0}.timeline-views-header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border-gray-dark);padding:2px;flex-shrink:0}.timeline-footer{padding:5px;flex-shrink:0}.timeline-activity-button{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.timeline-activity-button:hover{background-color:var(--color-brand-primary-hover);box-shadow:0 2px 8px var(--color-hover-brand-color)}.timeline-views{display:flex;gap:1px;justify-content:flex-start;flex-wrap:wrap}.timeline-view-btn{width:auto;height:auto;aspect-ratio:1/1;align-items:center;vertical-align:middle;color:var(--color-neutral-gray);background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:50%;cursor:pointer;transition:all .2s ease}.timeline-view-btn:hover{background:var(--color-hover-gray);border-color:var(--color-hover-gray-border);color:var(--color-text-primary)}.timeline-view-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-bg-white)}.timeline-view-btn .view-icon{font-size:16px;line-height:1}.timeline-view-btn .view-name{line-height:1}.timeline-items{flex:1;overflow-y:auto;min-height:0}.timeline-item{padding:8px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-border-gray-dark)}.timeline-item:last-child{border-bottom:none}.timeline-item:hover{background-color:var(--color-disabled-bg)}.timeline-item-event:hover,.timeline-item-activity:hover{background-color:var(--color-hover-brand-color)}.timeline-action{font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;line-height:1.3}.timeline-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-neutral-gray);line-height:1.2}.timeline-initials{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-brand-primary);color:var(--color-bg-white);border-radius:4px;font-size:7px;font-weight:600;flex-shrink:0}.timeline-row-activity .timeline-initials{background:var(--color-brand-primary)}.timeline-separator{color:var(--color-border-gray-dark);font-weight:700;line-height:1}.timeline-datetime{color:var(--color-hover-gray-border);font-size:11px}.timeline-empty{display:flex;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--color-hover-gray-border);font-size:13px}.timeline-loading,.timeline-error{display:flex;align-items:center;justify-content:center;padding:48px 16px;text-align:center;font-size:13px}.timeline-loading{color:var(--color-neutral-gray)}.timeline-error{color:var(--color-danger)}.timeline-items::-webkit-scrollbar{width:4px}.timeline-items::-webkit-scrollbar-track{background:transparent}.timeline-items::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:2px}.timeline-items::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary);opacity:.8}.units-menu-list-container{display:flex;flex-direction:column;height:100%;border-radius:17px;border:1px solid var(--color-bg-white);overflow:hidden;font-family:var(--font-family-primary);background-color:var(--color-bg-white)}.units-menu-list{flex:1;overflow-y:auto}.units-menu-item{padding:3px;border-bottom:1px solid var(--color-bg-white);display:flex;align-items:stretch;gap:4px;transition:background-color .2s}.units-menu-item:last-child{border-bottom:none}.units-menu-item.view-mode{cursor:pointer;padding-left:5px}.units-menu-item.view-mode:hover{background-color:var(--color-bg-white)}.units-menu-item.selected{background-color:#fff5f3;border-left:3px solid var(--color-brand-primary);padding-left:2px}.units-menu-item.view-mode .units-menu-item-title,.units-menu-item.view-mode .units-menu-item-owner,.units-menu-item.view-mode .units-menu-item-address{cursor:default;pointer-events:none}.units-menu-item.view-mode .units-menu-item-title:hover,.units-menu-item.view-mode .units-menu-item-owner:hover,.units-menu-item.view-mode .units-menu-item-address:hover{background-color:transparent}.units-menu-item-button{width:24px;height:24px;min-width:24px;border-radius:50%;border:1px solid var(--color-brand-primary);background-color:var(--color-bg-white);color:var(--color-brand-primary);font-size:1rem;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s;padding:0;line-height:1;align-self:center}.units-menu-item-button:hover{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.units-menu-item-left{flex:1;display:flex;flex-direction:column;gap:2px}.units-menu-item-field{min-height:18px}.units-menu-item-title{font-size:.85rem;font-weight:500;color:var(--color-brand-primary);cursor:pointer;padding:1px 2px;border-radius:10px;transition:background-color .2s}.units-menu-item-title:hover{background-color:var(--color-bg-white)}.units-menu-item-owner{font-size:.7rem;color:var(--color-text-primary);padding:1px 4px;cursor:pointer;border-radius:10px;transition:background-color .2s}.units-menu-item-owner:hover{background-color:var(--color-bg-white)}.units-menu-item-address{font-size:.7rem;color:#555;cursor:pointer;padding:1px 4px;border-radius:10px;transition:background-color .2s}.units-menu-item-address:hover{background-color:var(--color-bg-white)}.initial-value{color:var(--color-text-muted)!important;font-style:italic}.units-menu-item-input{width:100%;font-size:.85rem;padding:2px 4px;border:1px solid var(--color-brand-primary);border-radius:3px;outline:none;font-family:var(--font-family-primary)}.units-menu-item-right{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:55px;padding:0 3px;border-left:1px solid var(--color-bg-white)}.units-menu-item-info{font-size:.7rem;color:var(--color-text-primary);font-weight:500;white-space:nowrap}.units-menu-no-units{font-size:.7rem;color:var(--color-text-muted);font-style:italic;padding:10px;text-align:center}.units-menu-footer{display:flex;justify-content:space-between;align-items:center;padding:1px 4px;background-color:var(--color-brand-primary)}.units-menu-footer-count{font-size:10px;color:var(--color-bg-white);font-weight:500}.units-menu-footer-clear{background:none;border:none;color:var(--color-bg-white);cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;border-radius:7px;transition:background-color .2s}.units-menu-footer-clear:hover{background-color:#f443361a}.listing-editor-map-container{position:relative;height:100%;width:100%;overflow:hidden;border-radius:17px}.react-photo-album--columns{justify-content:space-between}.react-photo-album--columns .react-photo-album--track{flex-direction:column;justify-content:space-between;row-gap:calc(var(--react-photo-album--spacing)*1px);width:calc((100% - 1px*(var(--react-photo-album--columns) - 1)*var(--react-photo-album--spacing) - 2px*var(--react-photo-album--columns)*var(--react-photo-album--padding) - var(--react-photo-album--adjusted-gaps)*1px)*var(--react-photo-album--column-ratio)/var(--react-photo-album--total-ratio) + 2px*var(--react-photo-album--padding))}.react-photo-album--columns .react-photo-album--photo{width:100%}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--masonry{justify-content:space-between}.react-photo-album--masonry .react-photo-album--track{flex-direction:column;justify-content:flex-start;row-gap:calc(var(--react-photo-album--spacing)*1px);width:calc((100% - var(--react-photo-album--spacing)*1px*(var(--react-photo-album--columns) - 1))/var(--react-photo-album--columns))}.react-photo-album--masonry .react-photo-album--photo{width:100%}.photo-album-selected{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.photo-album-checkmark{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.photo-album-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.photo-album-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:photo-album-spin .8s linear infinite}@keyframes photo-album-spin{to{transform:rotate(360deg)}}.react-photo-album--button,.react-photo-album--wrapper{position:relative}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:var(--font-family-primary)}.modal-content{background-color:var(--color-bg-white);border-radius:8px;padding:2rem;width:90%;max-width:400px;box-shadow:0 4px 20px var(--color-shadow-default)}.modal-title{font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);margin:0 0 1.5rem;letter-spacing:-.01em}.form-group{margin-bottom:1rem}.form-group-last{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid var(--color-border-gray);border-radius:4px;font-size:.9rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;background-color:var(--color-bg-white);box-sizing:border-box}.form-input:focus{border-color:var(--color-brand-primary)}.form-input:disabled{background-color:var(--color-bg-white)}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border-gray);border-radius:4px;font-size:.9rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;resize:vertical;background-color:var(--color-bg-white);box-sizing:border-box}.form-textarea:focus{border-color:var(--color-brand-primary)}.form-textarea:disabled{background-color:var(--color-bg-white)}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:.75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.button-cancel{padding:.75rem 1.5rem;border:1px solid var(--color-border-gray);border-radius:4px;background-color:var(--color-bg-white);color:var(--color-brand-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.button-cancel:hover:not(:disabled){background-color:var(--color-bg-white)}.button-cancel:disabled{cursor:not-allowed;opacity:.6}.button-submit{padding:.75rem 1.5rem;border:none;border-radius:4px;background-color:var(--color-brand-primary);color:var(--color-bg-white);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.button-submit:hover:not(:disabled){background-color:var(--color-brand-primary)}.button-submit:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed}.projects-container{min-height:100vh;width:100%;background-color:var(--color-bg-white);font-family:var(--font-family-primary);position:relative}.projects-content{position:absolute;top:1rem;left:1rem;right:1rem;max-width:none}.projects-title{font-size:45px;font-weight:400;margin:0 0 2rem;letter-spacing:-.02em;color:var(--color-brand-primary);height:45px;line-height:45px}.loading-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.loading-text{color:var(--color-brand-primary)}.projects-page-thumbnailItems-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-brand-primary);opacity:.6}.projects-page-thumbnailItems-description-text{font-size:.85rem;color:var(--color-text-muted)}.under-construction-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.under-construction-content{text-align:center;color:var(--color-brand-primary)}.under-construction-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.025em}.under-construction-message{font-size:1.25rem;font-weight:400;margin:0;opacity:.8}.add-user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000;font-family:var(--font-family-primary)}.add-user-modal-content{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background-color:var(--color-bg-white);border-radius:24px;box-shadow:0 4px 8px var(--color-shadow-default);display:flex;max-width:600px;margin:auto}.add-user-modal-container{display:flex;flex-direction:column;width:100%;padding:7px}.add-user-modal-info-container{flex:1;overflow:auto;border-radius:17px;border:1px solid var(--color-border-brand-light);padding:10px;background-color:var(--color-bg-white)}.add-user-modal-info-container::-webkit-scrollbar{width:4px}.add-user-modal-info-container::-webkit-scrollbar-track{background:transparent;margin:10px 0}.add-user-modal-info-container::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:3px}.add-user-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-brand-light);letter-spacing:-.01em}.add-user-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.add-user-form-row .add-user-form-group{margin-bottom:0}.add-user-form-group{display:flex;flex-direction:column;padding:8px 0;border-bottom:none;transition:all .3s ease}.add-user-form-group:last-of-type{border-bottom:none}.add-user-form-group-last{display:flex;flex-direction:column;padding:8px 0;border-bottom:none}.add-user-form-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:4px}.add-user-form-input{width:100%;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s;background-color:var(--color-bg-white);box-sizing:border-box;color:var(--color-text-primary)}.add-user-form-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--shadow-hover)}.add-user-form-input:disabled{background-color:var(--color-bg-white);cursor:not-allowed;opacity:.6;border:none}.add-user-form-input.disabled{background-color:var(--color-bg-white);color:var(--color-text-primary);cursor:not-allowed;border:none;opacity:.6}.add-user-status-active{color:var(--color-text-green);font-weight:500}.add-user-status-inactive{color:var(--color-text-red);font-weight:500}.add-user-form-select{width:100%;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s;background-color:var(--color-bg-white);box-sizing:border-box;cursor:pointer;color:var(--color-text-primary)}.add-user-form-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--shadow-hover)}.add-user-form-select:disabled{background-color:var(--color-bg-white);cursor:not-allowed;opacity:.6}.add-user-field-value{font-size:.95rem;color:var(--color-text-primary);transition:color .2s ease;padding:2px 4px;border-radius:4px;cursor:default}.add-user-field-empty{color:var(--color-text-muted);font-style:italic}.add-user-field-value.editable{position:relative;transition:all .2s ease;cursor:pointer}.add-user-field-value.editable:hover{background-color:var(--color-hover-brand-color)}.add-user-field-value.editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.add-user-field-value.disabled{cursor:not-allowed;opacity:.6}.add-user-modal-title-field{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-brand-light)}.add-user-title-value{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);transition:all .2s ease;padding:4px 8px;border-radius:4px;cursor:pointer;line-height:1.4}.add-user-title-value.editable:hover{background-color:var(--color-hover-brand-color)}.add-user-title-value.editable:hover:after{content:"✎";opacity:.5;font-size:1.2rem;margin-left:8px;position:relative;top:-2px}.add-user-modal-title-field .add-user-field-input{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);padding:4px 8px}.add-user-field-edit-container{display:flex;align-items:center;gap:8px;width:100%}.add-user-field-input{flex:1;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s;font-family:var(--font-family-primary)}.add-user-field-input-title{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);padding:4px 8px}.add-user-field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.add-user-field-edit-actions{display:flex;gap:4px}.add-user-field-edit-confirm,.add-user-field-edit-cancel{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer}.add-user-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.add-user-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.add-user-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.add-user-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.add-user-field-edit-confirm:disabled,.add-user-field-edit-cancel:disabled{opacity:.5;cursor:not-allowed}input[type=date].add-user-field-input,select.add-user-field-input{cursor:pointer}.add-user-error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:8px 10px;border-radius:4px;font-size:.85rem;margin-bottom:12px}.add-user-modal-footer{padding:0;height:41px;display:flex;align-items:flex-end;gap:3px}.add-user-modal-buttons{display:flex;gap:3px;justify-content:stretch;width:100%}.add-user-button-cancel,.add-user-button-submit,.add-user-button-secondary,.add-user-button-danger,.add-user-button-warning,.add-user-button-success,.add-user-button-confirm-delete{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-family-primary);text-align:center;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent}.add-user-button-cancel{background-color:var(--color-bg-hover);color:var(--color-brand-primary);border:1px solid transparent}.add-user-button-cancel:hover:not(:disabled){background-color:var(--color-hover-brand-color)}.add-user-button-cancel:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-bg-white);color:var(--color-text-muted)}.add-user-button-submit{background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none}.add-user-button-submit:hover:not(:disabled){background-color:var(--color-brand-primary)}.add-user-button-submit:hover:not(:disabled):hover{background-color:var(--color-brand-primary-hover)}.add-user-button-submit:disabled{background-color:var(--color-disabled-border);cursor:not-allowed;color:var(--color-disabled-text);opacity:.6}.add-user-button-secondary{background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent}.add-user-button-secondary:hover:not(:disabled){background-color:var(--color-hover-brand-color)}.add-user-button-secondary:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-bg-white);color:var(--color-text-muted)}.add-user-button-danger{background-color:var(--color-bg-white);color:var(--color-danger);border:1px solid var(--color-danger-border-light)}.add-user-button-danger:hover:not(:disabled){background-color:var(--color-error-bg);border-color:var(--color-danger-border)}.add-user-button-danger:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.add-user-button-warning{background-color:var(--color-bg-white);color:var(--color-warning-text-dark);border:1px solid var(--color-warning-border-light)}.add-user-button-warning:hover:not(:disabled){background-color:var(--color-warning-bg-light);border-color:var(--color-warning-border)}.add-user-button-warning:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.add-user-button-success{background-color:var(--color-bg-white);color:var(--color-success-text);border:1px solid var(--color-success-border)}.add-user-button-success:hover:not(:disabled){background-color:var(--color-success-bg);border-color:var(--color-success-border)}.add-user-button-success:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.add-user-button-confirm-delete{background-color:var(--color-danger);color:var(--color-bg-white);border:none}.add-user-button-confirm-delete:hover:not(:disabled){background-color:var(--color-danger-hover)}.add-user-button-confirm-delete:disabled{background-color:var(--color-disabled-border);cursor:not-allowed;color:var(--color-disabled-text);opacity:.6}.add-user-button-full{width:100%;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0}.add-user-button-full:hover{background-color:var(--color-hover-brand-color)}@media(max-width:768px){.add-user-modal-content{top:40px;right:20px;bottom:40px;left:20px}.add-user-form-row{grid-template-columns:1fr;gap:0}.add-user-modal-buttons{flex-direction:column;gap:3px}.add-user-button-cancel,.add-user-button-submit,.add-user-button-secondary,.add-user-button-danger,.add-user-button-warning,.add-user-button-success,.add-user-button-confirm-delete{flex:none;width:100%}}.profile-container{min-height:100vh;width:100%;background-color:var(--color-bg-white);font-family:var(--font-family-primary);position:relative}.profile-content{position:absolute;top:1rem;left:1rem;right:1rem;max-width:none}.profile-title{font-size:45px;font-weight:400;margin:0 0 2rem;letter-spacing:-.02em;color:var(--color-brand-primary);height:45px;line-height:45px}.profile-section{padding:1rem 0}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border-brand-light)}.profile-avatar{width:45px;height:45px;border-radius:.5rem;background:linear-gradient(135deg,var(--color-brand-primary),#8b2635);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--color-bg-white);flex-shrink:0;border:1px solid var(--color-border-brand-light);box-shadow:var(--color-shadow-light)}.profile-header-info{flex:1}.profile-name{font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);margin:0 0 .25rem;letter-spacing:-.01em}.profile-subtitle{font-size:.9rem;color:var(--color-brand-primary);opacity:.6;margin:0;letter-spacing:-.01em}.profile-actions{display:flex;align-items:center}.profile-edit-button{background:none;border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:var(--font-family-primary);letter-spacing:-.01em}.profile-edit-button:hover:not(:disabled){background-color:var(--color-hover-brand-color);opacity:.8}.profile-edit-button:disabled{opacity:.4;cursor:not-allowed}.profile-error-message{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-bg-hover);color:var(--color-danger);padding:1rem;border-radius:6px;margin-bottom:2rem;font-size:.875rem;font-weight:500}.profile-details{display:flex;flex-direction:column;gap:2.5rem}.profile-detail-section{background-color:var(--color-border-brand-light);border:1px solid var(--color-border-brand-light);border-radius:8px;padding:2rem}.profile-detail-title{font-size:1.125rem;font-weight:600;color:var(--color-brand-primary);margin:0 0 1.5rem;letter-spacing:-.01em}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.profile-field-row:last-child{margin-bottom:0}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field-label{font-size:.875rem;font-weight:600;color:var(--color-brand-primary);opacity:.8;letter-spacing:-.01em}.profile-field-value{font-size:1rem;color:var(--color-brand-primary);font-weight:500;letter-spacing:-.01em;word-break:break-word}.profile-loading-text{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.125rem;color:var(--color-brand-primary);opacity:.6;font-weight:500;letter-spacing:-.01em}@media(max-width:768px){.profile-content{top:.5rem;left:.5rem;right:.5rem}.profile-title{font-size:32px;height:32px;line-height:32px}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-field-row{grid-template-columns:1fr;gap:1.5rem}.profile-detail-section{padding:1.5rem}.profile-actions{justify-content:center;width:100%}}.view-tab-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.view-tab-header{display:flex;background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border-brand-light)}.view-tab-item{padding:13px 14px;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;border-bottom:3px solid transparent;-webkit-user-select:none;user-select:none;color:var(--color-text-primary)}.view-tab-item:hover:not(.active):not(.disabled){background-color:var(--color-brand-primary-hover);color:var(--color-text-white);border-bottom-color:var(--color-border-brand-light)}.view-tab-item.active{border-bottom-color:var(--color-brand-primary);color:var(--color-brand-primary)}.view-tab-item.disabled{opacity:.5;cursor:not-allowed}.view-tab-content{flex:1;overflow:auto;padding:.5rem;min-height:0}.view-tab-content.no-scroll{overflow:hidden;padding:0}@media(max-width:768px){.view-tab-header{overflow-x:auto}.view-tab-item{padding:10px 16px;white-space:nowrap}.view-tab-content{padding:.75rem}}.view-toggle{display:flex;background-color:var(--color-bg-white);border-radius:8px;padding:4px;gap:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;width:36px;height:36px;color:var(--color-brand-primary);cursor:pointer;border-radius:6px;transition:all .2s ease-in-out;font-family:var(--font-family-primary);opacity:.7}.view-toggle-btn:hover{opacity:.9;background-color:var(--color-bg-overlay-dark)}.view-toggle-btn.active{background-color:var(--color-bg-white);opacity:1;box-shadow:0 1px 3px var(--color-shadow-light)}.view-toggle-icon{font-size:1rem;font-weight:400}.listings-container,.listings-content{width:100%;height:100%}.listings-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.listings-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.listing-thumbnail-carousel{width:100%;height:100%}.listview-container{width:100%}.listview-table{width:100%;border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden;background-color:var(--color-bg-white);display:grid}.listview-header{display:contents}.listview-header-cell{padding:1rem;font-size:.875rem;color:var(--color-brand-primary);font-weight:600;letter-spacing:-.01em;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.listview-row{display:contents;cursor:pointer}.listview-row:hover .listview-cell{background-color:var(--color-hover-brand-color)}.listview-selected .listview-cell{background-color:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.listview-cell{padding:1rem;font-size:.875rem;color:var(--color-brand-primary);display:flex;align-items:center;line-height:1.4;border-bottom:1px solid var(--color-border-lighter);transition:background-color .2s ease}.listview-row:last-child .listview-cell{border-bottom:none}.listview-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.listview-loading-text{color:var(--color-brand-primary)}@media(max-width:768px){.listview-table{display:block}.listview-header{display:none}.listview-row{display:block;border-bottom:1px solid var(--color-border-lighter)}.listview-row:last-child{border-bottom:none}.listview-cell{border-bottom:none}}.listings-list-container,.listings-list-content{width:100%;height:100%}.listings-list-view{width:100%}.listings-list-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.listings-list-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.listing-info{display:flex;align-items:center;gap:10px}.listing-icon{font-size:1.5rem}.listing-details{display:flex;flex-direction:column}.listing-title{font-weight:500;color:var(--color-text-primary)}.listing-description{font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item{width:100%;height:200px;display:flex;flex-direction:row;border:1px solid var(--color-border-brand-medium);border-radius:16px;overflow:hidden;background-color:var(--color-bg-white);padding:2px;margin-top:8px}.card-item:hover{border-color:var(--color-border-brand-medium);background-color:var(--color-bg-overlay-brand-light);cursor:pointer}.card-item-photo-container{height:100%;aspect-ratio:3 / 2;cursor:pointer;border-radius:14px;margin-right:2px;text-align:center;overflow:hidden;flex-shrink:0}.card-item-photo-container img{width:100%;height:100%;object-fit:cover;border-radius:14px}.card-item-content-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.card-item-title-container{width:100%;padding:8px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.card-item-title-container span{font-weight:600;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-item-children-container{flex:1;width:100%;padding:8px;align-items:flex-start;overflow:hidden}.card-selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-brand-primary)}.cardview-container{width:100%}.cardview-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.cardview-list>*{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}.cardview-card{display:flex;background-color:var(--color-bg-white);border:1px solid var(--color-bg-white);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer;min-height:180px}.cardview-card:hover,.cardview-card-selected{border-color:var(--color-brand-primary);box-shadow:0 2px 8px var(--color-border-brand-light)}.cardview-card-image{width:240px;min-width:240px;height:180px;background-color:var(--color-bg-white);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-bg-white);overflow:hidden}.cardview-card-image-content{width:100%;height:100%;object-fit:cover}.cardview-card-image-placeholder{width:80px;height:80px;background-color:var(--color-hover-brand-color);border:2px solid var(--color-hover-shadow);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-brand-primary)}.cardview-card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.cardview-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cardview-card-title{font-size:1.25rem;font-weight:600;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardview-card-subtitle{font-size:.875rem;color:var(--color-brand-primary);opacity:.7;margin:0 0 1rem}.cardview-card-status{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0;background-color:var(--color-hover-brand-color);color:var(--color-text-primary)}.cardview-card-status.active{background-color:var(--color-status-active-bg);color:var(--color-success)}.cardview-card-status.inactive{background-color:var(--color-status-inactive-bg);color:var(--color-danger)}.cardview-card-status.warning{background-color:rgba(var(--color-warning-bg),.1);color:var(--color-warning-text)}.cardview-card-details{display:flex;flex-direction:column;gap:.75rem}.cardview-card-detail-row{display:flex;align-items:center;gap:1rem}.cardview-card-detail-label{font-size:.875rem;font-weight:500;color:var(--color-brand-primary);opacity:.7;min-width:80px;letter-spacing:-.01em}.cardview-create-item{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--color-border-gray);border-radius:16px;background-color:var(--color-bg-white);cursor:pointer;transition:all .2s ease;padding:2px;margin-top:8px;gap:12px}.cardview-create-item:hover{border-color:var(--color-brand-primary);background-color:var(--color-hover-brand-color)}.cardview-create-icon-container{display:flex;align-items:center;justify-content:center}.cardview-create-icon{font-size:4rem;color:var(--color-brand-primary);opacity:.4;font-weight:300;line-height:1}.cardview-create-label{font-size:.9rem;font-weight:600;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em}.cardview-item-status{margin-bottom:.5rem}.cardview-item-subtitle{font-size:.875rem;color:var(--color-brand-primary);opacity:.7;margin-bottom:.75rem}.cardview-item-details{display:flex;flex-direction:column;gap:.5rem}.cardview-item-detail-row{display:flex;gap:.5rem;font-size:.875rem}.cardview-item-detail-label{font-weight:500;color:var(--color-brand-primary);opacity:.7}.cardview-item-detail-value{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardview-card-detail-value{font-size:.875rem;color:var(--color-brand-primary);flex:1;letter-spacing:-.01em}.cardview-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.cardview-loading-text{color:var(--color-brand-primary)}@media(max-width:768px){.cardview-card{flex-direction:column;min-height:auto}.cardview-card-image{width:100%;min-width:100%;height:160px;border-right:none;border-bottom:1px solid var(--color-bg-white)}.cardview-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.cardview-card-status{margin-left:0;align-self:flex-start}.cardview-card-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.cardview-card-detail-label{min-width:auto;font-size:.75rem}.cardview-card-detail-value{font-size:.875rem}}@media(max-width:480px){.cardview-card-content{padding:1rem}.cardview-card-title{font-size:1.125rem}}.listings-card-container,.listings-card-content{width:100%;height:100%}.listings-card-view{width:100%}.listings-card-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.listings-card-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.listing-card-carousel{width:100%;height:100%;aspect-ratio:16/9}.listing-card-price{font-weight:500;color:var(--color-brand-primary)}.listings-view-container{height:100%;width:100%;background-color:var(--color-bg-white);font-family:var(--font-family-primary);padding:0;box-sizing:border-box}.listings-view-content-area{width:100%;height:100%;overflow:auto}.listings-modal-content{display:flex;width:100%;height:100%;min-height:500px}.listings-modal-left{flex:1;padding-right:20px;border-right:1px solid var(--color-border-gray)}.listings-modal-right{flex:1;padding-left:20px;display:flex;flex-direction:column}.listings-modal-details{margin-bottom:20px}.listings-modal-details h3,.listings-modal-description h3{font-size:1.1rem;margin-top:0;margin-bottom:10px;color:var(--color-text-primary)}.listings-modal-details p{margin:8px 0;font-size:.9rem;color:var(--color-text-primary)}.listings-modal-description{flex:1}.listings-modal-description p{font-size:.9rem;color:var(--color-text-primary);line-height:1.5;white-space:pre-line}@media(max-width:768px){.listings-view-container{padding:.5rem}.listings-modal-content{flex-direction:column}.listings-modal-left{padding-right:0;padding-bottom:20px;border-right:none;border-bottom:1px solid var(--color-border-gray)}.listings-modal-right{padding-left:0;padding-top:20px}}.listings-page-container{display:flex;width:100%;height:100%}.listings-page-main-section{flex:1;height:100%;padding:5px;position:relative}.listings-page-controls{position:absolute;right:10px;top:4px;z-index:10;display:flex;align-items:center;gap:10px}.requests-container,.requests-content{width:100%;height:100%}.requests-grid{width:100%}.requests-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.requests-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.request-thumbnail-carousel{width:100%;height:100%}.request-thumbnail-description-text{font-size:.85rem;color:var(--color-text-muted)}.requests-card-container,.requests-card-content{width:100%;height:100%}.requests-card-view{width:100%}.requests-card-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.requests-card-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.request-card-carousel{width:100%;height:100%;aspect-ratio:16/9}.requests-list-container,.requests-list-content{width:100%;height:100%}.requests-list-view{width:100%}.requests-list-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.requests-list-loading-text{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.request-info{display:flex;align-items:center;gap:10px}.request-icon{font-size:1.5rem}.request-details{display:flex;flex-direction:column}.request-title{font-weight:500;color:var(--color-text-primary)}.request-description{font-size:.85rem;color:var(--color-text-primary)}.request-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.request-modal-content{background-color:var(--color-bg-white);border-radius:24px;box-shadow:var(--color-shadow-default);display:flex;overflow:hidden;padding:5px;max-width:95vw;height:calc(100vh - 100px);margin:50px auto;transition:max-width .3s ease}.request-modal-four-column{display:flex;width:100%;overflow:hidden}.request-modal-gap-vertical{width:5px}.request-modal-part-1{width:300px;min-width:300px;display:flex;flex-direction:column}.request-modal-part-1-footer{padding:0;height:35px;display:flex;align-items:flex-end;margin:0 5px 5px;gap:5px}.request-modal-part-1-button-cancel{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:0;display:flex;align-items:center;justify-content:center;padding:0}.request-modal-part-1-button-cancel:hover{background-color:var(--color-hover-brand-color)}.request-modal-part-1-button-save{width:100%;height:30px;border-radius:15px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:0;display:flex;align-items:center;justify-content:center;padding:0}.request-modal-part-1-button-save:hover{background-color:var(--color-brand-primary)}.request-modal-part-1-button-save:disabled{background-color:#ccc;cursor:not-allowed}.request-modal-part-1-button-cancel:disabled{background-color:var(--color-border-gray);color:var(--color-text-muted);cursor:not-allowed}.request-modal-part-1-listings-section{padding:0 5px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.request-modal-part-1-listings-container{margin-top:2px;flex:1;border-radius:10px;overflow:hidden;min-height:0}.request-modal-part-1-listings-container .listings-menu-list-container{border-radius:10px}.request-modal-part-1-map-section{margin:5px 5px 0;border-radius:10px;overflow:hidden;width:calc(100% - 10px);aspect-ratio:4 / 3;flex-shrink:0}.request-modal-part-2{flex:0 1 auto;min-width:600px;max-width:600px;display:flex;flex-direction:column;transition:flex .3s ease}.request-modal-part-2-editor{flex:1;min-width:600px;max-width:none;display:flex;flex-direction:column}.request-modal-part-2-editor .request-modal-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.request-modal-part-toggle{width:250px;min-width:250px;max-width:250px;display:flex;flex-direction:column;gap:5px;transition:width .3s ease,min-width .3s ease,max-width .3s ease;overflow:hidden;position:relative}.request-modal-part-toggle.collapsed{width:0;min-width:0;max-width:0;overflow:visible}.request-modal-part-toggle-button{position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;min-width:5px;max-width:5px;height:80px;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .2s;z-index:10;box-shadow:-2px 0 4px var(--color-shadow-light);padding:0}.request-modal-part-toggle.collapsed .request-modal-part-toggle-button{left:-5px;border-radius:12px 0 0 12px}.request-modal-part-toggle-button:hover{background-color:var(--color-brand-primary);width:5px;min-width:5px;max-width:5px;box-shadow:-3px 0 6px #00000026}.request-modal-part-toggle-top,.request-modal-part-toggle-bottom{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.request-modal-card{flex:1;overflow:auto;border:1px solid var(--color-border-gray);border-radius:19px}.request-modal-part-1 .request-modal-card{display:flex;flex-direction:column;overflow:hidden}.request-modal-part-2 .request-modal-card{padding:8px}.request-modal-part-toggle-bottom .request-modal-card{display:flex;flex-direction:column;overflow:hidden;border:none;border-radius:0}.request-modal-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:1rem;font-weight:500}.loading-indicator{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-brand-primary);font-size:.9rem}@media(max-width:1200px){.request-modal-part-toggle{width:400px;min-width:350px}}@media(max-width:1024px){.request-modal-four-column{flex-direction:column}.request-modal-part-1{width:100%;min-width:100%;max-height:250px;border-right:none;border-bottom:1px solid var(--color-border-brand-light)}.request-modal-part-2{max-height:40vh;border-right:none;border-bottom:1px solid var(--color-border-brand-light)}.request-modal-part-toggle-button{display:none}.request-modal-part-toggle{width:100%;min-width:100%;flex:1}.request-modal-part-toggle-top{flex:0 0 auto;min-height:auto}.request-modal-part-toggle-bottom{flex:1;min-height:300px}}@media(max-width:768px){.request-modal-content{top:40px;right:20px;bottom:40px;left:20px}.request-modal-part-1{max-height:200px}.request-modal-part-2{max-height:35vh}}.request-summary{display:flex;flex-direction:column;flex-shrink:0;font-family:var(--font-family-primary)}.request-summary-info-container{width:100%;padding:8px 8px 0;border:none;display:flex;flex-direction:column}.request-summary-title-field{padding-bottom:4px;margin-bottom:4px;width:100%;box-sizing:border-box}.request-summary-title{padding:4px 8px;margin:0;font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);letter-spacing:-.01em;transition:all .2s ease;border-radius:4px;cursor:default}.request-summary-title.editable{cursor:pointer}.request-summary-title.editable:hover{background-color:var(--color-hover-brand-color)}.request-summary-title.editable:hover:after{content:"✎";opacity:.5;font-size:1.2rem;margin-left:8px;position:relative;top:-2px}.request-summary-field-edit-container{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;max-width:100%;overflow:hidden}.request-summary-field-input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--color-hover-brand-color);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s;box-sizing:border-box}.request-summary-field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.request-summary-title-input{font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);padding:4px 8px}.request-summary-field-edit-actions{display:flex;gap:4px;flex-shrink:0}.request-summary-field-edit-confirm,.request-summary-field-edit-cancel{background:none;border:none;width:24px;height:24px;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer;flex-shrink:0}.request-summary-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.request-summary-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.request-summary-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.request-summary-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.request-summary-budget-field{padding:3px 0;margin-bottom:2px;width:100%;box-sizing:border-box}.request-summary-budget-section{font-size:1.25rem;font-weight:600;color:var(--color-brand-primary);padding:4px 8px;border-radius:4px;transition:all .2s ease;cursor:default}.request-summary-budget-section.editable{cursor:pointer}.request-summary-budget-section.editable:hover{background-color:var(--color-hover-brand-color)}.request-summary-budget-section.editable:hover:after{content:"✎";opacity:.5;font-size:1rem;margin-left:8px;position:relative;top:-2px}.request-summary-budget-range-input{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.request-summary-currency-symbol{font-weight:500;color:var(--color-text-primary);font-size:.95rem;flex-shrink:0}.request-summary-budget-min,.request-summary-budget-max{flex:1;min-width:80px}.request-summary-range-separator{color:var(--color-text-primary);font-weight:400;flex-shrink:0}.request-summary-divider{border-top:1px solid var(--color-bg-white);margin:2px 0}.request-summary-field{padding:3px 0;font-size:.7rem}.request-summary-field-label{color:var(--color-text-muted);font-weight:400}.request-summary-field-value{color:var(--color-text-primary);font-weight:500}.request-summary-loading{color:var(--color-text-muted);font-style:italic;font-size:.7rem}.request-summary-dates{padding:3px 0;font-size:.7rem;display:flex;justify-content:space-between;gap:10px}.request-summary-date-item{display:flex;gap:4px}.request-summary-date-label{color:var(--color-text-muted);font-weight:400}.request-summary-date-value{color:var(--color-text-primary);font-weight:500;font-family:var(--font-family-primary)}.request-summary-creator-name{color:var(--color-brand-primary);font-weight:500}.request-summary-buyer-field{padding:2px 6px;border-radius:4px;transition:all .2s ease;cursor:default;display:inline-block}.request-summary-buyer-field.editable{cursor:pointer}.request-summary-buyer-field.editable:hover{background-color:var(--color-hover-brand-color)}.request-summary-buyer-field.editable:hover:after{content:"✎";opacity:.5;font-size:.6rem;margin-left:6px;position:relative;top:-1px}.request-summary-buyer-field.placeholder{font-style:italic;color:var(--color-scrollbar-thumb)}.listings-menu-list-container{display:flex;flex-direction:column;height:100%;border-radius:17px;border:1px solid var(--color-bg-white);overflow:hidden;font-family:var(--font-family-primary);background-color:var(--color-bg-white)}.listings-menu-list{flex:1;overflow-y:auto}.listings-menu-item{padding:3px 5px;border-bottom:1px solid var(--color-bg-white);display:flex;align-items:stretch;gap:4px;transition:background-color .2s;cursor:pointer}.listings-menu-item:last-child{border-bottom:none}.listings-menu-item:hover{background-color:var(--color-bg-white)}.listings-menu-item.selected{background-color:var(--color-bg-hover);border-left:3px solid var(--color-brand-primary);padding-left:2px}.listings-menu-item-left{flex:1;display:flex;flex-direction:column;gap:2px}.listings-menu-item-title{font-size:.85rem;font-weight:500;color:var(--color-brand-primary);padding:1px 2px;border-radius:10px}.listings-menu-item-status{font-size:.7rem;color:var(--color-text-primary);padding:1px 4px;border-radius:10px}.listings-menu-item-price{font-size:.7rem;color:var(--color-text-primary);padding:1px 4px;border-radius:10px;font-weight:500}.listings-menu-item-right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:35px;padding:0 3px;border-left:1px solid var(--color-bg-white)}.listings-menu-item-info{font-size:.7rem;color:var(--color-text-primary);font-weight:500;white-space:nowrap;text-align:center}.listings-menu-no-listings{font-size:.7rem;color:var(--color-text-muted);font-style:italic;padding:10px;text-align:center}.listings-menu-loading{font-size:.7rem;color:var(--color-text-primary);padding:10px;text-align:center}.listings-menu-item-phase-row{position:relative;display:flex;align-items:center;gap:4px}.listings-menu-phase-badge{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;font-weight:500;color:#fff;padding:2px 6px;border-radius:8px;cursor:pointer;transition:opacity .2s}.listings-menu-phase-badge:hover{opacity:.85}.phase-dropdown-arrow{font-size:.6rem;margin-left:2px}.listings-menu-phase-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:6px;box-shadow:0 2px 8px var(--color-shadow-light);min-width:120px;max-height:200px;overflow-y:auto}.listings-menu-phase-option{padding:6px 10px;font-size:.7rem;color:var(--color-text-primary);cursor:pointer;border-left:3px solid transparent;transition:background-color .15s}.listings-menu-phase-option:hover{background-color:var(--color-bg-white)}.listings-menu-phase-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.listings-menu-phase-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.listings-menu-item-link-type{font-size:.65rem;font-weight:600;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px}.listings-menu-item-link-type.automatic{background-color:#e0f2fe;color:#0369a1}.listings-menu-item-link-type.manual{background-color:#fef3c7;color:#b45309}.listings-menu-item-score{font-size:.7rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap}.listings-menu-item-remove{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-muted);padding:0;line-height:1;transition:color .15s}.listings-menu-item-remove:hover{color:var(--color-danger)}.layer-manager-panel{background-color:var(--color-bg-white-transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;box-shadow:0 4px 20px var(--color-shadow-light);border:1px solid var(--color-border-brand-light);padding:.75rem;width:400px;max-height:370px;overflow-y:auto}.layer-manager-content{display:flex;flex-direction:column;gap:.75rem}.layer-manager-header{display:flex;align-items:center;justify-content:space-between}.layer-manager-title{font-size:.875rem;font-weight:600;color:var(--color-brand-primary)}.add-layer-button{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:3px;transition:background-color .2s}.add-layer-button:hover{background-color:var(--color-hover-brand-color)}.create-layer-form{padding:.75rem;background-color:var(--color-hover-brand-color);border-radius:.375rem;border:1px solid var(--color-border-brand-light)}.create-layer-inputs{display:flex;flex-direction:column;gap:.5rem}.layer-name-input{padding:.5rem;border:1px solid var(--color-hover-shadow);border-radius:.25rem;font-size:.8rem;outline:none}.color-controls{display:flex;gap:.5rem;align-items:center}.color-picker{width:30px;height:30px;border:none;border-radius:.25rem;cursor:pointer}.random-color-button{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--color-hover-shadow);border-radius:.25rem;background-color:transparent;cursor:pointer}.form-actions{display:flex;gap:.5rem}.create-button{flex:1;padding:.5rem;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer}.create-button:disabled{cursor:not-allowed;opacity:.5}.cancel-button{flex:1;padding:.5rem;background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-hover-shadow);border-radius:.25rem;font-size:.75rem;cursor:pointer}.layers-list{display:flex;flex-direction:column;gap:.5rem;max-height:230px;overflow-y:auto}.layer-item{display:flex;align-items:center;padding:.5rem;background-color:var(--color-bg-overlay-dark);border-radius:.375rem;border:1px solid var(--color-border-brand-light);gap:.5rem}.layer-item.active{background-color:var(--color-hover-brand-color);border:1px solid var(--color-border-brand-medium)}.color-indicator{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-light);cursor:pointer;position:relative;flex-shrink:0}.color-indicator.hidden{opacity:.3}.hidden-color-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;margin:0}.layer-info{flex:1;min-width:0;overflow:hidden}.rename-input-container{display:flex;align-items:center;gap:4px}.rename-input{font-size:.8rem;padding:2px 4px;border:1px solid var(--color-border-brand-medium);border-radius:3px;width:100%;outline:none}.layer-name{font-size:.8rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-name.active{font-weight:600}.layer-name.layer-hidden{color:var(--color-text-muted)}.color-indicator.layer-hidden{opacity:.3}.layer-controls{display:flex;gap:.25rem;flex-shrink:0}.control-button{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:2px;flex-shrink:0}.active-button{font-size:.9rem;color:var(--color-text-muted);font-weight:400}.active-button.selected{color:var(--color-text-primary);font-weight:700}.visibility-button{font-size:.8rem;color:var(--color-text-muted)}.visibility-button.visible{color:var(--color-brand-primary)}.rename-button{font-size:.8rem;color:var(--color-text-primary)}.export-button{font-size:.8rem;color:var(--color-text-lightblue);margin-right:2px}.delete-button{font-size:.8rem;color:var(--color-danger)}.info-attribute-view{display:flex;height:100%;overflow:hidden;position:relative}.info-attribute-scroll-container{flex:1;overflow-y:auto;padding-right:110px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.info-attribute-scroll-container::-webkit-scrollbar{display:none;width:0;height:0}.info-attribute-section{padding:1.5rem 0rem;transition:opacity .2s ease,filter .2s ease}.info-attribute-section.inactive,.info-attribute-section.active{opacity:1;filter:brightness(1)}.info-attribute-section:last-child{border-bottom:none}.info-attribute-section-spacer-top,.info-attribute-section-spacer-bottom{height:30vh;pointer-events:none}.info-attribute-section-title{font-size:1.1rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:none;position:relative;transition:color .2s ease}.info-attribute-section-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-hover-shadow) 0%,var(--color-border-brand-light) 10%,var(--color-hover-brand-color) 40%,var(--color-hover-brand-color) 60%,transparent 100%);transition:opacity .2s ease}.info-attribute-section.inactive .info-attribute-section-title{color:var(--color-brand-primary)}.info-attribute-section.inactive .info-attribute-section-title:after{background:linear-gradient(to right,var(--color-hover-shadow) 0%,var(--color-border-brand-light) 10%,var(--color-hover-brand-color) 40%,var(--color-hover-brand-color) 60%,transparent 100%)}.info-attribute-nav-bar{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10;max-width:120px;pointer-events:none}.info-attribute-nav-item{background:none;border:none;padding:10px 1px;transition:all .15s ease;position:relative;text-align:right;font-size:.85rem;color:var(--color-border-brand-medium);font-weight:400;pointer-events:none;cursor:pointer}.info-attribute-nav-item:hover{color:rgba(var(--color-brand-primary-rgb),.6);transition:color .1s ease}.info-attribute-nav-item.active{color:var(--color-brand-primary);font-weight:600;font-size:.9rem}.info-attribute-nav-item.disabled{opacity:.3;pointer-events:none}.info-attribute-nav-item.disabled:hover{color:var(--color-border-brand-medium)}.info-attribute-nav-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease;pointer-events:auto}.info-attributes-container{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:8px 0}.info-attribute-item{display:flex;flex-direction:column;padding:8px 0;border-bottom:none;transition:all .3s ease}.info-attribute-item.editing{position:relative;z-index:100}.info-attribute-item:last-of-type,.info-attribute-item:nth-last-of-type(2):nth-child(odd){border-bottom:none}.info-attribute-key{font-size:.85rem;color:var(--color-brand-primary);font-weight:500;margin-bottom:4px;transition:color .2s ease;margin-right:2px}.info-attribute-readonly-badge{font-size:.75rem;color:var(--color-text-primary);font-weight:400;font-style:italic}.info-attribute-section.inactive .info-attribute-key{color:var(--color-brand-primary)}.info-attribute-value{font-size:.95rem;color:var(--color-text-primary);transition:color .2s ease}.info-attribute-section.inactive .info-attribute-value{color:var(--color-text-primary)}.info-attribute-empty{color:var(--color-text-muted);font-style:italic}.info-attribute-section.inactive .info-attribute-empty{color:var(--color-text-muted)}.info-attribute-value.editable{position:relative;transition:all .2s ease;border-radius:4px;padding:2px 4px;cursor:pointer}.info-attribute-value.editable:hover{background-color:var(--color-hover-brand-color)}.info-attribute-value.editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.info-attribute-value.read-only{cursor:default;opacity:.8;font-style:italic}.info-attribute-value.read-only:hover{background-color:transparent}.info-attribute-value.read-only:hover:after{content:none}.info-attribute-edit-container{display:flex;align-items:center;gap:8px;width:100%;position:relative;z-index:100}.info-attribute-input{flex:1;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s}.info-attribute-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.info-attribute-edit-actions{display:flex;gap:4px;position:relative;z-index:100}.info-attribute-edit-confirm,.info-attribute-edit-cancel,.info-attribute-edit-delete{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer;pointer-events:auto}.info-attribute-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.info-attribute-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.info-attribute-edit-delete{color:var(--color-neutral-gray);background-color:var(--color-neutral-gray-faded);font-weight:700}.info-attribute-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.info-attribute-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.info-attribute-edit-delete:hover{background-color:var(--color-neutral-gray-faded);color:var(--color-text-primary)}@media(max-width:1024px){.info-attribute-nav-bar{right:10px;max-width:100px}.info-attribute-scroll-container{padding-right:120px}}@media(max-width:768px){.info-attributes-container{grid-template-columns:1fr}.info-attribute-nav-bar{display:none}.info-attribute-scroll-container{padding-right:1rem}.info-attribute-section-spacer-top,.info-attribute-section-spacer-bottom{height:40vh}}.star-rating{color:var(--color-star-rating);font-size:1.1rem;letter-spacing:2px}.input-with-unit-container{display:flex;align-items:center;gap:8px;flex:1}.input-with-unit-container input{flex:1}.input-unit-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500;min-width:40px}.slider-input-container{display:flex;flex-direction:column;gap:8px;flex:1}.slider-controls{display:flex;align-items:center;gap:12px}.slider-input{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-brand-primary),var(--color-border-brand-medium));outline:none;-webkit-appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer;box-shadow:0 2px 4px var(--color-shadow-default);transition:transform .2s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-brand-primary);cursor:pointer;border:none;box-shadow:0 2px 4px var(--color-shadow-default);transition:transform .2s ease}.slider-input::-moz-range-thumb:hover{transform:scale(1.1)}.slider-value{color:var(--color-brand-primary);font-weight:600;min-width:50px;text-align:right}.range-slider-container{display:flex;flex-direction:column;gap:8px;flex:1}.range-slider-inputs{display:flex;gap:12px;align-items:center}.range-slider-inputs input{flex:1}.range-separator{color:var(--color-text-primary);font-weight:500}.info-attribute-star-input-interactive{display:flex;align-items:center;gap:4px;font-size:1.4rem;-webkit-user-select:none;user-select:none}.star-clickable{cursor:pointer;transition:all .15s ease;display:inline-block}.star-clickable:hover{transform:scale(1.15)}.star-clickable:active{transform:scale(1.05)}.star-clickable.star-empty{color:var(--color-star-empty)}.star-clickable.star-filled,.star-clickable.star-half{color:var(--color-star-rating);text-shadow:0 1px 2px var(--color-shadow-light)}.info-attribute-star-value{margin-left:8px;font-size:.85rem;color:var(--color-text-primary);font-weight:500}.info-attribute-value-always-interactive{padding:4px 0}.star-rating-input{display:flex;gap:4px;font-size:1.5rem;cursor:pointer}.star-rating-input span{transition:color .1s ease,transform .1s ease}.star-rating-input span:hover{transform:scale(1.1)}.star-rating-input .star-empty{color:var(--color-star-empty)}.star-rating-input .star-filled,.star-rating-input .star-half{color:var(--color-star-rating)}textarea.info-attribute-input{min-height:80px;resize:vertical;font-family:var(--font-family-primary)}.checkbox-input-container{display:flex;align-items:center;gap:8px}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--color-brand-primary)}.checkbox-label{font-size:.95rem;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}select.info-attribute-input[multiple]{min-height:100px}select.info-attribute-input option{padding:6px 8px}.multi-select-container{border:1px solid var(--color-border-brand-medium);border-radius:4px;padding:8px;max-height:200px;overflow-y:auto;background-color:var(--color-bg-white)}.multi-select-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:3px;transition:background-color .15s ease}.multi-select-item:hover{background-color:var(--color-hover-brand-color)}.multi-select-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-brand-primary)}.multi-select-item label{flex:1;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.info-attribute-checkbox-group{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding:6px;border-radius:12px}.reference-link{color:var(--color-brand-primary);text-decoration:underline;cursor:pointer;transition:color .2s ease}.reference-link:hover{color:rgba(var(--color-brand-primary-rgb),.7)}.dynamic-items-loading{color:var(--color-text-muted);font-style:italic;font-size:.9rem}.info-attribute-contact-wrapper{width:100%}.info-attribute-contact-display{display:flex;align-items:center;gap:6px;position:relative}.info-attribute-contact-name{flex:1;font-size:.95rem;color:var(--color-text-primary);padding:2px 4px;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;display:inline-block}.info-attribute-contact-name:hover{background-color:var(--color-hover-brand-color)}.info-attribute-contact-name:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.info-attribute-contact-remove{background:none;border:none;width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s ease;color:var(--color-text-muted);opacity:0;padding:0;flex-shrink:0}.info-attribute-contact-display:hover .info-attribute-contact-remove{opacity:1}.info-attribute-contact-remove:hover{background-color:var(--color-danger-bg);color:var(--color-danger)}.info-attribute-contact-remove:disabled{opacity:.3;cursor:not-allowed}.info-attribute-header{display:flex;justify-content:space-between;width:fit-content;align-items:center;gap:8px}.info-attribute-importance-container{width:150px;padding-left:4px;justify-content:right}.requests-view-container{width:100%;height:100%;display:flex;flex-direction:column}.requests-page-container{display:flex;width:100%;height:100%}.requests-page-main-section{flex:1;height:100%;padding:5px;position:relative}.requests-page-controls{position:absolute;right:10px;top:4px;z-index:10;display:flex;align-items:center;gap:10px}.contacts-container,.contacts-content{width:100%}.contacts-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.contacts-loading-text{color:var(--color-brand-primary)}.thumbnail-icon-container{background-color:var(--color-bg-white);border:1px solid var(--color-bg-white);height:130px;width:100%}.contact-avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-brand-light)}.contact-avatar-placeholder{margin:20% auto auto;width:80px;height:80px;background-color:var(--color-border-brand-light);border:2px solid var(--color-hover-shadow);border-radius:50%;display:flex;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);font-family:var(--font-family-primary)}.thumbnail-description{white-space:pre-line;line-height:1.2;margin-top:.25rem;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}.contacts-list-container,.contacts-list-content{width:100%}.contacts-list-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.contacts-list-loading-text{color:var(--color-brand-primary)}.contact-info{display:flex;align-items:center;gap:.75rem;min-width:0}.contact-list-avatar{width:40px;height:40px;flex-shrink:0}.contact-list-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-brand-light)}.contact-list-avatar-placeholder{width:100%;height:100%;background-color:var(--color-border-brand-light);border:2px solid var(--color-hover-shadow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--color-brand-primary);font-family:var(--font-family-primary)}.contact-details{min-width:0;flex:1}.contact-list-name{font-weight:500;color:var(--color-brand-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.125rem}.contact-list-role{font-size:.75rem;color:var(--color-brand-primary);opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-type-badge{background-color:var(--color-border-brand-light);color:var(--color-brand-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize;letter-spacing:.02em}.contact-status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.contact-status-badge.active{background-color:var(--color-status-active-bg);color:var(--color-success)}.contact-status-badge.inactive{background-color:var(--color-status-inactive-bg);color:var(--color-danger)}@media(max-width:768px){.contact-info{flex-direction:column;align-items:flex-start;gap:.5rem}.contact-details{width:100%}}.contacts-card-container,.contacts-card-content{width:100%}.contacts-card-content .card-item .card-item-photo-container{aspect-ratio:1 / 1}.contacts-card-content .card-item .card-item-children-container{flex:1;width:100%;padding:8px;align-items:flex-start;overflow:hidden}.contacts-card-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.contacts-card-loading-text{color:var(--color-brand-primary)}.contact-big-card-avatar-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.contact-big-card-avatar-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border-brand-light)}.contact-big-card-avatar-placeholder{width:100px;height:100px;border-radius:50%;background-color:var(--color-border-brand-light);border:3px solid var(--color-hover-shadow);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;color:var(--color-brand-primary);letter-spacing:.02em}@media(max-width:768px){.contact-big-card-avatar-image,.contact-big-card-avatar-placeholder{width:70px;height:70px}.contact-big-card-avatar-placeholder{font-size:1.25rem}}.contact-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.contact-modal-content{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background-color:var(--color-bg-white);border-radius:24px;box-shadow:0 4px 8px var(--color-shadow-default);display:flex;max-width:1200px;margin:auto;gap:7px;padding:7px}.contact-modal-part1{flex:0 0 600px;display:flex;flex-direction:column}.contact-modal-part2{flex:1;display:flex;flex-direction:column;min-width:0}.contact-modal-container{display:flex;flex-direction:column;width:100%;height:100%}.contact-modal-info-container{flex:1;overflow:auto;border-radius:16px;border:1px solid var(--color-border-brand-light);padding:10px}.contact-modal-title-field{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-brand-light)}.contact-title-value{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);transition:all .2s ease;padding:4px 8px;border-radius:4px;cursor:pointer;line-height:1.4}.contact-title-value.editable:hover{background-color:var(--color-hover-brand-color)}.contact-title-value.editable:hover:after{content:"✎";opacity:.5;font-size:1.2rem;margin-left:8px;position:relative;top:-2px}.contact-modal-title-field .contact-field-input{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);padding:4px 8px}.contact-modal-field{display:flex;flex-direction:column;padding:8px 0;border-bottom:none;transition:all .3s ease}.contact-modal-field:last-of-type{border-bottom:none}.contact-field-key{font-size:.85rem;color:var(--color-brand-primary);font-weight:500;margin-bottom:4px;transition:color .2s ease}.contact-field-value{font-size:.95rem;color:var(--color-text-primary);transition:color .2s ease;padding:2px 4px;border-radius:4px;cursor:default}.contact-field-empty{color:var(--color-text-muted);font-style:italic}.contact-field-value.editable{position:relative;transition:all .2s ease;cursor:pointer}.contact-field-value.editable:hover{background-color:var(--color-hover-brand-color)}.contact-field-value.editable:hover:after{content:"✎";opacity:.5;font-size:.85rem;margin-left:6px;position:relative;top:-1px}.contact-field-edit-container{display:flex;align-items:center;gap:8px;width:100%}.contact-field-input{flex:1;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s}.contact-field-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.contact-field-edit-actions{display:flex;gap:4px}.contact-field-edit-confirm,.contact-field-edit-cancel{background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:.9rem;transition:all .15s ease;cursor:pointer}.contact-field-edit-confirm{color:var(--color-success);background-color:var(--color-success-bg)}.contact-field-edit-cancel{color:var(--color-danger);background-color:var(--color-danger-bg)}.contact-field-edit-confirm:hover{background-color:var(--color-success-bg-hover)}.contact-field-edit-cancel:hover{background-color:var(--color-danger-bg-hover)}.contact-field-edit-confirm:disabled,.contact-field-edit-cancel:disabled{opacity:.5;cursor:not-allowed}input[type=date].contact-field-input,select.contact-field-input{cursor:pointer}.contact-modal-footer{padding:6px;height:41px;display:flex;align-items:flex-end;gap:3px}.contact-modal-button-close{width:100%;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-brand-primary);color:var(--color-text-white);border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0}.contact-modal-button-close:hover{background-color:var(--color-brand-primary-hover)}.contact-modal-timeline-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.contact-modal-button-full{width:100%;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0}.contact-modal-button-full:hover{background-color:var(--color-hover-brand-color)}@media(max-width:768px){.contact-modal-content{top:40px;right:20px;bottom:40px;left:20px;flex-direction:column;max-width:100%}.contact-modal-part1{flex:0 0 auto;max-height:50%}.contact-modal-part2{flex:1;min-height:300px}}.primary-button{width:100%;padding:5px;border:none;border-radius:999px;background-color:var(--color-brand-primary);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.primary-button:hover{background-color:var(--color-brand-primary-hover)}.primary-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.secondary-button{width:100%;padding:5px;border:none;border-radius:9999px;background-color:var(--color-neutral-gray);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.secondary-button:hover{background-color:var(--color-neutral-gray-faded);color:var(--color-text-white)}.secondary-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.apply-button{width:100%;padding:5px;border:none;border-radius:9999px;background-color:var(--color-success);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.apply-button:hover{filter:brightness(1.1)}.apply-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.cancel-button{width:100%;padding:5px;border:none;border-radius:9999px;background-color:var(--color-neutral-gray-faded);color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-button:hover{background-color:var(--color-hover-gray)}.cancel-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.delete-button{width:100%;padding:5px;border:none;border-radius:9999px;background-color:var(--color-danger);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.delete-button:hover{background-color:var(--color-danger-hover)}.delete-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.transparent-button{width:100%;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:transparent;border:1px solid var(--color-border-gray);padding:0;cursor:pointer}.transparent-button:hover{background-color:var(--color-bg-hover)}.transparent-button:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.contacts-view-container{height:100%;width:100%;background-color:var(--color-bg-white);font-family:var(--font-family-primary);padding:0;box-sizing:border-box}.contacts-view-content-area{width:100%;height:100%;overflow:auto}@media(max-width:768px){.contacts-view-container{padding:.5rem}}.quick-add-contact-form-content{background-color:var(--color-bg-white);width:100%;height:100%;font-family:var(--font-family-primary);display:flex;flex-direction:column;box-sizing:border-box;padding:1.5rem;overflow:auto}.quick-add-contact-form-title{font-size:1.25rem;font-weight:500;color:var(--color-brand-primary);margin:0 0 1.5rem;letter-spacing:-.01em;flex-shrink:0}.quick-add-contact-form-top-section{display:grid;grid-template-columns:50px 1fr;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.quick-add-contact-form-photo-upload,.quick-add-contact-form-more-items{display:flex;align-items:center;justify-content:center;gap:.5rem;height:45px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;padding:.5rem 1rem}.quick-add-contact-form-photo-upload{width:45px;flex-direction:column;border:2px dashed var(--color-border-gray);background-color:var(--color-bg-white);color:var(--color-text-primary);font-size:.8rem;text-align:center}.quick-add-contact-form-more-items{border:1px solid var(--color-border-gray);background-color:var(--color-bg-white);color:var(--color-brand-primary);font-size:.9rem}.quick-add-contact-form-photo-upload:hover:not(:disabled),.quick-add-contact-form-more-items:hover:not(:disabled){border-color:var(--color-brand-primary);background-color:var(--color-bg-hover);color:var(--color-brand-primary)}.quick-add-contact-form-photo-upload:disabled,.quick-add-contact-form-more-items:disabled{cursor:not-allowed;opacity:.5}.quick-add-contact-form-more-items:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.quick-add-contact-form-photo-upload svg{flex-shrink:0}.quick-add-contact-form{display:flex;flex-direction:column;flex:1;min-height:0}.quick-add-contact-form-fields-container{flex:1;overflow-y:auto;padding-right:0}.quick-add-contact-form-group{margin-bottom:1rem;flex-shrink:0}.quick-add-contact-form-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:.25rem}.quick-add-contact-form-input{width:100%;padding:.4rem .75rem;border:1px solid var(--color-border-gray);border-radius:4px;font-size:.9rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;background-color:var(--color-bg-white);box-sizing:border-box}.quick-add-contact-form-input:focus{border-color:var(--color-brand-primary)}.quick-add-contact-form-input:disabled{background-color:var(--color-bg-white);cursor:not-allowed}.quick-add-contact-form-error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:.75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem;flex-shrink:0}.quick-add-contact-form-buttons{display:flex;gap:.75rem;width:100%;flex-shrink:0;margin-top:1rem}.quick-add-contact-form-button-clear,.quick-add-contact-form-button-submit{flex:1;padding:.75rem .5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary);text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.75rem;line-height:1.2;white-space:normal}.quick-add-contact-form-button-clear{border:1px solid var(--color-border-gray-dark);background-color:var(--color-bg-white);color:var(--color-text-primary)}.quick-add-contact-form-button-clear:hover:not(:disabled){background-color:var(--color-hover-gray);border-color:var(--color-hover-gray-border)}.quick-add-contact-form-button-clear:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text)}.quick-add-contact-form-button-submit{border:none;background-color:var(--color-brand-primary);color:var(--color-bg-white)}.quick-add-contact-form-button-submit:hover:not(:disabled){background-color:var(--color-brand-primary)}.quick-add-contact-form-button-submit:disabled{background-color:var(--color-disabled-border);color:var(--color-disabled-text)}.quick-add-contact-form-button-clear:disabled,.quick-add-contact-form-button-submit:disabled{cursor:not-allowed;opacity:.5}.quick-add-contact-form-content.in-modal{padding:1rem 1.5rem 1.5rem;height:100%;overflow-y:auto;border-radius:0;box-shadow:none}.quick-add-contact-form-content.compact{padding:1rem}.quick-add-contact-form-content.compact .quick-add-contact-form-title{font-size:1.1rem;margin-bottom:1rem}.quick-add-contact-form-content.compact .quick-add-contact-form-group{margin-bottom:.75rem}.quick-add-contact-form-content.compact .quick-add-contact-form-input{padding:.5rem}@media(max-width:600px){.quick-add-contact-form-content{padding:1rem}.quick-add-contact-form-top-section{grid-template-columns:1fr;gap:.5rem}.quick-add-contact-form-photo-upload{width:100%;height:45px;flex-direction:row}.quick-add-contact-form-buttons{flex-direction:column;gap:.5rem}.quick-add-contact-form-button-clear,.quick-add-contact-form-button-submit{flex:none;width:100%}}.quick-search-contact-form-content{background-color:var(--color-bg-white);padding:1.5rem;width:100%;height:100%;font-family:var(--font-family-primary);display:flex;flex-direction:column;box-sizing:border-box}.quick-search-contact-form-title{font-size:1.25rem;font-weight:500;color:var(--color-brand-primary);margin:0 0 1.5rem;letter-spacing:-.01em;flex-shrink:0}.quick-search-contact-form-top-section{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.quick-search-contact-form-advanced-search{display:flex;align-items:center;justify-content:center;gap:.5rem;height:45px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;padding:.5rem 1rem;border:1px solid var(--color-border-gray);background-color:var(--color-bg-white);color:var(--color-brand-primary);font-size:.9rem}.quick-search-contact-form-advanced-search:hover:not(:disabled){border-color:var(--color-brand-primary);background-color:var(--color-bg-hover);color:var(--color-brand-primary)}.quick-search-contact-form-advanced-search:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.quick-search-contact-form-advanced-search svg{flex-shrink:0}.quick-search-contact-form-content form{display:flex;flex-direction:column;flex:1;min-height:0}.quick-search-contact-form-group{margin-bottom:1rem;flex-shrink:0}.quick-search-contact-form-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:.5rem}.quick-search-contact-form-input{width:100%;padding:.75rem;border:1px solid var(--color-border-gray);border-radius:4px;font-size:.9rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;background-color:var(--color-bg-white);box-sizing:border-box}.quick-search-contact-form-input:focus{border-color:var(--color-brand-primary)}.quick-search-contact-form-input:disabled{background-color:var(--color-bg-white);cursor:not-allowed}.quick-search-contact-form-error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:.75rem;border-radius:4px;font-size:.85rem;margin-bottom:1rem;flex-shrink:0}.quick-search-contact-form-buttons{display:flex;gap:.75rem;width:100%;flex-shrink:0;margin-top:auto}.quick-search-contact-form-button-clear,.quick-search-contact-form-button-submit{flex:1;padding:.75rem .5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary);text-align:center;display:flex;align-items:center;justify-content:center;min-height:2.75rem;line-height:1.2;white-space:normal}.quick-search-contact-form-button-clear{border:1px solid var(--color-border-gray-dark);background-color:var(--color-bg-white);color:var(--color-text-primary)}.quick-search-contact-form-button-clear:hover:not(:disabled){background-color:var(--color-hover-gray);border-color:var(--color-hover-gray-border)}.quick-search-contact-form-button-clear:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text)}.quick-search-contact-form-button-submit{border:none;background-color:var(--color-brand-primary);color:var(--color-bg-white)}.quick-search-contact-form-button-submit:hover:not(:disabled){background-color:var(--color-brand-primary)}.quick-search-contact-form-button-submit:disabled{background-color:var(--color-disabled-border);color:var(--color-disabled-text)}.quick-search-contact-form-button-clear:disabled,.quick-search-contact-form-button-submit:disabled{cursor:not-allowed;opacity:.5}@media(max-width:600px){.quick-search-contact-form-content{padding:1rem}.quick-search-contact-form-advanced-search{height:60px}.quick-search-contact-form-buttons{flex-direction:column;gap:.5rem}.quick-search-contact-form-button-clear,.quick-search-contact-form-button-submit{flex:none;width:100%}}.contact-panel-content{background-color:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:8px;width:100%;height:100%;box-shadow:0 2px 8px var(--color-shadow-light);font-family:var(--font-family-primary);display:flex;flex-direction:column;box-sizing:border-box}.contact-panel-tabs{display:flex;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-bg-white);border-radius:8px 8px 0 0;flex-shrink:0;height:45px}.contact-panel-tab{flex:1;height:45px;padding:0;border:none;background:transparent;font-size:.9rem;font-weight:300;color:var(--color-brand-primary);cursor:pointer;transition:all .2s ease-in-out;border-radius:0;font-family:var(--font-family-primary);display:flex;align-items:center;justify-content:center}.contact-panel-tab:first-child{border-radius:8px 0 0}.contact-panel-tab:last-child{border-radius:0 8px 0 0}.contact-panel-tab:hover:not(.active){background-color:var(--color-hover-brand-color);color:var(--color-brand-primary)}.contact-panel-tab.active{background-color:var(--color-brand-primary);color:var(--color-bg-white);cursor:default;position:relative}.contact-panel-tab.active:after{display:none}.contact-panel-tab-container{flex:1;display:flex;flex-direction:column;min-height:0}.contact-panel-tab-container .fast-add-contact-panel-content{border:none;border-radius:0;box-shadow:none;height:100%}.contact-panel-tab-content{padding:1.5rem;height:100%;border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);text-align:center}.contact-panel-tab-content h3{margin:0 0 1rem;font-size:1.1rem;font-weight:500;color:var(--color-brand-primary)}.contact-panel-tab-content p{margin:0;font-size:.9rem;line-height:1.4}@media(max-width:600px){.contact-panel-tabs{height:40px}.contact-panel-tab{height:40px;font-size:.8rem}.contact-panel-tab:first-child,.contact-panel-tab:last-child{border-radius:8px 8px 0 0}.contact-panel-tab-content{padding:1rem}}.contacts-page-container{display:flex;width:100%;height:100%}.contacts-page-main-section{flex:1;height:100%;padding:5px;position:relative}.contacts-page-controls{position:absolute;right:10px;top:4px;z-index:10;display:flex;align-items:center;gap:10px}.contacts-page-sidebar{width:360px;height:100%;border-left:1px solid var(--color-border-brand-light)}.not-found-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.not-found-content{text-align:center;color:var(--color-brand-primary)}.not-found-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.025em}.not-found-message{font-size:1.25rem;font-weight:400;margin:0;opacity:.8}.link-expired-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.link-expired-content{text-align:center;color:var(--color-brand-primary)}.link-expired-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.025em}.link-expired-message{font-size:1.25rem;font-weight:400;margin:0;opacity:.8}.chat-page-container{display:flex;height:100%;width:100%;background-color:var(--color-bg-white);overflow:hidden;position:relative}.chat-main-content{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-gray);background-color:var(--color-bg-white)}.chat-header h1{margin:0;font-size:1.5rem;font-weight:400;color:var(--color-brand-primary)}.chat-header-controls{display:flex;gap:.5rem}.model-selector-btn,.clear-chat-btn{padding:.5rem 1rem;border:1px solid var(--color-border-gray);border-radius:6px;background-color:var(--color-bg-white);color:var(--color-brand-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.model-selector-btn:hover,.clear-chat-btn:hover{background-color:var(--color-bg-white);border-color:var(--color-brand-primary)}.model-selector-panel{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border-gray);padding:1.5rem;max-height:60vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;display:flex;flex-direction:column}.model-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.model-selector-header h3{margin:0;font-size:1.125rem;font-weight:500;color:var(--color-brand-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-brand-primary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background-color:var(--color-hover-brand-color)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem;width:100%}.model-card{padding:1rem;background-color:var(--color-bg-white);border:2px solid var(--color-border-gray);border-radius:8px;cursor:pointer;transition:all .2s ease}.model-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 4px 8px var(--color-border-brand-light)}.model-card.selected{border-color:var(--color-brand-primary);background-color:var(--color-hover-brand-color)}.model-name{font-weight:500;color:var(--color-brand-primary);margin-bottom:.5rem;font-size:.875rem}.model-pricing{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.price-item{display:flex;justify-content:space-between;color:var(--color-text-primary)}.price-label{color:var(--color-text-muted)}.price-value{font-weight:500;color:var(--color-brand-primary)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background-color:var(--color-bg-white)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:400;color:var(--color-brand-primary)}.empty-state p{margin:0;font-size:1rem}.message{display:flex;gap:1rem;margin-bottom:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.message-content{flex:1;padding:1rem;border-radius:12px;font-size:.9375rem;line-height:1.5;max-width:70%}.message.user .message-content{background-color:var(--color-brand-primary);color:var(--color-bg-white);border-bottom-right-radius:4px}.message.assistant .message-content{background-color:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border-gray);border-bottom-left-radius:4px}.typing-indicator{display:flex;gap:.25rem;padding:1rem 1.5rem}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-primary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border-gray);background-color:var(--color-bg-white)}.chat-input-controls{display:flex;justify-content:flex-end}.chat-input-row{display:flex;gap:.75rem}.chat-input{flex:1;padding:.75rem;border:1px solid var(--color-border-gray);border-radius:8px;font-size:.9375rem;font-family:var(--font-family-primary);resize:none;transition:border-color .2s ease}.chat-input:focus{outline:none;border-color:var(--color-brand-primary)}.chat-input:disabled{background-color:var(--color-bg-white);cursor:not-allowed}.send-button{padding:.75rem 1.5rem;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){background-color:var(--color-brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.send-button:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;transform:none}.chat-sidebar{width:280px;background:var(--color-bg-white);border-left:1px solid var(--color-border-gray);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease}.chat-sidebar.collapsed{width:0;border-left:none}.sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border-gray)}.sidebar-header h3{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-primary)}.sidebar-search{width:100%;padding:.5rem;border:1px solid var(--color-border-gray);border-radius:6px;font-size:.85rem}.sidebar-search:focus{outline:none;border-color:var(--color-brand-primary)}.selected-model-info{background:var(--color-bg-light);padding:.75rem;border-radius:8px;margin-top:.5rem}.selected-model-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.selected-model-pricing{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.sidebar-models{flex:1;overflow-y:auto;padding:.5rem}.sidebar-model-card{padding:.75rem;border-radius:8px;cursor:pointer;border:1px solid transparent;margin-bottom:.5rem;transition:all .2s ease}.sidebar-model-card:hover{background:var(--color-bg-light)}.sidebar-model-card.selected{background:var(--color-hover-light);border-color:var(--color-brand-primary)}.sidebar-model-card.disabled{opacity:.5;cursor:not-allowed}.disabled-badge{font-size:.7rem;background:var(--color-text-muted);color:var(--color-bg-white);padding:2px 6px;border-radius:4px;margin-left:8px}.sidebar-footer{padding:1rem;border-top:1px solid var(--color-border-gray);background:var(--color-bg-light)}.url-selector{background-color:var(--color-bg-white);padding:1rem;border-radius:8px;border:1px solid var(--color-border-gray)}.url-selector h4{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:var(--color-brand-primary)}.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text-primary)}.radio-label input[type=radio]{cursor:pointer}.custom-url-input{width:100%;padding:.5rem;border:1px solid var(--color-border-gray);border-radius:4px;font-size:.875rem;margin-left:1.5rem}.custom-url-input:focus{outline:none;border-color:var(--color-brand-primary)}.sidebar-toggle-btn{position:absolute;right:290px;top:50%;transform:translateY(-50%);background:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:8px 0 0 8px;padding:8px 4px;cursor:pointer;font-size:16px;transition:right .3s ease;box-shadow:var(--shadow-sm);z-index:10}.sidebar-toggle-btn:hover{background:var(--color-text-primary)}.chat-sidebar.collapsed+.sidebar-toggle-btn,.sidebar-toggle-btn.collapsed{right:0;border-radius:8px 0 0 8px}.chat-messages::-webkit-scrollbar,.model-selector-panel::-webkit-scrollbar,.sidebar-models::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.model-selector-panel::-webkit-scrollbar-track,.sidebar-models::-webkit-scrollbar-track{background:var(--color-bg-white)}.chat-messages::-webkit-scrollbar-thumb,.model-selector-panel::-webkit-scrollbar-thumb,.sidebar-models::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,.model-selector-panel::-webkit-scrollbar-thumb:hover,.sidebar-models::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1001;background:var(--color-brand-primary);color:var(--color-text-white);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:16px;transition:right .3s ease;box-shadow:0 2px 8px #0003}.sidebar-toggle-btn.collapsed{right:10px}.sidebar-toggle-btn.expanded{right:330px}.chat-sidebar{position:absolute;right:0;top:0;height:100%;width:320px;transition:transform .3s ease;z-index:1000}.chat-sidebar.collapsed{transform:translate(100%)}.chat-sidebar.expanded{transform:translate(0)}.model-search-input{width:100%;padding:8px 12px;margin-bottom:10px;border:1px solid var(--color-border-gray);border-radius:6px;font-size:14px;outline:none}.model-search-input:focus{border-color:var(--color-brand-primary)}.caching-supported{font-size:11px;color:var(--color-text-muted);margin-top:4px}.sidebar-status-message{padding:20px;text-align:center;color:var(--color-text-muted)}.sidebar-model-card{padding:8px 10px;display:flex;justify-content:space-between;align-items:center}.model-card-info{flex:1;min-width:0}.model-card-name{font-size:13px;font-weight:500;margin-bottom:2px}.model-card-provider{font-size:10px;color:var(--color-text-muted)}.model-card-pricing{display:flex;gap:8px;font-size:11px;color:var(--color-text-secondary);flex-shrink:0;margin-left:10px}.model-price-column{text-align:right}.model-price-label{font-size:9px;color:var(--color-text-muted)}.model-price-value{font-weight:500}.loader-container{position:absolute;display:flex;justify-content:center;align-items:center;height:-webkit-fill-available;width:-webkit-fill-available;background-color:#00000080;z-index:1000}.spinner{font-size:3rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-loading{position:relative;display:block;background-color:transparent;z-index:0}.upload-loading .spinner{font-size:.9rem;color:#000}.toolbar{height:35px;min-height:35px;max-height:35px;border-bottom:1px solid #cfcfcf;padding:5px 10px}.toolbar .file-action-container{display:flex;justify-content:space-between}.toolbar .file-action-container>div{display:flex}.toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.toolbar .fm-toolbar{display:flex;justify-content:space-between}.toolbar .fm-toolbar>div{display:flex;position:relative}.toolbar .fm-toolbar .toolbar-left-items{display:flex}.toolbar .fm-toolbar .toggle-view{position:absolute;z-index:3;top:105%;right:22%;background-color:#fff;margin:0;border:1px solid #c4c4c4;border-radius:5px;font-size:16px}.toolbar .fm-toolbar .toggle-view ul{list-style:none;padding-left:0;margin:.4em 0;display:flex;flex-direction:column;gap:1px}.toolbar .fm-toolbar .toggle-view ul li{display:flex;align-items:center;gap:8px;padding:5px 20px 5px 10px}.toolbar .fm-toolbar .toggle-view ul li:hover{cursor:pointer;background-color:#00000013}.toolbar .fm-toolbar .toggle-view ul li span:nth-child(1){width:13px}.toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px}.toolbar .item-action .toggle-view-icon{background-color:transparent;border:none}.toolbar .item-action .toggle-view-icon:hover{cursor:pointer}.toolbar .icon-only{padding:0 8px!important}.toolbar .icon-only:focus{background-color:#0000001f;border-radius:3px}.toolbar .icon-only:hover{color:var(--file-manager-primary-color)}.toolbar .item-separator{height:36px;background:#cfcfcf;width:1px;margin:0 5px}.file-selected{background-color:#0000000d}.sb-folders-list{list-style:none;margin:0 4px;height:100%;font-size:16px;overflow-y:auto!important}.sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.sb-folders-list::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.sb-folders-list .folder-collapsible{margin-left:10px}.sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000d}.sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.sb-folders-list .sb-folders-list-item .folder-icon-default{transform:rotate(0);transition:transform .5s ease-in-out}.sb-folders-list .sb-folders-list-item .folder-icon-default.folder-rotate-down{transform:rotate(90deg)}.sb-folders-list .active-list-item{background-color:var(--file-manager-primary-color);color:#fff}.sb-folders-list .active-list-item:hover{cursor:pointer;background-color:var(--file-manager-primary-color)}.sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.bread-crumb-container{position:relative;font-size:16px}.bread-crumb-container .breadcrumb{height:22px;min-height:22px;max-height:22px;display:flex;gap:.5rem;border-bottom:1px solid #cfcfcf;padding:6px 0 6PX 15px;overflow-x:hidden}.bread-crumb-container .breadcrumb::-webkit-scrollbar{height:3px}.bread-crumb-container .breadcrumb::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important}.bread-crumb-container .breadcrumb .nav-toggler{display:flex;align-items:center}.bread-crumb-container .breadcrumb .divider{width:1px;background-color:#cfcfcf}.bread-crumb-container .breadcrumb .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.bread-crumb-container .breadcrumb .folder-name:hover{cursor:pointer;color:var(--file-manager-primary-color)}.bread-crumb-container .breadcrumb .hidden-folders{padding:0 4px}.bread-crumb-container .breadcrumb .folder-name-btn{background-color:transparent;border:none;padding:0}.bread-crumb-container .breadcrumb .folder-name-btn:hover,.bread-crumb-container .breadcrumb .folder-name-btn:focus{cursor:pointer;color:var(--file-manager-primary-color);background-color:#dddcdc;border-radius:5px}.hidden-folders-container{position:absolute;margin:0;z-index:2;background-color:#636363;color:#fff;padding:4px;border-radius:5px;font-size:.9em;left:3rem;display:flex;flex-direction:column;gap:5px}.hidden-folders-container li{padding:5px 10px;border-radius:4px}.hidden-folders-container li:hover{cursor:pointer;background-color:#757575}.rename-file{position:relative;min-width:69%;max-width:-webkit-fill-available;text-align:center;border:4px solid var(--file-manager-primary-color);border-radius:10px;font-size:15px;font-family:var(--file-manager-font-family);padding:1px 7px;resize:none;field-sizing:content;overflow-y:hidden;z-index:1}.rename-file:focus{outline:none}.error-tooltip{position:absolute;z-index:1;bottom:-68px;left:16px;padding:8px;width:292px;border-radius:5px;background-color:#696969;text-align:left;margin:0;font-size:.9em}.error-tooltip:before{content:"";position:absolute;top:-20%;rotate:-45deg;border:15px solid #696969;border-color:transparent #696969 transparent transparent}.error-tooltip.right{left:16px}.error-tooltip.right:before{left:11%}.error-tooltip.left{left:-180px}.error-tooltip.left:before{left:76%;transform:rotate(90deg) scaleX(-1)}.error-tooltip.top{bottom:unset!important;top:-68px}.error-tooltip.top:before{content:none}.error-tooltip.top:after{content:"";position:absolute;bottom:-20%;left:11%;rotate:-45deg;border:15px solid #696969;border-color:transparent transparent #696969 transparent}.error-tooltip.top.left:after{left:76%;transform:rotate(90deg) scaleX(-1)}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:var(--file-manager-primary-color);color:#fff}.fm-button-primary:hover{background-image:linear-gradient(#0003,#0003)}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-image:linear-gradient(#0000001a,#0000001a)}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-image:linear-gradient(#0003,#0003)}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfcfcf;padding:.3rem 1rem;font-size:16px}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-checkbox{accent-color:white}.fm-checkbox:disabled{cursor:default!important}.fm-checkbox:hover{cursor:pointer}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1;transition:opacity .1s linear;font-size:16px}.fm-context-menu .file-context-menu-list{font-size:1.1em}.fm-context-menu .file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:3px}.fm-context-menu .file-context-menu-list ul li{display:flex;gap:9px;align-items:center;padding:3px 13px;position:relative;border-radius:4px}.fm-context-menu .file-context-menu-list ul li:hover{cursor:pointer;background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.active{background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.disable-paste{opacity:.5}.fm-context-menu .file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.fm-context-menu .file-context-menu-list .divider{border-bottom:1px solid #c6c6c6;margin:5px 0 3px}.fm-context-menu .file-context-menu-list .list-expand-icon{margin-left:auto;color:#444}.fm-context-menu .file-context-menu-list .sub-menu{position:absolute;top:0;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1}.fm-context-menu .file-context-menu-list .sub-menu .item-selected{width:13px;color:#444}.fm-context-menu .file-context-menu-list .sub-menu li:hover{background-color:#00000012!important}.fm-context-menu .file-context-menu-list .sub-menu.right{left:calc(100% - 2px)}.fm-context-menu .file-context-menu-list .sub-menu.left{left:-83%}.fm-context-menu.hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-context-menu.visible{opacity:1;pointer-events:all;visibility:visible}.files{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;height:calc(100% - 51px);overflow-y:auto!important;padding:8px 4px 8px 8px;font-size:16px}.files::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.files::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.files .drag-move-tooltip{background-color:#fff;font-size:.78em;position:fixed;text-wrap:nowrap;border:1px dashed black;padding:1px 5px 2px 24px;border-radius:3px;font-weight:700;color:var(--file-manager-primary-color);z-index:2}.files .drag-move-tooltip .drop-zone-file-name{color:#303030}.files .file-item-container{border-radius:5px;margin:5px 0}.files .file-item-container .drag-icon{position:absolute!important;top:-1000px;left:-1000px;z-Index:-1;border-radius:4px;position:relative;color:#fff;background-color:var(--file-manager-primary-color);padding:3px 8px}.files .file-item-container.file-drop-zone{background-color:#00000014!important}.files .file-item{position:relative;height:81px;width:138px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;padding-top:13px;padding-bottom:1px;border-radius:5px}.files .file-item:hover{background-color:#0000000d}.files .file-item .selection-checkbox{position:absolute;left:5px;top:8px}.files .file-item .hidden{visibility:hidden}.files .file-item .visible{visibility:visible}.files .file-item .rename-file-container{position:absolute;top:65px;width:100%;text-align:center}.files .file-item .rename-file-container.list{top:6px;left:58px;text-align:left}.files .file-item .rename-file-container.list .rename-file{min-width:15%;text-align:left;border-radius:3px;border:none;top:5px;white-space:nowrap;overflow-x:hidden;max-width:calc(100% - 62px)}.files .file-item .rename-file-container.list .folder-name-error.right{left:0;bottom:-72px}.files .file-item .file-name{max-width:115px}.files .file-selected{background-color:var(--file-manager-primary-color);color:#fff}.files .file-selected:hover{background-color:var(--file-manager-primary-color)}.files .file-moving{opacity:.5}.files.list{flex-direction:column;flex-wrap:nowrap;gap:0;padding-left:0;padding-top:0}.files.list .files-header{font-size:.83em;font-weight:600;display:flex;gap:5px;border-bottom:1px solid #dddddd;padding:4px 0 4px 5px;position:sticky;top:0;background-color:#f5f5f5;z-index:1}.files.list .files-header .file-select-all{width:5%;height:.83em}.files.list .files-header .file-name{width:calc(65% - 35px);padding-left:35px;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-name:hover{background-color:#0000001a}.files.list .files-header .file-name.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-date{text-align:center;width:20%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-date:hover{background-color:#0000001a}.files.list .files-header .file-date.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-size{text-align:center;width:10%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-size:hover{background-color:#0000001a}.files.list .files-header .file-size.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .sort-indicator{font-size:.8em;margin-left:4px}.files.list .file-item-container{display:flex;width:100%;margin:0;border-radius:0}.files.list .file-item-container:hover{background-color:#0000000a}.files.list .file-item-container.file-selected:hover{background-color:var(--file-manager-primary-color)!important}.files.list .file-item{flex-direction:row;height:13px;justify-content:unset;padding:15px 15px 15px 33px;margin:0;width:calc(70% - 30px)}.files.list .file-item:hover{background-color:unset}.files.list .file-item .selection-checkbox{top:12px}.files.list .file-item .file-name{max-width:285px}.files.list .modified-date{display:flex;align-items:center;justify-content:center;font-size:.8em;width:20%}.files.list .size{display:flex;align-items:center;justify-content:center;font-size:.8em;width:10%}.empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:15px;margin-top:0;margin-bottom:.7rem;word-wrap:break-word;font-weight:500;font-size:16px}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.7rem;margin-right:1rem}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:var(--file-manager-primary-color);border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-upload-file{padding:18px 15px;display:flex;gap:18px;font-size:16px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:var(--file-manager-primary-color)}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:calc(60% - 18px)}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important;font-weight:500}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:10px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:86%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:66%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:var(--file-manager-primary-color)}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.fm-upload-file .files-progress ul li .file .file-details .upload-success{color:var(--file-manager-primary-color)}.file-previewer{padding:.8em;height:40dvh;display:flex;justify-content:center;font-size:16px}.file-previewer .photo-popup-image{object-fit:contain;width:-webkit-fill-available;opacity:1;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-previewer .img-loading{height:0}.file-previewer .audio-preview{align-self:center;width:60%}.file-previewer .photo-popup-iframe{width:-webkit-fill-available}.file-previewer .preview-error{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.file-previewer .preview-error .error-icon{color:#494949}.file-previewer .preview-error .error-msg{font-weight:500;font-size:1.1em;margin-bottom:4px}.file-previewer .preview-error .file-info{display:flex;gap:6px;align-items:center;margin:1px 0 5px}.file-previewer .preview-error .file-info .file-name{padding:4px 15px;background-color:#e9e9e9;border:1px solid rgb(163,173,173);border-radius:3px}.file-previewer .preview-error .file-info .file-size{font-size:.8em}.file-previewer .preview-error .download-btn{display:flex;gap:3px;align-items:center}.file-previewer.pdf-previewer{height:85dvh}.video-preview{width:-webkit-fill-available}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{min-height:400px;height:100%;width:100%;font-family:var(--file-manager-font-family);border:1px solid #cfcfcf;border-radius:8px;position:relative;background-color:#fff;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer button{font-family:var(--file-manager-font-family)}.file-explorer .files-container{display:flex;height:calc(100% - 46px)}.file-explorer .files-container .navigation-pane{z-index:1;padding-top:8px;position:relative}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #cfcfcf}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .navigation-pane.open{display:block}.file-explorer .files-container .navigation-pane.closed{display:none}.file-explorer .files-container .folders-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.fm-rename-folder-container{padding:8px 0;text-align:left}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.file-selcted .select-files{width:40%}.file-preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.file-preview-modal-content{position:relative;background-color:var(--color-bg-white);border-radius:24px;box-shadow:0 4px 8px var(--color-shadow-default);display:flex;flex-direction:column;max-width:90vw;max-height:90vh;min-width:400px;padding:7px;gap:7px}.file-preview-modal-body{flex:1;display:flex;align-items:center;justify-content:center;border-radius:17px;border:1px solid var(--color-border-brand-light);padding:20px;min-height:300px;overflow:hidden}.file-preview-modal-loading,.file-preview-modal-error{color:var(--color-text-muted);font-size:.95rem}.file-preview-modal-error{color:var(--color-danger)}.file-preview-modal-image{max-width:100%;max-height:70vh;object-fit:contain;display:block;border-radius:8px}.file-preview-modal-file-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.file-preview-modal-icon{font-size:64px;margin-bottom:16px}.file-preview-modal-filename{font-size:1rem;font-weight:500;color:var(--color-text-primary);word-break:break-all;margin:0}.file-preview-modal-size{font-size:.85rem;color:var(--color-text-muted);margin:8px 0 0}.file-preview-modal-footer{display:flex;gap:7px;height:41px}.file-preview-modal-button-download,.file-preview-modal-button-close{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;border:none}.file-preview-modal-button-download{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.file-preview-modal-button-download:hover:not(:disabled){box-shadow:0 2px 8px var(--color-hover-shadow)}.file-preview-modal-button-download:disabled{opacity:.5;cursor:not-allowed}.file-preview-modal-button-close{background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent}.file-preview-modal-button-close:hover{background-color:var(--color-hover-brand-color)}@media(max-width:768px){.file-preview-modal-content{min-width:90vw;margin:20px}}.file-browser-page-container{width:100%;height:100%;display:flex;flex-direction:column}.file-browser-page-container .file-explorer{border:none!important;box-shadow:none!important;outline:none!important}.file-browser-page-container .toolbar{min-height:42px!important;padding:0 10px!important}.file-browser-page-container .fm-toolbar{min-height:40px!important}.file-browser-page-container .toolbar .item-action{min-width:36px!important;min-height:36px!important;padding:8px!important}.file-browser-page-container .toolbar-left-items{gap:4px!important}.file-browser-page-container .file-item svg{color:var(--color-brand-primary)!important;fill:var(--color-brand-primary)!important}.file-browser-page-container .drag-icon svg{color:var(--color-brand-primary)!important;fill:var(--color-brand-primary)!important}.file-browser-page-container .file-selected .file-item svg{color:var(--color-bg-white)!important;fill:var(--color-bg-white)!important}.file-browser-page-container .sb-folder-details svg{color:var(--color-brand-primary)!important;fill:var(--color-brand-primary)!important}.file-browser-page-container .file-explorer,.file-browser-page-container .item-action{color:var(--color-brand-primary)!important}.file-browser-page-container .files-header .active{background-color:var(--color-brand-primary)!important;color:var(--color-bg-white)!important}.generic-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:var(--font-family-primary)}.generic-modal-content{background-color:var(--color-bg-white);border-radius:24px;padding:7px;width:90%;box-shadow:var(--color-shadow-default);display:flex;flex-direction:column}.generic-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 8px;border-bottom:1px solid var(--color-border-brand-light);margin-bottom:0}.generic-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em}.generic-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-brand-primary);cursor:pointer;padding:.2rem .5rem;border-radius:8px;line-height:1;transition:background-color .2s ease}.generic-modal-close:hover{background-color:var(--color-hover-brand-color)}.generic-modal-body{flex:1;overflow:auto;border-radius:17px;border:1px solid var(--color-border-brand-light);padding:10px;margin-top:7px}.generic-modal-footer{display:flex;gap:3px;justify-content:flex-end;padding-top:7px;height:41px;align-items:flex-end}.generic-form-group{margin-bottom:12px}.generic-form-group-last{margin-bottom:0}.generic-form-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-brand-primary);margin-bottom:4px}.generic-form-input{width:100%;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:8px;font-size:.95rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;background-color:var(--color-bg-white);box-sizing:border-box}.generic-form-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.generic-form-input:disabled{background-color:var(--color-bg-white);opacity:.6}.generic-form-textarea{width:100%;padding:6px 8px;border:1px solid var(--color-border-brand-medium);border-radius:8px;font-size:.95rem;font-family:var(--font-family-primary);outline:none;transition:border-color .2s ease;resize:vertical;background-color:var(--color-bg-white);box-sizing:border-box}.generic-form-textarea:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.generic-form-textarea:disabled{background-color:var(--color-bg-white);opacity:.6}.generic-error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:8px;border-radius:8px;font-size:.85rem;margin-bottom:12px}.generic-button-cancel{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0}.generic-button-cancel:hover:not(:disabled){background-color:var(--color-hover-brand-color)}.generic-button-cancel:disabled{cursor:not-allowed;opacity:.5}.generic-button-submit{flex:1;height:34px;border-radius:17px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;display:flex;align-items:center;justify-content:center;padding:0}.generic-button-submit:hover:not(:disabled){background-color:var(--color-brand-primary)}.generic-button-submit:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed;opacity:.5}.condition-builder-simple{margin:.5rem 0}.condition-builder-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.condition-builder-input{flex:1;min-width:120px;padding:6px 10px;border:1px solid var(--color-hover-shadow);border-radius:4px;font-size:14px;font-family:var(--font-family-primary)}.condition-builder-input:focus{outline:none;border-color:var(--color-brand-primary-hover)}.condition-builder-select{padding:6px 10px;border:1px solid var(--color-hover-shadow);border-radius:4px;font-size:14px;background-color:var(--color-bg-white);cursor:pointer}.condition-builder-select[multiple]{cursor:default;min-height:100px;padding:4px}.condition-builder-select[multiple] option{padding:4px 8px;border-radius:2px;margin:2px 0}.condition-builder-select[multiple] option:checked{background-color:var(--color-border-brand-light);color:var(--color-brand-primary)}.condition-builder-select:focus{outline:none;border-color:var(--color-brand-primary-hover)}.condition-builder-button-convert{padding:6px 12px;background-color:var(--color-hover-brand-color);border:1px solid var(--color-hover-shadow);border-radius:4px;font-size:14px;color:var(--color-brand-primary);cursor:pointer;transition:background-color .2s}.condition-builder-button-convert:hover{background-color:var(--color-hover-shadow)}.condition-builder-group{border:2px solid var(--color-hover-brand-color);border-radius:8px;padding:12px;margin:.5rem 0;background-color:var(--color-hover-brand-color)}.condition-builder-group-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.condition-builder-select-operator{padding:6px 12px;border:2px solid var(--color-hover-brand-color);border-radius:4px;font-size:14px;font-weight:600;background-color:var(--color-bg-white);color:var(--color-brand-primary);cursor:pointer}.condition-builder-select-operator:focus{outline:none;border-color:var(--color-brand-primary-hover)}.condition-builder-button-add{padding:6px 12px;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.condition-builder-button-add:hover:not(:disabled){background-color:var(--color-brand-primary)}.condition-builder-button-add:disabled{opacity:.5;cursor:not-allowed}.condition-builder-children{display:flex;flex-direction:column;gap:8px}.condition-builder-child{display:flex;gap:8px;align-items:flex-start}.condition-builder-child>*:first-child{flex:1}.condition-builder-button-remove{padding:6px 10px;background-color:var(--color-danger-bg);border:1px solid var(--color-danger-bg-hover);border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:14px;transition:background-color .2s;flex-shrink:0}.condition-builder-button-remove:hover{background-color:var(--color-danger-bg-hover)}.info-attribute-checkbox-group{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--color-hover-shadow);border-radius:12px;background-color:var(--color-bg-white)}.info-attribute-checkbox-label{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;font-size:.9rem}.info-attribute-checkbox-label:hover{background-color:var(--color-hover-brand-color)}.info-attribute-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-brand-primary);margin:0;flex-shrink:0}.info-attribute-checkbox-divider{padding:6px 10px;margin:3px 0;font-weight:600;font-size:.8rem;color:var(--color-brand-primary);background:var(--color-hover-brand-color);border-top:1px solid var(--color-hover-shadow);border-bottom:1px solid var(--color-hover-shadow);border-radius:4px;-webkit-user-select:none;user-select:none;pointer-events:none}.rule-panel-style-section{margin-top:1rem;padding:12px;border-radius:17px;border:1px solid var(--color-hover-brand-color);background-color:var(--color-bg-white)}.rule-panel-style-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-hover-brand-color)}.rule-panel-style-title{font-size:.95rem;font-weight:600;color:var(--color-brand-primary)}.rule-panel-style-hint{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.rule-panel-added-property{margin-bottom:12px;padding:10px;border-radius:8px;background-color:var(--color-bg-white);border:1px solid var(--color-border-brand-light)}.rule-panel-property-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rule-panel-remove-property{background:var(--color-danger-bg);border:none;cursor:pointer;font-size:18px;font-weight:700;padding:2px 8px;border-radius:4px;color:var(--color-danger);transition:background-color .2s;line-height:1}.rule-panel-remove-property:hover{background-color:var(--color-danger-bg-hover)}.rule-panel-property-input{width:100%}.rule-panel-add-property{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-hover-brand-color)}.rule-panel-property-select{flex:1;padding:8px 10px;border:1px solid var(--color-hover-shadow);border-radius:8px;font-size:.9rem;color:var(--color-brand-primary);background-color:var(--color-bg-white);cursor:pointer;transition:border-color .2s}.rule-panel-property-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.rule-panel-add-property-button{padding:8px 16px;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.rule-panel-add-property-button:hover{background-color:var(--color-brand-primary)}.rule-panel-property-label{font-size:.85rem;color:var(--color-brand-primary);font-weight:500}.rule-panel-color-input-wrapper{display:flex;align-items:center;gap:8px}.rule-panel-color-picker{width:36px;height:36px;border:1px solid var(--color-hover-shadow);border-radius:8px;padding:0;cursor:pointer;transition:border-color .2s}.rule-panel-color-picker:hover{border-color:var(--color-brand-primary)}.rule-panel-color-text{width:90px;padding:6px 8px;border:1px solid var(--color-hover-shadow);border-radius:8px;font-size:.85rem;color:var(--color-text-primary);transition:border-color .2s}.rule-panel-color-text:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.rule-panel-number-input{width:100%;padding:6px 8px;border:1px solid var(--color-hover-shadow);border-radius:8px;font-size:.85rem;color:var(--color-text-primary);transition:border-color .2s}.rule-panel-number-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.rule-panel-checkbox-container{display:flex;align-items:center;padding:10px;margin-bottom:12px;border-radius:8px;background-color:var(--color-hover-brand-color);border:1px solid var(--color-hover-brand-color)}.rule-panel-checkbox-input{margin-right:10px;cursor:pointer;width:18px;height:18px;accent-color:var(--color-brand-primary)}.rule-panel-checkbox-label{font-size:.9rem;color:var(--color-brand-primary);font-weight:500;margin:0;cursor:pointer}.rule-panel-info-text{margin-bottom:1rem;font-size:.9rem;color:var(--color-text-primary);padding:8px 12px;background-color:var(--color-hover-brand-color);border-radius:8px;border-left:3px solid var(--color-brand-primary)}.view-panel-rules-header{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:.5rem}.view-panel-rules-title{margin:0;color:var(--color-brand-primary);font-size:1rem}.view-panel-add-rule-button{width:auto!important;flex:none!important;padding-left:12px!important;padding-right:12px!important}.view-panel-rules-divider{margin-bottom:.75rem;border:none;border-top:1px solid var(--color-hover-brand-color)}.view-panel-rules-list{margin-top:.75rem}.view-panel-empty-state{color:var(--color-text-muted);text-align:center;padding:1rem;font-style:italic}.view-panel-rule-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px;margin:8px 0;border:1px solid var(--color-hover-brand-color);border-radius:8px;background-color:var(--color-bg-white)}.view-panel-rule-priority{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background-color:var(--color-border-brand-light);color:var(--color-brand-primary);font-weight:600;font-size:14px;border-radius:6px;flex-shrink:0}.view-panel-rule-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-panel-rule-actions{display:flex;gap:6px;flex-shrink:0}.view-panel-rule-button-move{background:var(--color-hover-brand-color);border:none;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;color:var(--color-brand-primary);transition:background-color .2s;min-width:28px}.view-panel-rule-button-move:hover:not(:disabled){background-color:var(--color-hover-shadow)}.view-panel-rule-button-move:disabled{opacity:.3;cursor:not-allowed}.view-panel-rule-button-edit{background:var(--color-hover-brand-color);border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;color:var(--color-brand-primary);transition:background-color .2s}.view-panel-rule-button-edit:hover{background-color:var(--color-hover-shadow)}.view-panel-rule-button-delete{background:var(--color-danger-bg);border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;color:var(--color-danger);transition:background-color .2s}.view-panel-rule-button-delete:hover{background-color:var(--color-danger-bg-hover)}.view-manager-list{list-style:none;padding:0;margin:8px 0 0;max-height:60vh;overflow-y:auto}.view-manager-item{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:8px;border-radius:8px;cursor:pointer;background-color:transparent;border:1px solid var(--color-hover-brand-color);transition:all .2s ease}.view-manager-item.active{background-color:var(--color-hover-brand-color);border-color:var(--color-hover-brand-color)}.view-manager-item:not(.active):hover{background-color:var(--color-hover-brand-color)}.view-manager-item-info{display:flex;flex-direction:column}.view-manager-item-description{font-size:.85rem;color:var(--color-text-primary);margin-top:4px}.view-manager-item-actions{display:flex;gap:6px}.view-manager-button-edit{background:var(--color-hover-brand-color);border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;color:var(--color-brand-primary);transition:background-color .2s}.view-manager-button-edit:hover{background-color:var(--color-hover-shadow)}.view-manager-button-delete{background:var(--color-danger-bg);border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;color:var(--color-danger);transition:background-color .2s}.view-manager-button-delete:hover{background-color:var(--color-danger-bg-hover)}.view-manager-button-delete:disabled{opacity:.5;cursor:not-allowed}.view-manager-button-delete:disabled:hover{background-color:var(--color-danger-bg)}.rule-panel-form-container{padding:.5rem 0}.view-copy-description{margin-bottom:16px;color:var(--color-text-muted)}.view-copy-source-label{display:flex;gap:16px;margin-bottom:12px}.view-copy-source-title{font-weight:600;color:var(--color-brand-primary)}.view-copy-radio-label{display:flex;align-items:center;gap:4px}.view-copy-section{margin-bottom:16px}.view-copy-label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-brand-primary)}.view-copy-select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--color-border-light)}.view-copy-item-header{display:flex;align-items:center;gap:8px}.view-copy-template-badge{font-size:.7rem;padding:2px 6px;background-color:var(--color-brand-primary);color:var(--color-text-white);border-radius:4px}.view-copy-error{padding:8px;margin-bottom:8px;background-color:var(--color-error-bg);color:var(--color-danger);border-radius:4px}.users-container,.users-content{width:100%}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.users-title{font-size:1.5rem;font-weight:500;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em}.add-user-btn{background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-family:var(--font-family-primary);letter-spacing:-.01em}.add-user-btn:hover{background-color:var(--color-brand-primary-hover);transform:translateY(-1px)}.user-avatar-container{width:100%;height:130px;background-color:var(--color-bg-white);border-radius:4px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-bg-white)}.user-avatar{width:60px;height:60px;background-color:var(--color-hover-brand-color);border:2px solid var(--color-hover-shadow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--color-brand-primary);font-family:var(--font-family-primary)}.user-info{display:flex;flex-direction:column;gap:.5rem}.user-name{font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em}.user-email{font-size:.75rem;color:var(--color-brand-primary);opacity:.6;margin:.25rem 0 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.75rem;color:var(--color-brand-primary);opacity:.8;margin:.25rem 0 0;line-height:1.2;text-transform:uppercase;font-weight:500}.add-user-card{cursor:pointer;transition:all .2s ease;padding:1rem;border:2px dashed var(--color-border-gray);border-radius:6px;background-color:var(--color-bg-white)}.add-user-card:hover{border-color:var(--color-brand-primary);background-color:var(--color-bg-white)}.add-user-icon-container{width:100%;height:130px;border-radius:4px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.add-user-icon{font-size:2rem;color:var(--color-brand-primary);opacity:.5;font-weight:300}.add-user-label{font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em;text-align:center;opacity:.7}.users-loading-container{width:100%;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.users-loading-text{color:var(--color-brand-primary)}.invite-user-card{cursor:pointer;transition:all .2s ease;padding:1rem;border:2px dashed var(--color-border-gray);border-radius:6px;background-color:var(--color-bg-white)}.invite-user-card:hover{border-color:var(--color-brand-primary);background-color:var(--color-bg-white)}.invite-user-icon-container{width:100%;height:130px;border-radius:4px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.invite-user-icon{font-size:2rem;color:var(--color-brand-primary);opacity:.5;font-weight:300}.invite-user-label{font-size:.9rem;font-weight:500;color:var(--color-brand-primary);margin:0;letter-spacing:-.01em;text-align:center;opacity:.7}@media(max-width:768px){.users-header{flex-direction:column;gap:1rem;align-items:flex-start}.users-grid{grid-template-columns:1fr}.add-user-btn{width:100%}}.activity-type-manager-container{padding:2rem;max-width:1400px;margin:0 auto}.activity-type-manager-header{margin-bottom:2rem}.activity-type-manager-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.activity-type-manager-error{padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error-text);margin-bottom:1rem}.activity-type-manager-content{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;align-items:start}.activity-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border-gray)}.activity-section-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.activity-create-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.activity-create-category{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-create-category:hover{background:var(--color-brand-primary)}.activity-create-type{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-create-type:hover{background:var(--color-brand-primary)}.activity-category-section{background:var(--color-bg-white);border:1px solid var(--color-border-brand-light);border-radius:24px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.activity-category-list{display:flex;flex-direction:column;gap:.5rem}.activity-category-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border-brand-light);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--color-bg-white)}.activity-category-item:hover{background:var(--color-bg-hover);border-color:var(--color-hover-shadow)}.activity-category-item.active{background:#fef0ed;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-border-brand-light)}.activity-category-info{flex:1;min-width:0}.activity-category-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.activity-category-meta{display:flex;gap:.75rem;align-items:center;font-size:.75rem}.activity-category-code{background:var(--color-hover-brand-color);color:var(--color-brand-primary);padding:.2rem .5rem;border-radius:4px;font-weight:500;font-family:var(--font-family-primary)}.activity-category-count{color:var(--color-text-primary)}.activity-category-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.activity-category-item:hover .activity-category-actions{opacity:1}.activity-type-section{background:var(--color-bg-white);border:1px solid var(--color-border-brand-light);border-radius:24px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.activity-type-list{display:flex;flex-direction:column;gap:.5rem}.activity-type-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border-brand-light);border-radius:12px;background:var(--color-bg-white);transition:all .2s}.activity-type-item:hover{background:var(--color-bg-hover);border-color:var(--color-hover-shadow)}.activity-type-info{flex:1;min-width:0}.activity-type-display{margin-bottom:.25rem;font-size:1rem}.activity-type-name{color:var(--color-text-primary);font-weight:600}.activity-type-meta{display:flex;gap:.75rem;align-items:center;font-size:.75rem}.activity-type-code{background:var(--color-hover-brand-color);color:var(--color-brand-primary);padding:.2rem .5rem;border-radius:4px;font-weight:500;font-family:var(--font-family-primary)}.activity-type-order{color:var(--color-text-primary)}.activity-type-inactive{background:var(--color-error-bg);color:var(--color-error-text);padding:.2rem .5rem;border-radius:4px;font-weight:500}.activity-type-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.activity-type-item:hover .activity-type-actions{opacity:1}.activity-btn{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;font-size:1.125rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.activity-edit{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.activity-edit:hover{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-delete{background:var(--color-danger-bg);color:var(--color-danger)}.activity-delete:hover{background:var(--color-danger);color:var(--color-bg-white)}.activity-empty{padding:3rem 2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.activity-type-manager-loading{text-align:center;padding:3rem;color:var(--color-text-primary);font-size:1rem}.activity-type-manager-unauthorized{text-align:center;padding:3rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:24px;color:var(--color-warning-text)}.activity-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000}.activity-form-modal{background:var(--color-bg-white);border-radius:24px;width:90%;max-width:500px;box-shadow:0 8px 32px var(--color-shadow-default)}.activity-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border-brand-light)}.activity-form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.activity-form-close{background:none;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.activity-form-close:hover{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.activity-form{padding:1.5rem}.activity-form-field{margin-bottom:1.25rem}.activity-form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary);font-size:.875rem}.field-hint{font-weight:400;color:var(--color-text-primary);font-size:.75rem}.activity-form-field input,.activity-form-field select,.activity-form-field textarea{width:100%;padding:.75rem;border:1px solid var(--color-hover-shadow);border-radius:12px;font-size:.875rem;transition:all .2s;font-family:var(--font-family-primary)}.activity-form-field input:focus,.activity-form-field select:focus,.activity-form-field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-border-brand-light)}.activity-form-field textarea{resize:vertical;min-height:80px}.activity-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-brand-light)}.activity-form-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.activity-form-cancel{background:var(--color-bg-white);color:var(--color-text-primary)}.activity-form-cancel:hover{background:var(--color-border-gray);color:var(--color-text-primary)}.activity-form-submit{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-form-submit:hover{background:var(--color-brand-primary)}@media(max-width:1024px){.activity-type-manager-content{grid-template-columns:1fr}.activity-category-section{max-height:400px;overflow-y:auto}}.activity-type-form-header h3{margin:0;font-size:1.25rem;font-weight:600}.activity-type-form-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.activity-type-form-close:hover{color:var(--color-text-primary)}.activity-type-form{padding:1.5rem}.activity-type-form-field{margin-bottom:1.25rem}.activity-type-form-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.activity-type-form-field input,.activity-type-form-field select{width:100%;padding:.5rem;border:1px solid var(--color-border-light);border-radius:4px;font-size:.875rem}.activity-type-form-field input:focus,.activity-type-form-field select:focus{outline:none;border-color:var(--color-brand-primary)}.activity-type-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-gray)}.activity-type-form-btn{padding:.5rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.activity-type-form-cancel{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.activity-type-form-cancel:hover{background:var(--color-bg-white)}.activity-type-form-submit{background:var(--color-brand-primary);color:var(--color-bg-white)}.activity-type-form-submit:hover{background:var(--color-brand-primary)}.data-table{width:100%;background:var(--color-bg-white);border-radius:8px;box-shadow:var(--color-shadow-light);overflow:hidden}.data-table-container{width:100%;overflow-x:auto}.data-table-grid{display:grid;width:100%;min-width:100%}.data-table-header{display:contents}.data-table-header-cell{padding:.5rem .75rem;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-white);border-bottom:2px solid var(--color-border-gray);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;position:sticky;top:0;z-index:10;position:relative}.data-table-header-content{display:flex;align-items:center;gap:.25rem;width:100%}.data-table-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.data-table-sortable:hover{background-color:var(--color-bg-hover)}.data-table-sort-icon{color:var(--color-neutral-gray);font-size:.75rem;opacity:.5}.data-table-sortable:hover .data-table-sort-icon{opacity:1}.data-table-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;-webkit-user-select:none;user-select:none;background:transparent;z-index:1}.data-table-resize-handle:hover,.data-table-resize-handle:active{background:var(--color-brand-primary)}.data-table-row{display:contents}.data-table-cell{padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-white);display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.data-table-align-left{justify-content:flex-start;text-align:left}.data-table-align-center{justify-content:center;text-align:center}.data-table-align-right{justify-content:flex-end;text-align:right}.data-table-hoverable .data-table-row:hover .data-table-cell{background-color:var(--color-bg-hover);cursor:pointer}.data-table-striped .data-table-row:nth-of-type(2n) .data-table-cell{background-color:var(--color-bg-white)}.data-table-bordered{border:1px solid var(--color-border-gray)}.data-table-bordered .data-table-cell,.data-table-bordered .data-table-header-cell{border-right:1px solid var(--color-bg-white)}.data-table-bordered .data-table-cell:last-child,.data-table-bordered .data-table-header-cell:last-child{border-right:none}.data-table-compact .data-table-header-cell{padding:.375rem .5rem;font-size:.75rem}.data-table-compact .data-table-cell{padding:.375rem .5rem;font-size:.8125rem}.data-table-row-selected .data-table-cell{background-color:var(--color-hover-brand-color);border-color:var(--color-hover-shadow)}.data-table-hoverable .data-table-row-selected:hover .data-table-cell{background-color:var(--color-hover-brand-color)}.data-table-checkbox-cell{justify-content:center;padding:.5rem}.data-table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-brand-primary)}.data-table-expand-cell{justify-content:center;padding:.5rem}.data-table-expand-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-brand-primary);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s;width:24px;height:24px}.data-table-expand-btn:hover{color:var(--color-brand-primary);transform:scale(1.1)}.data-table-expanded-row{grid-column:1 / -1;border-bottom:1px solid var(--color-bg-white)}.data-table-expanded-content{padding:1rem;background-color:var(--color-bg-white);border-top:1px solid var(--color-border-gray)}.data-table-loading{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:8px}.data-table-loading-text{color:var(--color-brand-primary);font-size:.875rem;font-weight:500}.data-table-empty{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:8px}.data-table-empty-text{color:var(--color-neutral-gray);font-size:.875rem}.data-table-row:last-of-type .data-table-cell{border-bottom:none}@media(max-width:768px){.data-table-grid{display:block}.data-table-header{display:none}.data-table-row{display:block;border-bottom:1px solid var(--color-bg-white);padding:1rem}.data-table-row:last-child{border-bottom:none}.data-table-cell{border-bottom:none;padding:.5rem 0;display:flex;justify-content:space-between}.data-table-cell:before{content:attr(data-label);font-weight:600;text-transform:uppercase;font-size:.75rem;color:var(--color-neutral-gray);margin-right:1rem}.data-table-checkbox-cell,.data-table-expand-cell{display:flex;justify-content:flex-start}.data-table-expanded-content{padding:.5rem}}.event-details-modal .generic-modal-body{padding:0;max-height:70vh;overflow-y:auto}.event-detail-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.event-detail-section{border:1px solid var(--color-hover-brand-color);border-radius:8px;padding:1.25rem;background:var(--color-bg-white)}.event-detail-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-brand-primary);padding-bottom:.5rem;border-bottom:2px solid var(--color-hover-brand-color)}.event-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.event-detail-item{display:flex;flex-direction:column;gap:.25rem}.event-detail-item-full{grid-column:1 / -1}.event-detail-label{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.event-detail-value{font-size:.875rem;color:var(--color-text-primary);word-break:break-all}.event-detail-value code,code.event-detail-value{background:var(--color-bg-white);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-family-primary);font-size:.8125rem;display:inline-block}.event-detail-type-code{background:var(--color-hover-brand-color);color:var(--color-brand-primary);font-weight:600}.event-detail-checksum{font-size:.75rem;background:var(--color-success-bg);color:var(--color-success)}.event-detail-json{background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:6px;padding:1rem;overflow-x:auto;font-family:var(--font-family-primary);font-size:.8125rem;line-height:1.5;color:var(--color-text-primary);margin:0;max-height:400px;overflow-y:auto}.event-detail-json-inline{background:var(--color-bg-white);padding:.5rem;border-radius:4px;font-size:.75rem;margin:.25rem 0 0;max-height:150px;overflow:auto}.event-detail-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.event-detail-comparison-section{border:1px solid var(--color-border-gray);border-radius:6px;overflow:hidden}.event-detail-comparison-title{margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:600;background:var(--color-bg-white);border-bottom:1px solid var(--color-border-gray)}.event-detail-comparison-section .event-detail-json{border:none;border-radius:0;margin:0}.event-detail-changes,.event-detail-changes-list{display:flex;flex-direction:column;gap:.75rem}.event-detail-change-item{border:1px solid var(--color-border-gray);border-radius:6px;padding:.75rem;background:var(--color-bg-white)}.event-detail-change-field{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-gray)}.event-detail-change-field strong{color:var(--color-brand-primary);font-size:.875rem}.event-detail-change-values{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.event-detail-change-old,.event-detail-change-new{display:flex;flex-direction:column;gap:.25rem}.event-detail-change-label{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase}.event-detail-change-old code{background:var(--color-change-old-bg);color:var(--color-change-old-text)}.event-detail-change-new code{background:var(--color-success-bg);color:var(--color-success)}.event-detail-change-values code{padding:.25rem .5rem;border-radius:4px;font-size:.8125rem;display:inline-block;word-break:break-all}.event-detail-change-arrow{font-size:1.25rem;color:var(--color-text-muted);font-weight:700}.event-detail-metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.event-detail-metadata-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--color-bg-white);border-radius:6px;border:1px solid var(--color-border-gray)}.event-detail-metadata-key{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.event-detail-metadata-value{font-size:.875rem;color:var(--color-text-primary);word-break:break-word}.event-detail-metadata-value code{background:var(--color-bg-white);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border-gray)}.event-detail-empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-style:italic}.event-detail-json::-webkit-scrollbar,.event-detail-json-inline::-webkit-scrollbar,.event-details-modal .generic-modal-body::-webkit-scrollbar{width:8px;height:8px}.event-detail-json::-webkit-scrollbar-track,.event-detail-json-inline::-webkit-scrollbar-track,.event-details-modal .generic-modal-body::-webkit-scrollbar-track{background:var(--color-bg-white);border-radius:4px}.event-detail-json::-webkit-scrollbar-thumb,.event-detail-json-inline::-webkit-scrollbar-thumb,.event-details-modal .generic-modal-body::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.event-detail-json::-webkit-scrollbar-thumb:hover,.event-detail-json-inline::-webkit-scrollbar-thumb:hover,.event-details-modal .generic-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@media(max-width:768px){.event-detail-comparison{grid-template-columns:1fr}.event-detail-change-values{grid-template-columns:1fr;gap:.5rem}.event-detail-change-arrow{transform:rotate(90deg)}.event-detail-grid,.event-detail-metadata-grid{grid-template-columns:1fr}}.audit-dashboard-container{padding:0 2rem 0 0;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden!important;position:relative}.audit-dashboard-table-wrapper{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;position:relative;margin:0 -2rem;padding:0 0 0 2rem}.audit-dashboard-table-wrapper::-webkit-scrollbar{width:4px}.audit-dashboard-table-wrapper::-webkit-scrollbar-track{background:transparent;margin:10px 0}.audit-dashboard-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:3px}.audit-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;flex-shrink:0}.audit-dashboard-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-brand-primary)}.audit-refresh-controls{display:flex;align-items:center;gap:1rem}.audit-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text-primary)}.audit-refresh-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.audit-refresh-interval{padding:.5rem .75rem;border:1px solid var(--color-border-light);border-radius:17px;font-size:.875rem;background:var(--color-bg-white);cursor:pointer;outline:none;transition:all .2s}.audit-refresh-interval:hover{border-color:var(--color-brand-primary)}.audit-refresh-interval:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.audit-dashboard-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--color-bg-white);border:1px solid var(--color-hover-brand-color);border-radius:17px;box-shadow:var(--color-shadow-light);flex-shrink:0}.audit-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px;flex:1}.audit-filter-group label{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.audit-filter-group select,.audit-filter-group input{padding:.625rem .875rem;border:1px solid var(--color-border-light);border-radius:17px;font-size:.875rem;outline:none;transition:all .2s;background:var(--color-bg-white)}.audit-filter-group select:hover,.audit-filter-group input:hover{border-color:var(--color-hover-brand-color)}.audit-filter-group select:focus,.audit-filter-group input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-brand-color)}.audit-apply-filters-btn{padding:.625rem 1.5rem;background:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:17px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;align-self:flex-end;white-space:nowrap}.audit-apply-filters-btn:hover{background:var(--color-brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.audit-apply-filters-btn:active{transform:translateY(0)}.audit-dashboard-error{padding:1rem 1.25rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:17px;color:var(--color-error-text);margin-bottom:1rem;font-size:.875rem}.audit-load-more-btn{display:block;margin:1.5rem auto 0;padding:.75rem 2rem;background:var(--color-bg-white);color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:17px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.audit-load-more-btn:hover{background:var(--color-brand-primary);color:var(--color-bg-white);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.audit-load-more-btn:active{transform:translateY(0)}.audit-loading-more{text-align:center;padding:1rem;color:var(--color-text-primary);font-size:.875rem;font-style:italic}.audit-dashboard-container .data-table,.audit-dashboard-container .data-table-container,.audit-dashboard-container .data-table-grid{width:100%}.audit-dashboard-container .data-table-row{cursor:pointer;transition:background-color .15s ease}.audit-dashboard-container .data-table-row:hover,.audit-dashboard-container .data-table-row:active{background-color:var(--color-hover-brand-color)}@media(max-width:1024px){.audit-dashboard-container{padding:1.5rem}.audit-dashboard-header{flex-direction:column;align-items:flex-start}.audit-refresh-controls{width:100%;justify-content:flex-start}}@media(max-width:768px){.audit-dashboard-container{padding:1rem}.audit-dashboard-header h1{font-size:1.5rem}.audit-dashboard-filters{padding:1rem}.audit-filter-group{min-width:100%}.audit-apply-filters-btn{width:100%}}.info-template-manager-container{padding:2rem;max-width:1400px;margin:0 auto}.info-template-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.info-template-manager-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary)}.info-template-create-btn{padding:.75rem 1.5rem;background:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:17px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.info-template-create-btn:hover{background:var(--color-brand-primary-hover)}.info-template-manager-error{padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error-text);margin-bottom:1rem}.info-template-manager-loading{text-align:center;padding:3rem;color:var(--color-text-primary);font-size:1rem}.info-template-manager-unauthorized{text-align:center;padding:2rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:4px;color:var(--color-warning-text)}.info-template-empty-state{text-align:center;padding:3rem;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:8px;color:var(--color-text-muted)}.info-template-groups-container{display:flex;flex-direction:column;gap:1.5rem}.info-template-group{background:var(--color-bg-white);border:1px solid var(--color-hover-brand-color);border-radius:17px;box-shadow:var(--color-shadow-light);overflow:hidden;transition:all .2s}.info-template-group.expanded{border-color:var(--color-hover-brand-color)}.info-template-group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--color-hover-brand-color);border-bottom:1px solid var(--color-hover-brand-color)}.info-template-group-header-left{display:flex;align-items:center;gap:.75rem}.info-template-group-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-primary);padding:.25rem .5rem;transition:color .2s}.info-template-group-toggle:hover{color:var(--color-text-primary)}.info-template-group-name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-brand-primary)}.info-template-group-count{font-size:.875rem;color:var(--color-text-muted);font-weight:400}.info-template-group-actions{display:flex;gap:.5rem}.info-template-group-btn{padding:.5rem 1rem;border:none;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.info-template-add-template{background:var(--color-brand-primary);color:var(--color-bg-white)}.info-template-add-template:hover{background:var(--color-brand-primary-hover)}.info-template-edit-group{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.info-template-edit-group:hover{background:var(--color-hover-shadow)}.info-template-delete-group{background:var(--color-danger-bg);color:var(--color-danger)}.info-template-delete-group:hover{background:var(--color-danger-bg-hover)}.info-template-group-content{padding:1rem}.info-template-list{display:flex;flex-direction:column;gap:.75rem}.info-template-empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-style:italic}.info-template-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-white);border:1px solid var(--color-hover-brand-color);border-radius:12px;transition:all .2s}.info-template-item:hover{background:var(--color-hover-brand-color);border-color:var(--color-hover-shadow)}.info-template-order-controls{display:flex;flex-direction:column;gap:.25rem}.info-template-order-btn{background:var(--color-hover-brand-color);border:1px solid var(--color-hover-shadow);border-radius:4px;cursor:pointer;font-size:.625rem;padding:.25rem .5rem;color:var(--color-brand-primary);transition:all .2s}.info-template-order-btn:hover:not(:disabled){background:var(--color-hover-brand-color);border-color:var(--color-hover-brand-color)}.info-template-order-btn:disabled{opacity:.3;cursor:not-allowed}.info-template-info{flex:1}.info-template-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.info-template-name{font-size:1rem;font-weight:600;color:var(--color-brand-primary)}.info-template-type-badge{padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;text-transform:uppercase}.info-template-type-string{background:var(--color-type-string-bg);color:var(--color-type-string-text)}.info-template-type-boolean{background:var(--color-type-boolean-bg);color:var(--color-type-boolean-text)}.info-template-type-date{background:var(--color-type-date-bg);color:var(--color-type-date-text)}.info-template-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-primary)}.info-template-key{font-family:var(--font-family-primary);background:var(--color-bg-white);padding:.125rem .375rem;border-radius:3px;border:1px solid var(--color-border-light)}.info-template-sort{color:var(--color-text-muted)}.info-template-actions{display:flex;gap:.5rem}.info-template-btn{padding:.5rem 1rem;border:none;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.info-template-edit{background:var(--color-hover-brand-color);color:var(--color-brand-primary)}.info-template-edit:hover{background:var(--color-hover-shadow)}.info-template-delete{background:var(--color-danger-bg);color:var(--color-danger)}.info-template-delete:hover{background:var(--color-danger-bg-hover)}.info-template-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000}.info-template-form-modal{position:absolute;top:50px;right:50px;bottom:50px;left:50px;background:var(--color-bg-white);border-radius:24px;box-shadow:var(--color-shadow-default);display:flex;flex-direction:column;max-width:600px;max-height:calc(100vh - 100px);margin:auto}.info-template-form-header{display:flex;justify-content:space-between;align-items:center;padding:7px 7px 0;flex-shrink:0}.info-template-form-header h3{margin:0;padding:10px;font-size:1.25rem;font-weight:600;color:var(--color-brand-primary)}.info-template-form-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.info-template-form-close:hover{color:var(--color-brand-primary)}.info-template-form{flex:1;overflow:auto;border-radius:17px;border:1px solid var(--color-hover-brand-color);padding:10px;margin:0 7px 7px}.info-template-form-field{margin-bottom:1.25rem}.info-template-form-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-brand-primary)}.info-template-form-field input,.info-template-form-field select{width:100%;padding:6px 8px;border:1px solid var(--color-hover-brand-color);border-radius:4px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);transition:border-color .2s}.info-template-form-field input:focus,.info-template-form-field select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.info-template-form-field small{display:block;margin-top:.375rem;font-size:.75rem;color:var(--color-text-muted);font-style:italic}.info-template-type-description{color:var(--color-brand-primary)!important;font-style:normal!important;font-weight:500}.info-template-config-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--color-hover-brand-color)}.info-template-config-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-brand-primary)}.info-template-form-field textarea{width:100%;padding:6px 8px;border:1px solid var(--color-hover-brand-color);border-radius:4px;font-size:.875rem;font-family:var(--font-family-primary);resize:vertical;transition:border-color .2s}.info-template-form-field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.info-template-has-config{font-size:1rem;cursor:help}.fixed-items-manager{display:flex;flex-direction:column;gap:.75rem}.fixed-item{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:var(--color-hover-brand-color);border:1px solid var(--color-hover-brand-color);border-radius:8px}.fixed-item-divider{background:var(--color-hover-brand-color);border:1px dashed var(--color-hover-brand-color)}.fixed-item-order-controls{display:flex;flex-direction:column;gap:2px}.fixed-item-order-btn{background:var(--color-hover-brand-color);color:var(--color-brand-primary);border:1px solid var(--color-hover-shadow);border-radius:4px;width:24px;height:20px;cursor:pointer;font-size:.7rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.fixed-item-order-btn:hover:not(:disabled){background:var(--color-hover-shadow);border-color:var(--color-brand-primary)}.fixed-item-order-btn:disabled{opacity:.3;cursor:not-allowed}.fixed-item-divider-indicator{padding:6px 12px;font-weight:600;color:var(--color-brand-primary);letter-spacing:2px;-webkit-user-select:none;user-select:none;background:var(--color-hover-brand-color);border-radius:4px;font-size:.7rem}.fixed-item-divider-input{font-weight:600!important;color:var(--color-brand-primary)!important;font-style:italic}.fixed-item input{flex:1;padding:6px 8px;border:1px solid var(--color-hover-shadow);border-radius:4px;font-size:.875rem}.fixed-item input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-hover-shadow)}.fixed-item-remove{background:var(--color-danger-bg);color:var(--color-danger);border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;white-space:nowrap}.fixed-item-remove:hover{background:var(--color-danger-bg-hover)}.fixed-items-actions{display:flex;gap:.5rem;flex-wrap:wrap}.fixed-items-add{background:var(--color-hover-brand-color);color:var(--color-brand-primary);border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.fixed-items-add:hover{background:var(--color-hover-shadow)}.fixed-items-add-divider{background:var(--color-hover-brand-color);color:var(--color-brand-primary);border:1px dashed var(--color-hover-brand-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.fixed-items-add-divider:hover{background:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.fixed-items-empty{padding:1rem;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.875rem;background:var(--color-hover-brand-color);border:1px dashed var(--color-hover-shadow);border-radius:8px}.info-template-type-number{background:var(--color-type-number-bg);color:var(--color-type-number-text)}.info-template-type-text{background:var(--color-type-string-bg);color:var(--color-type-string-text)}.info-template-type-relations{background:var(--color-type-date-bg);color:var(--color-type-date-text)}.info-template-type-other{background:var(--color-type-boolean-bg);color:var(--color-type-boolean-text)}.info-template-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-hover-brand-color)}.info-template-form-btn{padding:.625rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.info-template-form-cancel{background:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid transparent}.info-template-form-cancel:hover{background:var(--color-hover-brand-color)}.info-template-form-submit{background:var(--color-brand-primary);color:var(--color-bg-white)}.info-template-form-submit:hover{background:var(--color-brand-primary-hover)}.info-template-visibility-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-gray)}.info-template-visibility-section h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--color-brand-primary)}.info-template-visibility-rules{margin-top:1rem;padding:1rem;background:var(--color-bg-white);border-radius:8px;border:1px solid var(--color-border-gray)}.info-template-visibility-rule-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.info-template-visibility-select,.info-template-visibility-input{flex:1;min-width:150px;padding:.5rem;border:1px solid var(--color-border-light);border-radius:4px;font-size:.875rem}.info-template-visibility-select:disabled,.info-template-visibility-input:disabled{background:var(--color-bg-white);color:var(--color-text-muted);cursor:not-allowed}.info-template-visibility-preview{margin-top:.75rem;padding:.75rem;background:var(--color-bg-white);border-left:3px solid var(--color-brand-primary);border-radius:4px}.info-template-visibility-preview small{color:var(--color-text-primary);font-size:.875rem}.info-template-visibility-preview strong{color:var(--color-brand-primary)}.info-template-visibility-logic-select{width:100%;padding:.5rem;border:1px solid var(--color-border-light);border-radius:4px;font-size:.875rem;margin-bottom:1rem;background:var(--color-bg-white)}.info-template-visibility-condition{margin-bottom:1rem;padding:1rem;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:6px}.info-template-visibility-condition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.info-template-visibility-condition-label{font-size:.85rem;font-weight:600;color:var(--color-brand-primary)}.info-template-visibility-condition-remove{background:var(--color-danger-bg);color:var(--color-danger);border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.info-template-visibility-condition-remove:hover{background:var(--color-danger-bg-hover)}.info-template-visibility-add-condition{background:var(--color-hover-brand-color);color:var(--color-brand-primary);border:1px solid var(--color-hover-shadow);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;width:100%}.info-template-visibility-add-condition:hover{background:var(--color-hover-shadow);border-color:var(--color-hover-brand-color)}@media(max-width:768px){.info-template-manager-container{padding:1rem}.info-template-manager-header,.info-template-group-header{flex-direction:column;align-items:flex-start;gap:1rem}.info-template-group-actions{width:100%;justify-content:flex-end}.info-template-item{flex-wrap:wrap}.info-template-actions{width:100%;justify-content:flex-end}.info-template-form-modal{width:95%}}.group-builder{height:100%;display:flex;flex-direction:column;background:var(--color-disabled-bg)}.group-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-bg-white);border-bottom:1px solid var(--color-border-gray-dark)}.group-builder-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.group-builder-actions{display:flex;gap:12px}.group-builder-content{flex:1;display:flex;overflow:hidden}.group-builder-sidebar{width:300px;background:var(--color-bg-white);border-right:1px solid var(--color-border-gray-dark);display:flex;flex-direction:column}.group-builder-sidebar h3{margin:0;padding:16px 20px;font-size:14px;font-weight:600;color:var(--color-neutral-gray);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-gray-dark)}.groups-list{flex:1;overflow-y:auto;padding:8px}.group-item{padding:12px;margin-bottom:8px;background:var(--color-disabled-bg);border:1px solid var(--color-border-gray-dark);border-radius:6px;cursor:pointer;transition:all .2s ease}.group-item:hover{background:var(--color-hover-gray);border-color:var(--color-border-gray-dark)}.group-item.selected{background:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.group-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.group-icon{font-size:18px}.group-name{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary)}.group-item-actions{display:flex;gap:8px}.group-builder-main{flex:1;overflow-y:auto;padding:24px}.group-builder-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-hover-gray-border);font-size:14px}.group-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border-gray-dark)}.group-viewer-header h3{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:12px}.group-icon-large{font-size:32px}.group-description{margin:8px 0 0;color:var(--color-neutral-gray);font-size:14px}.group-viewer-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:var(--color-bg-white);border-radius:8px;border:1px solid var(--color-border-gray-dark)}.info-value{font-size:14px;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;border:1px solid var(--color-border-gray-dark)}.group-viewer-rules h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.rule-viewer{padding:16px;margin-bottom:12px;background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:8px}.rule-viewer-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border-gray-dark)}.rule-viewer-name{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary)}.rule-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.rule-status.enabled{background:var(--color-success-bg-hover);color:var(--color-success)}.rule-status.disabled{background:var(--color-danger-bg-hover);color:var(--color-danger)}.rule-logic{padding:2px 8px;background:var(--color-hover-gray);border-radius:4px;font-size:11px;font-weight:600;color:var(--color-neutral-gray)}.rule-viewer-conditions{display:flex;flex-direction:column;gap:8px}.condition-viewer code{display:block;padding:8px 12px;background:var(--color-disabled-bg);border:1px solid var(--color-border-gray-dark);border-radius:4px;font-size:12px;font-family:var(--font-family-primary);color:var(--color-text-primary)}.group-editor{background:var(--color-bg-white);border-radius:8px;padding:24px}.group-editor h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{margin:0}.rule-editor{padding:16px;margin-bottom:16px;background:var(--color-disabled-bg);border:1px solid var(--color-border-gray-dark);border-radius:8px}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border-gray-dark)}.rule-header-left{display:flex;align-items:center;gap:12px;flex:1}.rule-name-input{flex:1;padding:6px 10px;font-size:14px;font-weight:500;border:1px solid var(--color-border-gray-dark);border-radius:4px}.rule-logic-select{padding:6px 10px;font-size:12px;border:1px solid var(--color-border-gray-dark);border-radius:4px;background:var(--color-bg-white)}.rule-enabled{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-primary);cursor:pointer}.conditions-list{display:flex;flex-direction:column;gap:8px}.condition-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center}.condition-row select,.condition-row input{padding:8px 10px;font-size:13px;border:1px solid var(--color-border-gray-dark);border-radius:4px;background:var(--color-bg-white)}.condition-value{min-width:1fr}.condition-metadata-path{grid-column:3;margin-top:4px}.group-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-gray-dark)}.btn-sm{padding:6px 12px;font-size:13px}.view-builder{height:100%;display:flex;flex-direction:column;background:var(--color-disabled-bg)}.view-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-bg-white);border-bottom:1px solid var(--color-border-gray-dark)}.view-builder-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.view-builder-actions{display:flex;gap:12px}.view-builder-content{flex:1;display:flex;overflow:hidden}.view-builder-sidebar{width:300px;background:var(--color-bg-white);border-right:1px solid var(--color-border-gray-dark);display:flex;flex-direction:column}.view-builder-sidebar h3{margin:0;padding:16px 20px;font-size:14px;font-weight:600;color:var(--color-neutral-gray);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-gray-dark)}.views-list{flex:1;overflow-y:auto;padding:8px}.view-item{padding:12px;margin-bottom:8px;background:var(--color-disabled-bg);border:1px solid var(--color-border-gray-dark);border-radius:6px;cursor:pointer;transition:all .2s ease}.view-item:hover{background:var(--color-hover-gray);border-color:var(--color-border-gray-dark)}.view-item.selected{background:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.view-item.default{border-color:var(--color-success);background:var(--color-status-active-bg)}.view-item.default.selected{background:var(--color-success-bg-hover);border-color:var(--color-success)}.view-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.view-icon{font-size:18px}.view-name{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.default-badge{display:inline-block;padding:2px 6px;background:var(--color-success);color:var(--color-bg-white);font-size:10px;font-weight:600;border-radius:3px;text-transform:uppercase}.view-item-meta{font-size:12px;color:var(--color-neutral-gray);margin-bottom:8px}.view-groups-count{font-size:11px;color:var(--color-hover-gray-border)}.view-item-actions{display:flex;gap:8px}.view-builder-main{flex:1;overflow-y:auto;padding:24px}.view-builder-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-hover-gray-border);font-size:14px}.view-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border-gray-dark)}.view-viewer-header h3{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:12px}.view-icon-large{font-size:32px}.default-badge-large{padding:4px 12px;background:var(--color-success);color:var(--color-bg-white);font-size:12px;font-weight:600;border-radius:6px;text-transform:uppercase}.view-description{margin:8px 0 0;color:var(--color-neutral-gray);font-size:14px}.view-viewer-actions{display:flex;gap:12px}.view-viewer-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:var(--color-bg-white);border-radius:8px;border:1px solid var(--color-border-gray-dark)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:600;color:var(--color-neutral-gray);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:14px;color:var(--color-text-primary)}.view-viewer-groups h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.included-groups{display:flex;flex-direction:column;gap:12px}.included-group{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:8px}.included-group-icon{font-size:24px}.included-group-info{flex:1;display:flex;flex-direction:column;gap:2px}.included-group-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.included-group-description{font-size:12px;color:var(--color-neutral-gray)}.included-group-color{width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border-gray-dark)}.view-editor{background:var(--color-bg-white);border-radius:8px;padding:24px}.view-editor h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.form-section{margin-bottom:32px}.form-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.form-hint{margin:0 0 16px;font-size:13px;color:var(--color-neutral-gray)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:500;color:var(--color-text-primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-group input,.form-group select{padding:8px 12px;font-size:14px;border:1px solid var(--color-border-gray-dark);border-radius:6px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-border-brand-light)}.groups-selection{display:flex;flex-direction:column;gap:8px}.group-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:6px;cursor:pointer;transition:all .2s ease}.group-checkbox:hover{background:var(--color-disabled-bg);border-color:var(--color-border-gray-dark)}.group-checkbox.selected{background:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.group-checkbox-icon{font-size:20px}.group-checkbox-info{flex:1;display:flex;flex-direction:column;gap:2px}.group-checkbox-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.group-checkbox-description{font-size:12px;color:var(--color-neutral-gray)}.group-checkbox-color{width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border-gray-dark)}.view-preview{padding:20px;background:var(--color-disabled-bg);border:1px solid var(--color-border-gray-dark);border-radius:8px}.preview-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-white);border:1px solid var(--color-border-gray-dark);border-radius:6px;margin-bottom:16px}.preview-icon{font-size:20px}.preview-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.preview-info p{margin:8px 0;font-size:13px;color:var(--color-text-primary)}.view-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-gray-dark)}.btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-brand-primary);color:var(--color-bg-white)}.btn-primary:hover{background:var(--color-brand-primary)}.btn-secondary{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border-gray-dark)}.btn-secondary:hover{background:var(--color-disabled-bg);border-color:var(--color-hover-gray-border)}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;transition:opacity .2s ease}.btn-icon:hover{opacity:.7}.listing-data-mapper-container{padding:2rem;max-width:1400px;margin:0 auto}.listing-data-mapper-unauthorized{text-align:center;padding:2rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:4px;color:var(--color-warning-text)}.listing-data-mapper-loading{text-align:center;padding:3rem;color:var(--color-text-primary);font-size:1rem}.listing-data-mapper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.listing-data-mapper-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary)}.listing-data-mapper-description{margin:0;font-size:.875rem;color:var(--color-text-primary);max-width:600px;line-height:1.5}.listing-data-mapper-save-btn{padding:.75rem 1.5rem;background:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:17px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.listing-data-mapper-save-btn:hover:not(:disabled){background:var(--color-brand-primary-hover)}.listing-data-mapper-save-btn:disabled{opacity:.6;cursor:not-allowed}.listing-data-mapper-error{padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:4px;color:var(--color-error-text);margin-bottom:1rem;font-size:.875rem}.listing-data-mapper-content{display:flex;flex-direction:column;gap:1.5rem}.listing-field-mappings{display:flex;flex-direction:column;gap:1rem}.listing-field-mapping-item{padding:1.25rem;background:var(--color-bg-white);border:1px solid var(--color-hover-brand-color);border-radius:17px;box-shadow:var(--color-shadow-light);display:flex;flex-direction:column;gap:1rem;transition:all .2s}.listing-field-mapping-item:hover{border-color:var(--color-hover-shadow)}.listing-field-info{display:flex;flex-direction:column;gap:.5rem}.listing-field-label{display:flex;align-items:center;gap:.75rem;font-size:1rem}.listing-field-label strong{color:var(--color-brand-primary);font-weight:600}.listing-field-type{font-family:var(--font-family-primary);font-size:.75rem;color:var(--color-text-primary);background:var(--color-hover-brand-color);padding:.25rem .5rem;border-radius:8px;border:1px solid var(--color-hover-brand-color)}.listing-field-compatible-types{font-size:.8125rem;color:var(--color-text-muted)}.listing-field-mapping-control{display:flex;align-items:center;gap:1rem}.listing-field-mapping-control label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);min-width:160px}.listing-field-select{flex:1;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--color-hover-shadow);border-radius:12px;background:var(--color-bg-white);cursor:pointer;transition:all .2s;color:var(--color-text-primary)}.listing-field-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-hover-brand-color)}.listing-field-select:hover:not(:disabled){border-color:var(--color-hover-brand-color)}.listing-field-select:disabled{background:var(--color-bg-white);cursor:not-allowed;opacity:.6}.listing-field-current-mapping{padding:.75rem 1rem;background:var(--color-success-bg);border:1px solid var(--color-success-bg-hover);border-radius:12px;color:var(--color-success);font-size:.8125rem}.listing-field-current-mapping strong{font-weight:600}.listing-field-no-compatible{padding:.75rem 1rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-bg-hover);border-radius:12px;color:var(--color-error-text);font-size:.8125rem}.listing-data-mapper-info-box{padding:1.25rem;background:var(--color-hover-brand-color);border:1px solid var(--color-hover-brand-color);border-radius:17px}.listing-data-mapper-info-box h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--color-brand-primary)}.listing-data-mapper-info-box ul{margin:0;padding-left:1.5rem}.listing-data-mapper-info-box li{margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.listing-data-mapper-info-box li:last-child{margin-bottom:0}@media(max-width:768px){.listing-data-mapper-container{padding:1rem}.listing-data-mapper-header{flex-direction:column;gap:1rem;align-items:flex-start}.listing-data-mapper-save-btn{width:100%}.listing-field-mapping-control{flex-direction:column;align-items:stretch}.listing-field-mapping-control label{min-width:auto}}.request-data-mapper-container{width:100%;height:100%;display:flex;flex-direction:column;gap:24px;padding:24px;box-sizing:border-box;overflow-y:auto}.request-data-mapper-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.request-data-mapper-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--color-brand-primary)}.request-data-mapper-description{margin:0;font-size:.95rem;color:var(--color-text-primary);line-height:1.5}.request-data-mapper-save-btn{padding:10px 24px;background-color:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.request-data-mapper-save-btn:hover:not(:disabled){background-color:var(--color-brand-primary)}.request-data-mapper-save-btn:disabled{opacity:.6;cursor:not-allowed}.request-data-mapper-content{display:flex;flex-direction:column;gap:24px}.request-field-mappings{display:flex;flex-direction:column;gap:20px}.request-field-mapping-item{padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-hover-shadow);border-radius:8px;display:flex;flex-direction:column;gap:16px}.request-field-info{display:flex;flex-direction:column;gap:6px}.request-field-label{display:flex;align-items:center;gap:12px;font-size:1.1rem}.request-field-label strong{color:var(--color-brand-primary)}.request-field-type{font-size:.85rem;color:var(--color-text-primary);padding:3px 8px;background-color:var(--color-hover-brand-color);border-radius:4px;font-family:var(--font-family-primary)}.request-field-compatible-types{font-size:.85rem;color:var(--color-scrollbar-thumb)}.request-field-mapping-control{display:flex;flex-direction:column;gap:8px}.request-field-mapping-control label{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.request-field-select{padding:10px 12px;border:1px solid var(--color-hover-brand-color);border-radius:6px;font-size:.95rem;color:var(--color-text-primary);background-color:var(--color-bg-white);cursor:pointer;transition:border-color .2s}.request-field-select:hover:not(:disabled){border-color:var(--color-brand-primary-hover)}.request-field-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-hover-brand-color)}.request-field-select:disabled{opacity:.6;cursor:not-allowed}.request-field-current-mapping{padding:10px 12px;background-color:var(--color-status-active-bg);border:1px solid var(--color-success-bg-hover);border-radius:6px;font-size:.9rem;color:var(--color-success)}.request-field-no-compatible{padding:10px 12px;background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:6px;font-size:.9rem;color:var(--color-warning-text)}.request-data-mapper-info-box{padding:20px;background-color:var(--color-hover-brand-color);border:1px solid var(--color-hover-shadow);border-radius:8px}.request-data-mapper-info-box h3{margin:0 0 12px;font-size:1.1rem;color:var(--color-brand-primary)}.request-data-mapper-info-box ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.request-data-mapper-info-box li{font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.request-data-mapper-error{padding:12px 16px;background-color:var(--color-status-inactive-bg);border:1px solid var(--color-danger-bg-hover);border-radius:6px;color:var(--color-error-text);font-size:.95rem}.request-data-mapper-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:1rem;color:var(--color-text-primary)}.request-data-mapper-unauthorized{padding:40px;text-align:center;font-size:1rem;color:var(--color-text-primary);background-color:var(--color-hover-brand-color);border:1px solid var(--color-hover-shadow);border-radius:8px;margin:24px}@media(max-width:768px){.request-data-mapper-container{padding:16px}.request-data-mapper-header{flex-direction:column}.request-data-mapper-save-btn{width:100%}.request-field-mapping-item{padding:16px}}.request-favorite-manager{padding:20px;max-width:1200px;margin:0 auto}.request-favorite-manager-header{margin-bottom:30px}.request-favorite-manager-header h2{margin:0 0 10px;font-size:24px;font-weight:600;color:var(--color-text-primary)}.request-favorite-manager-header p{margin:0;font-size:14px;color:var(--color-text-primary);line-height:1.5}.request-favorite-manager-loading,.request-favorite-manager-error{text-align:center;padding:40px;font-size:16px}.request-favorite-manager-error{color:var(--color-danger)}.request-favorite-manager-error button{margin-top:15px;padding:8px 20px;background:var(--color-brand-primary);color:var(--color-bg-white);border:none;border-radius:6px;cursor:pointer;font-size:14px}.request-favorite-manager-error button:hover{background:var(--color-brand-primary)}.request-favorite-manager-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.request-favorite-current-section,.request-favorite-available-section{border:1px solid var(--color-border-gray);border-radius:8px;padding:20px;background:var(--color-bg-white)}.request-favorite-current-section h3,.request-favorite-available-section h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.request-favorite-section-description{margin:0 0 20px;font-size:13px;color:var(--color-text-primary);line-height:1.5}.request-favorite-empty{padding:40px 20px;text-align:center;color:var(--color-text-muted);font-size:14px;border:2px dashed var(--color-border-light);border-radius:6px;background:var(--color-bg-white)}.request-favorite-template-list{display:flex;flex-direction:column;gap:8px}.request-favorite-template-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:6px;transition:all .2s}.request-favorite-template-item:hover{border-color:var(--color-brand-primary);box-shadow:0 2px 4px var(--color-hover-brand-color)}.request-favorite-template-item.available{cursor:pointer}.request-favorite-template-item.available:active{transform:scale(.98)}.request-favorite-template-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.request-favorite-template-handle{color:var(--color-text-muted);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1}.request-favorite-template-handle:active{cursor:grabbing}.request-favorite-template-details{flex:1;min-width:0}.request-favorite-template-name{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-favorite-template-meta{font-size:12px;color:var(--color-text-muted)}.request-favorite-template-actions{display:flex;gap:6px;align-items:center}.request-favorite-btn-move,.request-favorite-btn-remove,.request-favorite-btn-add{padding:4px 8px;border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-bg-white);color:var(--color-text-primary);cursor:pointer;font-size:14px;transition:all .2s;line-height:1}.request-favorite-btn-move:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-bg-hover)}.request-favorite-btn-remove{color:var(--color-danger)}.request-favorite-btn-remove:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-error-bg)}.request-favorite-btn-add{color:var(--color-success);font-weight:600}.request-favorite-btn-add:hover:not(:disabled){border-color:var(--color-success);background:var(--color-success-bg)}.request-favorite-btn-move:disabled,.request-favorite-btn-remove:disabled,.request-favorite-btn-add:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.request-favorite-manager-content{grid-template-columns:1fr}}.listing-status-manager-container{padding:2rem;max-width:1200px;margin:0 auto}.listing-status-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.listing-status-manager-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.listing-status-manager-subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted)}.listing-status-header-actions{display:flex;gap:1rem;align-items:center}.listing-status-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.listing-status-toggle input[type=checkbox]{cursor:pointer}.listing-status-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.listing-status-btn-primary{background:var(--color-brand-primary);color:var(--color-text-white)}.listing-status-btn-primary:hover{background:var(--color-brand-primary-hover)}.listing-status-btn-secondary{background:var(--color-bg-white);color:var(--color-brand-primary);border:1px solid var(--color-border-brand-medium)}.listing-status-btn-secondary:hover{background:var(--color-hover-brand-color)}.listing-status-manager-error{padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error-text);margin-bottom:1rem}.listing-status-manager-loading,.listing-status-manager-unauthorized{padding:3rem;text-align:center;color:var(--color-text-muted)}.listing-status-list{display:flex;flex-direction:column;gap:.75rem}.listing-status-empty{padding:3rem;text-align:center;color:var(--color-text-muted);background:var(--color-bg-white);border:2px dashed var(--color-border-gray);border-radius:12px}.listing-status-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-white);border:1px solid var(--color-border-brand-light);border-radius:12px;transition:all .2s}.listing-status-item:hover{background:var(--color-bg-hover);border-color:var(--color-brand-primary);box-shadow:var(--shadow-hover)}.listing-status-item.inactive{opacity:.6;background:var(--color-disabled-bg)}.listing-status-order-controls{display:flex;flex-direction:column;gap:.25rem;align-items:center}.listing-status-order-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--color-text-primary);transition:all .2s}.listing-status-order-btn:hover:not(:disabled){background:var(--color-hover-brand-color);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.listing-status-order-btn:disabled{opacity:.3;cursor:not-allowed}.listing-status-order-number{font-size:.75rem;color:var(--color-text-muted);font-weight:500;min-width:24px;text-align:center}.listing-status-color-indicator{width:32px;height:32px;border-radius:8px;flex-shrink:0;border:2px solid var(--color-bg-white);box-shadow:0 0 0 1px var(--color-border-gray)}.listing-status-info{flex:1;min-width:0}.listing-status-name-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.listing-status-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.listing-status-code{font-size:.75rem;font-family:var(--font-family-primary);background:var(--color-hover-brand-color);color:var(--color-brand-primary);padding:.2rem .5rem;border-radius:4px;font-weight:500}.listing-status-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.listing-status-badge-system{background:var(--color-warning-bg-light);color:var(--color-warning-text-dark)}.listing-status-badge-inactive{background:var(--color-status-inactive-bg);color:var(--color-danger)}.listing-status-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.listing-status-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.listing-status-item:hover .listing-status-actions{opacity:1}.listing-status-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-white);border:1px solid var(--color-border-gray);border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.listing-status-action-btn:hover:not(:disabled){transform:scale(1.1)}.listing-status-action-btn.activate:hover,.listing-status-action-btn.deactivate:hover{background:var(--color-hover-brand-color);border-color:var(--color-brand-primary)}.listing-status-action-btn.edit:hover{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.listing-status-action-btn.delete:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.listing-status-action-btn:disabled{opacity:.3;cursor:not-allowed}.listing-status-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.listing-status-form-modal{background:var(--color-bg-white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.listing-status-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border-gray)}.listing-status-form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.listing-status-form-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:6px;transition:all .2s}.listing-status-form-close:hover{background:var(--color-hover-gray);color:var(--color-text-primary)}.listing-status-form{padding:1.5rem}.listing-status-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.listing-status-form-field{margin-bottom:1.5rem}.listing-status-form-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.field-hint{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.listing-status-form-field input[type=text],.listing-status-form-field input[type=number],.listing-status-form-field select,.listing-status-form-field textarea{width:100%;padding:.625rem;border:1px solid var(--color-border-gray);border-radius:6px;font-size:.875rem;font-family:var(--font-family-primary);transition:all .2s}.listing-status-form-field input:focus,.listing-status-form-field select:focus,.listing-status-form-field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-bg-overlay-brand-light)}.listing-status-form-field textarea{resize:vertical;min-height:60px}.listing-status-color-input{display:flex;gap:.5rem}.listing-status-color-input input[type=color]{width:60px;height:40px;border:1px solid var(--color-border-gray);border-radius:6px;cursor:pointer;padding:2px}.listing-status-color-input input[type=text]{flex:1}.listing-status-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.listing-status-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.listing-status-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-gray)}.listing-status-form-btn{padding:.625rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.listing-status-form-cancel{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border-gray)}.listing-status-form-cancel:hover{background:var(--color-hover-gray)}.listing-status-form-submit{background:var(--color-brand-primary);color:var(--color-text-white)}.listing-status-form-submit:hover{background:var(--color-brand-primary-hover)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal-container{display:flex;width:calc(100% - 100px);height:calc(100% - 100px);background-color:var(--color-bg-white);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px var(--color-shadow-default);padding:5px;gap:4px}.settings-modal-sidebar{flex:0 0 20%;display:flex;flex-direction:column;border:1px solid var(--color-border-gray-dark);border-radius:19px}.settings-modal-sidebar-header{padding:10px 16px;position:relative;flex-shrink:0}.settings-modal-sidebar-header:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:.5px;background:linear-gradient(to right,var(--color-border-gray-dark) 0%,var(--color-border-gray-dark) 50%,var(--color-border-gray-dark) 100%)}.settings-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-brand-primary)}.settings-modal-tabs-container{flex:1;overflow-y:auto;padding:5px 4px 4px;display:flex;flex-direction:column;gap:6px}.settings-modal-tabs-container::-webkit-scrollbar{width:4px}.settings-modal-tabs-container::-webkit-scrollbar-track{background:transparent}.settings-modal-tabs-container::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:2px}.settings-modal-tab{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 10px 5px 12px;border:none;border-radius:1005px;background-color:transparent;color:var(--color-text-primary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.settings-modal-tab:hover{background-color:var(--color-hover-gray)}.settings-modal-tab--active{background-color:var(--color-brand-primary);color:var(--color-bg-white)}.settings-modal-tab--active:hover{background-color:var(--color-brand-primary-hover)}.settings-modal-tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-modal-tab-badge{flex-shrink:0;padding:2px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.settings-modal-tab-badge--admin{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.settings-modal-tab--active .settings-modal-tab-badge--admin{background-color:var(--color-bg-white-transperent);color:var(--color-bg-white)}.settings-modal-sidebar-footer{padding:4px;position:relative;flex-shrink:0}.settings-modal-sidebar-footer:after{content:"";position:absolute;top:0;left:6px;right:6px;height:1px;background:linear-gradient(to right,var(--color-border-gray-dark) 0%,var(--color-border-gray-dark) 50%,var(--color-border-gray-dark) 100%)}.settings-modal-close-button{width:100%;padding:5px;border:none;border-radius:17px;background-color:var(--color-brand-primary);color:var(--color-text-white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-modal-close-button:hover{background-color:var(--color-brand-primary-hover)}.settings-modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-gray-dark);border-radius:19px}.settings-modal-content-header{padding:0;flex-shrink:0}.settings-modal-content-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.settings-modal-content-body{flex:1;overflow-y:auto;padding:8px 4px 4px 8px}.settings-modal-content-body:has(.audit-dashboard-table-wrapper){padding:0}.settings-modal-content-body::-webkit-scrollbar{width:4px}.settings-modal-content-body::-webkit-scrollbar-track{background:transparent;margin:10px 0}.settings-modal-content-body::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:3px}.settings-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-size:.9rem;font-style:italic}.settings-modal-no-content{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted);font-size:.9rem}:root{--color-brand-primary: rgb(104, 30, 18);--color-brand-primary-rgb: 104, 30, 18;--color-brand-primary-hover: rgba(var(--color-brand-primary-rgb), .85);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-white: #ffffff;--color-bg-hover: #fcf2ef;--color-bg-white-transparent: rgba(255, 255, 255, .5);--color-bg-overlay-dark: rgba(0, 0, 0, .25);--color-bg-overlay-brand-light: rgba(var(--color-brand-primary-rgb), .15);--color-shadow-default: rgba(0, 0, 0, .2);--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-strong: rgba(0, 0, 0, .3);--shadow-hover: 0 2px 8px rgba(var(--color-brand-primary-rgb), .2);--color-text-white: #ffffff;--color-text-primary: #333333;--color-text-muted: #777777;--color-text-red: #ff0000;--color-text-green: #008000;--color-text-orange: #ff6600;--color-text-yellow: #ffa500;--color-text-lightblue: #007bff;--color-text-magenta: #ff69b4;--color-text-yellow-dark: #b8860b;--color-border-brand-light: rgba(var(--color-brand-primary-rgb), .1);--color-border-brand-medium: rgba(var(--color-brand-primary-rgb), .3);--color-border-gray: #e0e0e0;--color-border-gray-dark: #c0bfbf;--color-hover-brand-color: rgba(var(--color-brand-primary-rgb), .1);--color-hover-shadow: rgba(var(--color-brand-primary-rgb), .2);--color-hover-gray: #e9e9e9;--color-hover-gray-border: #9ca3af;--color-success: #22863a;--color-success-rgb: 34, 134, 58;--color-success-bg: rgba(34, 134, 58, .1);--color-success-bg-hover: rgba(34, 134, 58, .2);--color-success-text: #16a34a;--color-success-border: #4ade80;--color-status-active-bg: rgba(34, 197, 94, .1);--color-danger: #df1627;--color-danger-text: #721c24;--color-danger-hover: #b91c1ce1;--color-danger-rgb: 203, 36, 49;--color-danger-bg: rgba(203, 36, 49, .1);--color-danger-bg-hover: rgba(203, 36, 49, .2);--color-danger-border-light: #fca5a5;--color-danger-border: #f87171;--color-status-inactive-bg: rgba(239, 68, 68, .1);--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-error-text: var(--color-text-red);--color-disabled-bg: #f9fafb;--color-disabled-text: var(--color-text-muted);--color-disabled-border: #d1d5db;--color-star-rating: var(--color-text-yellow);--color-star-empty: var(--color-text-muted);--color-neutral-gray: rgb(107, 114, 128);--color-neutral-gray-faded: rgba(107, 114, 128, .6);--color-importance-critical: var(--color-danger);--color-importance-important: var(--color-text-orange);--color-importance-good-to-have: var(--color-text-green);--color-importance-not-set: var(--color-text-muted);--color-change-old-bg: #fff3e0;--color-change-old-text: #e65100;--color-status-pending-bg: #fef3c7;--color-status-pending-text: #b45309;--color-status-for-sale-bg: #dcfce7;--color-status-for-sale-text: #166534;--color-status-sold-bg: #dbeafe;--color-status-sold-text: #1e40af;--color-status-not-for-sale-bg: #fee2e2;--color-status-not-for-sale-text: #991b1b;--color-scrollbar-thumb: #888888;--color-scrollbar-thumb-hover: #555555;--color-warning-bg: #fadf89;--color-warning-bg-light: #fffbeb;--color-warning-border: #ffeaa7;--color-warning-border-light: #fcd34d;--color-warning-text: #856404;--color-warning-text-dark: #d97706;--color-border-light: #dddddd;--color-border-lighter: #f5f5f5;--color-bg-gray-light: #eeeeee;--color-bg-secondary: #f9f9f9;--color-type-string-bg: #e3f2fd;--color-type-string-text: #1976d2;--color-type-number-bg: #e8f5e9;--color-type-number-text: #388e3c;--color-type-boolean-bg: #fff3e0;--color-type-boolean-text: #f57c00;--color-type-date-bg: #f3e5f5;--color-type-date-text: #7b1fa2}.layout-container{height:100vh;width:100vw;display:flex;position:fixed;top:0;left:0;margin:0;padding:0;overflow:hidden;background-color:var(--color-bg-white);font-family:var(--font-family-primary)}.layout-main{flex:1;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.layout-header{padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid var(--color-border-brand-light)}.layout-title{font-size:40px;font-weight:400;margin:0;letter-spacing:-.02em;color:var(--color-brand-primary);height:40px;line-height:40px}.layout-content{flex:1;overflow:auto}html,body{margin:0;padding:0;height:100%;overflow:hidden}#root{height:100vh;margin:0;padding:0}