@charset "UTF-8";.language-selector{position:relative;display:inline-block}.language-selector__trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-primary, #1f2937);border:none;border-radius:6px;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:13px;font-weight:500}.language-selector__trigger:hover{background:var(--bg-secondary, #374151)}.language-selector__trigger:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.language-selector__icon{font-size:14px;opacity:.8}.language-selector__label{font-size:13px;font-weight:500;white-space:nowrap}.language-selector__arrow{transition:transform .2s ease;opacity:.7}.language-selector__arrow--open{transform:rotate(180deg)}.language-selector__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;background:var(--bg-primary, #1f2937);border:1px solid var(--border-color, #374151);border-radius:6px;box-shadow:0 8px 24px #00000040;overflow:hidden;min-width:160px}.language-selector__option{width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary, #ffffff);cursor:pointer;transition:background-color .2s ease;font-family:inherit;font-size:13px;text-align:left}.language-selector__option:hover{background:var(--bg-secondary, #374151)}.language-selector__option--active{background:var(--primary-color, #3b82f6);color:#fff}.language-selector__option--active:hover{background:var(--primary-color-dark, #2563eb)}.language-selector__option-label{font-weight:500}.language-selector__backdrop{position:fixed;inset:0;z-index:999;background:transparent}.navbar--guest .language-selector__trigger,.navbar--customer .language-selector__trigger{background:var(--bg-light, #f8fafc);color:var(--text-dark, #1f2937);border:1px solid var(--border-light, #e2e8f0)}.navbar--guest .language-selector__trigger:hover,.navbar--customer .language-selector__trigger:hover{background:var(--bg-light-hover, #f1f5f9);border-color:var(--primary-color, #3b82f6)}.navbar--guest .language-selector__dropdown,.navbar--customer .language-selector__dropdown{background:var(--bg-light, #ffffff);border-color:var(--border-light, #e2e8f0);box-shadow:0 8px 24px #0000001f}.navbar--guest .language-selector__option,.navbar--customer .language-selector__option{color:var(--text-dark, #1f2937)}.navbar--guest .language-selector__option:hover,.navbar--customer .language-selector__option:hover{background:var(--bg-light-hover, #f8fafc)}.navbar{background:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.navbar__container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 1024px){.navbar__container{padding:0 2rem}}.navbar__content{display:flex;justify-content:center;align-items:center;justify-content:space-between;height:4rem}.navbar__logo{display:flex;justify-content:center;align-items:center;gap:.75rem;text-decoration:none;color:#0f172a;user-select:none}.navbar__logo:hover{text-decoration:none}.navbar__logo-icon{width:2.5rem;height:2.5rem;background-color:#ffffff1a;border-radius:.5rem;display:flex;justify-content:center;align-items:center;padding:.25rem;overflow:hidden}.navbar__logo-image{width:100%;height:100%;object-fit:contain;border-radius:.25rem}.navbar__logo-text{font-size:1.25rem;font-weight:700;color:inherit;user-select:none}@media (max-width: 640px){.navbar__logo-text{display:none}}.navbar__nav{display:flex;justify-content:center;align-items:center;gap:2rem}@media (max-width: 768px){.navbar__nav{display:none}}.navbar__nav-link{color:#475569;text-decoration:none;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s ease}.navbar__nav-link:hover{color:#1a2a80}.navbar__nav-link--active{color:#1a2a80;border-bottom-color:#1a2a80}.navbar__actions{display:flex;justify-content:center;align-items:center;gap:.75rem}.navbar__cart{position:relative}.navbar__cart-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:#ef4444;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:50px;min-width:1rem;height:1rem;display:flex;justify-content:center;align-items:center}.navbar__user{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.navbar__user:hover{background-color:#f1f5f9}.navbar__user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#7a85c1;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:.875rem}.navbar__user-name{font-weight:500;color:#334155}@media (max-width: 640px){.navbar__user-name{display:none}}.navbar__profile-dropdown{position:relative}.navbar__profile-button{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.navbar__profile-button:hover{background-color:#f1f5f9}.navbar__profile-button .navbar__user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:#7a85c1;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden}.navbar__profile-button .navbar__user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.navbar__profile-button .navbar__user-avatar span{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.navbar__profile-button .navbar__user-name{font-weight:500;color:#334155}@media (max-width: 640px){.navbar__profile-button .navbar__user-name{display:none}}.navbar__dropdown-arrow{font-size:.75rem;color:#64748b;transition:transform .2s ease}.navbar__dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;min-width:180px;z-index:1000;margin-top:.25rem}.navbar__dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;color:#334155;text-decoration:none;background:none;border:none;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.navbar__dropdown-item:hover{background-color:#f8fafc}.navbar__dropdown-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.navbar__dropdown-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.navbar__mobile-menu{display:none}@media (max-width: 768px){.navbar__mobile-menu{display:block}}.navbar__mobile-menu-button{background:none;border:none;color:#475569;cursor:pointer;padding:.5rem;border-radius:.5rem}.navbar__mobile-menu-button:hover{background-color:#f1f5f9}.navbar--guest .navbar__actions .navbar__cart{display:none}.navbar--admin,.navbar--ADMIN,.navbar--brand_manager,.navbar--BRAND_MANAGER,.navbar--branch_manager,.navbar--BRANCH_MANAGER,.navbar--teller,.navbar--TELLER,.navbar--call_agent,.navbar--CALL_AGENT{background-color:#1a2a80;border-bottom-color:#151f66}.navbar--admin .navbar__logo,.navbar--admin .navbar__nav-link,.navbar--ADMIN .navbar__logo,.navbar--ADMIN .navbar__nav-link,.navbar--brand_manager .navbar__logo,.navbar--brand_manager .navbar__nav-link,.navbar--BRAND_MANAGER .navbar__logo,.navbar--BRAND_MANAGER .navbar__nav-link,.navbar--branch_manager .navbar__logo,.navbar--branch_manager .navbar__nav-link,.navbar--BRANCH_MANAGER .navbar__logo,.navbar--BRANCH_MANAGER .navbar__nav-link,.navbar--teller .navbar__logo,.navbar--teller .navbar__nav-link,.navbar--TELLER .navbar__logo,.navbar--TELLER .navbar__nav-link,.navbar--call_agent .navbar__logo,.navbar--call_agent .navbar__nav-link,.navbar--CALL_AGENT .navbar__logo,.navbar--CALL_AGENT .navbar__nav-link{color:#fff}.navbar--admin .navbar__logo:hover,.navbar--admin .navbar__nav-link:hover,.navbar--ADMIN .navbar__logo:hover,.navbar--ADMIN .navbar__nav-link:hover,.navbar--brand_manager .navbar__logo:hover,.navbar--brand_manager .navbar__nav-link:hover,.navbar--BRAND_MANAGER .navbar__logo:hover,.navbar--BRAND_MANAGER .navbar__nav-link:hover,.navbar--branch_manager .navbar__logo:hover,.navbar--branch_manager .navbar__nav-link:hover,.navbar--BRANCH_MANAGER .navbar__logo:hover,.navbar--BRANCH_MANAGER .navbar__nav-link:hover,.navbar--teller .navbar__logo:hover,.navbar--teller .navbar__nav-link:hover,.navbar--TELLER .navbar__logo:hover,.navbar--TELLER .navbar__nav-link:hover,.navbar--call_agent .navbar__logo:hover,.navbar--call_agent .navbar__nav-link:hover,.navbar--CALL_AGENT .navbar__logo:hover,.navbar--CALL_AGENT .navbar__nav-link:hover{color:#b2b0e8}.navbar--admin .navbar__logo--active,.navbar--admin .navbar__nav-link--active,.navbar--ADMIN .navbar__logo--active,.navbar--ADMIN .navbar__nav-link--active,.navbar--brand_manager .navbar__logo--active,.navbar--brand_manager .navbar__nav-link--active,.navbar--BRAND_MANAGER .navbar__logo--active,.navbar--BRAND_MANAGER .navbar__nav-link--active,.navbar--branch_manager .navbar__logo--active,.navbar--branch_manager .navbar__nav-link--active,.navbar--BRANCH_MANAGER .navbar__logo--active,.navbar--BRANCH_MANAGER .navbar__nav-link--active,.navbar--teller .navbar__logo--active,.navbar--teller .navbar__nav-link--active,.navbar--TELLER .navbar__logo--active,.navbar--TELLER .navbar__nav-link--active,.navbar--call_agent .navbar__logo--active,.navbar--call_agent .navbar__nav-link--active,.navbar--CALL_AGENT .navbar__logo--active,.navbar--CALL_AGENT .navbar__nav-link--active{color:#b2b0e8;border-bottom-color:#b2b0e8}.navbar--admin .navbar__user,.navbar--ADMIN .navbar__user,.navbar--brand_manager .navbar__user,.navbar--BRAND_MANAGER .navbar__user,.navbar--branch_manager .navbar__user,.navbar--BRANCH_MANAGER .navbar__user,.navbar--teller .navbar__user,.navbar--TELLER .navbar__user,.navbar--call_agent .navbar__user,.navbar--CALL_AGENT .navbar__user{color:#fff}.navbar--admin .navbar__user:hover,.navbar--ADMIN .navbar__user:hover,.navbar--brand_manager .navbar__user:hover,.navbar--BRAND_MANAGER .navbar__user:hover,.navbar--branch_manager .navbar__user:hover,.navbar--BRANCH_MANAGER .navbar__user:hover,.navbar--teller .navbar__user:hover,.navbar--TELLER .navbar__user:hover,.navbar--call_agent .navbar__user:hover,.navbar--CALL_AGENT .navbar__user:hover{background-color:#ffffff1a}.navbar--admin .navbar__user-name,.navbar--ADMIN .navbar__user-name,.navbar--brand_manager .navbar__user-name,.navbar--BRAND_MANAGER .navbar__user-name,.navbar--branch_manager .navbar__user-name,.navbar--BRANCH_MANAGER .navbar__user-name,.navbar--teller .navbar__user-name,.navbar--TELLER .navbar__user-name,.navbar--call_agent .navbar__user-name,.navbar--CALL_AGENT .navbar__user-name,.navbar--admin .navbar__profile-button,.navbar--ADMIN .navbar__profile-button,.navbar--brand_manager .navbar__profile-button,.navbar--BRAND_MANAGER .navbar__profile-button,.navbar--branch_manager .navbar__profile-button,.navbar--BRANCH_MANAGER .navbar__profile-button,.navbar--teller .navbar__profile-button,.navbar--TELLER .navbar__profile-button,.navbar--call_agent .navbar__profile-button,.navbar--CALL_AGENT .navbar__profile-button{color:#fff}.navbar--admin .navbar__profile-button:hover,.navbar--ADMIN .navbar__profile-button:hover,.navbar--brand_manager .navbar__profile-button:hover,.navbar--BRAND_MANAGER .navbar__profile-button:hover,.navbar--branch_manager .navbar__profile-button:hover,.navbar--BRANCH_MANAGER .navbar__profile-button:hover,.navbar--teller .navbar__profile-button:hover,.navbar--TELLER .navbar__profile-button:hover,.navbar--call_agent .navbar__profile-button:hover,.navbar--CALL_AGENT .navbar__profile-button:hover{background-color:#ffffff1a}.navbar--admin .navbar__profile-button .navbar__user-name,.navbar--ADMIN .navbar__profile-button .navbar__user-name,.navbar--brand_manager .navbar__profile-button .navbar__user-name,.navbar--BRAND_MANAGER .navbar__profile-button .navbar__user-name,.navbar--branch_manager .navbar__profile-button .navbar__user-name,.navbar--BRANCH_MANAGER .navbar__profile-button .navbar__user-name,.navbar--teller .navbar__profile-button .navbar__user-name,.navbar--TELLER .navbar__profile-button .navbar__user-name,.navbar--call_agent .navbar__profile-button .navbar__user-name,.navbar--CALL_AGENT .navbar__profile-button .navbar__user-name{color:#fff}.navbar--admin .navbar__dropdown-arrow,.navbar--ADMIN .navbar__dropdown-arrow,.navbar--brand_manager .navbar__dropdown-arrow,.navbar--BRAND_MANAGER .navbar__dropdown-arrow,.navbar--branch_manager .navbar__dropdown-arrow,.navbar--BRANCH_MANAGER .navbar__dropdown-arrow,.navbar--teller .navbar__dropdown-arrow,.navbar--TELLER .navbar__dropdown-arrow,.navbar--call_agent .navbar__dropdown-arrow,.navbar--CALL_AGENT .navbar__dropdown-arrow{color:#fffc}.navbar--admin .navbar__mobile-menu-button,.navbar--ADMIN .navbar__mobile-menu-button,.navbar--brand_manager .navbar__mobile-menu-button,.navbar--BRAND_MANAGER .navbar__mobile-menu-button,.navbar--branch_manager .navbar__mobile-menu-button,.navbar--BRANCH_MANAGER .navbar__mobile-menu-button,.navbar--teller .navbar__mobile-menu-button,.navbar--TELLER .navbar__mobile-menu-button,.navbar--call_agent .navbar__mobile-menu-button,.navbar--CALL_AGENT .navbar__mobile-menu-button{color:#fff}.navbar--admin .navbar__mobile-menu-button:hover,.navbar--ADMIN .navbar__mobile-menu-button:hover,.navbar--brand_manager .navbar__mobile-menu-button:hover,.navbar--BRAND_MANAGER .navbar__mobile-menu-button:hover,.navbar--branch_manager .navbar__mobile-menu-button:hover,.navbar--BRANCH_MANAGER .navbar__mobile-menu-button:hover,.navbar--teller .navbar__mobile-menu-button:hover,.navbar--TELLER .navbar__mobile-menu-button:hover,.navbar--call_agent .navbar__mobile-menu-button:hover,.navbar--CALL_AGENT .navbar__mobile-menu-button:hover{background-color:#ffffff1a}.navbar--admin .btn--ghost,.navbar--ADMIN .btn--ghost,.navbar--brand_manager .btn--ghost,.navbar--BRAND_MANAGER .btn--ghost,.navbar--branch_manager .btn--ghost,.navbar--BRANCH_MANAGER .btn--ghost,.navbar--teller .btn--ghost,.navbar--TELLER .btn--ghost,.navbar--call_agent .btn--ghost,.navbar--CALL_AGENT .btn--ghost{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.navbar--admin .btn--ghost:hover:not(:disabled),.navbar--ADMIN .btn--ghost:hover:not(:disabled),.navbar--brand_manager .btn--ghost:hover:not(:disabled),.navbar--BRAND_MANAGER .btn--ghost:hover:not(:disabled),.navbar--branch_manager .btn--ghost:hover:not(:disabled),.navbar--BRANCH_MANAGER .btn--ghost:hover:not(:disabled),.navbar--teller .btn--ghost:hover:not(:disabled),.navbar--TELLER .btn--ghost:hover:not(:disabled),.navbar--call_agent .btn--ghost:hover:not(:disabled),.navbar--CALL_AGENT .btn--ghost:hover:not(:disabled){background-color:#fff3;border-color:#ffffff80}.navbar--admin .btn--primary,.navbar--ADMIN .btn--primary,.navbar--brand_manager .btn--primary,.navbar--BRAND_MANAGER .btn--primary,.navbar--branch_manager .btn--primary,.navbar--BRANCH_MANAGER .btn--primary,.navbar--teller .btn--primary,.navbar--TELLER .btn--primary,.navbar--call_agent .btn--primary,.navbar--CALL_AGENT .btn--primary{background-color:#fff;color:#1a2a80}.navbar--admin .btn--primary:hover:not(:disabled),.navbar--ADMIN .btn--primary:hover:not(:disabled),.navbar--brand_manager .btn--primary:hover:not(:disabled),.navbar--BRAND_MANAGER .btn--primary:hover:not(:disabled),.navbar--branch_manager .btn--primary:hover:not(:disabled),.navbar--BRANCH_MANAGER .btn--primary:hover:not(:disabled),.navbar--teller .btn--primary:hover:not(:disabled),.navbar--TELLER .btn--primary:hover:not(:disabled),.navbar--call_agent .btn--primary:hover:not(:disabled),.navbar--CALL_AGENT .btn--primary:hover:not(:disabled){background-color:#b2b0e8;color:#151f66}.app{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.app__main{flex:1;min-height:calc(100vh - 4rem)}.app--admin{min-height:100vh;background-color:#f8fafc}.error-page{position:relative;min-height:100vh;padding:3rem 1.5rem;color:#fff;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(59,56,160,.3),transparent 30%),radial-gradient(circle at 88% 18%,rgba(178,176,232,.35),transparent 32%),radial-gradient(circle at 20% 80%,rgba(74,222,128,.25),transparent 35%),linear-gradient(135deg,#0b123a,#111b54 40%,#0c234f);display:flex;align-items:center;justify-content:center}.error-page:before,.error-page:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(80px);opacity:.35;z-index:0;animation:float 12s ease-in-out infinite alternate}.error-page:before{background:linear-gradient(135deg,#1a2a8099,#818cf880);top:-180px;left:-120px}.error-page:after{background:linear-gradient(135deg,#b2b0e88c,#4ade8059);bottom:-220px;right:-140px;animation-delay:.4s}.error-page__container{position:relative;z-index:1;text-align:center;max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center}.error-page__code{font-size:clamp(4rem,15vw,8rem);font-weight:800;letter-spacing:-2px;line-height:.9;margin-bottom:1rem;background:linear-gradient(120deg,#fff,#ffffffe6,#b2b0e8d9 70%,#86eface6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-page__headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0 0 1rem;letter-spacing:-.5px}.error-page__description{font-size:1.1rem;color:#fffc;line-height:1.6;margin:0 0 2rem}.error-page__button{margin-top:2rem;min-width:250px;width:100%;max-width:400px}.error-page--forbidden{background:radial-gradient(circle at 10% 18%,rgba(254,202,202,.3),transparent 30%),radial-gradient(circle at 80% 12%,rgba(254,226,226,.3),transparent 35%),linear-gradient(140deg,#0c102f,#16163f 38%,#221043)}.error-page--forbidden:before{background:linear-gradient(135deg,#ef44448c,#b2b0e873)}.error-page--not-found:before{background:linear-gradient(135deg,#1a2a8099,#818cf880)}@media (max-width: 640px){.error-page{padding:2rem 1rem}.error-page__code{font-size:clamp(3rem,12vw,6rem)}.error-page__headline{font-size:clamp(1.5rem,4vw,2.5rem)}.error-page__description{font-size:1rem}}@keyframes float{0%{transform:translateY(-12px) scale(1)}to{transform:translateY(10px) scale(1.05)}}.admin-sidebar{width:200px;height:100vh;background:#1a2a80;color:#fff;position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;transition:none}.admin-sidebar--resizing{transition:none;user-select:none}.admin-sidebar--collapsed{width:80px;transition:width .3s ease}.admin-sidebar--collapsed .admin-sidebar__logo,.admin-sidebar--collapsed .admin-sidebar__title,.admin-sidebar--collapsed .admin-sidebar__subtitle,.admin-sidebar--collapsed .admin-sidebar__nav-text,.admin-sidebar--collapsed .admin-sidebar__user-info,.admin-sidebar--collapsed .admin-sidebar__logout-text{display:none}.admin-sidebar--collapsed .admin-sidebar__header{padding:1rem;justify-content:center}.admin-sidebar--collapsed .admin-sidebar__controls{margin-left:0;position:static}.admin-sidebar--collapsed .admin-sidebar__collapse-toggle{margin:0}.admin-sidebar--collapsed .admin-sidebar__nav-item{padding:.875rem;justify-content:center;border-left:none;margin:.125rem .5rem;border-radius:.25rem}.admin-sidebar--collapsed .admin-sidebar__nav-item--active{border-left:none;background:#fff3}.admin-sidebar--collapsed .admin-sidebar__nav-item:hover{border-left:none;background:#ffffff26}.admin-sidebar--collapsed .admin-sidebar__nav-icon{margin:0}.admin-sidebar--collapsed .admin-sidebar__footer{padding:1rem;align-items:center}.admin-sidebar--collapsed .admin-sidebar__language{display:none}.admin-sidebar--collapsed .admin-sidebar__user{justify-content:center}.admin-sidebar--collapsed .admin-sidebar__logout{padding:.875rem!important;justify-content:center!important}.admin-sidebar--collapsed .admin-sidebar__nav{padding-top:1rem}.admin-sidebar__header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem;position:relative;min-width:0}.admin-sidebar__header>div:nth-child(2){flex:1;min-width:0}.admin-sidebar__controls{margin-left:auto;display:flex;gap:.5rem;flex-shrink:0}.admin-sidebar__collapse-toggle{color:#fffc!important;padding:.5rem!important}.admin-sidebar__collapse-toggle:hover{background:#ffffff1a!important;color:#fff!important}@media (max-width: 1024px){.admin-sidebar__collapse-toggle{display:none!important}}.admin-sidebar__logo{width:3rem;height:3rem;background:#ffffff1a;border-radius:.75rem;display:flex;justify-content:center;align-items:center;padding:.3rem;overflow:hidden}.admin-sidebar__logo-image{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.admin-sidebar__title{font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.admin-sidebar__subtitle{font-size:.75rem;color:#ffffffb3;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.admin-sidebar__nav{flex:1;padding:1rem 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.admin-sidebar__nav::-webkit-scrollbar{display:none}.admin-sidebar__nav-item{display:block;padding:.875rem 1.5rem;color:#fffc;text-decoration:none;display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem;transition:all .2s ease;border-left:3px solid transparent;margin:.125rem 0}.admin-sidebar__nav-item:hover{background:#ffffff1a;color:#fff;border-left-color:#ffffff4d}.admin-sidebar__nav-item--active{background:#ffffff26;color:#fff;border-left-color:#fff;font-weight:600}.admin-sidebar__nav-icon{width:1.25rem;height:1.25rem;display:flex;justify-content:center;align-items:center;font-size:1rem}.admin-sidebar__nav-text{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.admin-sidebar__footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar__language .language-selector__trigger{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.admin-sidebar__language .language-selector__trigger:hover{background:#fff3}.admin-sidebar__language .language-selector__dropdown{background:#111c56;border:1px solid rgba(255,255,255,.2)}.admin-sidebar__language .language-selector__option--active{background:#ffffff26;color:#fff}.admin-sidebar__user{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-sidebar__avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff3;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:.875rem}.admin-sidebar__user-info{flex:1}.admin-sidebar__user-name{font-size:.875rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__user-role{font-size:.75rem;color:#ffffffb3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__language{margin-bottom:1rem}.admin-sidebar__language .language-selector{width:100%}.admin-sidebar__language .language-selector__trigger{width:100%;justify-content:flex-start;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.admin-sidebar__language .language-selector__trigger:hover{background:#ffffff26;border-color:#ffffff4d}.admin-sidebar__language .language-selector__trigger:focus{outline-color:#ffffff80}.admin-sidebar__language .language-selector__code{color:#fffc}.admin-sidebar__language .language-selector__label{color:#fff}.admin-sidebar__language .language-selector__dropdown{background:#1a2a80;border-color:#fff3;box-shadow:0 8px 24px #0000004d}.admin-sidebar__language .language-selector__option{color:#fffc}.admin-sidebar__language .language-selector__option:hover{background:#ffffff1a;color:#fff}.admin-sidebar__language .language-selector__option--active{background:#fff3;color:#fff}.admin-sidebar__language .language-selector__option--active .language-selector__option-code{color:#fff}.admin-sidebar__language .language-selector__option--active:hover{background:#ffffff40}.admin-sidebar__language .language-selector__option-code{color:#fff9}.admin-sidebar__logout{width:100%!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:.75rem 1rem!important;font-size:.875rem!important;justify-content:flex-start!important;gap:.75rem!important}.admin-sidebar__logout:hover{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important}.admin-sidebar__logout-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0}.admin-sidebar__logout-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar__modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-sidebar__modal{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px #0000001a;max-width:400px;width:100%;overflow:hidden}.admin-sidebar__modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0}.admin-sidebar__modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a}.admin-sidebar__modal-body{padding:1rem 1.5rem}.admin-sidebar__modal-body p{margin:0;color:#475569;font-size:.875rem;line-height:1.5}.admin-sidebar__modal-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.admin-sidebar__modal-button{flex:1;min-width:0}.admin-sidebar__modal-button:first-child{margin-right:.5rem}@media (max-width: 1024px){.admin-sidebar{display:none}}.admin-sidebar__resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s ease;z-index:1001}.admin-sidebar__resize-handle:hover{background:#fff3}.admin-sidebar__resize-handle:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:40px;background:#ffffff4d;border-radius:2px;transition:all .2s ease}.admin-sidebar__resize-handle:hover:after{background:#fff9;height:60px}@media (max-width: 1024px){.admin-sidebar__resize-handle{display:none}}.admin-content{margin-left:280px;min-height:100vh;background:#f8fafc;transition:margin-left .3s ease}.admin-content--sidebar-collapsed{margin-left:80px}@media (max-width: 1024px){.admin-content,.admin-content--sidebar-collapsed{margin-left:0}}.admin-layout{display:flex;min-height:100vh;background:#f8fafc;overflow-x:hidden;padding-left:var(--sidebar-width, 200px);transition:padding-left .15s ease-out}.admin-layout--resizing{transition:none}@media (max-width: 1024px){.admin-layout{padding-left:0}}.admin-layout__content{flex:1;min-height:100vh;width:100%;overflow-x:auto}.admin-layout__main{padding:2rem;min-height:calc(100vh - 4rem);min-width:0}.admin-layout__main--no-padding{padding:0;min-height:100vh}@media (max-width: 768px){.admin-layout__main{padding:1rem}.admin-layout__main--no-padding{padding:0}}.admin-dashboard__header{margin-bottom:2rem}.admin-dashboard__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.admin-dashboard__subtitle{color:#475569;font-size:1.125rem}.admin-dashboard__stats{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 640px){.admin-dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-dashboard__stats{grid-template-columns:repeat(4,1fr)}}.admin-dashboard__stat-card{transition:transform .2s ease}.admin-dashboard__stat-card:hover{transform:translateY(-2px)}.admin-dashboard__stat{display:flex;justify-content:center;align-items:center;gap:1rem}.admin-dashboard__stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.admin-dashboard__stat-icon--users{background:#22c55e1a}.admin-dashboard__stat-icon--orders{background:#3b82f61a}.admin-dashboard__stat-icon--revenue{background:#f59e0b1a}.admin-dashboard__stat-icon--products{background:#8b5cf61a}.admin-dashboard__stat-info{flex:1}.admin-dashboard__stat-number{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.admin-dashboard__stat-label{font-size:.875rem;color:#475569;margin:0}.admin-dashboard__charts .card{box-shadow:0 1px 2px #0000000d}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;overflow:hidden}.card:hover{box-shadow:0 4px 15px #1a2a8026;transform:translateY(-1px)}.card--elevated{box-shadow:0 4px 6px #00000012}.card--elevated:hover{box-shadow:0 10px 15px #0000001a}.card--bordered{border:1px solid #e2e8f0;box-shadow:none}.card--bordered:hover{border-color:#7a85c1;box-shadow:0 1px 2px #0000000d}.card--flat{box-shadow:none;border:none}.card--flat:hover{background-color:#f8fafc}.card--small .card__body{padding:.75rem}.card--medium .card__body{padding:1rem}.card--large .card__body{padding:1.5rem}.card__header{padding:1rem 1rem 0;border-bottom:1px solid #f1f5f9;margin-bottom:1rem}.card__header:last-child{margin-bottom:0;border-bottom:none}.card__title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.25rem}.card__subtitle{font-size:.875rem;color:#475569}.card__body{padding:1rem}.card__footer{padding:1rem;margin-top:1rem;border-top:1px solid #f1f5f9}.card__footer:first-child{margin-top:0;border-top:none;padding-top:1rem}.card__image{width:100%;height:auto;display:block}.card__image--cover{object-fit:cover}.card__image--contain{object-fit:contain}.card--product{cursor:pointer}.card--product .card__image{height:200px;object-fit:cover}.card--product .card__body{padding:1rem}.card--product:hover .card__title{color:#1a2a80}.card__price{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-top:.5rem}.card__price-current{font-size:1.125rem;font-weight:700;color:#1a2a80}.card__price-original{font-size:.875rem;color:#64748b;text-decoration:line-through;margin-left:.5rem}.card__price-discount{background-color:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600}.card__rating{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:.5rem}.card__rating-stars{color:#f59e0b;font-size:.875rem}.card__rating-text{font-size:.875rem;color:#475569}.card__badge{position:absolute;top:.75rem;right:.75rem;background-color:#1a2a80;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.card__badge--sale{background-color:#ef4444}.card__badge--new{background-color:#22c55e}.card__badge--out-of-stock{background-color:#64748b}.card--clickable{cursor:pointer}.card--disabled{opacity:.6;cursor:not-allowed}.card--disabled:hover{transform:none;box-shadow:0 1px 2px #0000000d}.card--loading{position:relative;overflow:hidden}.card--loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.system-configuration__header{margin-bottom:2rem}.system-configuration__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.system-configuration__subtitle{color:#475569;font-size:1.125rem}.system-configuration__content{display:flex;flex-direction:column;gap:2rem}.data-analytics__header{margin-bottom:2rem}.data-analytics__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.data-analytics__subtitle{color:#475569;font-size:1.125rem}.data-analytics__content{display:flex;flex-direction:column;gap:2rem}.data-analytics__charts{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.data-analytics__charts{grid-template-columns:repeat(2,1fr)}}.data-analytics__reports{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.data-analytics__reports{grid-template-columns:repeat(2,1fr)}}.login-page{display:flex;width:100%;min-height:100vh;background:#fff;font-family:Inter,"system-ui",sans-serif;position:relative}@media (max-width: 768px){.login-page{flex-direction:column}}.login-page:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:280px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 350" preserveAspectRatio="none"><path d="M0,150 Q300,300 600,150 T1200,150 L1200,350 L0,350 Z" fill="%238DD4EF" opacity="0.2"/></svg>') no-repeat;background-size:100% 100%;pointer-events:none;z-index:1}.login-page__left-section{flex:1;background:linear-gradient(180deg,#3b8ec8,#4a95d0,#32a0e9,#6db3e8,#4bc0ee);display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;position:relative;overflow:hidden;z-index:9999;border-radius:0 32px 32px 0}@media (max-width: 768px){.login-page__left-section{display:none}}.login-page__left-section:before{content:"";position:absolute;top:-140px;left:0;width:100%;height:540px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 350" preserveAspectRatio="none"><path d="M0,200 Q300,120 600,200 T1200,140 L1200,0 L0,0 Z" fill="%238DD4EF" opacity="1"/></svg>') no-repeat;background-size:100% 100%;pointer-events:none;z-index:1}.login-page__left-section:after{content:"";position:absolute;top:-140px;left:0;width:100%;height:640px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 500" preserveAspectRatio="none"><path d="M0,320 Q200,140 600,320 T1300,320 L1200,0 L0,0 Z" fill="%235DADE2" opacity="0.8"/></svg>') no-repeat;background-size:100% 100%;pointer-events:none;z-index:2}.login-page__branding-top{margin-top:100px;position:relative;z-index:3;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:350px;flex:1}.login-page__branding{position:relative;z-index:1;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:350px}.login-page__logo{width:120px;height:120px;background:linear-gradient(135deg,#ffffff40,#ffffff0d);border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;color:#fff;backdrop-filter:blur(30px);border:3px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 2px #fff6,0 8px 32px #0003,0 0 20px #5dade266,0 0 40px #2e86de33;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;animation:logoPulse 3s ease-in-out infinite}.login-page__logo:before{content:"";position:absolute;inset:-8px;background:linear-gradient(45deg,#5dade24d,#2e86de1a,#5dade24d);border-radius:28px;z-index:-1;opacity:0;animation:logoGlow 3s ease-in-out infinite}.login-page__logo:hover{transform:translateY(-8px) scale(1.05);box-shadow:inset 0 1px 2px #ffffff80,0 16px 48px #00000040,0 0 30px #5dade299,0 0 60px #2e86de4d;border-color:#fff9}.login-page__logo-img{width:100%;height:100%;object-fit:contain;border-radius:24px}.login-page__brand-name{font-size:42px;font-weight:800;margin:0;letter-spacing:1px;text-shadow:0 4px 20px rgba(0,0,0,.25);color:#fff}.login-page__brand-description{font-size:16px;line-height:1.6;max-width:300px;opacity:.95;margin:auto 0 0;text-align:center;font-weight:500;color:#fff;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);position:relative;z-index:3}.login-page__right-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#fff,#d4f0fd4d);position:relative;z-index:9999;border-radius:0 32px 32px 0}@media (max-width: 768px){.login-page__right-section{flex:1;padding:1.5rem;background:#fff;border-radius:0}}.login-page__container{width:100%;max-width:420px;padding:0}@media (max-width: 768px){.login-page__container{max-width:100%}}.login-page__header{text-align:center;margin-bottom:3rem}.login-page__title{font-size:48px;font-weight:800;color:#4f94db;margin:0 0 1.5rem;letter-spacing:-.5px;line-height:1.2}.login-page__subtitle{color:#1a5490;font-size:20px;margin:0;font-weight:500;line-height:1.5}.login-page__form{display:flex;flex-direction:column;gap:2.5rem}.login-page__form-group{display:flex;flex-direction:column;gap:.875rem}.login-page__input-wrapper{position:relative;display:flex;align-items:center}.login-page__input-icon{position:absolute;left:18px;color:#2e86de;z-index:2;pointer-events:none;width:24px;height:24px}.login-page__label{font-size:15px;font-weight:700;color:#0f172a;text-transform:capitalize;letter-spacing:.3px;display:none}.login-page__input{width:100%;padding:18px 24px 18px 56px;border:2px solid #5DADE2;border-radius:28px;font-size:18px;color:#1a5490;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-weight:500}.login-page__input::placeholder{font-weight:500;font-size:17px}.login-page__input:hover{border-color:#2e86de;box-shadow:0 4px 12px #5dade226}.login-page__input:focus{outline:none;border-color:#2e86de;box-shadow:0 0 0 4px #2e86de1a,0 4px 12px #2e86de33}.login-page__input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.login-page__input:not(:placeholder-shown){border:2px solid #5DADE2}.login-page__input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px linear-gradient(135deg,rgba(93,173,226,.2) 0%,rgba(125,202,232,.2) 100%)!important;-webkit-text-fill-color:#1A5490!important;caret-color:#1a5490!important;border:2px solid #5DADE2!important;-webkit-transition-delay:99999s!important}.login-page__input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px linear-gradient(135deg,rgba(93,173,226,.2) 0%,rgba(125,202,232,.2) 100%)!important;-webkit-text-fill-color:#1A5490!important;border:2px solid #5DADE2!important}.login-page__input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px linear-gradient(135deg,rgba(93,173,226,.2) 0%,rgba(125,202,232,.2) 100%)!important;-webkit-text-fill-color:#1A5490!important;caret-color:#1a5490!important;border:2px solid #5DADE2!important;-webkit-transition-delay:99999s!important}.login-page__forgot-link{color:#64748b;text-decoration:none;font-size:13px;text-align:right;transition:color .2s ease;display:inline-block}.login-page__forgot-link:hover{color:#2e86de;text-decoration:underline}.login-page__form button{background:linear-gradient(135deg,#2e86de,#5dade2)!important;border:none!important;color:#fff!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px #2e86de4d!important}.login-page__form button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #2e86de66!important}.login-page__form button:active{transform:translateY(0)!important}.login-page__form button:disabled{opacity:.7!important;cursor:not-allowed!important}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes logoGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes wave1{0%{transform:translateY(0) translate(0) rotate(0);border-radius:38% 62% 63% 37%/58% 53% 47% 42%}25%{transform:translateY(25px) translate(-15px) rotate(2deg);border-radius:42% 58% 60% 40%/55% 50% 50% 45%}50%{transform:translateY(40px) translate(0) rotate(4deg);border-radius:45% 55% 58% 42%/52% 48%}75%{transform:translateY(25px) translate(15px) rotate(2deg);border-radius:40% 60% 62% 38%/58% 52% 48% 42%}to{transform:translateY(0) translate(0) rotate(0);border-radius:38% 62% 63% 37%/58% 53% 47% 42%}}@keyframes wave2{0%{transform:translateY(0) translate(0) rotate(0);border-radius:65% 35% 42% 58%/48% 55% 45% 52%}25%{transform:translateY(-20px) translate(12px) rotate(-2deg);border-radius:62% 38% 45% 55%/50% 52% 48% 50%}50%{transform:translateY(-35px) translate(0) rotate(-4deg);border-radius:60% 40% 48% 52%/52% 50% 50% 48%}75%{transform:translateY(-20px) translate(-12px) rotate(-2deg);border-radius:65% 35% 40% 60%/48% 58% 42% 52%}to{transform:translateY(0) translate(0) rotate(0);border-radius:65% 35% 42% 58%/48% 55% 45% 52%}}@media (max-width: 1024px){.login-page__left-section{padding:2rem}.login-page__branding{gap:1.5rem}.login-page__logo{width:80px;height:80px;font-size:48px}.login-page__brand-name{font-size:36px}.login-page__brand-description{font-size:14px}}@media (max-width: 640px){.login-page__right-section{padding:1.5rem}.login-page__header{margin-bottom:2.5rem}.login-page__title{font-size:32px;color:#4f94db}.login-page__subtitle{font-size:16px}.login-page__form{gap:1.75rem}.login-page__label{font-size:14px}.login-page__input{padding:13px 18px;font-size:16px}}.btn{display:flex;justify-content:center;align-items:center;gap:.5rem;font-family:Inter,"system-ui",sans-serif;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;position:relative;overflow:hidden}.btn--small{height:2rem;padding:0 .75rem;font-size:.875rem}.btn--medium{height:2.5rem;padding:0 1rem;font-size:1rem}.btn--large{height:3rem;padding:0 1.5rem;font-size:1.125rem}.btn--primary{background-color:#1a2a80;color:#fff}.btn--primary:hover:not(:disabled){background-color:#151f66;transform:translateY(-1px);box-shadow:0 4px 15px #1a2a8026}.btn--primary:active{transform:translateY(0)}.btn--secondary{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.btn--secondary:hover:not(:disabled){background-color:#e2e8f0;border-color:#cbd5e1}.btn--outline{background-color:transparent;color:#1a2a80;border:1px solid #1A2A80}.btn--outline:hover:not(:disabled){background-color:#1a2a80;color:#fff}.btn--ghost{background-color:transparent;color:#1a2a80;border:none}.btn--ghost:hover:not(:disabled){background-color:#b2b0e8}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background-color:#eb1515}.btn--success{background-color:#22c55e;color:#fff}.btn--success:hover:not(:disabled){background-color:#1a9a49}.btn--loading{cursor:wait;opacity:.8}.btn--full-width{width:100%}.btn--icon-only{aspect-ratio:1;padding:0}.btn--icon-only.btn--small{width:2rem}.btn--icon-only.btn--medium{width:2.5rem}.btn--icon-only.btn--large{width:3rem}.feedback-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);font-family:Inter,"system-ui",sans-serif;position:relative;overflow-y:auto}.feedback-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(212,175,55,.1) 0%,transparent 50%);pointer-events:none}.feedback-container{max-width:720px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #d4af371a;overflow:hidden;position:relative;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:36px 32px;text-align:center;position:relative}.feedback-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#d4af37,#f4e5b8,#d4af37);border-radius:2px}.feedback-header .brand-logo{font-size:36px;font-weight:800;letter-spacing:4px;margin-bottom:16px;background:linear-gradient(135deg,#d4af37,#f4e5b8,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,175,55,.3)}.feedback-header h1{font-size:28px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px}.feedback-header p{font-size:15px;opacity:.9;line-height:1.5;font-weight:300}.feedback-form{padding:28px 32px 32px;display:flex;flex-direction:column;gap:24px}.form-group{margin:0}.form-label{display:block;font-size:15px;font-weight:600;color:#0f172a;margin-bottom:14px;letter-spacing:.3px}.form-label .required{color:#d4af37;font-weight:700}.rating-stars{display:flex;gap:8px;row-gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.rating-stars .star{font-size:clamp(36px,4vw,48px);background:none;border:none;cursor:pointer;color:#cbd5e1;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:2px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.rating-stars .star:hover{color:#d4af37;transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 4px 12px rgba(212,175,55,.4))}.rating-stars .star.active{color:#d4af37;transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(212,175,55,.5));animation:starPop .4s ease}.rating-stars .star:focus{outline:none}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}.rating-text{text-align:center;font-size:18px;font-weight:700;background:linear-gradient(135deg,#d4af37,#1a1a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px;letter-spacing:.5px}.form-textarea{width:100%;padding:12px 16px;border:2px solid #cbd5e1;border-radius:12px;font-size:15px;line-height:1.5;min-height:120px;font-family:inherit;resize:vertical;transition:all .3s;background:#f8fafc}.form-textarea:focus{outline:none;border-color:#d4af37;background:#fff;box-shadow:0 4px 16px #d4af3726;transform:translateY(-1px)}.form-textarea::placeholder{color:#94a3b8}.character-count{font-size:13px;color:#64748b;text-align:right;margin-top:4px}.form-actions{display:flex;justify-content:center;margin-top:0}.feedback-footer{background:#f1f5f9;padding:18px 24px;text-align:center;border-top:1px solid #e2e8f0}.feedback-footer p{font-size:12px;color:#64748b;margin-bottom:2px;line-height:1.5}.feedback-footer .privacy-note{font-size:11px;color:#94a3b8}.feedback-loading,.feedback-error,.feedback-success{padding:60px 30px;text-align:center}.feedback-loading .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.feedback-loading p{font-size:16px;color:#64748b}.feedback-error .error-icon,.feedback-error .success-icon,.feedback-success .error-icon,.feedback-success .success-icon{font-size:64px;margin-bottom:24px}.feedback-error h1,.feedback-success h1{font-size:28px;font-weight:600;color:#334155;margin-bottom:16px}.feedback-error p,.feedback-success p{font-size:16px;color:#475569;line-height:1.6;margin-bottom:12px}.feedback-error .error-help,.feedback-success .error-help{font-size:15px;color:#64748b;margin-top:24px;padding:16px;background:#f1f5f9;border-radius:8px}.feedback-error .error-help strong,.feedback-success .error-help strong{color:#6366f1}.feedback-error .success-actions,.feedback-success .success-actions{margin-top:32px;display:flex;justify-content:center}@media (max-height: 780px){.feedback-page{align-items:flex-start}.feedback-container{max-height:calc(100vh - 20px);overflow:hidden auto}.feedback-header{padding:28px 24px}.feedback-form{padding:24px}}@media (min-width: 900px){.feedback-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;align-items:flex-start}.feedback-form .form-actions{grid-column:1/-1;justify-content:center}.rating-stars{justify-content:flex-start}.rating-text{text-align:left}}@media (max-width: 640px){.feedback-page{padding:0}.feedback-container{border-radius:0;min-height:100vh}.feedback-header{padding:32px 20px}.feedback-header .brand-logo{font-size:28px}.feedback-header h1{font-size:24px}.feedback-header p{font-size:14px}.feedback-form{padding:24px 20px 28px;gap:20px}.rating-stars .star{font-size:40px}}.loading-spinner{display:flex;justify-content:center;align-items:center}.loading-spinner__spinner{border:2px solid #e2e8f0;border-top:2px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small .loading-spinner__spinner{width:1rem;height:1rem}.loading-spinner--medium .loading-spinner__spinner{width:1.5rem;height:1.5rem}.loading-spinner--large .loading-spinner__spinner{width:2rem;height:2rem}.loading-spinner--extra-large .loading-spinner__spinner{width:3rem;height:3rem}.loading-spinner--primary .loading-spinner__spinner{border-top-color:#1a2a80}.loading-spinner--white .loading-spinner__spinner{border-color:#ffffff4d;border-top-color:#fff}.loading-spinner--secondary .loading-spinner__spinner{border-top-color:#7a85c1}.loading-spinner__text{margin-left:.5rem;font-size:.875rem;color:#475569;font-weight:500}.loading-spinner--overlay{position:fixed;inset:0;background-color:#ffffffe6;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.loading-spinner--overlay .loading-spinner__spinner{width:3rem;height:3rem;border-width:3px}.loading-spinner--overlay .loading-spinner__text{margin-left:0;font-size:1rem;color:#334155}.loading-spinner--container{position:absolute;inset:0;background-color:#fffc;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.loading-spinner--inline{display:inline-flex;align-items:center}.loading-dots{display:flex;justify-content:center;align-items:center;gap:.25rem}.loading-dots__dot{width:.5rem;height:.5rem;background-color:#1a2a80;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.loading-dots__dot:nth-child(1){animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0}.loading-dots--white .loading-dots__dot{background-color:#fff}.loading-dots--small .loading-dots__dot{width:.375rem;height:.375rem}.loading-dots--large .loading-dots__dot{width:.75rem;height:.75rem}.loading-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.loading-skeleton--text{height:1rem;margin-bottom:.5rem}.loading-skeleton--text:last-child{margin-bottom:0;width:60%}.loading-skeleton--title{height:1.5rem;margin-bottom:1rem}.loading-skeleton--avatar{width:2.5rem;height:2.5rem;border-radius:50%}.loading-skeleton--image{width:100%;height:200px;margin-bottom:1rem}.loading-skeleton--button{height:2.5rem;width:6rem}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.searchable-select-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.searchable-select-group__label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.searchable-select-group__label--required:after{content:" *";color:var(--color-error)}.searchable-select-group__container{position:relative;border:0;border-radius:.5rem}.searchable-select-group__trigger-wrapper{position:relative;display:flex;align-items:center;gap:0}.searchable-select-group__trigger{display:flex;align-items:center;justify-content:space-between;flex:1;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;background-color:var(--color-bg-white);font-size:.875rem;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.searchable-select-group__trigger:hover:not(.searchable-select-group__trigger--disabled){border-color:var(--color-border-hover, #cbd5e1)}.searchable-select-group__trigger:focus{outline:none;border-color:var(--color-primary);border-width:1px;box-shadow:0 0 0 3px #3b82f61a}.searchable-select-group__trigger--small{padding:.5rem .75rem;font-size:.8125rem}.searchable-select-group__trigger--large{padding:1rem 1.25rem;font-size:1rem}.searchable-select-group__trigger--error{border-color:var(--color-error)}.searchable-select-group__trigger--error:focus{border-color:var(--color-error);border-width:2px;box-shadow:0 0 0 3px #ef44441a}.searchable-select-group__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.searchable-select-group__trigger--disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed;border-color:var(--color-border-disabled)}.searchable-select-group__value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-group__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-right:1.75rem}.searchable-select-group__clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:none;border-radius:.25rem;color:#64748b;cursor:pointer;transition:all .2s ease;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1}.searchable-select-group__clear:hover:not(:disabled){background-color:#f1f5f9;color:#ef4444}.searchable-select-group__clear:disabled{cursor:not-allowed;opacity:.5}.searchable-select-group__chevron{color:var(--color-text-secondary);transition:transform .2s ease}.searchable-select-group__chevron--open{transform:rotate(180deg)}.searchable-select-group__dropdown{background-color:#fff;border:2px solid #3b82f6;border-radius:.5rem;box-shadow:0 10px 25px -5px #00000026,0 4px 6px -2px #0000001a,0 0 0 1px #3b82f633;overflow:hidden;max-height:16rem;display:flex;flex-direction:column}.searchable-select-group__dropdown--portal{position:fixed;z-index:99999;background-color:#fff!important;border:2px solid #3b82f6}.searchable-select-group__search{padding:.5rem;border-bottom:2px solid #e2e8f0;background-color:#f8fafc;backdrop-filter:none}.searchable-select-group__search-container{position:relative;display:flex;align-items:center}.searchable-select-group__search-icon{position:absolute;left:.75rem;color:var(--color-text-secondary);pointer-events:none}.searchable-select-group__search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:2px solid #cbd5e1;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#0f172a;transition:all .2s ease}.searchable-select-group__search-input:focus{outline:none;border-color:#3b82f6;border-width:2px;box-shadow:0 0 0 2px #3b82f626}.searchable-select-group__search-input::placeholder{color:#94a3b8}.searchable-select-group__options{flex:1;overflow-y:auto;max-height:12rem;background-color:#fff;scrollbar-width:thin;scrollbar-color:#3b82f6 #e0f2fe}.searchable-select-group__options::-webkit-scrollbar{width:12px}.searchable-select-group__options::-webkit-scrollbar-track{background:linear-gradient(to bottom,#f0f9ff,#e0f2fe);border-radius:10px;border-left:2px solid #bfdbfe}.searchable-select-group__options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:10px;border:2px solid #ffffff;box-shadow:inset 0 0 6px #3b82f64d,0 2px 4px #3b82f633;transition:all .3s ease}.searchable-select-group__options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:inset 0 0 8px #2563eb66,0 4px 8px #3b82f64d}.searchable-select-group__options::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:inset 0 0 10px #1d4ed880,0 2px 4px #3b82f666}.searchable-select-group__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;font-size:.875rem;color:#0f172a;cursor:pointer;transition:all .15s ease;background-color:#fff!important;user-select:none;border-left:4px solid transparent;border-bottom:1px solid #f1f5f9}.searchable-select-group__option:last-child{border-bottom:none}.searchable-select-group__option:hover:not(.searchable-select-group__option--disabled){background-color:#eff6ff!important;border-left-color:#60a5fa;padding-left:calc(1rem - 4px)}.searchable-select-group__option--selected{background-color:#dbeafe!important;color:#1d4ed8;font-weight:500;border-left-color:#3b82f6;padding-left:calc(1rem - 4px)}.searchable-select-group__option--selected:hover{background-color:#bfdbfe!important}.searchable-select-group__option--disabled{color:#475569;cursor:not-allowed;opacity:1;background-color:#f1f5f9!important;position:relative;z-index:1;font-weight:500;border-left-color:#cbd5e1}.searchable-select-group__option--disabled:hover{background-color:#e2e8f0!important}.searchable-select-group__option--disabled .searchable-select-group__option-text{text-decoration:none}.searchable-select-group__option:focus-visible{background-color:#eff6ff!important;outline:2px solid #3b82f6;outline-offset:-2px}.searchable-select-group__option-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.searchable-select-group__option-text:has-text("["){word-spacing:.25rem}.searchable-select-group__option-check{color:#1d4ed8;flex-shrink:0}.searchable-select-group__empty{padding:.75rem 1rem;text-align:center;color:#64748b;font-size:.875rem;font-style:italic;background-color:#fff!important}.searchable-select-group__error{font-size:.8125rem;color:var(--color-error);margin-top:.25rem}.searchable-select-group__helper{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}@media (prefers-color-scheme: dark){.searchable-select-group__trigger{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.searchable-select-group__trigger:hover:not(.searchable-select-group__trigger--disabled){border-color:var(--color-border-hover-dark)}.searchable-select-group__dropdown{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border-dark)}.searchable-select-group__dropdown--portal{background-color:var(--color-bg-secondary)!important}.searchable-select-group__search{background-color:var(--color-bg-primary);border-color:var(--color-border-dark)}.searchable-select-group__search-input{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.searchable-select-group__options{background-color:var(--color-bg-secondary)!important}.searchable-select-group__option{color:var(--color-text-primary-dark)}.searchable-select-group__option:hover:not(.searchable-select-group__option--disabled){background-color:var(--color-bg-primary)}}.overview-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border-left:3px solid #1A2A80;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.625rem;min-height:140px;justify-content:space-between}.overview-card:hover{box-shadow:0 4px 15px #1a2a8026;transform:translateY(-1px)}.overview-card--waiting{border-left-color:#1a2a80}.overview-card--waiting .overview-card__value{color:#1a2a80}.overview-card--called{border-left-color:#f97316}.overview-card--called .overview-card__value{color:#f97316}.overview-card--serving{border-left-color:#16a34a}.overview-card--serving .overview-card__value{color:#16a34a}.overview-card--completed{border-left-color:#9333ea}.overview-card--completed .overview-card__value{color:#9333ea}.overview-card--cancelled{border-left-color:#dc2626}.overview-card--cancelled .overview-card__value{color:#dc2626}.overview-card__header{display:flex;justify-content:space-between;align-items:center}.overview-card__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin:0}.overview-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.375rem}.overview-card__value{font-size:2.25rem;font-weight:700;line-height:1;margin:0}.overview-card__trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.overview-card__trend--up{color:#16a34a}.overview-card__trend--down{color:#dc2626}.overview-card__trend-icon{width:1rem;height:1rem;flex-shrink:0}.overview-card__footer{display:flex;flex-direction:column;gap:.25rem}.overview-card__description{font-size:.75rem;color:#64748b;margin:0;line-height:1.3}.overview-card__timestamp{font-size:.65rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.25rem}.overview-card__timestamp-icon{width:.75rem;height:.75rem;flex-shrink:0}@media (max-width: 767px){.overview-card{min-height:120px;padding:.875rem}.overview-card__value{font-size:1.875rem}.overview-card__label,.overview-card__description{font-size:.65rem}}.wait-time-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.625rem;border-left:3px solid #1A2A80}.wait-time-card:hover{box-shadow:0 4px 15px #1a2a8026;transform:translateY(-1px)}.wait-time-card--good{border-left-color:#16a34a}.wait-time-card--good .wait-time-card__value{color:#16a34a}.wait-time-card--warning{border-left-color:#d97706}.wait-time-card--warning .wait-time-card__value{color:#d97706}.wait-time-card--critical{border-left-color:#dc2626}.wait-time-card--critical .wait-time-card__value{color:#dc2626}.wait-time-card__header{display:flex;justify-content:space-between;align-items:center}.wait-time-card__title{font-size:.875rem;font-weight:600;color:#0f172a;margin:0}.wait-time-card__content{display:flex;align-items:center;justify-content:space-between;gap:.875rem;flex:1}.wait-time-card__main{display:flex;align-items:baseline;gap:.5rem}.wait-time-card__value{font-size:2rem;font-weight:700;line-height:1}.wait-time-card__unit{font-size:.75rem;color:#64748b;font-weight:500}.wait-time-card__trend{display:flex;flex-direction:column;gap:.25rem;text-align:right}.wait-time-card__trend--up{color:#dc2626}.wait-time-card__trend--down{color:#16a34a}.wait-time-card__trend-icon{width:1rem;height:1rem;flex-shrink:0}.wait-time-card__trend-text{font-size:.75rem;font-weight:500}.wait-time-card__footer{display:flex;justify-content:flex-end;padding-top:.625rem;border-top:1px solid #f1f5f9}.wait-time-card__timestamp{font-size:.65rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.25rem}.wait-time-card__timestamp-icon{width:.75rem;height:.75rem;flex-shrink:0}@media (max-width: 767px){.wait-time-card{padding:.875rem}.wait-time-card__content{flex-direction:column;align-items:flex-start}.wait-time-card__trend{text-align:left}.wait-time-card__value{font-size:1.75rem}.wait-time-card__title{font-size:.75rem}}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-group__label{font-size:.875rem;font-weight:500;color:#334155}.input-group__label--required:after{content:" *";color:#ef4444}.input-group__input{width:100%;border:1px solid #cbd5e1;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:1rem;transition:all .2s ease;background-color:#fff;color:#0f172a}.input-group__input::placeholder{color:#94a3b8}.input-group__input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.input-group__input:hover:not(:disabled):not(:focus){border-color:#94a3b8}.input-group__input:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.input-group__input--small{height:2rem;padding:0 .75rem;font-size:.875rem}.input-group__input--medium{height:2.5rem;padding:0 .75rem}.input-group__input--large{height:3rem;padding:0 1rem;font-size:1.125rem}.input-group__input--error{border-color:#ef4444}.input-group__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-group__input--success{border-color:#22c55e}.input-group__input--success:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.input-group__input[type=date]{position:relative;cursor:pointer}.input-group__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;display:block;background:transparent;color:transparent;height:auto;inset:0;position:absolute;width:auto}.input-group__input[type=date]:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed;opacity:.5}.input-group__textarea{min-height:4rem;padding:.75rem;resize:vertical;font-family:Inter,"system-ui",sans-serif;line-height:1.5}.input-group__textarea--auto-resize{resize:none;overflow:hidden}.input-group--with-icon{position:relative}.input-group--with-icon .input-group__input{padding-left:2.5rem}.input-group--with-icon .input-group__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;pointer-events:none}.input-group--with-suffix{position:relative}.input-group--with-suffix .input-group__input{padding-right:2.5rem}.input-group--with-suffix .input-group__suffix{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.input-group__error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.input-group__success{font-size:.75rem;color:#22c55e;margin-top:.25rem}.input-group__helper{font-size:.75rem;color:#64748b;margin-top:.25rem}.input-group--search .input-group__input{padding-left:2.5rem;border-radius:2rem;background-color:#f8fafc;border-color:transparent}.input-group--search .input-group__input:focus{background-color:#fff;border-color:#1a2a80}.file-input__wrapper{position:relative;display:inline-block}.file-input__input{position:absolute;opacity:0;width:0;height:0}.file-input__label{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px dashed #cbd5e1;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:#475569;background-color:#f8fafc}.file-input__label:hover{border-color:#1a2a80;background-color:#1a2a800d;color:#1a2a80}.file-input--dragover .file-input__label{border-color:#1a2a80;background-color:#1a2a801a;color:#1a2a80}.date-picker{display:flex;flex-direction:column;gap:.5rem;width:100%}.date-picker__label{font-size:.875rem;font-weight:500;color:#475569;line-height:1}.date-picker__required{color:#ef4444;margin-left:.25rem}.date-picker__trigger{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between;width:100%;height:2.75rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease-in-out;cursor:pointer;outline:none}.date-picker__trigger:hover:not(.date-picker__trigger--disabled){background-color:#f8fafc;border-color:#cbd5e1}.date-picker__trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-picker__trigger--error{border-color:#ef4444}.date-picker__trigger--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-picker__trigger--disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.date-picker__text{font-size:.875rem;color:#1e293b;text-align:left;flex:1}.date-picker__text--placeholder{color:#94a3b8}.date-picker__icon{width:1.25rem;height:1.25rem;color:#64748b;flex-shrink:0;margin-left:.5rem}.date-picker__error{font-size:.875rem;font-weight:500;color:#ef4444;margin-top:.25rem}.date-picker__popover{width:auto;padding:0;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.75rem;overflow:hidden}.date-picker__quick-actions{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #e2e8f0;background-color:#f8fafc}.date-picker__quick-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.date-picker__quick-btn:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.date-picker__quick-btn:active{transform:scale(.98)}[data-slot=calendar]{padding:1rem 3rem;background-color:#fff}[data-slot=calendar] .rdp-month_caption{display:flex;align-items:center;justify-content:center;position:relative;height:2.5rem;margin-bottom:.75rem;padding:0}[data-slot=calendar] .rdp-nav{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;height:100%;z-index:10;pointer-events:none}[data-slot=calendar] .rdp-button_previous,[data-slot=calendar] .rdp-button_next{width:2.25rem!important;height:2.25rem!important;border-radius:.5rem!important;color:#475569!important;transition:all .15s ease-in-out;pointer-events:auto;display:flex!important;align-items:center!important;justify-content:center!important;background-color:transparent!important;border:1px solid #e2e8f0!important;cursor:pointer;flex-shrink:0}[data-slot=calendar] .rdp-button_previous:hover:not(:disabled),[data-slot=calendar] .rdp-button_next:hover:not(:disabled){background-color:#f1f5f9!important;color:#1e293b!important;border-color:#cbd5e1!important}[data-slot=calendar] .rdp-button_previous:active:not(:disabled),[data-slot=calendar] .rdp-button_next:active:not(:disabled){transform:scale(.95)}[data-slot=calendar] .rdp-button_previous:disabled,[data-slot=calendar] .rdp-button_next:disabled{opacity:.3;cursor:not-allowed}[data-slot=calendar] .rdp-button_previous svg,[data-slot=calendar] .rdp-button_next svg{width:1.25rem!important;height:1.25rem!important;stroke-width:2!important;stroke:currentColor!important;fill:none!important;display:inline-block!important;visibility:visible!important;opacity:1!important;color:inherit!important}[data-slot=calendar] .rdp-button_previous{margin-left:10px;order:-1}[data-slot=calendar] .rdp-button_next{margin-right:10px;order:1}[data-slot=calendar] .rdp-dropdowns{display:flex;align-items:center;justify-content:center;gap:.5rem;height:100%;padding:0 3rem;position:relative;z-index:1;flex:1;max-width:100%}[data-slot=calendar] .rdp-dropdown_root{position:relative;border:1px solid #cbd5e1;border-radius:.5rem;background-color:#fff;transition:all .15s ease-in-out;min-width:5.5rem;height:2.25rem;display:flex;align-items:center}[data-slot=calendar] .rdp-dropdown_root:hover{border-color:#94a3b8;background-color:#f8fafc}[data-slot=calendar] .rdp-dropdown_root:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}[data-slot=calendar] .rdp-dropdown_root .rdp-caption_label{display:none}[data-slot=calendar] .rdp-dropdown{padding:.375rem 1.75rem .375rem .75rem;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer;width:100%;text-align:left;background-color:transparent;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}[data-slot=calendar] .rdp-dropdown::-webkit-scrollbar{width:8px}[data-slot=calendar] .rdp-dropdown::-webkit-scrollbar-track{background:#f1f5f9}[data-slot=calendar] .rdp-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-slot=calendar] .rdp-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-slot=calendar] .rdp-dropdown option{padding:.5rem .75rem;background-color:#fff;color:#1e293b;font-size:.875rem;line-height:1.5}[data-slot=calendar] .rdp-dropdown option:hover{background-color:#f1f5f9}[data-slot=calendar] .rdp-dropdown option:checked{background-color:#dbeafe;color:#1e40af;font-weight:600}[data-slot=calendar] .rdp-dropdowns+.rdp-caption_label{display:none}[data-slot=calendar] .rdp-weekday{color:#64748b;font-weight:500;font-size:.8125rem;text-transform:uppercase}[data-slot=calendar] button[data-slot=button]{color:#475569;font-weight:400;border-radius:.5rem;transition:all .15s ease-in-out}[data-slot=calendar] button[data-slot=button]:hover{background-color:#f1f5f9;color:#1e293b}[data-slot=calendar] button[data-slot=button]:before,[data-slot=calendar] button[data-slot=button]:after{display:none}[data-slot=calendar] button[data-slot=button][data-selected-single=true]{background-color:#3b82f6;color:#fff;font-weight:600}[data-slot=calendar] button[data-slot=button][data-selected-single=true]:hover{background-color:#2563eb}[data-slot=calendar] button[data-slot=button][data-today=true]:not([data-selected-single=true]){background-color:#dbeafe;color:#1e40af;font-weight:600}[data-slot=calendar] button[data-slot=button][data-outside=true]{color:#cbd5e1}[data-slot=calendar] button[data-slot=button][data-outside=true]:hover{color:#94a3b8;background-color:#f8fafc}[data-slot=calendar] button[data-slot=button]:disabled{color:#e2e8f0;cursor:not-allowed}[data-slot=calendar] button[data-slot=button]:disabled:hover{background-color:transparent}[data-slot=calendar] .rdp-day{border:none;outline:none}[data-slot=calendar] .rdp-day:before,[data-slot=calendar] .rdp-day:after{display:none}[data-slot=calendar] .rdp-week_number,[data-slot=calendar] .rdp-week_number_header{display:none}[data-slot=calendar] [data-range-start=true],[data-slot=calendar] [data-range-end=true]{background-color:#3b82f6;color:#fff;font-weight:600}[data-slot=calendar] [data-range-middle=true]{background-color:#dbeafe;color:#1e40af}button.rdp-button_previous svg,button.rdp-button_next svg{display:inline-block!important;width:1.25rem!important;height:1.25rem!important;opacity:1!important;visibility:visible!important}select.rdp-dropdown{color-scheme:light}select.rdp-dropdown option{background:#fff!important;color:#1e293b!important}[data-radix-popper-content-wrapper]{z-index:10001!important}.search-filters{background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;margin-bottom:1.5rem}.staff-my-shifts .search-filters{border-top:none;border-radius:0 0 .5rem .5rem;margin-bottom:0}.search-filters__header{padding:1rem;border-bottom:1px solid #cbd5e1}.search-filters__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;font-size:1rem;font-weight:600;color:#0f172a;cursor:pointer}.search-filters__toggle:hover,.search-filters__toggle:hover .search-filters__filter-icon{color:#1a2a80}.search-filters__toggle-content{display:flex;align-items:center;gap:.5rem}.search-filters__filter-icon{color:#475569;transition:color .2s ease;flex-shrink:0}.search-filters__icon{transition:transform .2s ease;font-size:.8rem}.search-filters__icon--expanded{transform:rotate(180deg)}.search-filters__content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.5rem}.search-filters__content--expanded{max-height:1000px;padding:1.5rem}.search-filters__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.search-filters__field{display:flex;flex-direction:column}.search-filters__field--range{grid-column:span 2}@media (max-width: 768px){.search-filters__field--range{grid-column:span 1}}.search-filters__label{font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.375rem}.search-filters__select{height:2.5rem;padding:0 .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:1rem;background:#fff;color:#0f172a;transition:all .2s ease}.search-filters__select:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.search-filters__select:hover:not(:disabled):not(:focus){border-color:#94a3b8}.search-filters__date{height:2.5rem;padding:0 .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:1rem;background:#fff;color:#0f172a;transition:all .2s ease}.search-filters__date:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.search-filters__date:hover:not(:disabled):not(:focus){border-color:#94a3b8}.search-filters__actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 480px){.search-filters__actions{flex-direction:column}}.search-filters__button{min-width:100px}@media (max-width: 480px){.search-filters__button{width:100%}}.simple-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.simple-search__input-container{display:flex;gap:12px;align-items:center}.simple-search__input-wrapper{position:relative;flex:1;display:flex;align-items:center}.simple-search__icon{position:absolute;left:12px;color:#6b7280;pointer-events:none;z-index:1}.simple-search__input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}.simple-search__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.simple-search__input::placeholder{color:#9ca3af}.simple-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:1}.simple-search__clear:hover{color:#374151;background-color:#f3f4f6}.simple-search__actions{display:flex;gap:8px}.simple-search__reset-btn,.simple-search__search-btn{white-space:nowrap;min-width:80px}.simple-search__reset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.simple-search__input-container{flex-direction:column;align-items:stretch}.simple-search__input-wrapper{order:1}.simple-search__actions{order:2;justify-content:stretch}.simple-search__actions .simple-search__reset-btn,.simple-search__actions .simple-search__search-btn{flex:1}}.select-group{display:flex;flex-direction:column;gap:.375rem}.select-group__label{font-size:.875rem;font-weight:500;color:#334155}.select-group__label--required:after{content:" *";color:#ef4444}.select-group__container{position:relative}.select-group__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #cbd5e1;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:1rem;transition:all .2s ease;background-color:#fff;color:#0f172a;cursor:pointer;text-align:left}.select-group__trigger:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.select-group__trigger:hover:not(:disabled):not(.select-group__trigger--open){border-color:#94a3b8}.select-group__trigger--open{border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.select-group__trigger--disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.select-group__trigger--error{border-color:#ef4444}.select-group__trigger--error:focus{box-shadow:0 0 0 3px #ef44441a}.select-group__trigger--small{padding:.375rem .75rem;font-size:.875rem;min-height:2rem}.select-group__trigger--medium{padding:.5rem .75rem;font-size:1rem;min-height:2.5rem}.select-group__trigger--large{padding:.75rem 1rem;font-size:1.125rem;min-height:3rem}.select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.select-group__chevron{color:#94a3b8;transition:transform .2s ease;flex-shrink:0;margin-left:.5rem}.select-group__chevron--open{transform:rotate(180deg)}.select-group__dropdown{position:absolute;top:100%;left:0;right:0;z-index:9999;margin-top:.25rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 20px 25px #00000026;animation:slideDown .2s ease-out;overflow:visible}.select-group__dropdown--portal{position:fixed;right:auto;z-index:var(--modal-dropdown-z-index, 999999);transform:translateZ(0);box-shadow:0 10px 25px #00000026,0 20px 48px #00000026;backdrop-filter:blur(.5px)}.modal-overlay .select-group__dropdown--portal{z-index:var(--modal-dropdown-z-index, 50000)}.select-group__search{padding:.5rem .5rem .25rem;position:sticky;top:0;background:#fff;z-index:2}.select-group__search-input{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.25rem;font-size:.875rem}.select-group__search-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.select-group__options{max-height:240px;overflow-y:auto;padding:.25rem;position:relative;z-index:1;overscroll-behavior:contain;scroll-behavior:smooth}.select-group__option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;padding:.5rem .75rem;border-radius:.25rem;font-size:1rem;text-align:left;background:none;border:none;cursor:pointer;transition:all .2s ease;color:#0f172a;white-space:nowrap}.select-group__option:hover:not(.select-group__option--disabled){background-color:#f8fafc}.select-group__option--selected{background-color:#7a85c1;color:#1a2a80;font-weight:500}.select-group__option--selected:hover{background-color:#7a85c1}.select-group__option--disabled{color:#94a3b8;cursor:not-allowed;opacity:.5}.select-group__option:focus{outline:none;background-color:#f8fafc}.select-group__option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-group__option-check{color:#1a2a80;flex-shrink:0;margin-left:.5rem}.select-group__empty{padding:.75rem;text-align:center;color:#64748b;font-size:.875rem}.select-group__error{font-size:.875rem;color:#ef4444;margin-top:.25rem}.select-group__helper{font-size:.875rem;color:#64748b;margin-top:.25rem}.select-group__options{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.select-group__options::-webkit-scrollbar{width:6px}.select-group__options::-webkit-scrollbar-track{background:transparent}.select-group__options::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.select-group__options::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:#fff;z-index:40;overflow:visible}@media (max-width: 768px){.pagination{flex-direction:column;gap:.75rem}}.pagination__info{font-size:.875rem;color:#475569;white-space:nowrap}@media (max-width: 768px){.pagination__info{order:3;text-align:center}}.pagination__controls{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.pagination__controls{order:1}}.pagination__button{min-width:80px}@media (max-width: 480px){.pagination__button{min-width:60px;font-size:.75rem}}.pagination__pages{display:flex;align-items:center;gap:.75rem;margin:0 .5rem}@media (max-width: 480px){.pagination__pages{gap:.125rem;margin:0 .25rem}}.pagination__page-info{color:#475569;font-size:.875rem;white-space:nowrap;padding:0 .5rem}@media (max-width: 480px){.pagination__page-info{font-size:.75rem;padding:0 .25rem}}.pagination__page-size{display:flex;justify-content:center;align-items:center;gap:.5rem;color:#475569;font-size:.875rem;position:relative}@media (max-width: 768px){.pagination__page-size{order:2;justify-content:center}}@media (max-width: 640px){.pagination__page-size{justify-content:space-between}}@media (max-width: 480px){.pagination__page-size{flex-direction:column;gap:.25rem}}.pagination__page-size-label{color:#475569;white-space:nowrap}@media (max-width: 480px){.pagination__page-size-label{font-size:.75rem}}.pagination__page-numbers{display:flex;justify-content:center;align-items:center;gap:.25rem;margin:0 .5rem}@media (max-width: 480px){.pagination__page-numbers{gap:.125rem;margin:0 .25rem}}.pagination__page{min-width:40px;height:40px;padding:0;border-radius:.5rem;font-size:.875rem;font-weight:500}@media (max-width: 480px){.pagination__page{min-width:32px;height:32px;font-size:.75rem}}.pagination__page--current{background:#1a2a80;border-color:#1a2a80;color:#fff}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:#64748b;font-size:.875rem}@media (max-width: 480px){.pagination__ellipsis{min-width:32px;height:32px;font-size:.75rem}}@media (max-width: 480px){.pagination__controls{flex-wrap:wrap;justify-content:center}.pagination__pages{order:2;margin-top:.5rem;flex-basis:100%;justify-content:center}}.pagination:not(.pagination--sticky){position:static;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;background:transparent;z-index:auto}.badge{display:flex;justify-content:center;align-items:center;display:inline-flex;font-weight:500;border-radius:.25rem;border:1px solid transparent;transition:background-color .2s ease;font-size:.75rem;line-height:1;white-space:nowrap}.badge--small{padding:.125rem .375rem;font-size:.625rem}.badge--medium{padding:.25rem .5rem;font-size:.75rem}.badge--large{padding:.375rem .75rem;font-size:.875rem}.badge--default{background-color:#1a2a80;color:#fff}.badge--secondary{background-color:#f1f5f9;color:#334155}.badge--destructive{background-color:#ef4444;color:#fff}.badge--success{background-color:#22c55e;color:#fff}.badge--warning{background-color:#f59e0b;color:#fff}.badge--outline{background-color:transparent;color:#334155;border-color:#cbd5e1}.file-input-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.file-input-group__label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.file-input-group__label--required:after{content:" *";color:var(--color-error)}.file-input-group__input{display:none}.file-input-group__dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:4rem;padding:1rem;border:2px dashed var(--color-border);border-radius:.5rem;background-color:var(--color-bg-gray-50);cursor:pointer;transition:all .2s ease}.file-input-group__dropzone:hover:not(.file-input-group__dropzone--disabled){border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-input-group__dropzone:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.file-input-group__dropzone--drag-over{border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-input-group__dropzone--error{border-color:var(--color-error);background-color:#ef44440d}.file-input-group__dropzone--disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border-disabled);cursor:not-allowed;opacity:.6}.file-input-group__dropzone--has-file{border-style:solid;background-color:var(--color-bg-white)}.file-input-group__placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.file-input-group__upload-icon{color:var(--color-text-secondary)}.file-input-group__placeholder-text{display:flex;flex-direction:column;gap:.25rem}.file-input-group__placeholder-primary{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.file-input-group__placeholder-secondary{font-size:.8125rem;color:var(--color-text-secondary)}.file-input-group__file-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem;background-color:var(--color-bg-white);border-radius:.375rem;border:1px solid var(--color-border)}.file-input-group__file-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.file-input-group__file-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-input-group__file-size{font-size:.8125rem;color:var(--color-text-secondary)}.file-input-group__clear{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.file-input-group__clear:hover:not(:disabled){background-color:var(--color-bg-gray-100);color:var(--color-error)}.file-input-group__clear:disabled{cursor:not-allowed;opacity:.5}.file-input-group__error{font-size:.8125rem;color:var(--color-error);margin-top:.25rem}.file-input-group__helper{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}@media (prefers-color-scheme: dark){.file-input-group__dropzone{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.file-input-group__dropzone:hover:not(.file-input-group__dropzone--disabled){border-color:var(--color-primary);background-color:var(--color-primary-dark)}.file-input-group__dropzone--has-file{background-color:var(--color-bg-primary)}.file-input-group__file-info{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.file-input-group__file-name,.file-input-group__placeholder-primary{color:var(--color-text-primary-dark)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-upload{display:flex;flex-direction:column;gap:1rem}.image-upload__label{font-weight:600;font-size:.875rem;color:#1e293b;margin-bottom:.5rem;display:block}.image-upload__required{color:#ef4444;margin-left:.25rem}.image-upload__container{border-radius:.75rem;overflow:hidden;border:2px solid #e2e8f0;background:#fff;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.image-upload__container:focus-within{border-color:#1a2a80;box-shadow:0 0 0 4px #1a2a801f,0 4px 6px #00000012}.image-upload__container:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #00000012}.image-upload__drop-zone{position:relative;cursor:pointer;transition:all .3s ease;pointer-events:auto;z-index:1}.image-upload__drop-zone--drag-over .image-upload__upload-content{border-color:#1a2a80;background:linear-gradient(135deg,#eef2ff,#e0e7ff);transform:scale(1.02);box-shadow:0 12px 35px #1a2a8040;animation:pulse 2s infinite}.image-upload__drop-zone--drag-over .image-upload__upload-content:before{opacity:.5}.image-upload__drop-zone--drag-over .image-upload__upload-content .image-upload__icon{color:#151f66;transform:scale(1.2) rotate(10deg);animation:pulse 1.5s infinite}.image-upload__drop-zone--drag-over .image-upload__upload-content .image-upload__icon:before{opacity:1}.image-upload__drop-zone--drag-over .image-upload__upload-content .image-upload__title{color:#1e3a8a;transform:translateY(-2px)}.image-upload__drop-zone--drag-over .image-upload__upload-content .image-upload__description{color:#151f66}.image-upload__drop-zone--drag-over .image-upload__upload-content .image-upload__hint{background:#c7d2fe;color:#0f1741;transform:scale(1.05)}.image-upload__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none;z-index:-1}.image-upload__upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #cbd5e1;border-radius:.75rem;background:linear-gradient(135deg,#fafbfc,#f8fafc);text-align:center;min-height:200px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;pointer-events:auto;z-index:1}.image-upload__upload-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#eef2ff,#e0e7ff);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.image-upload__upload-content:hover{border-color:#818cf8;background:linear-gradient(135deg,#eef2ff,#f8fafc);transform:translateY(-2px);box-shadow:0 8px 25px #1a2a8026}.image-upload__upload-content:hover:before{opacity:.3}.image-upload__upload-content:hover .image-upload__icon{transform:scale(1.1) rotate(5deg)}.image-upload__upload-content:hover .image-upload__title{color:#1e3a8a}.image-upload__upload-content:active{transform:translateY(-1px);box-shadow:0 4px 15px #1a2a801a}.image-upload__icon{color:#818cf8;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);padding:1.25rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 4px 12px #1a2a801a}.image-upload__icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:9999px;opacity:0;transition:opacity .3s ease}.image-upload__icon svg{position:relative;z-index:1}.image-upload__text{max-width:280px;position:relative;z-index:1}.image-upload__title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;transition:color .3s ease}.image-upload__description{color:#475569;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6;max-width:320px}.image-upload__hint{display:inline-block;padding:.5rem 1rem;background-color:#eef2ff;color:#1e3a8a;font-size:.75rem;border-radius:9999px;border:1px solid #C7D2FE;font-weight:600;letter-spacing:.025em}.image-upload__preview{display:flex;flex-direction:column}.image-upload__preview-container{position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#fafbfc);border-radius:.75rem;overflow:hidden;min-height:180px;padding:1rem;transition:all .3s ease;border:1px solid #e2e8f0}.image-upload__preview-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8faff,#fafbfc);opacity:0;transition:opacity .3s ease}.image-upload__preview-container:hover{transform:translateY(-1px);box-shadow:0 8px 25px #00000014;border-color:#c7d2fe}.image-upload__preview-container:hover:before{opacity:1}.image-upload__preview-container:hover .image-upload__overlay{opacity:1}.image-upload__preview-container:hover .image-upload__preview-image{transform:scale(1.02)}.image-upload__preview-image{width:auto;height:auto;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 20px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border:2px solid #ffffff;background:#fff}.image-upload__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:.75rem;backdrop-filter:blur(2px);z-index:2}.image-upload__overlay:hover{background:linear-gradient(135deg,#00000080,#000000b3)}.image-upload__overlay-actions{display:flex;gap:.5rem}.image-upload__change-overlay-btn{background:#fffffff2;color:#151f66;border:none;border-radius:9999px;width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .2s ease;box-shadow:0 2px 8px #00000026;cursor:pointer;position:relative;z-index:10}.image-upload__change-overlay-btn:hover{background:#fff;color:#1e3a8a;transform:scale(1.1);box-shadow:0 4px 16px #1a2a8040}.image-upload__change-overlay-btn:active{transform:scale(1.05);background:#eef2ff}.image-upload__change-overlay-btn:focus{outline:none;box-shadow:0 0 0 3px #1a2a8066}.image-upload__remove-btn{background:#ef4444f2;color:#fff;border:none;border-radius:9999px;width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .2s ease;box-shadow:0 2px 8px #ef444440;cursor:pointer;position:relative;z-index:10}.image-upload__remove-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 16px #ef444466}.image-upload__remove-btn:active{transform:scale(1.05);background:#b91c1c}.image-upload__remove-btn:focus{outline:none;box-shadow:0 0 0 3px #ef444466}.image-upload__remove-info-btn{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-upload__remove-info-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.image-upload__remove-info-btn:focus{outline:none;box-shadow:0 0 0 3px #ef444433}.image-upload__info{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-top:1px solid #e2e8f0;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.image-upload__info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(224,231,255,.3),transparent);transition:left .6s ease}.image-upload__info:hover{background:linear-gradient(135deg,#f8faff,#fafbfc);border-color:#c7d2fe}.image-upload__info:hover:before{left:100%}@media (max-width: 767px){.image-upload__info{flex-direction:column;align-items:flex-start;gap:1rem}}.image-upload__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 767px){.image-upload__actions{width:100%;justify-content:space-between}}.image-upload__details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.image-upload__name{display:flex;align-items:center;gap:.75rem;color:#1e293b;font-weight:600;font-size:.875rem}.image-upload__name svg{color:#1a2a80;flex-shrink:0;padding:.25rem;background:#eef2ff;border-radius:.5rem}.image-upload__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@media (max-width: 767px){.image-upload__name span{max-width:none}}.image-upload__size{color:#475569;font-size:.75rem;font-weight:500;margin-left:2rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.5rem}.image-upload__change-btn{flex-shrink:0;gap:.5rem;background:#1a2a80;color:#fff;border:2px solid #1A2A80;font-weight:600;padding:.75rem 1.25rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;position:relative;overflow:hidden}.image-upload__change-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.image-upload__change-btn:hover{background:#151f66;border-color:#151f66;transform:translateY(-2px);box-shadow:0 6px 20px #1a2a804d}.image-upload__change-btn:hover:before{left:100%}.image-upload__change-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #1a2a8040}.image-upload__change-btn:focus{outline:none;box-shadow:0 0 0 3px #1a2a8066}@media (max-width: 767px){.image-upload__change-btn{flex:1;justify-content:center}}.image-upload__url-input{margin-top:.5rem}.image-upload__url-field{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 2px #0000000d;position:relative}.image-upload__url-field:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 4px #1a2a801f,0 4px 6px #00000012;transform:translateY(-1px)}.image-upload__url-field:hover:not(:focus){border-color:#a5b4fc;box-shadow:0 2px 8px #00000014}.image-upload__url-field::placeholder{color:#94a3b8;font-style:italic;transition:color .3s ease}.image-upload__url-field:focus::placeholder{color:#cbd5e1}.image-upload__url-field--disabled{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;cursor:not-allowed;border-color:#e2e8f0}.image-upload__url-field--disabled::placeholder{color:#94a3b8}.image-upload__url-field--disabled:hover{border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d;transform:none}.image-upload__error{display:flex;align-items:center;gap:.5rem;color:#b91c1c;font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:.5rem;font-weight:500;animation:slideIn .3s ease-out;border-left:4px solid #dc2626}.image-upload__error svg{flex-shrink:0;color:#dc2626;animation:pulse 2s infinite}.image-upload--disabled{opacity:.6;pointer-events:none}.image-upload--disabled .image-upload__container,.image-upload--disabled .image-upload__upload-content{background:#f1f5f9;border-color:#e2e8f0}.image-upload--disabled .image-upload__title,.image-upload--disabled .image-upload__description{color:#94a3b8}.image-upload--disabled .image-upload__icon{color:#cbd5e1}.image-upload__loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:.75rem;pointer-events:all}.image-upload__loading-overlay .loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite}.image-upload__container{position:relative}.image-upload__container:hover{background:#fafbfc;transform:translateY(-1px)}.image-upload__upload-content:active{background:linear-gradient(135deg,#f8faff,#fafbfc);border-color:#a5b4fc}.image-upload__title:hover{color:#1e3a8a}.image-upload__hint:hover{background-color:#e0e7ff;color:#0f1741;border-color:#a5b4fc;transform:scale(1.02)}.image-upload__preview-container:hover{background:#fafbfc}.image-upload__info:hover{background:linear-gradient(135deg,#f8fafc,#f8faff)}.image-upload__name:hover{color:#1e3a8a}.image-upload__name:hover svg{color:#151f66;background:#e0e7ff}.image-upload__size:hover{background:#eef2ff;color:#1e3a8a}.image-upload__url-field:hover:not(:focus){background:#fafbfc;border-color:#c7d2fe}.image-upload__url-field::placeholder{color:#64748b;font-style:italic}.image-upload__url-field--disabled:hover{background:#f1f5f9;border-color:#cbd5e1}@media (min-width: 768px) and (max-width: 1023px){.image-upload__upload-content{padding:2rem 1.5rem;min-height:160px}.image-upload__title{font-size:1rem}.image-upload__description{font-size:.75rem}}@media (max-width: 767px){.image-upload__upload-content{padding:1.5rem 1rem;min-height:140px}.image-upload__icon svg{width:36px;height:36px}.image-upload__title{font-size:.875rem}.image-upload__description{font-size:.75rem}.image-upload__hint{font-size:.625rem;padding:.25rem .5rem}.image-upload__info{padding:.75rem 1rem}.image-upload__preview-container{min-height:120px;padding:.75rem}}.icon-selector{display:flex;flex-direction:column;gap:.75rem}.icon-selector__label{display:block;font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.25rem}.icon-selector__controls{display:flex;align-items:center;gap:1rem}.icon-selector__mode-toggle{display:flex;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden;background:#fff}.icon-selector__mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.icon-selector__mode-btn:hover{background:#f8fafc;color:#0f172a}.icon-selector__mode-btn.active{background:#1a2a80;color:#fff}.icon-selector__picker-container{display:flex;flex-direction:column;gap:1rem}.icon-selector__current{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.icon-selector__preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:.25rem;background:#f8fafc;flex-shrink:0}.icon-selector__preview-icon{color:#0f172a}.icon-selector__preview-image{width:32px;height:32px;object-fit:cover;border-radius:.25rem}.icon-selector__preview-fallback{font-size:.75rem;color:#64748b;text-align:center;padding:.25rem;word-break:break-all}.icon-selector__current-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:24px}.icon-selector__current-value{font-size:.875rem;color:#0f172a;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-selector__clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0!important;margin:0;border:none;background:#e2e8f0;color:#64748b;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;line-height:1}.icon-selector__clear svg{width:14px;height:14px;display:block;flex-shrink:0}.icon-selector__clear:hover{background:#ef4444;color:#fff}.icon-selector__clear:focus{outline:none;box-shadow:0 0 0 2px #ef444433}.icon-selector__picker{border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;overflow:hidden}.icon-selector__search{position:relative;padding:1rem;border-bottom:1px solid #e2e8f0}.icon-selector__search-icon{position:absolute;left:1.75rem;top:50%;transform:translateY(-50%);color:#64748b}.icon-selector__search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;color:#0f172a;transition:border-color .2s ease}.icon-selector__search-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.icon-selector__search-input::placeholder{color:#cbd5e1}.icon-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;padding:1rem;max-height:300px;overflow-y:auto}.icon-selector__icon-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;font-size:.75rem}.icon-selector__icon-btn:hover{border-color:#1a2a80;background:#eef2ff;color:#1a2a80}.icon-selector__icon-btn.active{border-color:#1a2a80;background:#1a2a80;color:#fff}.icon-selector__icon-name{font-size:.75rem;font-weight:500;text-align:center;word-break:break-word;line-height:1.2}.icon-selector__no-results{padding:2rem;text-align:center;color:#64748b;font-size:.875rem}.icon-selector__text-container{display:flex;flex-direction:column;gap:.75rem}.icon-selector__text-preview{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc;align-self:flex-start}.icon-selector__text-preview .icon-selector__preview-icon{width:32px;height:32px}.icon-selector__text-preview .icon-selector__preview-image{width:48px;height:48px}.icon-selector__help{padding:1rem;background:#f8fafc;border-radius:.5rem;font-size:.875rem;color:#64748b}.icon-selector__help p{margin:0 0 .5rem;font-weight:500;color:#0f172a}.icon-selector__help ul{margin:0;padding-left:1.25rem;list-style-type:disc}.icon-selector__help ul li{margin-bottom:.25rem;line-height:1.4}.icon-selector__help ul li:last-child{margin-bottom:0}.icon-selector__error{color:#ef4444;font-size:.875rem;margin-top:.25rem}@media (max-width: 640px){.icon-selector__mode-toggle{width:100%}.icon-selector__mode-btn{flex:1;justify-content:center}.icon-selector__current{flex-direction:column;align-items:flex-start;gap:.75rem}.icon-selector__current-info{width:100%}.icon-selector__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.375rem}.icon-selector__icon-btn{padding:.5rem .25rem}}.table-container{overflow-x:auto;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff}.table{width:100%;border-collapse:collapse;font-size:.75rem}.table__header{background-color:#f8fafc}.table__head{padding:.5rem .75rem;text-align:left;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;vertical-align:middle}.table__head--sortable{cursor:pointer;user-select:none;transition:background-color .2s ease}.table__head--sortable:hover{background-color:#f8fafc}.table__body .table__row{cursor:pointer;transition:background-color .2s ease}.table__body .table__row:hover{background-color:#f8fafc}.table__body .table__row:not(:last-child){border-bottom:1px solid #e2e8f0}.table__row--selected{background-color:#1a2a800d}.table__cell{padding:.5rem .75rem;text-align:left;color:#0f172a;vertical-align:middle}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--numeric{font-family:JetBrains Mono,Monaco,Courier New,monospace;text-align:right}.table__sort-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.table__sort-icon{width:1rem;height:1rem;color:#94a3b8;transition:transform .2s ease}.table__sort-icon--desc{transform:rotate(180deg)}.table__action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.table__action-btn{padding:.375rem;min-width:auto}.table__action-btn--view{color:#1a2a80;border-color:#1a2a80}.table__action-btn--view:hover{background-color:#1a2a80;color:#fff}.table__action-btn--edit{color:#d97706;border-color:#d97706}.table__action-btn--edit:hover{background-color:#d97706;color:#fff}.table__action-btn--delete{color:#dc2626;border-color:#dc2626}.table__action-btn--delete:hover{background-color:#dc2626;color:#fff}.table__code{font-family:Menlo,Monaco,Courier New,monospace;font-weight:600;color:#1a2a80;font-size:.875rem;letter-spacing:.025em}.table__description{color:#475569;font-size:.875rem;line-height:1.4;max-width:300px}@media (max-width: 767px){.table__description{max-width:200px}}.table__brand{font-weight:500;color:#0f172a}.table__date{color:#475569;font-size:.875rem;white-space:nowrap}.table__name-cell{min-width:200px}.table__name-container{display:flex;flex-direction:column;gap:.25rem}.table__actions-head{width:100px;text-align:center!important}.table__actions-cell{width:100px;text-align:center}@media (min-width: 768px) and (max-width: 1023px){.table{font-size:.75rem}.table__head,.table__cell{padding:.5rem .375rem}.table__action-buttons{gap:.25rem}.table__action-btn{padding:.25rem}}@media (max-width: 767px){.table{font-size:.7rem}.table__head,.table__cell{padding:.375rem .25rem}.table__description{max-width:150px}.table__action-buttons{flex-direction:column;gap:.25rem}.table__action-btn{padding:.25rem;font-size:.75rem}}@media (max-width: 768px){.table{font-size:.75rem}.table__head,.table__cell{padding:.375rem .5rem}}@media (max-width: 640px){.table__head,.table__cell{padding:.25rem .375rem}.table__head:nth-child(n+4),.table__cell:nth-child(n+4){display:none}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto;--modal-z-index: 10000;--modal-content-z-index: 10001;--modal-dropdown-z-index: 50000}.modal{background:#fff;border-radius:var(--border-radius-lg, .75rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:95vh;width:100%;position:relative;display:flex;flex-direction:column;z-index:var(--modal-content-z-index, 10001)}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--large{max-width:950px}.modal--xlarge{max-width:1000px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.modal__close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius, .375rem);color:var(--color-text-muted, #6b7280);transition:all .2s ease}.modal__close-button:hover{background-color:var(--color-background-light, #f9fafb);color:var(--color-text-primary, #111827)}.modal__content{flex:1;min-height:0;display:flex;flex-direction:column}.modal__scrollable{flex:1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.modal__body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.modal__footer{border-top:1px solid var(--color-border, #e5e7eb);padding:1rem 1.5rem;flex-shrink:0;background-color:var(--color-background-light, #f9fafb);border-bottom-left-radius:var(--border-radius-lg, .75rem);border-bottom-right-radius:var(--border-radius-lg, .75rem)}@media (max-width: 768px){.modal{margin:0;max-height:100vh;border-radius:0}.modal__header{padding:1rem 1rem 0}.modal__content{padding:0 1rem 1rem}.modal__body,.modal__footer{padding:1rem}}.dropdown{position:relative;display:inline-block}.dropdown__trigger{cursor:pointer}.dropdown__menu{position:absolute;top:100%;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;min-width:160px;z-index:1000;margin-top:.25rem;overflow:hidden;animation:dropdown-fade-in .15s ease-out}.dropdown__menu[style*="position: fixed"]{margin-top:0}.dropdown--left .dropdown__menu{left:0}.dropdown--right .dropdown__menu{right:0}.dropdown--center .dropdown__menu{left:50%;transform:translate(-50%)}.dropdown__item{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;color:#334155;font-size:.875rem;cursor:pointer;transition:background-color .15s ease}.dropdown__item:hover:not(:disabled){background-color:#f8fafc}.dropdown__item:focus{outline:none;background-color:#f8fafc}.dropdown__item--danger{color:#ef4444}.dropdown__item--danger:hover:not(:disabled){background-color:#ef44441a}.dropdown__item--disabled{color:#94a3b8;cursor:not-allowed}.dropdown__item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.dropdown__item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu{position:relative;display:inline-block}.menu__trigger{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.menu__trigger:hover{background-color:#f1f5f9;color:#334155}.menu__trigger:focus{outline:none;box-shadow:0 0 0 2px #1a2a8033}.menu__trigger svg{width:16px;height:16px}.menu__dropdown{position:absolute;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;z-index:1000;min-width:120px;padding:.25rem 0}.menu__dropdown--bottom{top:100%;margin-top:.25rem}.menu__dropdown--top{bottom:100%;margin-bottom:.25rem}.menu__item{display:block;width:100%;padding:.5rem 12px;text-align:left;background:transparent;border:none;cursor:pointer;font-size:.875rem;color:#334155;transition:all .2s ease}.menu__item:hover{background-color:#f8fafc;color:#1a2a80}.menu__item:focus{outline:none;background-color:#f8fafc;color:#1a2a80}.date-range-picker{position:relative;display:inline-block}.date-range-picker__trigger{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#eef2ff;color:#1a2a80;border:1px solid #C7D2FE;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-range-picker__trigger:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.date-range-picker__trigger:disabled{opacity:.6;cursor:not-allowed}.date-range-picker__trigger--active{background:#1a2a80;color:#fff;border-color:#151f66}.date-range-picker__trigger-icon{width:1rem;height:1rem;flex-shrink:0}.date-range-picker__dropdown{position:absolute;top:100%;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px #0000001a;margin-top:.5rem;padding:1.5rem;min-width:320px;max-width:320px;width:max-content}.date-range-picker__dropdown--left{left:0;right:auto}.date-range-picker__dropdown--right{right:0;left:auto}@media (min-width: 1024px){.date-range-picker__dropdown--left{left:0;right:auto}.date-range-picker__dropdown--right{right:0;left:auto}}@media (max-width: 767px){.date-range-picker__dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:calc(100% - 2rem);max-width:100%;min-width:auto}.date-range-picker__dropdown--left,.date-range-picker__dropdown--right{left:50%;right:auto;transform:translate(-50%,-50%)}}.date-range-picker__presets{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.date-range-picker__preset{padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.date-range-picker__preset:hover{background:#f1f5f9;border-color:#cbd5e1}.date-range-picker__preset--active{background:#1a2a80;color:#fff;border-color:#151f66;font-weight:500}.date-range-picker__custom{display:flex;flex-direction:column;gap:1rem}.date-range-picker__label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#0f172a;font-weight:500}.date-range-picker__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.date-range-picker__btn{padding:.25rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.date-range-picker__btn--apply{background:#1a2a80;color:#fff}.date-range-picker__btn--apply:hover:not(:disabled){background:#151f66;box-shadow:0 4px 15px #1a2a8026}.date-range-picker__btn--apply:disabled{opacity:.5;cursor:not-allowed}.date-range-picker__btn--cancel{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.date-range-picker__btn--cancel:hover{background:#e2e8f0;border-color:#cbd5e1}@media (max-width: 767px){.date-range-picker__presets{grid-template-columns:1fr}}.service-metrics{display:flex;flex-direction:column;gap:1.5rem}.service-metrics--loading,.service-metrics--error{padding:2rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:.75rem;min-height:200px;display:flex;justify-content:center;align-items:center}.service-metrics__header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}@media (max-width: 767px){.service-metrics__header{flex-direction:column;align-items:flex-start}}.service-metrics__title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.service-metrics__filters{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1rem;background:#eef2ff;border:1px solid #C7D2FE;border-radius:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.service-metrics__filters .searchable-select-group{flex:0 1 auto;min-width:250px;width:auto}@media (max-width: 767px){.service-metrics__filters .searchable-select-group{flex:1 1 100%;width:100%;min-width:unset}}@media (max-width: 767px){.service-metrics__filters>div:not(.searchable-select-group){width:100%}}@media (max-width: 767px){.service-metrics__filters{flex-direction:column;align-items:stretch;width:100%;gap:.75rem}.service-metrics__filters>*{width:100%}}.service-metrics__overall{background:#fff;border-radius:.75rem;padding:1.5rem}.service-metrics__overall-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (min-width: 768px) and (max-width: 1023px){.service-metrics__overall-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 767px){.service-metrics__overall-content{grid-template-columns:1fr;gap:1.5rem}}.service-metrics__pie-container{display:flex;justify-content:center;align-items:center;min-height:350px;width:100%;overflow:visible}@media (max-width: 767px){.service-metrics__pie-container{min-height:300px}}.service-metrics .recharts-pie-sector{transition:all .3s ease}.service-metrics .recharts-pie-sector:hover{filter:brightness(1.1)}.service-metrics__stats{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.service-metrics__stats-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.service-metrics__stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;border-bottom:1px solid #f1f5f9}.service-metrics__stat-row:last-child{border-bottom:none}.service-metrics__stat-label{color:#64748b;font-weight:500}.service-metrics__stat-value{font-size:1.125rem;font-weight:700;color:#0f172a}.service-metrics__stat-value--success{color:#16a34a}.service-metrics__stat-value--error{color:#dc2626}.service-metrics__comparison{display:flex;flex-direction:column;gap:1.5rem}.service-metrics__section-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.service-metrics__chart{background:#fff;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (max-width: 767px){.service-metrics__chart{padding:1rem}}.service-metrics__chart-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.service-metrics__recharts-tooltip{background:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;box-shadow:0 10px 15px #0000001a;border:1px solid #334155}.service-metrics__recharts-tooltip p{margin:0;line-height:1.5}.recharts-default-tooltip{background:#0f172a!important;border:1px solid #334155!important;border-radius:.5rem!important}.recharts-default-tooltip p{color:#fff!important}.recharts-legend-wrapper{bottom:10px!important}@media (max-width: 767px){.service-metrics__overall-content{grid-template-columns:1fr}.service-metrics__chart{padding:1rem}.recharts-wrapper{width:100%!important;height:250px!important}}.teller-performance{display:flex;flex-direction:column;gap:1.5rem}.teller-performance--loading,.teller-performance--empty{padding:2rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:.75rem;min-height:200px;display:flex;justify-content:center;align-items:center}.teller-performance__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}@media (max-width: 767px){.teller-performance__header{flex-direction:column;align-items:flex-start;gap:1rem}}.teller-performance__title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0;flex-shrink:0}.teller-performance__controls{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}@media (max-width: 767px){.teller-performance__controls{flex-direction:column;align-items:stretch;gap:1rem}}.teller-performance__sort{display:flex;align-items:center;gap:1rem}@media (max-width: 767px){.teller-performance__sort{flex-direction:column;align-items:stretch}}.teller-performance__sort-label{font-size:.875rem;color:#64748b;font-weight:500;white-space:nowrap}@media (max-width: 767px){.teller-performance__sort-label{margin-bottom:.25rem}}.teller-performance__sort-select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Inter,"system-ui",sans-serif;background:#fff;cursor:pointer;transition:all .2s ease}.teller-performance__sort-select:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.teller-performance__sort-select:hover{border-color:#818cf8}.teller-performance__desktop{background:#fff;border-radius:.75rem;padding:1.5rem}@media (max-width: 767px){.teller-performance__desktop{display:none}}.teller-performance__table-wrapper{overflow-x:auto}.teller-performance__table{width:100%;border-collapse:collapse;font-size:.875rem}.teller-performance__table:hover tbody tr:hover{background:#f8fafc}.teller-performance__th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0}.teller-performance__td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#0f172a}.teller-performance__td--rank{text-align:center;width:60px}.teller-performance__td--name{font-weight:500;min-width:150px}.teller-performance__tr--alt{background:#f8fafc}.teller-performance__tr--top-performer{font-weight:600}.teller-performance__tr--top-performer .teller-performance__td{background:#1a2a8005}.teller-performance__tr--top-performer.teller-performance__tr--alt .teller-performance__td{background:#1a2a800d}.teller-performance__rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e0e7ff;color:#1a2a80;font-weight:700;font-size:.875rem}.teller-performance__badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;font-weight:600;font-size:.75rem}.teller-performance__badge--success{background:#dcfce7;color:#15803d}.teller-performance__badge--warning{background:#fef3c7;color:#b45309}.teller-performance__badge--error{background:#fee2e2;color:#b91c1c}.teller-performance__mobile{display:none;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.teller-performance__mobile{display:flex}}.teller-performance__card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border-left:4px solid #1A2A80}.teller-performance__card:hover{box-shadow:0 4px 6px #00000012}.teller-performance__card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.teller-performance__card-rank{font-size:1.125rem;font-weight:700;color:#0f172a}.teller-performance__card-name{font-size:1rem;font-weight:600;color:#0f172a;flex:1}.teller-performance__card-body{display:flex;flex-direction:column;gap:1rem}.teller-performance__card-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.teller-performance__card-label{color:#64748b;font-weight:500}.teller-performance__card-value{font-weight:600;color:#0f172a}.peak-hours{display:flex;flex-direction:column;gap:1.5rem}.peak-hours--loading,.peak-hours--empty{padding:2rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:.75rem;min-height:200px;display:flex;justify-content:center;align-items:center}.peak-hours__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}@media (max-width: 767px){.peak-hours__header{flex-direction:column;align-items:stretch}}.peak-hours__title-section{display:flex;flex-direction:column;gap:.5rem}.peak-hours__title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.peak-hours__description{font-size:.875rem;color:#64748b;margin:0}.peak-hours__filters{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1rem;background:#eef2ff;border:1px solid #C7D2FE;border-radius:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.peak-hours__filters .searchable-select-group{flex:0 1 auto;min-width:250px;width:auto}@media (max-width: 767px){.peak-hours__filters .searchable-select-group{flex:1 1 100%;width:100%;min-width:unset}}@media (max-width: 767px){.peak-hours__filters>div:not(.searchable-select-group){width:100%}}@media (max-width: 767px){.peak-hours__filters{flex-direction:column;align-items:stretch;width:100%;gap:.75rem}.peak-hours__filters>*{width:100%}}.peak-hours__chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.peak-hours__recharts-tooltip{background:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;box-shadow:0 10px 15px #0000001a;border:1px solid #334155}.peak-hours__recharts-tooltip p{margin:0;line-height:1.5}.peak-hours__recharts-tooltip p:not(:last-child){margin-bottom:.25rem}.peak-hours__tooltip-title{font-weight:600;color:#e2e8f0;border-bottom:1px solid #334155;padding-bottom:.25rem}.peak-hours__tooltip-wait{color:#cbd5e1;margin-top:.5rem;font-style:italic}.peak-hours__legend{display:flex;gap:1.5rem;padding:1rem 0;border-top:1px solid #f1f5f9}.peak-hours__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.peak-hours__legend-color{width:16px;height:16px;border-radius:2px}.peak-hours__legend-color--created{background:#3b38a0}.peak-hours__legend-color--completed{background:#16a34a}.peak-hours__insights{background:#fff;border-radius:.75rem;padding:1.5rem}.peak-hours__insights-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1.5rem}.peak-hours__insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width: 768px) and (max-width: 1023px){.peak-hours__insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.peak-hours__insights-grid{grid-template-columns:1fr}}.peak-hours__insight-card{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.75rem;padding:1.5rem;text-align:center;border-left:4px solid #1A2A80}.peak-hours__insight-card:nth-child(2){background:linear-gradient(135deg,#fefce8,#fef3c7);border-left-color:#d97706}.peak-hours__insight-card:nth-child(3){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#16a34a}.peak-hours__insight-icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem;flex-shrink:0}.peak-hours__insight-icon--peak{color:#dc2626}.peak-hours__insight-icon--quiet{color:#d97706}.peak-hours__insight-icon--avg{color:#16a34a}.peak-hours__insight-label{font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.peak-hours__insight-value{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.peak-hours__insight-detail{font-size:.75rem;color:#94a3b8}.recharts-wrapper{font-family:Inter,"system-ui",sans-serif}.recharts-surface{background:transparent!important}.recharts-bar{transition:all .2s ease}.recharts-bar:hover{filter:brightness(1.1)}.recharts-tooltip-wrapper{outline:none!important}@media (max-width: 767px){.peak-hours__chart-container{padding:1rem}.recharts-wrapper{width:100%!important;height:300px!important}}.branch-comparison{display:flex;flex-direction:column;gap:1.5rem}.branch-comparison--loading,.branch-comparison--empty{padding:2rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:.75rem;min-height:200px;display:flex;justify-content:center;align-items:center}.branch-comparison__header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 767px){.branch-comparison__header{flex-direction:column;align-items:flex-start}}.branch-comparison__title-section{flex:1;min-width:0}.branch-comparison__title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.branch-comparison__description{font-size:.875rem;color:#64748b;margin:.5rem 0 0}.branch-comparison__top-performers{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.75rem;padding:1.5rem}.branch-comparison__section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1.5rem}.branch-comparison__performers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width: 768px) and (max-width: 1023px){.branch-comparison__performers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.branch-comparison__performers-grid{grid-template-columns:1fr}}.branch-comparison__performer-card{background:#fff;border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 1px 2px #0000000d;border-top:3px solid #1A2A80}.branch-comparison__performer-card:nth-child(2){border-top-color:#16a34a}.branch-comparison__performer-card:nth-child(3){border-top-color:#d97706}.branch-comparison__performer-icon{width:2.5rem;height:2.5rem;margin-bottom:1rem;flex-shrink:0}.branch-comparison__performer-icon--trophy{color:#1a2a80}.branch-comparison__performer-icon--activity{color:#16a34a}.branch-comparison__performer-icon--zap{color:#d97706}.branch-comparison__performer-label{font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:.5rem}.branch-comparison__performer-name{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.branch-comparison__performer-value{font-size:1.5rem;font-weight:700;color:#1a2a80}.branch-comparison__performer-card:nth-child(2) .branch-comparison__performer-value{color:#d97706}.branch-comparison__performer-card:nth-child(3) .branch-comparison__performer-value{color:#16a34a}.branch-comparison__table-section{background:#fff;border-radius:.75rem;padding:1.5rem}.branch-comparison__table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.branch-comparison__table{width:100%;border-collapse:collapse;font-size:.875rem}.branch-comparison__table:hover tbody tr:hover{background:#f8fafc}.branch-comparison__th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0}.branch-comparison__th--sortable{cursor:pointer;user-select:none}.branch-comparison__th--sortable:hover{background:#f1f5f9;color:#1a2a80}.branch-comparison__td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#0f172a}.branch-comparison__td--branch-name{font-weight:500;min-width:150px}.branch-comparison__tr--alt{background:#f8fafc}.branch-comparison__badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.75rem;line-height:1.3}.branch-comparison__badge--excellent{background:#dcfce7;color:#15803d}.branch-comparison__badge--good{background:#fef3c7;color:#b45309}.branch-comparison__badge--slow{background:#fee2e2;color:#b91c1c}.branch-comparison__badge small{display:block;font-size:.75rem;opacity:.8;margin-top:2px}.branch-comparison__pagination{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;flex-wrap:wrap}@media (max-width: 767px){.branch-comparison__pagination{flex-direction:column;align-items:flex-start}}.branch-comparison__pagination-info{font-size:.875rem;color:#64748b;white-space:nowrap}.branch-comparison__pagination-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.branch-comparison__pagination-btn{padding:.5rem 1rem;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.branch-comparison__pagination-btn:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc;color:#1a2a80}.branch-comparison__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.branch-comparison__pagination-btn--active{background:#1a2a80;color:#fff;border-color:#1a2a80}@media (max-width: 767px){.branch-comparison__table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem}.branch-comparison__table{font-size:.75rem}.branch-comparison__th,.branch-comparison__td{padding:.5rem}}.dashboard-page{padding:0}.dashboard-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 400px);font-size:1.125rem;color:#64748b}.dashboard-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}@media (max-width: 640px){.dashboard-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:.875rem 1rem}}.dashboard-page__title-section{flex:1;min-width:0}.dashboard-page__title-wrapper{display:flex;align-items:center;gap:.75rem}.dashboard-page__title-icon{width:1.75rem;height:1.75rem;color:#1a2a80;flex-shrink:0}.dashboard-page__title{font-size:1.375rem;font-weight:700;color:#0f172a;margin:0}.dashboard-page__subtitle{color:#475569;margin:.125rem 0 0;font-size:.75rem}.dashboard-page__actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width: 640px){.dashboard-page__actions{width:100%}}.dashboard-page__action-group{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.dashboard-page__action-group{width:100%;flex:1}}.dashboard-page__action-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap}.dashboard-page__action-btn span{display:inline}.dashboard-page__action-btn--primary{background:linear-gradient(135deg,#1a2a80,#151f66);box-shadow:0 2px 8px #1a2a8033}.dashboard-page__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a2a804d}.dashboard-page__action-btn--primary:active{transform:translateY(0)}.dashboard-page__action-btn--active{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 8px #16a34a33}.dashboard-page__action-btn--active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.dashboard-page__action-btn--active:active{transform:translateY(0)}.dashboard-page__action-btn--inactive{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 8px #94a3b833}.dashboard-page__action-btn--inactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #94a3b84d}.dashboard-page__action-btn--inactive:active{transform:translateY(0)}@media (max-width: 640px){.dashboard-page__action-btn{font-size:.75rem;padding:.25rem .5rem;flex:1}}.dashboard-page__action-icon{width:1rem;height:1rem;flex-shrink:0}.dashboard-page__refresh-countdown{display:flex;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:.5rem;font-size:.75rem;color:#151f66;font-weight:500;white-space:nowrap;animation:pulse 2s infinite;flex-shrink:0}@media (max-width: 640px){.dashboard-page__refresh-countdown{width:100%;justify-content:center}}.dashboard-page__countdown-icon{width:.75rem;height:.75rem;flex-shrink:0;animation:spin 2s linear infinite}.dashboard-page__content{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 640px){.dashboard-page__section{margin-bottom:.5rem}}.dashboard-page__section-tabs{display:flex;gap:.25rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.dashboard-page__section-tabs{margin-bottom:1rem;gap:0}}.dashboard-page__section-tab{padding:.625rem 1rem;background:transparent;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;flex-shrink:0}.dashboard-page__section-tab:hover{color:#1a2a80;background:transparent}.dashboard-page__section-tab--active{color:#1a2a80;border-bottom-color:#1a2a80;background:transparent}@media (max-width: 640px){.dashboard-page__section-tab{padding:.5rem .875rem;font-size:.75rem}}.dashboard-page__filter{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:#eef2ff;border:1px solid #C7D2FE;border-radius:.5rem;margin-bottom:1rem}@media (max-width: 640px){.dashboard-page__filter{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}}.dashboard-page__filter-label{font-weight:500;color:#1e3a8a;white-space:nowrap;flex-shrink:0;font-size:.875rem}@media (max-width: 640px){.dashboard-page__filter-label{white-space:normal;font-size:.75rem}}.dashboard-page__cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-page__cards-grid>.overview-card{grid-column:span 1}@media (max-width: 1280px){.dashboard-page__cards-grid{grid-template-columns:repeat(3,1fr);gap:.875rem}}@media (max-width: 1024px){.dashboard-page__cards-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}}@media (max-width: 640px){.dashboard-page__cards-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.dashboard-page__cards-grid>.overview-card{grid-column:span 1}}.dashboard-page__avg-wait-time{grid-column:span 1}@media (max-width: 1024px){.dashboard-page__avg-wait-time{grid-column:span 1}}@media (max-width: 640px){.dashboard-page__avg-wait-time{grid-column:span 1}}.dashboard-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 400px);padding:4rem 2rem;text-align:center;color:#475569}.dashboard-page__error-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.dashboard-page__error-title{font-size:1.25rem;font-weight:600;color:#1a2a80;margin-bottom:.5rem}.dashboard-page__error-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.dashboard-page__error-retry{padding:.5rem 1.5rem;background:#1a2a80;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-page__error-retry:hover{background-color:#151f66;box-shadow:0 4px 15px #1a2a8026}@media (max-width: 1024px){.dashboard-page__cards-grid{gap:.875rem}}@media (max-width: 768px){.dashboard-page__header{margin-bottom:1.25rem}.dashboard-page__content{gap:1.25rem}}@media (max-width: 640px){.dashboard-page__header{margin-bottom:1rem}.dashboard-page__title{font-size:1.25rem}.dashboard-page__content{gap:.875rem}.dashboard-page__error{padding:2rem 1rem}.dashboard-page__error-title{font-size:1.125rem}}.dashboard-page__header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border:1px solid #e2e8f0!important}.dashboard-page__title{color:#0f172a!important}.dashboard-page__subtitle{color:#475569!important}@media (prefers-color-scheme: dark){.dashboard-page__error,.dashboard-page__error-description{color:#94a3b8}.dashboard-page__refresh-countdown{background:linear-gradient(135deg,#0c4a6e,#082f49);border-color:#1e1b4b;color:#c7d2fe}}.delete-confirmation{padding:2rem;max-width:500px;width:100%}.delete-confirmation__header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.delete-confirmation__icon{margin-bottom:1rem;padding:1rem;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center}.delete-confirmation__warning-icon{width:2rem;height:2rem;color:#ef4444}.delete-confirmation__title{font-size:1.25rem;font-weight:600;color:#0f172a;text-align:center;margin:0}.delete-confirmation__content{margin-bottom:2rem}.delete-confirmation__message{font-size:1rem;color:#64748b;text-align:center;line-height:1.75;margin:0}.delete-confirmation__actions{display:flex;gap:1rem;justify-content:flex-end}.delete-confirmation__actions .btn{min-width:100px}@media (max-width: 768px){.delete-confirmation{padding:1.5rem}.delete-confirmation__actions{flex-direction:column-reverse}.delete-confirmation__actions .btn{width:100%}}.counter-list-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.counter-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.counter-list-view__subtitle{font-size:1rem;color:#64748b;margin:0}.counter-list-view__create-btn{display:flex;align-items:center;gap:.5rem}.counter-list-view__add-icon{width:1rem;height:1rem}.counter-list-view__content{display:flex;flex-direction:column;gap:1.5rem}.counter-list-view__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.counter-list-view__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.counter-list-view__empty-icon{margin-bottom:1rem;color:#94a3b8}.counter-list-view__empty-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.counter-list-view__empty-description{font-size:1rem;color:#64748b;margin:0 0 1.5rem;max-width:400px;line-height:1.75}.counter-list-view__table-row{cursor:pointer;transition:background-color .2s ease}.counter-list-view__table-row:hover{background-color:#f1f5f9}.counter-list-view__name-container{display:flex;align-items:center;gap:.75rem}.counter-list-view__user-assigned{color:#0f172a;font-weight:500}.counter-list-view__user-unassigned{color:#94a3b8;font-style:italic}.counter-list-view__status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.counter-list-view__status--active{background-color:#dcfce7;color:#15803d}.counter-list-view__status--inactive{background-color:#fee2e2;color:#b91c1c}@media (max-width: 1024px){.counter-list-view__header{flex-direction:column;align-items:stretch;gap:1rem}.counter-list-view__create-btn{align-self:flex-start}}@media (max-width: 768px){.counter-list-view__title{font-size:1.5rem}.counter-list-view__create-btn{width:100%;justify-content:center}.counter-list-view__table-row:hover{background-color:transparent}.counter-list-view__empty-state{padding:2rem 1rem}.counter-list-view__empty-description{font-size:.875rem}}.counter-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.counter-create-page__title-section{flex:1}.counter-create-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.counter-create-page__subtitle{font-size:1rem;color:#64748b;margin:0}.counter-create-page__actions{display:flex;gap:1rem}.counter-create-page__content{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.counter-create-page__form{display:flex;flex-direction:column;gap:2rem}.counter-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.counter-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.counter-create-page__field{display:flex;flex-direction:column}.counter-create-page__field--full{grid-column:1/-1}.counter-create-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.counter-create-page__submit-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.counter-create-page__submit-actions .btn{min-width:120px}@media (max-width: 1024px){.counter-create-page__header{flex-direction:column;align-items:stretch;gap:1rem}.counter-create-page__actions{align-self:flex-start}}@media (max-width: 768px){.counter-create-page__title{font-size:1.5rem}.counter-create-page__content{padding:1.5rem}.counter-create-page__row{grid-template-columns:1fr;gap:1rem}.counter-create-page__field--full{grid-column:1}.counter-create-page__submit-actions{flex-direction:column-reverse;gap:.75rem}.counter-create-page__submit-actions .btn,.counter-create-page__actions{width:100%}.counter-create-page__actions .btn{flex:1}}.counter-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc;font-family:Inter,"system-ui",sans-serif}.counter-detail-page--loading{justify-content:center;align-items:center}.counter-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.counter-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite}.counter-detail-page--loading .loading-container .loading-text{color:#64748b;font-size:.875rem}.counter-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.counter-detail-page .error-container .error-icon{color:#ef4444}.counter-detail-page .error-container .error-message{font-size:1.125rem;color:#0f172a;font-weight:500}.counter-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.counter-detail-page__header .counter-header-content{display:flex;align-items:center;gap:1rem}.counter-detail-page__header .counter-header-content .counter-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#1a2a80,#3b38a0);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #1a2a8026}.counter-detail-page__header .counter-header-content .counter-title-section .counter-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0;line-height:1.25}.counter-detail-page__header .counter-header-content .counter-title-section .counter-code{font-size:.875rem;color:#64748b;margin:.25rem 0 0;font-weight:500}.counter-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000012}.counter-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.counter-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 4px 6px #00000012}.counter-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.counter-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.counter-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.counter-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;margin-bottom:2rem;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.counter-detail-page .info-section:hover{box-shadow:0 10px 15px #0000001a}.counter-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.counter-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.counter-detail-page .info-section .section-header .section-title-group .section-icon{color:#1a2a80}.counter-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.counter-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.counter-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.counter-detail-page .info-section .section-content{padding:2rem 2.5rem}.counter-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.counter-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1024px){.counter-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.counter-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.counter-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.counter-detail-page .info-section .section-content .info-item:hover{border-color:#1a2a80;box-shadow:0 4px 15px #1a2a8026}.counter-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.counter-detail-page .info-section .section-content .info-item .info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.counter-detail-page .info-section .section-content .info-item .info-value{font-size:1rem;font-weight:500;color:#0f172a;display:flex;align-items:center;gap:.5rem;word-break:break-word}.counter-detail-page .info-section .section-content .info-item .info-value svg{color:#64748b;flex-shrink:0}.counter-detail-page .info-section .section-content .info-item .info-value.counter-code{background:#1a2a80;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.counter-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#9333ea;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.counter-detail-page .info-section .section-content .info-item .info-value.service-code{background:#16a34a;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.counter-detail-page .info-section .section-content .info-item .info-value.user-code{background:#4f46e5;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.counter-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.counter-detail-page__header .counter-header-content,.counter-detail-page__header .header-actions{width:100%}.counter-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.counter-detail-page__content,.counter-detail-page .info-section .section-header,.counter-detail-page .info-section .section-content{padding:1rem}}.counter-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.counter-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.counter-edit-page__title-section{flex:1}.counter-edit-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.counter-edit-page__subtitle{color:#64748b;font-size:1rem}.counter-edit-page__actions{display:flex;gap:1rem;align-items:center}.counter-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.counter-edit-page__form{padding:2rem}.counter-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.counter-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.counter-edit-page__row{grid-template-columns:1fr}}.counter-edit-page__field{display:flex;flex-direction:column}.counter-edit-page__field--full{grid-column:1/-1}.counter-edit-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.counter-edit-page__checkbox-field{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease}.counter-edit-page__checkbox-field:hover{border-color:#1a2a80;box-shadow:0 4px 15px #1a2a8026}.counter-edit-page__checkbox-field input[type=checkbox]{width:1.25rem;height:1.25rem;margin-bottom:.5rem;cursor:pointer;accent-color:#1A2A80}.counter-edit-page__checkbox-label{font-weight:500;color:#0f172a;font-size:.875rem}.counter-edit-page__checkbox-description{font-size:.75rem;color:#64748b}.counter-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.counter-edit-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.counter-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.counter-edit-page__header{flex-direction:column;gap:1rem}.counter-edit-page__form{padding:1rem}.counter-edit-page__submit-actions{flex-direction:column}.counter-edit-page__submit-actions button{width:100%}}@media (max-width: 640px){.counter-edit-page__form{padding:1rem}}.branch-list-view{padding:0}.branch-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.branch-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.branch-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.branch-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.branch-list-view__subtitle{color:#475569;margin:.25rem 0 0}.branch-list-view__add-btn{flex-shrink:0}@media (max-width: 640px){.branch-list-view__add-btn{width:100%}}.branch-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.branch-list-view__filters{margin-bottom:1.5rem}.branch-list-view__filters-title{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.branch-list-view__filters-icon{width:1.25rem;height:1.25rem}.branch-list-view__filters-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media (max-width: 768px){.branch-list-view__filters-grid{grid-template-columns:1fr}}.branch-list-view__search{position:relative}.branch-list-view__table-card{margin-bottom:2rem}.branch-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.branch-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.branch-list-view__header-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 640px){.branch-list-view__header-controls{justify-content:flex-end}}.branch-list-view__items-per-page{display:flex;justify-content:center;align-items:center;gap:.5rem;color:#475569;font-size:.875rem}.branch-list-view__items-per-page label{white-space:nowrap}.branch-list-view__items-per-page-select{min-width:120px}@media (max-width: 640px){.branch-list-view__items-per-page{justify-content:space-between}}.branch-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.branch-list-view__sortable-head:hover{background-color:#64748b0d}.branch-list-view .table tbody tr{transition:background-color .15s ease;cursor:pointer}.branch-list-view .table tbody tr:hover{background-color:#f8fafc}.branch-list-view .table tbody tr:hover .branch-list-view__action-buttons{opacity:1}.branch-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.branch-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0}.branch-list-view__name-cell{font-weight:500}.branch-list-view__code{background-color:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;color:#1e293b}.branch-list-view__address-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.branch-list-view__address-cell{max-width:150px}}.branch-list-view__phone-link,.branch-list-view__email-link{color:#1a2a80;text-decoration:none;transition:color .2s ease}.branch-list-view__phone-link:hover,.branch-list-view__email-link:hover{color:#151f66;text-decoration:underline}.branch-list-view__actions-head,.branch-list-view__actions-cell{text-align:right}.branch-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.branch-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.branch-list-view__action-btn:hover,.branch-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.branch-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.branch-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.branch-list-view__action-icon{width:1rem;height:1rem;margin-right:.5rem}.branch-list-view__pagination{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media (max-width: 640px){.branch-list-view__pagination{flex-direction:column;gap:1rem;align-items:stretch}}.branch-list-view__pagination-info{font-size:.875rem;color:#475569}@media (max-width: 640px){.branch-list-view__pagination-info{text-align:center}}.branch-list-view__pagination-controls{display:flex;justify-content:center;align-items:center;gap:.75rem}@media (max-width: 640px){.branch-list-view__pagination-controls{justify-content:center;flex-wrap:wrap}}.branch-list-view__pagination-pages{display:flex;justify-content:center;align-items:center;gap:.25rem}.branch-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.branch-list-view__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.branch-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.branch-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.branch-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.branch-list-view__page-btn{width:2rem;height:2rem;padding:0;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.branch-list-view .table__head:nth-child(3),.branch-list-view .table__cell:nth-child(3){display:none}}@media (max-width: 768px){.branch-list-view .table__head:nth-child(4),.branch-list-view .table__head:nth-child(6),.branch-list-view .table__cell:nth-child(4),.branch-list-view .table__cell:nth-child(6){display:none}}@media (max-width: 640px){.branch-list-view__header{align-items:stretch}.branch-list-view__filters-grid{gap:.75rem}.branch-list-view .table{font-size:.75rem}.branch-list-view .table__head,.branch-list-view .table__cell{padding:.5rem .25rem}.branch-list-view .table__head:nth-child(5),.branch-list-view .table__cell:nth-child(5){display:none}.branch-list-view__pagination-controls{flex-wrap:wrap}.branch-list-view__pagination-pages{order:3;width:100%;justify-content:center;margin-top:.5rem}}.searchable-multi-select-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.searchable-multi-select-group__label{font-size:.875rem;font-weight:500;color:#0f172a;display:block}.searchable-multi-select-group__label--required:after{content:" *";color:#ef4444}.searchable-multi-select-group__container{position:relative;width:100%}.searchable-multi-select-group__trigger-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.searchable-multi-select-group__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#0f172a;cursor:pointer;transition:all .2s ease;text-align:left}.searchable-multi-select-group__trigger:hover:not(.searchable-multi-select-group__trigger--disabled){border-color:#1a2a80;background-color:#f8fafc}.searchable-multi-select-group__trigger:focus:not(.searchable-multi-select-group__trigger--disabled){outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.searchable-multi-select-group__trigger--small{padding:.5rem .75rem;font-size:.875rem}.searchable-multi-select-group__trigger--medium{padding:.625rem .875rem;font-size:1rem}.searchable-multi-select-group__trigger--large{padding:.75rem 1rem;font-size:1.125rem}.searchable-multi-select-group__trigger--error{border-color:#ef4444}.searchable-multi-select-group__trigger--error:focus{box-shadow:0 0 0 3px #ef44441a}.searchable-multi-select-group__trigger--open{border-color:#1a2a80}.searchable-multi-select-group__trigger--disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.searchable-multi-select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}.searchable-multi-select-group__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.searchable-multi-select-group__chevron{color:#64748b;transition:transform .2s ease}.searchable-multi-select-group__chevron--open{transform:rotate(180deg)}.searchable-multi-select-group__clear{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;border:none;color:#64748b;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.searchable-multi-select-group__clear:hover:not(:disabled){background-color:#f8fafc;color:#0f172a}.searchable-multi-select-group__clear:disabled{cursor:not-allowed;opacity:.5}.searchable-multi-select-group__dropdown{max-height:20rem;overflow:hidden;display:flex;flex-direction:column}.searchable-multi-select-group__dropdown--portal{animation:slideDown .15s ease-out}.searchable-multi-select-group__dropdown--top{animation:slideUp .15s ease-out}.searchable-multi-select-group__search{padding:.75rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1}.searchable-multi-select-group__search-container{position:relative;display:flex;align-items:center}.searchable-multi-select-group__search-icon{position:absolute;left:.75rem;color:#64748b;pointer-events:none}.searchable-multi-select-group__search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#0f172a;outline:none;transition:border-color .2s ease}.searchable-multi-select-group__search-input:focus{border-color:#1a2a80}.searchable-multi-select-group__search-input::placeholder{color:#cbd5e1}.searchable-multi-select-group__bulk-actions{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #e2e8f0;background-color:#f1f5f9}.searchable-multi-select-group__bulk-action{padding:.25rem .75rem;background:none;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.75rem;color:#64748b;cursor:pointer;transition:all .2s ease}.searchable-multi-select-group__bulk-action:hover{background-color:#f8fafc;color:#0f172a;border-color:#1a2a80}.searchable-multi-select-group__selection-count{margin-left:auto;font-size:.75rem;color:#64748b}.searchable-multi-select-group__options{max-height:15rem;overflow-y:auto;padding:.25rem}.searchable-multi-select-group__options::-webkit-scrollbar{width:.5rem}.searchable-multi-select-group__options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.25rem}.searchable-multi-select-group__options::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:.25rem}.searchable-multi-select-group__options::-webkit-scrollbar-thumb:hover{background:#64748b}.searchable-multi-select-group__option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.25rem;cursor:pointer;transition:all .15s ease;user-select:none}.searchable-multi-select-group__option:hover:not(.searchable-multi-select-group__option--disabled){background-color:#f8fafc}.searchable-multi-select-group__option--selected{background-color:#1a2a801a;color:#1a2a80;font-weight:500}.searchable-multi-select-group__option--selected:hover{background-color:#1a2a8026}.searchable-multi-select-group__option--disabled{opacity:.5;cursor:not-allowed}.searchable-multi-select-group__checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:#1A2A80}.searchable-multi-select-group__checkbox:disabled{cursor:not-allowed}.searchable-multi-select-group__option-text{flex:1;font-size:.875rem;color:inherit}.searchable-multi-select-group__option-check{color:#1a2a80;flex-shrink:0}.searchable-multi-select-group__empty{padding:1.5rem;text-align:center;color:#64748b;font-size:.875rem}.searchable-multi-select-group__error{font-size:.875rem;color:#ef4444;margin-top:.25rem}.searchable-multi-select-group__helper{font-size:.875rem;color:#64748b;margin-top:.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.branch-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.branch-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.branch-create-page__title-section{flex:1}.branch-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.branch-create-page__subtitle{color:#64748b;font-size:1rem}.branch-create-page__actions{display:flex;gap:1rem;align-items:center}.branch-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.branch-create-page__form{padding:2rem}.branch-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.branch-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.branch-create-page__row{grid-template-columns:1fr}}.branch-create-page__field{display:flex;flex-direction:column}.branch-create-page__field--full{grid-column:1/-1}.branch-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.branch-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.branch-create-page__header{flex-direction:column;gap:1rem}.branch-create-page__form{padding:1rem}.branch-create-page__submit-actions{flex-direction:column}.branch-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.branch-create-page__form{padding:1rem}}.branch-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.branch-detail-page--loading{justify-content:center;align-items:center}.branch-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.branch-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.branch-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.branch-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.branch-detail-page .error-container .error-icon{color:#dc3545}.branch-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.branch-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.branch-detail-page__header .branch-header-content{display:flex;align-items:center;gap:1rem}.branch-detail-page__header .branch-header-content .branch-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff6b354d}.branch-detail-page__header .branch-header-content .branch-title-section .branch-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.branch-detail-page__header .branch-header-content .branch-title-section .branch-code{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.branch-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.branch-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.branch-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.branch-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.branch-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.branch-detail-page__content{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:1.5rem;width:100%}.branch-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.branch-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.branch-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.branch-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.branch-detail-page .info-section .section-header .section-title-group .section-icon{color:#ff6b35}.branch-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.branch-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.branch-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.branch-detail-page .info-section .section-content{padding:2rem 3rem}.branch-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.branch-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.branch-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.branch-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.branch-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.branch-detail-page .info-section .section-content .info-item:hover{border-color:#ff6b35;box-shadow:0 2px 8px #ff6b351a}.branch-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.branch-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.branch-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.branch-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#ff6b35;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.branch-detail-page .info-section .section-content .info-item .info-value.user-status{font-weight:600;text-transform:capitalize}.branch-detail-page .info-section .section-content .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.branch-detail-page .info-section .section-content .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.branch-detail-page .info-section .section-content .loading-container .loading-text{color:#6c757d;font-size:.875rem;text-align:center}.branch-detail-page .info-section .section-content .empty-state{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.branch-detail-page .info-section .section-content .service-groups-container{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.branch-detail-page .info-section .section-content .empty-message{text-align:center;padding:2rem;color:#6c757d;font-style:italic;margin:0}.branch-detail-page .floating-action-btn{position:fixed;bottom:2rem;right:2rem;z-index:1000}.branch-detail-page .floating-action-btn .edit-fab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:2rem;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff6b3566}.branch-detail-page .floating-action-btn .edit-fab:hover{background:linear-gradient(135deg,#f7931e,#e8851b);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.branch-detail-page .floating-action-btn .edit-fab:active{transform:translateY(0);box-shadow:0 4px 12px #ff6b3566}.branch-detail-page .floating-action-btn .edit-fab svg{transition:transform .2s ease}.branch-detail-page .floating-action-btn .edit-fab:hover svg{transform:rotate(15deg)}@media (max-width: 768px){.branch-detail-page .floating-action-btn{bottom:1rem;right:1rem}.branch-detail-page .floating-action-btn .edit-fab{padding:.875rem 1.25rem;font-size:.875rem}.branch-detail-page .floating-action-btn .edit-fab svg{width:16px;height:16px}}@media (max-width: 768px){.branch-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.branch-detail-page__header .branch-header-content,.branch-detail-page__header .header-actions{width:100%}.branch-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.branch-detail-page__content,.branch-detail-page .info-section .section-header,.branch-detail-page .info-section .section-content{padding:1rem}}.branch-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.branch-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.branch-edit-page__title-section{flex:1}.branch-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.branch-edit-page__subtitle{color:#64748b;font-size:1rem}.branch-edit-page__actions{display:flex;gap:1rem;align-items:center}.branch-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.branch-edit-page__form{padding:2rem}.branch-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.branch-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.branch-edit-page__row{grid-template-columns:1fr}}.branch-edit-page__field{display:flex;flex-direction:column}.branch-edit-page__field--full{grid-column:1/-1}.branch-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.branch-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.branch-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.branch-edit-page__header{flex-direction:column;gap:1rem}.branch-edit-page__form{padding:1rem}.branch-edit-page__submit-actions{flex-direction:column}.branch-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.branch-edit-page__title{font-size:1.5rem}.branch-edit-page__submit-actions{padding-top:1rem}}.branch-profile-page{width:100%;display:flex;flex-direction:column;gap:2.5rem}@media (max-width: 768px){.branch-profile-page{gap:2rem}}@media (max-width: 640px){.branch-profile-page{gap:1.5rem}}.branch-profile-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:0}@media (max-width: 1024px){.branch-profile-page__header{gap:1.5rem}}@media (max-width: 768px){.branch-profile-page__header{flex-direction:column;align-items:stretch;gap:1.5rem}}@media (max-width: 640px){.branch-profile-page__header{gap:1rem}}.branch-profile-page__title-section{flex:1;min-width:0}.branch-profile-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;line-height:1.2}@media (max-width: 768px){.branch-profile-page__title{font-size:1.5rem}}@media (max-width: 640px){.branch-profile-page__title{font-size:1.25rem}}.branch-profile-page__subtitle{font-size:1rem;color:#64748b;margin:0}@media (max-width: 640px){.branch-profile-page__subtitle{font-size:.875rem}}.branch-profile-page__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}@media (max-width: 768px){.branch-profile-page__actions{width:100%;justify-content:flex-start}}@media (max-width: 640px){.branch-profile-page__actions{flex-direction:column;gap:.5rem}.branch-profile-page__actions button{width:100%;justify-content:center}}.branch-profile-page__edit-btn{display:flex;align-items:center;gap:.5rem}.branch-profile-page__edit-icon{width:1.25rem;height:1.25rem}.branch-profile-page__loading{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:300px;text-align:center;color:#64748b;font-size:1.125rem}.branch-profile-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:300px;text-align:center}.branch-profile-page__empty-state h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.branch-profile-page__empty-state p{font-size:1rem;color:#64748b;margin:0}.branch-profile-page__content{display:flex;flex-direction:column}.branch-profile-page__card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.branch-profile-page__card:hover{box-shadow:0 4px 6px #00000012}@media (max-width: 640px){.branch-profile-page__card{border-radius:.5rem;border:none;box-shadow:none}}.branch-profile-page__info{display:flex;flex-direction:column;gap:2.5rem;padding:3rem}@media (max-width: 768px){.branch-profile-page__info{padding:2rem;gap:2rem}}@media (max-width: 640px){.branch-profile-page__info{padding:1.5rem;gap:1.5rem}}.branch-profile-page__details{display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.branch-profile-page__details{gap:1.5rem}}@media (max-width: 640px){.branch-profile-page__details{gap:1.5rem}}.branch-profile-page__detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:start}@media (max-width: 1024px){.branch-profile-page__detail-row{gap:1.5rem}}@media (max-width: 768px){.branch-profile-page__detail-row{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 640px){.branch-profile-page__detail-row{gap:1.5rem}}.branch-profile-page__detail-item{display:flex;flex-direction:column;gap:.625rem;padding:1rem;background:#f8fafc;border-radius:.5rem;transition:all .2s ease}.branch-profile-page__detail-item:hover{background:#fdfefe}.branch-profile-page__detail-item--full{grid-column:1/-1}@media (max-width: 640px){.branch-profile-page__detail-item{padding:1rem;border-radius:.25rem}}.branch-profile-page__label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin:0}@media (max-width: 640px){.branch-profile-page__label{font-size:.65rem}}.branch-profile-page__value{font-size:1rem;color:#0f172a;margin:0;word-break:break-word;font-weight:500;line-height:1.5}@media (max-width: 640px){.branch-profile-page__value{font-size:.875rem}}.branch-profile-page__value--code{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:.625rem 1rem;border-radius:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content;font-size:.875rem;box-shadow:0 2px 8px #8b5cf64d}@media (max-width: 640px){.branch-profile-page__value--code{padding:.5rem .875rem;font-size:.75rem}}.branch-profile-page__value--date{color:#64748b;font-size:.875rem;font-weight:400}@media (max-width: 640px){.branch-profile-page__value--date{font-size:.875rem}}.branch-profile-page__link{color:#1a2a80;text-decoration:none;transition:all .2s ease;word-break:break-all}.branch-profile-page__link:hover{color:#151f66;text-decoration:underline}.branch-profile-page__link:active{opacity:.8}.user-list-view{padding:0}.user-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.user-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.user-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.user-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.user-list-view__subtitle{color:#475569;margin:.25rem 0 0}.user-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.user-list-view__create-btn{width:100%}}.user-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.user-list-view__content{display:flex;flex-direction:column;gap:2rem}.user-list-view__filters,.user-list-view__table-card{margin-bottom:2rem}.user-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.user-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.user-list-view__table{width:100%;border-collapse:collapse;font-size:.8125rem}.user-list-view__table th,.user-list-view__table td{padding:.5rem;text-align:left;border-bottom:1px solid #e2e8f0}.user-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.user-list-view__table tbody tr{cursor:pointer;transition:background-color .15s ease-in-out}.user-list-view__table tbody tr:hover{background-color:#f8fafc}.user-list-view__table .table__cell{vertical-align:middle}.user-list-view__table-row:hover{background-color:#6366f10d}.user-list-view__sortable-head{cursor:pointer;user-select:none}.user-list-view__sortable-head:hover{background-color:#f1f5f9}.user-list-view__status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-list-view__status--active{background-color:#dcfce7;color:#16a34a}.user-list-view__status--inactive{background-color:#f3f4f6;color:#6b7280}.user-list-view__status--suspended{background-color:#fef2f2;color:#dc2626}.user-list-view__status--pending{background-color:#fef3c7;color:#d97706}.user-list-view__role{display:inline-flex;align-items:center;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.user-list-view__role--admin{color:#dc2626}.user-list-view__role--brand-manager{color:#2563eb}.user-list-view__role--branch-manager{color:#16a34a}.user-list-view__role--staff{background-color:#f3f4f6;color:#6b7280}.user-list-view__email-link,.user-list-view__phone-link{color:#6366f1;text-decoration:none;border-radius:.25rem;transition:all .15s ease-in-out}.user-list-view__email-link:hover,.user-list-view__phone-link:hover{background-color:#6366f11a;text-decoration:underline}.user-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#64748b}.user-list-view__empty-icon{width:3rem;height:3rem;margin-bottom:1rem;color:#94a3b8}.user-list-view__empty-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.user-list-view__empty-description{margin-bottom:2rem;max-width:32rem}.user-list-view__pagination{margin-top:2rem}@media (max-width: 640px){.user-list-view__header{margin-bottom:1.5rem}.user-list-view__content{gap:1.5rem}.user-list-view__table{font-size:.75rem}.user-list-view__table th,.user-list-view__table td{padding:.5rem .25rem}}@media (max-width: 768px){.user-list-view__table th:nth-child(5),.user-list-view__table td:nth-child(5){display:none}}@media (max-width: 1024px){.user-list-view__table{font-size:.8rem}.user-list-view__table th:nth-child(4),.user-list-view__table td:nth-child(4){display:none}.user-list-view__table th,.user-list-view__table td{padding:.5rem}}.user-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-detail-page--loading{justify-content:center;align-items:center}.user-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.user-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.user-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.user-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.user-detail-page .error-container .error-icon{color:#dc3545}.user-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.user-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.user-detail-page__header .user-header-content{display:flex;align-items:center;gap:1rem}.user-detail-page__header .user-header-content .user-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.user-detail-page__header .user-header-content .user-title-section .user-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.user-detail-page__header .user-header-content .user-title-section .user-info{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.user-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.user-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.user-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.user-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.user-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.user-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.user-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.user-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.user-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.user-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.user-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.user-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.user-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.user-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.user-detail-page .info-section .section-content{padding:2rem 3rem}.user-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.user-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.user-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.user-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.user-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.user-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.user-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.user-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.user-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.user-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.user-detail-page .info-section .section-content .info-item .info-value.user-status{background:#28a7451a;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.user-detail-page .info-section .section-content .info-item .info-value.user-status svg{color:inherit}.user-detail-page .info-section .section-content .info-item .info-value.user-role{background:#6366f11a;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.user-detail-page .info-section .section-content .info-item .info-value.user-role svg{color:inherit}.user-detail-page .info-section .section-content .info-item .info-value.brand-code{background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.user-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.user-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.user-detail-page__header .user-header-content,.user-detail-page__header .header-actions{width:100%}.user-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.user-detail-page__content{padding:1rem}.user-detail-page .info-section .section-header,.user-detail-page .info-section .section-content,.user-detail-page .user-capabilities{padding:1rem 1.5rem}}.user-capabilities{padding:2rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.user-capabilities__description{margin:0;font-size:.95rem;color:#64748b}.user-capabilities__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.user-capabilities__item{border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.user-capabilities__item:hover{border-color:#6366f1;box-shadow:0 8px 20px #6366f11a}.user-capabilities__item--active{border-color:#4f46e5;background:#4f46e50f;box-shadow:0 8px 24px #4f46e51f}.user-capabilities__item--readonly{cursor:default}.user-capabilities__item--readonly:hover{border-color:#e2e8f0;box-shadow:none}.user-capabilities__control{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1f2937}.user-capabilities__control input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5;cursor:pointer}.user-capabilities__control input[type=checkbox]:disabled{cursor:not-allowed;accent-color:#cbd5f5}.user-capabilities__control-spinner{color:#4f46e5;animation:spin 1s linear infinite}.user-capabilities__meta{display:flex;flex-direction:column;gap:.35rem;color:#475569}.user-capabilities__code{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#6366f1}.user-capabilities__summary{margin:0;font-size:.85rem;line-height:1.4;color:#475569}.user-capabilities__loading,.user-capabilities__empty{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;background:#f8fafc;border:1px dashed #cbd5f5;color:#475569;font-size:.9rem}.user-capabilities__spinner{animation:spin 1s linear infinite;color:#6366f1}.user-capabilities__hint{font-size:.8rem;color:#94a3b8;margin:0}@media (max-width: 768px){.user-capabilities{padding:1.25rem 1.5rem 1.5rem}.user-capabilities__grid{grid-template-columns:1fr}}.user-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.user-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.user-create-page__title-section{flex:1}.user-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.user-create-page__subtitle{color:#64748b;font-size:1rem}.user-create-page__actions{display:flex;gap:1rem;align-items:center}.user-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.user-create-page__form{padding:2rem}.user-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.user-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.user-create-page__row{grid-template-columns:1fr}}.user-create-page__field{display:flex;flex-direction:column}.user-create-page__field--full{grid-column:1/-1}.user-create-page__info-text{margin-top:1rem;padding:1rem;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:.375rem}.user-create-page__info-text p{margin:0;color:#1e40af;font-size:.875rem;line-height:1.5}.user-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.user-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.user-create-page__header{flex-direction:column;gap:1rem}.user-create-page__form{padding:1rem}.user-create-page__submit-actions{flex-direction:column}.user-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.user-create-page__submit-actions{flex-direction:column}.user-create-page__submit-actions button{width:100%}}.user-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.user-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.user-edit-page__title-section{flex:1}.user-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.user-edit-page__subtitle{color:#64748b;font-size:1rem}.user-edit-page__actions{display:flex;gap:1rem;align-items:center}.user-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.user-edit-page__form{padding:2rem}.user-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.user-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.user-edit-page__row{grid-template-columns:1fr}}.user-edit-page__field{display:flex;flex-direction:column}.user-edit-page__field--full{grid-column:1/-1}.user-edit-page__info-text{margin-top:1rem;padding:1rem;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:.375rem}.user-edit-page__info-text p{margin:0;color:#1e40af;font-size:.875rem;line-height:1.5}.user-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.user-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.user-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.user-edit-page__header{flex-direction:column;gap:1rem}.user-edit-page__form{padding:1rem}.user-edit-page__submit-actions{flex-direction:column}.user-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.user-edit-page__submit-actions{flex-direction:column}.user-edit-page__submit-actions button{width:100%}}.user-profile-page{min-height:100vh;background:linear-gradient(135deg,#f6f8fc,#f0f4f8);padding:20px}.user-profile-page--loading{display:flex;align-items:center;justify-content:center}.user-profile-page--loading .loading-spinner{font-size:18px;color:#64748b}.user-profile-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.user-profile-page__title-section{flex:1}.user-profile-page__title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.user-profile-page__subtitle{color:#64748b;font-size:16px;margin:0}.user-profile-page__actions{display:flex;gap:12px}.user-profile-page__content{max-width:1100px;margin:0 auto}.user-profile-page__card{background:#fff;border-radius:16px;box-shadow:0 15px 30px -8px #00000014;overflow:visible;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(20px);animation:fadeIn .6s ease-out}.user-profile-page__card-header{padding:24px;border-bottom:1px solid rgba(226,232,240,.6);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);overflow:visible}.user-profile-page__user-info{display:flex;align-items:center;gap:20px}.user-profile-page__avatar-section{position:relative;z-index:40}.user-profile-page__avatar-upload{width:120px;height:120px;border-radius:50%}.user-profile-page__avatar-upload .image-upload__preview{border-radius:50%}.user-profile-page__user-details{flex:1}.user-profile-page__user-name{font-size:22px;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.user-profile-page__user-email{font-size:14px;color:#64748b;margin:0;font-weight:500}.user-profile-page__section{padding:24px}.user-profile-page__section:not(:last-child){border-bottom:1px solid rgba(226,232,240,.6)}.user-profile-page__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-profile-page__section-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.user-profile-page__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.user-profile-page__form-group{display:flex;flex-direction:column}.user-profile-page__form-group--full{grid-column:1/-1}.user-profile-page__save-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(226,232,240,.6)}.user-profile-page__email-list{display:flex;flex-direction:column;gap:16px}.user-profile-page__email-item{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.user-profile-page__email-item:hover{transform:translateY(-1px);box-shadow:0 6px 15px #00000014;border-color:#cbd5e1}.user-profile-page__email-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #3b82f64d}.user-profile-page__email-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-profile-page__email-address{font-size:14px;font-weight:600;color:#1e293b}.user-profile-page__email-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.user-profile-page__email-badge.verified{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px) and (min-width: 769px){.user-profile-page__form-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (max-width: 768px){.user-profile-page{padding:16px}.user-profile-page__header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px;margin-bottom:20px}.user-profile-page__title{font-size:24px}.user-profile-page__card-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.user-profile-page__section{padding:20px}.user-profile-page__form-grid{grid-template-columns:1fr;gap:16px}.user-profile-page__section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.user-profile-page__section-title{font-size:16px}.user-profile-page__user-info{flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.user-profile-page__user-name{font-size:20px}.user-profile-page__avatar-upload{width:100px;height:100px}.user-profile-page__email-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.user-profile-page__email-info{width:100%;align-items:flex-start}.user-profile-page__save-actions{padding-top:16px}}.create-user-form__form{display:flex;flex-direction:column;gap:1rem}.create-user-form__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.create-user-form__row--centered{grid-template-columns:1fr;justify-items:center;margin-bottom:.5rem}@media (max-width: 768px){.create-user-form__row{grid-template-columns:1fr}}.create-user-form__avatar-upload{display:flex;justify-content:center;align-items:center}.create-user-form__avatar-large{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1a2a80,#3b38a0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:600;text-transform:uppercase;border:3px solid white;box-shadow:0 4px 12px #00000026}.create-user-form__avatar-large img{width:100%;height:100%;object-fit:cover}.create-user-form__avatar-large span{font-size:2rem;font-weight:600;color:#fff}.create-user-form__avatar-edit{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:#1a2a80;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.create-user-form__avatar-edit:hover{background:#151f66;transform:scale(1.05)}.create-user-form__avatar-edit:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-user-form__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 480px){.create-user-form__actions{flex-direction:column}}.create-user-form .input-group__input[type=select],.create-user-form .input-group__input select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.create-user-form .animate-spin{animation:spin 1s linear infinite}.user-detail__header{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-detail__avatar{width:64px;height:64px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600)}.user-detail__basic-info{flex:1}.user-detail__name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.user-detail__status-role{display:flex;gap:.5rem;align-items:center}.user-detail__status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.user-detail__status-badge--active{background:var(--success-100);color:var(--success-700)}.user-detail__status-badge--inactive{background:var(--gray-100);color:var(--gray-700)}.user-detail__status-badge--suspended{background:var(--danger-100);color:var(--danger-700)}.user-detail__status-badge--default{background:var(--gray-100);color:var(--gray-700)}.user-detail__role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background:var(--primary-100);color:var(--primary-700)}.user-detail__section{margin-bottom:1.5rem}.user-detail__section:last-of-type{margin-bottom:0}.user-detail__section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.user-detail__info-grid{display:grid;gap:.75rem}.user-detail__info-item{display:flex;flex-direction:column;gap:.25rem}.user-detail__info-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.user-detail__info-value{font-size:.875rem;color:var(--text-primary)}.user-detail__email-link,.user-detail__phone-link{color:var(--primary-600);text-decoration:none}.user-detail__email-link:hover,.user-detail__phone-link:hover{text-decoration:underline}.user-detail__not-provided{color:var(--text-muted);font-style:italic}.user-detail__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.delete-confirmation-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirmation{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000f;max-width:24rem;width:100%;padding:0;animation:fadeIn .2s ease-out;overflow:hidden}.delete-confirmation__header{padding:2rem 2rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fef2f2,#fff5f5)}.delete-confirmation__title{font-size:1.25rem;font-weight:700;color:#7f1d1d;margin:0;display:flex;align-items:center;gap:.75rem}.delete-confirmation__content{padding:2rem 2rem 1.5rem;text-align:center}.delete-confirmation__icon{margin:0 auto 1.25rem;width:3.5rem;height:3.5rem;background-color:#fee2e2;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-confirmation__warning-icon{width:1.75rem;height:1.75rem;color:#dc2626;stroke-width:2}.delete-confirmation__message{color:#374151;font-size:.9375rem;line-height:1.5rem;margin:0;font-weight:500}.delete-confirmation__actions{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end}.delete-confirmation__cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151;min-width:100px;padding:.625rem 1.5rem;font-weight:600}.delete-confirmation__cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.delete-confirmation__cancel-btn:active{background-color:#e5e7eb}.delete-confirmation__confirm-btn{background-color:#dc2626;color:#fff;min-width:100px;padding:.625rem 1.5rem;font-weight:600;border:none}.delete-confirmation__confirm-btn:hover{background-color:#b91c1c}.delete-confirmation__confirm-btn:active{background-color:#7f1d1d}@media (max-width: 640px){.delete-confirmation{max-width:calc(100% - 2rem);margin:0 1rem}.delete-confirmation__header{padding:1.5rem 1.5rem 1.25rem}.delete-confirmation__title{font-size:1.125rem}.delete-confirmation__content{padding:1.5rem 1.5rem 1rem}.delete-confirmation__icon{width:3rem;height:3rem;margin-bottom:1rem}.delete-confirmation__warning-icon{width:1.5rem;height:1.5rem}.delete-confirmation__message{font-size:.875rem;line-height:1.4rem}.delete-confirmation__actions{flex-direction:column-reverse;gap:.75rem;padding:1rem 1.5rem 1.5rem}.delete-confirmation__actions button{width:100%}}.brand-list-view{padding:0}.brand-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.brand-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.brand-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.brand-list-view__title-section{flex:1}.brand-list-view__title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.brand-list-view__title-icon{width:1.75rem;height:1.75rem;color:#1a2a80}.brand-list-view__subtitle{color:#475569;margin:.25rem 0 0}.brand-list-view__actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.brand-list-view__actions{width:100%}}.brand-list-view__create-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.brand-list-view__create-btn{width:100%;justify-content:center}}.brand-list-view__add-icon{width:1rem;height:1rem}.brand-list-view__content{display:flex;flex-direction:column;gap:2rem}.brand-list-view__filters,.brand-list-view__table-card{margin-bottom:2rem}.brand-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.brand-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.brand-list-view__table{width:100%}.brand-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.brand-list-view__sortable-head:hover{background-color:#64748b0d}.brand-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.brand-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.brand-list-view__sort-icon--desc{transform:rotate(180deg)}.brand-list-view__actions-head{width:120px;text-align:center}.brand-list-view__table-row{position:relative;cursor:pointer;transition:background-color .15s ease}.brand-list-view__table-row:hover{background-color:#f8fafc}.brand-list-view__table-row:hover .brand-list-view__action-buttons{opacity:1}.brand-list-view__name-cell{font-weight:500}.brand-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.brand-list-view__name{font-weight:500}.brand-list-view__logo{width:2rem;height:2rem;border-radius:.25rem;object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0}.brand-list-view__email-link,.brand-list-view__phone-link,.brand-list-view__website-link{color:#1a2a80;text-decoration:none;transition:color .2s ease}.brand-list-view__email-link:hover,.brand-list-view__phone-link:hover,.brand-list-view__website-link:hover{color:#151f66;text-decoration:underline}.brand-list-view__status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.brand-list-view__status--active{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.brand-list-view__status--inactive{background-color:var(--color-muted-light);color:var(--color-muted-dark);border:1px solid var(--color-muted)}.brand-list-view__actions-cell{text-align:center;width:120px}.brand-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.brand-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.brand-list-view__action-btn:hover,.brand-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.brand-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.brand-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.brand-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.brand-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.brand-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.brand-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.brand-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.brand-list-view__loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;min-height:200px}@media (max-width: 1024px){.brand-list-view__table{font-size:.875rem}.brand-list-view__actions-head,.brand-list-view__actions-cell{width:100px}.brand-list-view__action-buttons{gap:.125rem}.brand-list-view__action-btn{min-width:1.75rem;height:1.75rem}}@media (max-width: 768px){.brand-list-view{padding:1rem}.brand-list-view__header{margin-bottom:1.5rem}.brand-list-view__title{font-size:1.75rem}.brand-list-view__table-card{margin-bottom:1.5rem}.brand-list-view__table{font-size:.8125rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.brand-list-view__table th:nth-child(5),.brand-list-view__table td:nth-child(5){display:none}.brand-list-view__actions-head,.brand-list-view__actions-cell{width:85px}.brand-list-view__action-btn{min-width:1.625rem;height:1.625rem;padding:.25rem!important}}@media (max-width: 640px){.brand-list-view{padding:.75rem}.brand-list-view__header{margin-bottom:1rem;gap:.75rem}.brand-list-view__title{font-size:1.375rem}.brand-list-view__subtitle{font-size:.875rem}.brand-list-view__content{gap:1rem}.brand-list-view__filters{padding:.5rem;margin-bottom:1rem}.brand-list-view__table-card{margin-bottom:1rem}.brand-list-view__table{font-size:.75rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.brand-list-view__table th:nth-child(4),.brand-list-view__table td:nth-child(4),.brand-list-view__table th:nth-child(5),.brand-list-view__table td:nth-child(5){display:none}.brand-list-view__name-container{gap:.5rem}.brand-list-view__logo{width:1.5rem;height:1.5rem}.brand-list-view__name{font-size:.875rem}.brand-list-view__email-link{font-size:.75rem;word-break:break-all}.brand-list-view__status{padding:.125rem .5rem;font-size:.625rem}.brand-list-view__actions-head,.brand-list-view__actions-cell{width:75px;padding:.5rem}.brand-list-view__action-buttons{gap:.25rem;justify-content:center}.brand-list-view__action-btn{min-width:1.5rem!important;height:1.5rem!important;padding:.125rem!important;font-size:.625rem}.brand-list-view__action-btn svg{width:.875rem!important;height:.875rem!important}.brand-list-view__empty-state{padding:2rem 1rem}.brand-list-view__empty-icon{width:40px;height:40px;margin-bottom:.75rem}.brand-list-view__empty-title{font-size:1rem;margin-bottom:.5rem}.brand-list-view__empty-description{font-size:.875rem;margin-bottom:1.5rem}}@media (max-width: 480px){.brand-list-view{padding:.5rem}.brand-list-view__title{font-size:1.125rem}.brand-list-view__table{font-size:.7rem}.brand-list-view__table th:nth-child(3),.brand-list-view__table td:nth-child(3),.brand-list-view__table th:nth-child(4),.brand-list-view__table td:nth-child(4),.brand-list-view__table th:nth-child(5),.brand-list-view__table td:nth-child(5){display:none}.brand-list-view__logo{width:1.25rem;height:1.25rem}.brand-list-view__actions-head,.brand-list-view__actions-cell{width:65px;padding:.25rem}.brand-list-view__action-btn{min-width:1.25rem!important;height:1.25rem!important;padding:.0625rem!important}.brand-list-view__action-btn svg{width:.75rem!important;height:.75rem!important}}@media (prefers-color-scheme: dark){.brand-list-view__status--active{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.brand-list-view__status--inactive{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}}.brand-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.brand-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;gap:2rem}@media (max-width: 768px){.brand-create-page__header{padding:1.5rem;margin-bottom:1.5rem}}@media (max-width: 640px){.brand-create-page__header{flex-direction:column;gap:1rem;padding:1rem;margin-bottom:1rem}}.brand-create-page__title-section{flex:1}.brand-create-page__title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}@media (max-width: 768px){.brand-create-page__title{font-size:1.5rem}}@media (max-width: 480px){.brand-create-page__title{font-size:1.25rem}}.brand-create-page__subtitle{color:#64748b;font-size:.95rem;margin:0;font-weight:500}@media (max-width: 480px){.brand-create-page__subtitle{font-size:.875rem}}.brand-create-page__actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.brand-create-page__actions{width:100%}.brand-create-page__actions button{flex:1}}.brand-create-page__content{background:#fff;border-radius:0;box-shadow:none;overflow:hidden;border:none;margin:0}.brand-create-page__form{padding:2rem}@media (max-width: 768px){.brand-create-page__form{padding:1.5rem}}@media (max-width: 480px){.brand-create-page__form{padding:1rem}}.brand-create-page__logo-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}@media (max-width: 480px){.brand-create-page__logo-section{margin-bottom:2rem;padding-bottom:1.5rem}}.brand-create-page__logo-upload{border-radius:.75rem;overflow:hidden}.brand-create-page__upload-area{position:relative}.brand-create-page__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.brand-create-page__upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #cbd5e1;border-radius:.75rem;background-color:#f8fafc;cursor:pointer;transition:all .3s ease;text-align:center}.brand-create-page__upload-label:hover{border-color:#1a2a80;background-color:#f0f4ff}.brand-create-page__upload-label:hover .brand-create-page__upload-icon{color:#1a2a80;transform:scale(1.1)}.brand-create-page__upload-label:hover .brand-create-page__upload-text h3{color:#1a2a80}@media (max-width: 768px){.brand-create-page__upload-label{padding:2rem 1.5rem}}@media (max-width: 480px){.brand-create-page__upload-label{padding:1.5rem 1rem}}.brand-create-page__upload-icon{color:#94a3b8;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:3rem;height:3rem}@media (max-width: 480px){.brand-create-page__upload-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem}}.brand-create-page__upload-text h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;transition:color .3s ease}@media (max-width: 480px){.brand-create-page__upload-text h3{font-size:1rem}}.brand-create-page__upload-text p{color:#64748b;margin:0 0 1rem;font-size:.9rem}@media (max-width: 480px){.brand-create-page__upload-text p{font-size:.8rem}}.brand-create-page__upload-hint{display:inline-block;padding:.5rem 1rem;background-color:#f0f4ff;color:#3730a3;font-size:.75rem;border-radius:9999px;border:1px solid #c7d2fe;font-weight:500}.brand-create-page__image-preview{display:flex;flex-direction:column;gap:1rem}.brand-create-page__preview-container{position:relative;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:.75rem;overflow:hidden;min-height:200px;padding:1rem}.brand-create-page__preview-image{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 12px #00000026}.brand-create-page__image-overlay{position:absolute;top:.75rem;right:.75rem;opacity:0;transition:opacity .3s ease}.brand-create-page__preview-container:hover .brand-create-page__image-overlay{opacity:1}.brand-create-page__remove-button{background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .3s ease}.brand-create-page__remove-button:hover{background:#ef4444;transform:scale(1.1)}.brand-create-page__image-info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.brand-create-page__image-name{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;flex:1}.brand-create-page__image-name svg{color:#64748b}.brand-create-page__image-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.brand-create-page__image-size{color:#6b7280;font-size:.875rem;font-weight:500}.brand-create-page__change-button{flex-shrink:0}.brand-create-page__fields{display:flex;flex-direction:column;gap:2rem}@media (max-width: 480px){.brand-create-page__fields{gap:1.5rem}}.brand-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}@media (max-width: 768px){.brand-create-page__row{grid-template-columns:1fr;gap:1.25rem}}@media (max-width: 480px){.brand-create-page__row{gap:1rem}}.brand-create-page__field{display:flex;flex-direction:column;width:100%}.brand-create-page__field--full{grid-column:1/-1}.brand-create-page__field label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.95rem}@media (max-width: 480px){.brand-create-page__field label{font-size:.9rem}}.brand-create-page__field input,.brand-create-page__field textarea,.brand-create-page__field select{width:100%}.brand-create-page__field-label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.95rem;display:block}@media (max-width: 480px){.brand-create-page__field-label{font-size:.9rem}}.brand-create-page__required-asterisk{color:#ef4444;margin-left:.25rem}.brand-create-page__input-with-button{display:flex;gap:.5rem;align-items:center;width:100%}.brand-create-page__input-with-button>div{flex:1;min-width:0}.brand-create-page__input-with-button input{width:100%}.brand-create-page__regenerate-btn{padding:.625rem;border:1px solid #cbd5e1;background-color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#64748b;min-width:2.75rem;height:2.75rem;flex-shrink:0}.brand-create-page__regenerate-btn:hover:not(:disabled){border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.brand-create-page__regenerate-btn:hover:not(:disabled) svg{animation:spin .6s ease-in-out}.brand-create-page__regenerate-btn:active:not(:disabled){transform:scale(.95)}.brand-create-page__regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.brand-create-page__regenerate-btn svg{transition:transform .2s ease}@media (max-width: 480px){.brand-create-page__regenerate-btn{padding:.5rem;min-width:2.5rem;height:2.5rem}}.brand-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #f1f5f9}.brand-create-page__submit-actions button{min-width:120px;font-weight:600;padding:.625rem 1.5rem;border-radius:.625rem;transition:all .2s ease}@media (max-width: 640px){.brand-create-page__submit-actions{flex-direction:column-reverse;gap:.75rem}.brand-create-page__submit-actions button{width:100%;min-width:unset}}.brand-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.brand-create-page__image-info{flex-direction:column;align-items:flex-start;gap:.75rem}.brand-create-page__image-info .brand-create-page__change-button{width:100%}.brand-create-page__image-name span{max-width:none}.brand-create-page__preview-image{max-height:200px}}@media (max-width: 640px){.brand-create-page__preview-image{max-height:180px}}@media (max-width: 480px){.brand-create-page__preview-image{max-height:150px}.brand-create-page__image-info{padding:.75rem 1rem;gap:.5rem}.brand-create-page__image-name span{font-size:.875rem}.brand-create-page__image-size{font-size:.75rem}}@media (max-width: 480px){.brand-create-page input,.brand-create-page textarea,.brand-create-page select{font-size:16px}}.brand-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.brand-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;gap:2rem;border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.brand-edit-page__header{padding:1.5rem;margin-bottom:1.5rem;flex-direction:column}}@media (max-width: 640px){.brand-edit-page__header{flex-direction:column;gap:1rem;padding:1rem;margin-bottom:1rem}}.brand-edit-page__title-section{flex:1}.brand-edit-page__title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}@media (max-width: 768px){.brand-edit-page__title{font-size:1.5rem}}@media (max-width: 480px){.brand-edit-page__title{font-size:1.25rem}}.brand-edit-page__subtitle{color:#64748b;font-size:.95rem;margin:0;font-weight:500}@media (max-width: 480px){.brand-edit-page__subtitle{font-size:.875rem}}.brand-edit-page__actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.brand-edit-page__actions{width:100%}.brand-edit-page__actions button{flex:1}}.brand-edit-page__content{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem}@media (max-width: 768px){.brand-edit-page__content{padding:0 1.5rem 1.5rem}}@media (max-width: 640px){.brand-edit-page__content{padding:0 1rem 1rem}}.brand-edit-page__form{display:flex;flex-direction:column;gap:1.5rem}.brand-edit-page__card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.brand-edit-page__card:hover{box-shadow:0 4px 6px -1px #0000001a}.brand-edit-page__section{padding:2rem}@media (max-width: 768px){.brand-edit-page__section{padding:1.5rem}}@media (max-width: 480px){.brand-edit-page__section{padding:1rem}}.brand-edit-page__section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.brand-edit-page__section-title svg{color:#3b82f6}@media (max-width: 768px){.brand-edit-page__section-title{font-size:1.1rem;margin-bottom:1.25rem}}@media (max-width: 480px){.brand-edit-page__section-title{font-size:1rem;margin-bottom:1rem}}.brand-edit-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.brand-edit-page__form-row:last-child{margin-bottom:0}@media (max-width: 768px){.brand-edit-page__form-row{grid-template-columns:1fr;gap:1rem}}.brand-edit-page__form-group{display:flex;flex-direction:column;gap:.5rem}.brand-edit-page__form-group--full{grid-column:1/-1}.brand-edit-page__helper{color:#6b7280;font-size:.875rem;margin-top:.5rem;line-height:1.4}.brand-edit-page__current-image{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.brand-edit-page__current-image-label{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.brand-edit-page__preview{display:block;margin:0}.brand-edit-page__info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.brand-edit-page__info-header{display:flex;align-items:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}@media (max-width: 768px){.brand-edit-page__info-header{padding:1.25rem 1.5rem}}@media (max-width: 480px){.brand-edit-page__info-header{padding:1rem}}.brand-edit-page__info-title-group{display:flex;align-items:center;gap:.75rem}.brand-edit-page__info-icon{color:#3b82f6}.brand-edit-page__info-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.brand-edit-page__info-content{padding:2rem}@media (max-width: 768px){.brand-edit-page__info-content{padding:1.5rem}}@media (max-width: 480px){.brand-edit-page__info-content{padding:1rem}}.brand-edit-page__info-image-container{margin-bottom:2rem;display:flex;justify-content:center}@media (max-width: 768px){.brand-edit-page__info-image-container{margin-bottom:1.5rem}}.brand-edit-page__info-image-container .brand-edit-page__info-image{max-width:400px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}@media (max-width: 640px){.brand-edit-page__info-image-container .brand-edit-page__info-image{max-width:300px}}@media (max-width: 480px){.brand-edit-page__info-image-container .brand-edit-page__info-image{max-width:250px}}.brand-edit-page__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.brand-edit-page__info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.brand-edit-page__info-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.brand-edit-page__info-grid{gap:.75rem}}.brand-edit-page__info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.brand-edit-page__info-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.brand-edit-page__info-item--full{grid-column:1/-1}.brand-edit-page__info-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.brand-edit-page__info-value{font-size:.95rem;font-weight:500;color:#1e293b;word-break:break-word}.brand-edit-page__logo-section{margin-bottom:2rem}.brand-edit-page__logo-upload{border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0}.brand-edit-page__upload-area{position:relative}.brand-edit-page__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.brand-edit-page__upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #cbd5e1;border-radius:.75rem;background-color:#f8fafc;cursor:pointer;transition:all .3s ease;text-align:center}.brand-edit-page__upload-label:hover{border-color:#1a2a80;background-color:#f0f4ff}.brand-edit-page__upload-label:hover .brand-edit-page__upload-icon{color:#1a2a80;transform:scale(1.1)}.brand-edit-page__upload-label:hover .brand-edit-page__upload-text h3{color:#1a2a80}@media (max-width: 768px){.brand-edit-page__upload-label{padding:2rem 1.5rem}}@media (max-width: 480px){.brand-edit-page__upload-label{padding:1.5rem 1rem}}.brand-edit-page__upload-icon{color:#64748b;margin-bottom:1rem;transition:all .3s ease}.brand-edit-page__upload-text h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;transition:color .3s ease}.brand-edit-page__upload-text p{color:#64748b;margin-bottom:1rem;font-size:1rem}.brand-edit-page__upload-hint{display:inline-block;padding:.375rem .75rem;background-color:#f1f5f9;color:#475569;font-size:.75rem;border-radius:9999px;border:1px solid #e2e8f0}.brand-edit-page__image-preview{display:flex;flex-direction:column;gap:1rem}.brand-edit-page__preview-container{position:relative;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:.75rem;overflow:hidden;min-height:200px;padding:1rem}.brand-edit-page__preview-image{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 12px #00000026}.brand-edit-page__image-overlay{position:absolute;top:.75rem;right:.75rem;opacity:0;transition:opacity .3s ease}.brand-edit-page__preview-container:hover .brand-edit-page__image-overlay{opacity:1}.brand-edit-page__remove-button{background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .3s ease}.brand-edit-page__remove-button:hover{background:#ef4444;transform:scale(1.1)}.brand-edit-page__image-info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.brand-edit-page__image-name{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;flex:1}.brand-edit-page__image-name svg{color:#64748b}.brand-edit-page__image-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.brand-edit-page__image-size{color:#6b7280;font-size:.875rem;font-weight:500}.brand-edit-page__change-actions{display:flex;align-items:center}.brand-edit-page__change-button{flex-shrink:0}.brand-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.brand-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.brand-edit-page__row{grid-template-columns:1fr}}.brand-edit-page__field{display:flex;flex-direction:column;width:100%}.brand-edit-page__field--full{grid-column:1/-1}.brand-edit-page__field label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.95rem}@media (max-width: 480px){.brand-edit-page__field label{font-size:.9rem}}.brand-edit-page__field input,.brand-edit-page__field textarea,.brand-edit-page__field select{width:100%}.brand-edit-page__field-label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.95rem;display:block}@media (max-width: 480px){.brand-edit-page__field-label{font-size:.9rem}}.brand-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #f1f5f9}.brand-edit-page__submit-actions button{min-width:120px;font-weight:600;padding:.625rem 1.5rem;border-radius:.625rem;transition:all .2s ease}@media (max-width: 640px){.brand-edit-page__submit-actions{flex-direction:column-reverse;gap:.75rem}.brand-edit-page__submit-actions button{width:100%;min-width:unset}}.brand-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.brand-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.brand-edit-page__header{flex-direction:column;gap:1rem}.brand-edit-page__form{padding:1rem}.brand-edit-page__upload-label{padding:2rem 1rem}.brand-edit-page__upload-text h3{font-size:1.125rem}.brand-edit-page__upload-text p{font-size:.875rem}.brand-edit-page__image-info{flex-direction:column;align-items:flex-start;gap:.75rem}.brand-edit-page__image-info .brand-edit-page__change-button{width:100%}.brand-edit-page__image-name span{max-width:none}.brand-edit-page__submit-actions{flex-direction:column}.brand-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.brand-edit-page__upload-label{padding:1.5rem .75rem}.brand-edit-page__upload-text h3{font-size:1rem}.brand-edit-page__upload-text p{font-size:.8rem}.brand-edit-page__upload-hint{font-size:.7rem;padding:.25rem .5rem}.brand-edit-page__preview-image{max-height:150px}.brand-edit-page__image-info{padding:.75rem 1rem}}.brand-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.brand-detail-page--loading{justify-content:center;align-items:center}.brand-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.brand-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.brand-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.brand-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.brand-detail-page .error-container .error-icon{color:#dc3545}.brand-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.brand-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.brand-detail-page__header .brand-header-content{display:flex;align-items:center;gap:1rem}.brand-detail-page__header .brand-header-content .brand-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.brand-detail-page__header .brand-header-content .brand-title-section .brand-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.brand-detail-page__header .brand-header-content .brand-title-section .brand-code{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.brand-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.brand-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.brand-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.brand-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.brand-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.brand-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.brand-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.brand-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.brand-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.brand-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.brand-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.brand-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.brand-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.brand-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.brand-detail-page .info-section .section-content{padding:2rem 2.5rem}.brand-detail-page .info-section .section-content .brand-logo-container{margin-bottom:2rem;display:flex;justify-content:center}.brand-detail-page .info-section .section-content .brand-logo-container .brand-logo{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.brand-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.brand-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.brand-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.brand-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.brand-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.brand-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.brand-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.brand-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.brand-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.brand-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.brand-detail-page .info-section .section-content .info-item .info-value.brand-code{background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.brand-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.brand-detail-page__header .brand-header-content,.brand-detail-page__header .header-actions{width:100%}.brand-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.brand-detail-page__content,.brand-detail-page .info-section .section-header,.brand-detail-page .info-section .section-content{padding:1rem}}.brand-profile-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media (max-width: 768px){.brand-profile-page__header{flex-direction:column;align-items:stretch}}.brand-profile-page__title-section{flex:1}.brand-profile-page__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.brand-profile-page__subtitle{font-size:1rem;color:#64748b;margin:0}.brand-profile-page__actions{display:flex;gap:.75rem}.brand-profile-page__edit-btn{display:flex;align-items:center;gap:.5rem}.brand-profile-page__edit-icon{width:1.25rem;height:1.25rem}.brand-profile-page__loading{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.brand-profile-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.brand-profile-page__empty-state h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.brand-profile-page__empty-state p{font-size:1rem;color:#64748b;margin:0}.brand-profile-page__content{display:flex;flex-direction:column;gap:1.5rem}.brand-profile-page__card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.brand-profile-page__info{display:flex;flex-direction:column;gap:2rem}.brand-profile-page__logo-section{display:flex;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:.5rem}.brand-profile-page__logo{max-width:200px;max-height:120px;object-fit:contain}.brand-profile-page__details{display:flex;flex-direction:column;gap:1.5rem}.brand-profile-page__detail-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.brand-profile-page__detail-row{grid-template-columns:1fr}}.brand-profile-page__detail-item{display:flex;flex-direction:column;gap:.5rem}.brand-profile-page__detail-item--full{grid-column:1/-1}.brand-profile-page__label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.brand-profile-page__value{font-size:1rem;color:#0f172a;margin:0;word-break:break-word}.brand-profile-page__value--code{background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.brand-profile-page__value--date{color:#64748b;font-size:.875rem}.brand-profile-page__link{color:#1a2a80;text-decoration:none;transition:color .2s}.brand-profile-page__link:hover{color:#151f66;text-decoration:underline}.brand-profile-page__status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.brand-profile-page__status--active{background-color:#dcfce7;color:#166534}.brand-profile-page__status--inactive{background-color:#fee2e2;color:#991b1b}.floor-list-view{padding:0}.floor-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.floor-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.floor-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.floor-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.floor-list-view__subtitle{color:#475569;margin:.25rem 0 0}.floor-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.floor-list-view__create-btn{width:100%}}.floor-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.floor-list-view__content{display:flex;flex-direction:column;gap:2rem}.floor-list-view__filters,.floor-list-view__table-card{margin-bottom:2rem}.floor-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.floor-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.floor-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.floor-list-view__table th,.floor-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.floor-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.floor-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.floor-list-view__table tbody tr:hover{background-color:#f8fafc}.floor-list-view__table tbody tr:hover .floor-list-view__action-buttons{opacity:1}.floor-list-view__table-row{position:relative}.floor-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.floor-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.floor-list-view__action-btn:hover,.floor-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.floor-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.floor-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.floor-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.floor-list-view__sortable-head:hover{background-color:#64748b0d}.floor-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.floor-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.floor-list-view__sort-icon--desc{transform:rotate(180deg)}.floor-list-view__name-cell{font-weight:500}.floor-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.floor-list-view__floor-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.25rem .5rem;background-color:#e0e7ff;color:#1e3a8a;border-radius:.25rem;font-weight:600;font-size:.875rem}.floor-list-view__actions-head,.floor-list-view__actions-cell{text-align:right}.floor-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.floor-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.floor-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.floor-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.floor-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1024px){.floor-list-view .table__head:nth-child(3),.floor-list-view .table__cell:nth-child(3){display:none}}@media (max-width: 768px){.floor-list-view .table__head:nth-child(4),.floor-list-view .table__cell:nth-child(4){display:none}}@media (max-width: 640px){.floor-list-view__header{align-items:stretch}.floor-list-view .table{font-size:.75rem}.floor-list-view .table__head,.floor-list-view .table__cell{padding:.5rem .25rem}.floor-list-view__name-container{flex-direction:column;align-items:flex-start;gap:.5rem}}.floor-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.floor-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.floor-create-page__title-section{flex:1}.floor-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.floor-create-page__subtitle{color:#64748b;font-size:1rem}.floor-create-page__actions{display:flex;gap:1rem;align-items:center}.floor-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.floor-create-page__form{padding:2rem}.floor-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.floor-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.floor-create-page__row{grid-template-columns:1fr}}.floor-create-page__field{display:flex;flex-direction:column}.floor-create-page__field--full{grid-column:1/-1}.floor-create-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.floor-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.floor-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.floor-create-page__header{flex-direction:column;gap:1rem}.floor-create-page__form{padding:1rem}.floor-create-page__submit-actions{flex-direction:column}.floor-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.floor-create-page__form{padding:1rem}}.floor-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.floor-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.floor-edit-page__title-section{flex:1}.floor-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.floor-edit-page__subtitle{color:#64748b;font-size:1rem}.floor-edit-page__actions{display:flex;gap:1rem;align-items:center}.floor-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.floor-edit-page__form{padding:2rem}.floor-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.floor-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.floor-edit-page__row{grid-template-columns:1fr}}.floor-edit-page__field{display:flex;flex-direction:column}.floor-edit-page__field--full{grid-column:1/-1}.floor-edit-page__branch-section{display:flex;flex-direction:column;gap:1rem}.floor-edit-page__branch-field{display:flex;flex-direction:column;gap:.5rem}.floor-edit-page__branch-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.floor-edit-page__branch-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;color:#374151;transition:all .2s ease;cursor:pointer}.floor-edit-page__branch-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.floor-edit-page__branch-select:hover{border-color:#9ca3af}.floor-edit-page__branch-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.floor-edit-page__branch-select--error{border-color:#ef4444}.floor-edit-page__branch-select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.floor-edit-page__branch-select option{padding:.5rem;color:#374151}.floor-edit-page__branch-select option:disabled{color:#9ca3af}.floor-edit-page__error-message{font-size:.875rem;color:#ef4444;margin-top:.25rem}.floor-edit-page__current-branch-info{padding:.75rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;margin-top:.5rem}.floor-edit-page__current-branch-text{font-size:.875rem;color:#0369a1}.floor-edit-page__current-branch-text strong{font-weight:600}.floor-edit-page__current-branch{padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.floor-edit-page__current-branch-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.floor-edit-page__branch-info{display:flex;align-items:center;gap:.5rem}.floor-edit-page__branch-name{font-weight:600;color:#1f2937}.floor-edit-page__branch-code{font-size:.875rem;color:#6b7280}.floor-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.floor-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.floor-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.floor-edit-page__header{flex-direction:column;gap:1rem}.floor-edit-page__form{padding:1rem}.floor-edit-page__submit-actions{flex-direction:column}.floor-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.floor-edit-page__title{font-size:1.5rem}.floor-edit-page__submit-actions{padding-top:1rem}}.floor-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.floor-detail-page--loading{justify-content:center;align-items:center}.floor-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.floor-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.floor-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.floor-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.floor-detail-page .error-container .error-icon{color:#dc3545}.floor-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.floor-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.floor-detail-page__header .floor-header-content{display:flex;align-items:center;gap:1rem}.floor-detail-page__header .floor-header-content .floor-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.floor-detail-page__header .floor-header-content .floor-title-section .floor-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.floor-detail-page__header .floor-header-content .floor-title-section .floor-code{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.floor-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.floor-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.floor-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.floor-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.floor-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.floor-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.floor-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.floor-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.floor-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.floor-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.floor-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.floor-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.floor-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.floor-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.floor-detail-page .info-section .section-content{padding:2rem 2.5rem}.floor-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.floor-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.floor-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.floor-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.floor-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.floor-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.floor-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.floor-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.floor-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.floor-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.floor-detail-page .info-section .section-content .info-item .info-value.floor-number{background:#6366f1;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.floor-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.floor-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.floor-detail-page__header .floor-header-content,.floor-detail-page__header .header-actions{width:100%}.floor-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.floor-detail-page__content,.floor-detail-page .info-section .section-header,.floor-detail-page .info-section .section-content{padding:1rem}}.floor-detail-page__areas-loading{display:flex;justify-content:center;align-items:center;padding:1.5rem 0}.floor-detail-page__areas-empty{padding:1.5rem 2.5rem;color:#6c757d;font-size:.9rem}.floor-detail-page__areas-table{width:100%}.floor-detail-page__area-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.floor-detail-page__area-badge--active{background:#22c55e26;color:#16a34a}.floor-detail-page__area-badge--inactive{background:#ef444426;color:#dc2626}.area-list-view .area-list-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.area-list-view .area-list-view__title{font-size:1.5rem;font-weight:600}.area-list-view .area-list-view__subtitle{font-size:.875rem;color:#6b7280}.area-list-view .area-list-view__create-btn{display:flex;align-items:center;gap:.5rem}.area-list-view .area-list-view__add-icon{width:1rem;height:1rem}.area-list-view .area-list-view__content .area-list-view__filters,.area-list-view .area-list-view__content .area-list-view__selectors{margin-bottom:1rem}.area-list-view .area-list-view__content .area-list-view__selectors-loading{display:flex;align-items:center;justify-content:center;height:3rem}.area-list-view .area-list-view__content .area-list-view__selector-message{font-size:.9rem;color:#6b7280}.area-list-view .area-list-view__content .area-list-view__table-card{margin-bottom:1rem}.area-list-view .area-list-view__content .area-list-view__empty-state{text-align:center;padding:2rem}.area-list-view .area-list-view__content .area-list-view__loading{display:flex;justify-content:center;align-items:center;height:10rem}.area-list-view .area-list-view__content .area-list-view__table .area-list-view__table-row{cursor:pointer}.area-list-view .area-list-view__content .area-list-view__pagination{margin-top:1rem}.area-create-page .area-create-page__header,.area-create-page .area-edit-page__header,.area-edit-page .area-create-page__header,.area-edit-page .area-edit-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.area-create-page .area-create-page__title-section .area-create-page__title,.area-create-page .area-create-page__title-section .area-edit-page__title,.area-create-page .area-edit-page__title-section .area-create-page__title,.area-create-page .area-edit-page__title-section .area-edit-page__title,.area-edit-page .area-create-page__title-section .area-create-page__title,.area-edit-page .area-create-page__title-section .area-edit-page__title,.area-edit-page .area-edit-page__title-section .area-create-page__title,.area-edit-page .area-edit-page__title-section .area-edit-page__title{font-size:1.5rem;font-weight:600}.area-create-page .area-create-page__title-section .area-create-page__subtitle,.area-create-page .area-create-page__title-section .area-edit-page__subtitle,.area-create-page .area-edit-page__title-section .area-create-page__subtitle,.area-create-page .area-edit-page__title-section .area-edit-page__subtitle,.area-edit-page .area-create-page__title-section .area-create-page__subtitle,.area-edit-page .area-create-page__title-section .area-edit-page__subtitle,.area-edit-page .area-edit-page__title-section .area-create-page__subtitle,.area-edit-page .area-edit-page__title-section .area-edit-page__subtitle{font-size:.875rem;color:#6b7280}.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields{display:flex;flex-direction:column;gap:1rem}.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row,.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row{display:flex;gap:1rem}.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__fields .area-edit-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-create-page__row .area-edit-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-create-page__field,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__fields .area-edit-page__row .area-edit-page__field{flex:1}.area-create-page .area-create-page__content .area-create-page__form .area-create-page__submit-actions,.area-create-page .area-create-page__content .area-create-page__form .area-edit-page__submit-actions,.area-create-page .area-create-page__content .area-edit-page__form .area-create-page__submit-actions,.area-create-page .area-create-page__content .area-edit-page__form .area-edit-page__submit-actions,.area-create-page .area-edit-page__content .area-create-page__form .area-create-page__submit-actions,.area-create-page .area-edit-page__content .area-create-page__form .area-edit-page__submit-actions,.area-create-page .area-edit-page__content .area-edit-page__form .area-create-page__submit-actions,.area-create-page .area-edit-page__content .area-edit-page__form .area-edit-page__submit-actions,.area-edit-page .area-create-page__content .area-create-page__form .area-create-page__submit-actions,.area-edit-page .area-create-page__content .area-create-page__form .area-edit-page__submit-actions,.area-edit-page .area-create-page__content .area-edit-page__form .area-create-page__submit-actions,.area-edit-page .area-create-page__content .area-edit-page__form .area-edit-page__submit-actions,.area-edit-page .area-edit-page__content .area-create-page__form .area-create-page__submit-actions,.area-edit-page .area-edit-page__content .area-create-page__form .area-edit-page__submit-actions,.area-edit-page .area-edit-page__content .area-edit-page__form .area-create-page__submit-actions,.area-edit-page .area-edit-page__content .area-edit-page__form .area-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.area-detail-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.area-detail-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.area-detail-page__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.area-detail-page__breadcrumb-back{display:inline-flex;align-items:center;gap:.5rem;color:#4b5563}.area-detail-page__breadcrumb-back:hover{color:#1f2937}.area-detail-page__breadcrumb-divider{color:#9ca3af}.area-detail-page__breadcrumb-current{font-weight:600;color:#111827;font-size:1rem}.area-detail-page__edit-btn,.area-detail-page__create-nav-btn{display:inline-flex;align-items:center;gap:.5rem}.area-detail-page__info-card .card__header,.area-detail-page__navigation-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.area-detail-page__info-card .card__title,.area-detail-page__navigation-card .card__title{font-size:1.25rem;font-weight:600;color:#111827}.area-detail-page__info-card .card__subtitle,.area-detail-page__navigation-card .card__subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.area-detail-page__info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.area-detail-page__info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb}.area-detail-page__info-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background:#eef2ff;color:#4338ca;flex-shrink:0}.area-detail-page__info-content{display:flex;flex-direction:column;gap:.35rem}.area-detail-page__info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:600}.area-detail-page__info-value{font-size:1rem;font-weight:600;color:#111827;word-break:break-word}.area-detail-page__info-value--mono{font-family:JetBrains Mono,Fira Code,monospace}.area-detail-page__info-value--muted{color:#6b7280;font-weight:500}.area-detail-page__info-badge{margin-top:.15rem}.area-detail-page__navigation-card .card__body{padding:1rem}.area-detail-page__navigation-body{padding:.25rem}.area-detail-page--loading,.area-detail-page__empty{display:flex;align-items:center;justify-content:center;min-height:50vh}.area-detail-page__error-card{max-width:28rem;width:100%;text-align:center}.area-detail-page__error-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#111827}.area-detail-page__preview-card .area-detail-page__preview{width:100%;border:1px dashed #e5e7eb;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 20px 20px,#f9fafb 1px,transparent 0),radial-gradient(circle at 40px 40px,#f3f4f6 1px,transparent 0);background-size:40px 40px}.area-detail-page__preview-card .area-detail-page__preview-canvas{width:100%;height:auto;min-height:240px}.area-detail-page__nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;padding:.25rem}.area-detail-page__nav-card .card__body{padding:1rem;border:1px solid #e5e7eb;border-radius:10px}.area-detail-page__nav-card-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:.5rem}.area-detail-page__nav-meta{display:flex;flex-direction:column;gap:.4rem;color:#374151;font-size:.95rem}.area-detail-page__nav-meta span{display:inline-block;padding:.35rem .55rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.area-detail-page__nav-meta--inline{flex-direction:column;gap:.25rem}.area-detail-page__nav-meta--inline span{background:#eef2ff}.area-detail-page__nav-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.area-detail-page__nav-actions-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.area-detail-page__poi-select{min-width:180px}.area-detail-page__verification-modal{font-size:16px;line-height:1.5}.area-detail-page__verification-modal.success{color:#0f5132}.area-detail-page__verification-modal.failed{color:#842029}.area-definition-designer{display:flex;flex-direction:column;gap:1.25rem}.area-definition-designer h3{margin:0;font-size:1.25rem;font-weight:600}.area-definition-designer h4{margin:0;font-size:1.05rem;font-weight:600}.area-definition-designer__description{margin-top:.2rem;color:#6b7280;font-size:.95rem}.area-definition-designer__header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.area-definition-designer__json-actions{min-width:320px;flex:1;max-width:520px}.area-definition-designer__editor{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f9fafb}.area-definition-designer__editor-label{padding:.5rem .75rem;font-weight:600;font-size:.95rem;color:#111827;border-bottom:1px solid #e5e7eb}.area-definition-designer__json-buttons{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.area-definition-designer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.area-definition-designer__section{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff;box-shadow:0 1px 2px #1018280d;display:flex;flex-direction:column;gap:.75rem}.area-definition-designer__section-header{display:flex;flex-direction:column;gap:.25rem}.area-definition-designer__section-header p{margin:0;color:#6b7280;font-size:.9rem}.area-definition-designer__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;align-items:flex-end}.area-definition-designer__points{display:flex;flex-direction:column;gap:.5rem}.area-definition-designer__point-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;align-items:flex-end}.area-definition-designer__preview-card{min-height:320px}.area-definition-designer__preview{width:100%;height:320px;border:1px dashed #e5e7eb;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 20px 20px,#f9fafb 1px,transparent 0),radial-gradient(circle at 40px 40px,#f3f4f6 1px,transparent 0);background-size:40px 40px}.area-definition-designer__canvas{width:100%;height:100%}.area-definition-designer__group{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.65rem;background:#f9fafb}.delete-confirmation{padding:1.5rem;text-align:center;max-width:400px;margin:0 auto}.delete-confirmation__icon{margin-bottom:1rem;color:#f59e0b;display:flex;align-items:center;justify-content:center}.delete-confirmation__title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.delete-confirmation__message{font-size:1rem;color:#475569;line-height:1.5;margin-bottom:1.5rem}.delete-confirmation__loading{padding:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#475569;font-size:.875rem;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.delete-confirmation__actions{display:flex;align-items:center;gap:.75rem;justify-content:center}@media (max-width: 640px){.delete-confirmation{padding:1rem}.delete-confirmation__title{font-size:1.125rem}.delete-confirmation__message{font-size:.875rem}.delete-confirmation__actions{flex-direction:column;gap:.5rem}.delete-confirmation__actions button{width:100%}}.holiday-list-view{padding:0}.holiday-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.holiday-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.holiday-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.holiday-list-view__title-section{flex:1}.holiday-list-view__title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.holiday-list-view__title-icon{width:1.75rem;height:1.75rem;color:#1a2a80}.holiday-list-view__subtitle{color:#475569;margin:.25rem 0 0}.holiday-list-view__actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.holiday-list-view__actions{width:100%}}.holiday-list-view__create-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.holiday-list-view__create-btn{width:100%;justify-content:center}}.holiday-list-view__add-icon{width:1rem;height:1rem}.holiday-list-view__content{display:flex;flex-direction:column;gap:2rem}.holiday-list-view__filters,.holiday-list-view__table-card{margin-bottom:2rem}.holiday-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.holiday-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.holiday-list-view__table{width:100%}.holiday-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.holiday-list-view__sortable-head:hover{background-color:#64748b0d}.holiday-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.holiday-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.holiday-list-view__sort-icon--desc{transform:rotate(180deg)}.holiday-list-view__actions-head{width:120px;text-align:center}.holiday-list-view__table-row{position:relative;cursor:pointer;transition:background-color .15s ease}.holiday-list-view__table-row:hover{background-color:#f8fafc}.holiday-list-view__table-row:hover .holiday-list-view__action-buttons{opacity:1}.holiday-list-view__name-cell{font-weight:500}.holiday-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.holiday-list-view__name{font-weight:500}.holiday-list-view__description-cell{max-width:200px}.holiday-list-view__description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;display:block;word-wrap:break-word}.holiday-list-view__date-range-cell{min-width:140px}.holiday-list-view__date-range{font-family:var(--font-mono, "Courier New", monospace);font-size:.875rem;color:var(--color-text);white-space:nowrap}.holiday-list-view__duration-cell{text-align:center;min-width:80px}.holiday-list-view__duration{font-size:.875rem;color:var(--color-text-secondary)}.holiday-list-view__status-cell{text-align:center;min-width:100px}.holiday-list-view__status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.holiday-list-view__status--active{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.holiday-list-view__status--upcoming{background-color:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.holiday-list-view__status--past{background-color:var(--color-muted-light);color:var(--color-muted-dark);border:1px solid var(--color-muted)}.holiday-list-view__actions-cell{text-align:center;width:120px}.holiday-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.holiday-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.holiday-list-view__action-btn:hover,.holiday-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.holiday-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.holiday-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.holiday-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.holiday-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.holiday-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.holiday-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.holiday-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.holiday-list-view__loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;min-height:200px}@media (max-width: 1024px){.holiday-list-view__table{font-size:.875rem}.holiday-list-view__actions-head,.holiday-list-view__actions-cell{width:100px}.holiday-list-view__action-buttons{gap:.125rem}.holiday-list-view__action-btn{min-width:1.75rem;height:1.75rem}}@media (max-width: 768px){.holiday-list-view__table{display:block;overflow-x:auto}.holiday-list-view__description-cell{max-width:150px}.holiday-list-view__date-range-cell{min-width:120px}.holiday-list-view__duration-cell{min-width:70px}.holiday-list-view__status-cell{min-width:90px}.holiday-list-view__actions-cell{width:90px}}@media (max-width: 640px){.holiday-list-view__header{margin-bottom:1rem}.holiday-list-view__title{font-size:1.5rem}.holiday-list-view__content{gap:1rem}.holiday-list-view__filters{padding:.75rem}.holiday-list-view__empty-state{padding:2rem 1rem}.holiday-list-view__empty-title{font-size:1.125rem}}@media (prefers-color-scheme: dark){.holiday-list-view__status--active{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.holiday-list-view__status--upcoming{background-color:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.holiday-list-view__status--past{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}}.holiday-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.holiday-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.holiday-create-page__title-section{flex:1}.holiday-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.holiday-create-page__subtitle{color:#64748b;font-size:1rem}.holiday-create-page__actions{display:flex;gap:1rem;align-items:center}.holiday-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.holiday-create-page__form{padding:2rem}.holiday-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.holiday-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.holiday-create-page__row{grid-template-columns:1fr}}.holiday-create-page__field{display:flex;flex-direction:column}.holiday-create-page__field--full{grid-column:1/-1}.holiday-create-page__duration{display:flex;align-items:center;justify-content:flex-end;padding:.75rem 1rem;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;color:#475569;margin-top:.5rem}.holiday-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.holiday-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.holiday-create-page__header{flex-direction:column;gap:1rem}.holiday-create-page__form{padding:1rem}.holiday-create-page__submit-actions{flex-direction:column}.holiday-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.holiday-create-page__form{padding:1rem}}.holiday-create-page .holiday-duration{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;animation:fadeInUp .3s ease-in-out}.holiday-create-page .holiday-duration__icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:#3b82f6;border-radius:50%;box-shadow:0 4px 6px #3b82f633;flex-shrink:0}.holiday-create-page .holiday-duration__icon{width:1.5rem;height:1.5rem;color:#fff}.holiday-create-page .holiday-duration__content{display:flex;flex-direction:column;gap:.25rem}.holiday-create-page .holiday-duration__label{font-size:.875rem;font-weight:500;color:#475569;letter-spacing:.01em}.holiday-create-page .holiday-duration__value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1.2;letter-spacing:-.02em}.holiday-create-page .holiday-duration__unit{font-size:1.125rem;font-weight:600;color:#64748b;margin-left:.25rem}@media (max-width: 640px){.holiday-create-page .holiday-duration{padding:1rem;gap:.75rem}.holiday-create-page .holiday-duration__icon-wrapper{width:2.5rem;height:2.5rem}.holiday-create-page .holiday-duration__icon{width:1.25rem;height:1.25rem}.holiday-create-page .holiday-duration__value{font-size:1.5rem}.holiday-create-page .holiday-duration__unit{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.holiday-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.holiday-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.holiday-edit-page__title-section{flex:1}.holiday-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.holiday-edit-page__subtitle{color:#64748b;font-size:1rem}.holiday-edit-page__actions{display:flex;gap:1rem;align-items:center}.holiday-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.holiday-edit-page__form{padding:2rem}.holiday-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.holiday-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.holiday-edit-page__row{grid-template-columns:1fr}}.holiday-edit-page__field{display:flex;flex-direction:column}.holiday-edit-page__field--full{grid-column:1/-1}.holiday-edit-page__label{font-weight:500;font-size:.875rem;color:#374151;margin-bottom:.5rem}.holiday-edit-page__date-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;color:#374151;transition:border-color .2s ease,box-shadow .2s ease}.holiday-edit-page__date-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.holiday-edit-page__date-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.holiday-edit-page__date-input--error{border-color:#dc2626}.holiday-edit-page__date-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.holiday-edit-page__field-error{color:#dc2626;font-size:.75rem;font-weight:500;margin-top:.25rem}.holiday-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.holiday-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.holiday-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.holiday-edit-page__header{flex-direction:column;gap:1rem}.holiday-edit-page__form{padding:1rem}.holiday-edit-page__submit-actions{flex-direction:column}.holiday-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.holiday-edit-page__title{font-size:1.5rem}.holiday-edit-page__submit-actions{padding-top:1rem}}.holiday-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.holiday-detail-page--loading{justify-content:center;align-items:center}.holiday-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.holiday-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #28a745;border-radius:50%;animation:spin 1s linear infinite}.holiday-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.holiday-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.holiday-detail-page .error-container .error-icon{color:#dc3545}.holiday-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.holiday-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.holiday-detail-page__header .holiday-header-content{display:flex;align-items:center;gap:1rem}.holiday-detail-page__header .holiday-header-content .holiday-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#28a745,#20c997);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #28a7454d}.holiday-detail-page__header .holiday-header-content .holiday-title-section .holiday-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.holiday-detail-page__header .holiday-header-content .holiday-title-section .holiday-dates{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.holiday-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.holiday-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.holiday-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.holiday-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.holiday-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.holiday-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.holiday-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.holiday-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.holiday-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.holiday-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.holiday-detail-page .info-section .section-header .section-title-group .section-icon{color:#28a745}.holiday-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.holiday-detail-page .info-section .section-content{padding:2rem 2.5rem}.holiday-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.holiday-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.holiday-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.holiday-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.holiday-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.holiday-detail-page .info-section .section-content .info-item:hover{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.holiday-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.holiday-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.holiday-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.holiday-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.holiday-detail-page .info-section .section-content .info-item .info-value.holiday-duration{background:#e7f5e7;color:#155724;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.holiday-detail-page .info-section .section-content .info-item .info-value.holiday-date{background:linear-gradient(135deg,#e8f5e8,#28a745);color:#1e5125;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.holiday-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.holiday-detail-page__header .holiday-header-content,.holiday-detail-page__header .header-actions{width:100%}.holiday-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.holiday-detail-page__content,.holiday-detail-page .info-section .section-header,.holiday-detail-page .info-section .section-content{padding:1rem}}.navigation-point-list__table-card{margin-bottom:1rem}.navigation-point-list__create-btn{display:flex;align-items:center;gap:.5rem}.navigation-point-list__add-icon{width:1rem;height:1rem}.navigation-point-list__loading{display:flex;justify-content:center;align-items:center;height:10rem}.navigation-point-list__empty-state{text-align:center;padding:2rem}.navigation-point-list__empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.navigation-point-list__empty-description{color:#6b7280;margin-bottom:1rem}.navigation-point-list__empty-action{margin-top:1rem}.navigation-point-list__table .navigation-point-list__table-row{cursor:pointer}.navigation-point-list__name-cell{font-weight:500}.navigation-point-list__type-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;background-color:#e5e7eb;color:#4b5563}.navigation-point-list__position{font-family:monospace}.navigation-point-list__sortable-head{white-space:nowrap}.navigation-point-list-view{padding:0}.navigation-point-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.navigation-point-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.navigation-point-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.navigation-point-list-view__title-section{flex:1}.navigation-point-list-view__title{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.navigation-point-list-view__title-icon{color:#1a2a80;width:2rem;height:2rem}.navigation-point-list-view__subtitle{color:#475569;margin:0;font-size:1rem;line-height:1.5}.navigation-point-list-view__actions{display:flex;gap:1rem;align-items:center}@media (max-width: 640px){.navigation-point-list-view__actions{width:100%;justify-content:stretch}}.navigation-point-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.navigation-point-list-view__create-btn{width:100%}}.navigation-point-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.navigation-point-list-view__content{display:flex;flex-direction:column;gap:2rem}.navigation-point-list-view__filters,.navigation-point-list-view__table-card{margin-bottom:2rem}.navigation-point-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.navigation-point-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.navigation-point-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.navigation-point-list-view__table th,.navigation-point-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.navigation-point-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.navigation-point-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.navigation-point-list-view__table tbody tr:hover{background-color:#f8fafc}.navigation-point-list-view__table tbody tr:hover .navigation-point-list-view__action-buttons{opacity:1}.navigation-point-list-view__table-row{position:relative}.navigation-point-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.navigation-point-list-view__sortable-head:hover{background-color:#64748b0d}.navigation-point-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.navigation-point-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.navigation-point-list-view__sort-icon--desc{transform:rotate(180deg)}.navigation-point-list-view__actions-head{text-align:right}.navigation-point-list-view__name-cell{font-weight:500}.navigation-point-list-view__name{font-weight:500;color:#0f172a}.navigation-point-list-view__type{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.navigation-point-list-view__type--counter{background-color:#22c55e1a;color:#16a34a}.navigation-point-list-view__type--docking_station{background-color:#3b82f61a;color:#2563eb}.navigation-point-list-view__type--poi{background-color:#f59e0b1a;color:#d97706}.navigation-point-list-view__coordinates{display:flex;flex-direction:column;gap:.25rem}.navigation-point-list-view__coordinate{font-family:Courier New,monospace;font-size:.75rem;color:#475569;background-color:#f1f5f9;padding:.125rem .375rem;border-radius:.25rem;display:inline-block;min-width:6rem}.navigation-point-list-view__floor-id{font-family:Courier New,monospace;background-color:#f1f5f9;color:#334155;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.navigation-point-list-view__actions-cell{text-align:right}.navigation-point-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.navigation-point-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.navigation-point-list-view__action-btn:hover,.navigation-point-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.navigation-point-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.navigation-point-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.navigation-point-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.navigation-point-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.navigation-point-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.navigation-point-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.navigation-point-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1024px){.navigation-point-list-view .table__head:nth-child(4),.navigation-point-list-view .table__cell:nth-child(4){display:none}}@media (max-width: 768px){.navigation-point-list-view .table__head:nth-child(3),.navigation-point-list-view .table__cell:nth-child(3){display:none}}@media (max-width: 640px){.navigation-point-list-view__header{align-items:stretch}.navigation-point-list-view .table{font-size:.75rem}.navigation-point-list-view .table__head,.navigation-point-list-view .table__cell{padding:.5rem .25rem}.navigation-point-list-view__coordinates{flex-direction:column;align-items:flex-start;gap:.25rem}.navigation-point-list-view__coordinate{min-width:5rem}}.navigation-point-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.navigation-point-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.navigation-point-create-page__title-section{flex:1}.navigation-point-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.navigation-point-create-page__subtitle{color:#64748b;font-size:1rem}.navigation-point-create-page__actions{display:flex;gap:1rem;align-items:center}.navigation-point-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.navigation-point-create-page__form{padding:2rem}.navigation-point-create-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.navigation-point-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.navigation-point-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.navigation-point-create-page__row{grid-template-columns:1fr}}.navigation-point-create-page__field{display:flex;flex-direction:column}.navigation-point-create-page__field--full{grid-column:1/-1}.navigation-point-create-page__select-field{display:flex;flex-direction:column;gap:.5rem}.navigation-point-create-page__select-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.navigation-point-create-page__select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;color:#374151;transition:all .2s ease;cursor:pointer}.navigation-point-create-page__select:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #6366f11a}.navigation-point-create-page__select:hover{border-color:#9ca3af}.navigation-point-create-page__select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.navigation-point-create-page__select--error{border-color:#ef4444}.navigation-point-create-page__select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.navigation-point-create-page__select option{padding:.5rem;color:#374151}.navigation-point-create-page__select option:disabled{color:#9ca3af}.navigation-point-create-page__error-message{font-size:.875rem;color:#ef4444;margin-top:.25rem}.navigation-point-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.navigation-point-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.navigation-point-create-page__header{flex-direction:column;gap:1rem}.navigation-point-create-page__form{padding:1rem}.navigation-point-create-page__submit-actions{flex-direction:column}.navigation-point-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.navigation-point-create-page__form{padding:1rem}}.navigation-point-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.navigation-point-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.navigation-point-edit-page__title-section{flex:1}.navigation-point-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.navigation-point-edit-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.navigation-point-edit-page__subtitle{color:#64748b;font-size:1rem}.navigation-point-edit-page__actions{display:flex;gap:1rem;align-items:center}.navigation-point-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.navigation-point-edit-page__form{padding:2rem}.navigation-point-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.navigation-point-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.navigation-point-edit-page__row{grid-template-columns:1fr}}.navigation-point-edit-page__field{display:flex;flex-direction:column}.navigation-point-edit-page__field--full{grid-column:1/-1}.navigation-point-edit-page__select-field{display:flex;flex-direction:column;gap:.5rem}.navigation-point-edit-page__select-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.navigation-point-edit-page__select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;color:#374151;transition:all .2s ease;cursor:pointer}.navigation-point-edit-page__select:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #6366f11a}.navigation-point-edit-page__select:hover{border-color:#9ca3af}.navigation-point-edit-page__select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.navigation-point-edit-page__select--error{border-color:#ef4444}.navigation-point-edit-page__select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.navigation-point-edit-page__select option{padding:.5rem;color:#374151}.navigation-point-edit-page__select option:disabled{color:#9ca3af}.navigation-point-edit-page__error-message{font-size:.875rem;color:#ef4444;margin-top:.25rem}.navigation-point-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.navigation-point-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.navigation-point-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.navigation-point-edit-page__header{flex-direction:column;gap:1rem}.navigation-point-edit-page__form{padding:1rem}.navigation-point-edit-page__submit-actions{flex-direction:column}.navigation-point-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.navigation-point-edit-page__title{font-size:1.5rem}.navigation-point-edit-page__submit-actions{padding-top:1rem}}.navigation-point-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navigation-point-detail-page--loading{justify-content:center;align-items:center}.navigation-point-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.navigation-point-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.navigation-point-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.navigation-point-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.navigation-point-detail-page .error-container .error-icon{color:#dc3545}.navigation-point-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.navigation-point-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.navigation-point-detail-page__header .navigation-header-content{display:flex;align-items:center;gap:1rem}.navigation-point-detail-page__header .navigation-header-content .navigation-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.navigation-point-detail-page__header .navigation-header-content .navigation-title-section .navigation-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.navigation-point-detail-page__header .navigation-header-content .navigation-title-section .navigation-type{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500;display:flex;align-items:center;gap:.5rem}.navigation-point-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.navigation-point-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.navigation-point-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.navigation-point-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.navigation-point-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.navigation-point-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.navigation-point-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.navigation-point-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.navigation-point-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.navigation-point-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.navigation-point-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.navigation-point-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.navigation-point-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.navigation-point-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.navigation-point-detail-page .info-section .section-content{padding:2rem 2.5rem}.navigation-point-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.navigation-point-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.navigation-point-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.navigation-point-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.navigation-point-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.navigation-point-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.navigation-point-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.navigation-point-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.navigation-point-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.navigation-point-detail-page .info-section .section-content .info-item .info-value.coordinate{background:#e0e7ff;color:#3730a3;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.navigation-point-detail-page .info-section .section-content .info-item .info-value.coordinate-pair{background:linear-gradient(135deg,#ddd6fe,#8b5cf6);color:#581c87;padding:.75rem 1rem;border-radius:.5rem;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace;text-align:center;border:2px solid #8b5cf6;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.navigation-point-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#ff6b35;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.navigation-point-detail-page .type-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.navigation-point-detail-page .type-badge.badge-counter{background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#92400e;border:1px solid #f59e0b}.navigation-point-detail-page .type-badge.badge-docking{background:linear-gradient(135deg,#dbeafe,#3b82f6);color:#1e3a8a;border:1px solid #2563eb}.navigation-point-detail-page .type-badge.badge-poi{background:linear-gradient(135deg,#dcfce7,#22c55e);color:#14532d;border:1px solid #16a34a}.navigation-point-detail-page .type-badge.badge-default{background:linear-gradient(135deg,#f1f5f9,#64748b);color:#334155;border:1px solid #475569}@media (max-width: 768px){.navigation-point-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.navigation-point-detail-page__header .navigation-header-content,.navigation-point-detail-page__header .header-actions{width:100%}.navigation-point-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.navigation-point-detail-page__content,.navigation-point-detail-page .info-section .section-header,.navigation-point-detail-page .info-section .section-content{padding:1rem}}.content-list-view{padding:0}.content-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.content-list-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media (max-width: 640px){.content-list-view__header{flex-direction:column;align-items:stretch}}.content-list-view__title-section{flex:1}.content-list-view__actions{display:flex;gap:1rem;align-items:center}@media (max-width: 640px){.content-list-view__actions{width:100%;justify-content:flex-start}}.content-list-view__header-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.content-list-view__subtitle{color:#475569;margin:0;font-size:1rem}.content-list-view__create-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.content-list-view__add-icon{width:1rem;height:1rem}.content-list-view__content{display:flex;flex-direction:column;gap:2rem}.content-list-view__filters,.content-list-view__table-card{margin-bottom:2rem}.content-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.content-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.content-list-view__header-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 640px){.content-list-view__header-controls{justify-content:flex-end}}.content-list-view__table{width:100%}.content-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.content-list-view__sortable-head:hover{background-color:#64748b0d}.content-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.content-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.content-list-view__sort-icon--desc{transform:rotate(180deg)}.content-list-view__actions-head{width:120px;text-align:center}.content-list-view__table-row{position:relative;cursor:pointer;transition:background-color .15s ease}.content-list-view__table-row:hover{background-color:#f8fafc}.content-list-view__table-row:hover .content-list-view__action-buttons{opacity:1}.content-list-view__title-cell{font-weight:400;font-size:.875rem}.content-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.content-list-view__title{font-weight:400;font-size:.875rem}.content-list-view__description-cell{max-width:200px}.content-list-view__description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;display:block;word-wrap:break-word}.content-list-view__actions-cell{text-align:center;width:120px}.content-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.content-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.content-list-view__action-btn:hover,.content-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.content-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.content-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.content-list-view__status{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.content-list-view__status--active{background-color:#22c55e1a;color:#16a34a}.content-list-view__status--inactive{background-color:#6b72801a;color:#4b5563}.content-list-view__status--draft{background-color:#f59e0b1a;color:#d97706}.content-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.content-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.content-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.content-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.content-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.content-list-view__loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;min-height:200px}@media (max-width: 1024px){.content-list-view__table{font-size:.875rem}.content-list-view__actions-head,.content-list-view__actions-cell{width:100px}.content-list-view__action-buttons{gap:.125rem}.content-list-view__action-btn{min-width:1.75rem;height:1.75rem}}@media (max-width: 768px){.content-list-view__table{display:block;overflow-x:auto}.content-list-view__description-cell{max-width:150px}.content-list-view__actions-cell{width:90px}}@media (max-width: 640px){.content-list-view__header{margin-bottom:1rem}.content-list-view__title{font-size:1.5rem}.content-list-view__content{gap:1rem}.content-list-view__filters{padding:.75rem}.content-list-view__empty-state{padding:2rem 1rem}.content-list-view__empty-title{font-size:1.125rem}}@media (prefers-color-scheme: dark){.content-list-view__status--active{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.content-list-view__status--inactive{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}.content-list-view__status--draft{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor{border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rich-text-editor--readonly{background-color:#f9fafb}.rich-text-editor__view-toggle{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.5rem;display:flex;gap:.25rem}.rich-text-editor__toggle{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.rich-text-editor__toggle:hover{background-color:#f3f4f6;border-color:#9ca3af}.rich-text-editor__toggle--active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.rich-text-editor__toggle--active:hover{background-color:#2563eb}.rich-text-editor__quill-container{position:relative;display:flex;flex-direction:column}.rich-text-editor__quill-container .ql-toolbar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;border-bottom:1px solid #dee2e6;padding:.75rem;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.rich-text-editor__quill-container .ql-toolbar .ql-stroke{stroke:#374151}.rich-text-editor__quill-container .ql-toolbar .ql-fill{fill:#374151}.rich-text-editor__quill-container .ql-toolbar .ql-picker-label{color:#374151}.rich-text-editor__quill-container .ql-toolbar button:hover,.rich-text-editor__quill-container .ql-toolbar button:focus,.rich-text-editor__quill-container .ql-toolbar button.ql-active,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label:hover,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label.ql-active,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item:hover,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item.ql-selected{color:#3b82f6}.rich-text-editor__quill-container .ql-toolbar button:hover .ql-stroke,.rich-text-editor__quill-container .ql-toolbar button:focus .ql-stroke,.rich-text-editor__quill-container .ql-toolbar button.ql-active .ql-stroke,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label:hover .ql-stroke,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item:hover .ql-stroke,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item.ql-selected .ql-stroke{stroke:#3b82f6}.rich-text-editor__quill-container .ql-toolbar button:hover .ql-fill,.rich-text-editor__quill-container .ql-toolbar button:focus .ql-fill,.rich-text-editor__quill-container .ql-toolbar button.ql-active .ql-fill,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label:hover .ql-fill,.rich-text-editor__quill-container .ql-toolbar .ql-picker-label.ql-active .ql-fill,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item:hover .ql-fill,.rich-text-editor__quill-container .ql-toolbar .ql-picker-item.ql-selected .ql-fill{fill:#3b82f6}.rich-text-editor__quill-container .ql-container{border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;flex:1;display:flex;flex-direction:column}.rich-text-editor__quill-container .ql-editor{padding:1rem;line-height:1.7;color:#374151;overflow-y:auto;flex:1}.rich-text-editor__quill-container .ql-editor.ql-blank:before{color:#9ca3af;font-style:italic;left:1rem}.rich-text-editor__quill-container .ql-editor h1,.rich-text-editor__quill-container .ql-editor h2,.rich-text-editor__quill-container .ql-editor h3,.rich-text-editor__quill-container .ql-editor h4,.rich-text-editor__quill-container .ql-editor h5,.rich-text-editor__quill-container .ql-editor h6{font-weight:600;margin:1em 0 .5em;line-height:1.3;color:#1f2937}.rich-text-editor__quill-container .ql-editor p{margin:.75em 0}.rich-text-editor__quill-container .ql-editor blockquote{border-left:4px solid #3b82f6;margin:1.5em 0;padding:1em 1.5em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-style:italic;color:#475569;border-radius:0 .375rem .375rem 0}.rich-text-editor__quill-container .ql-editor pre{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb;padding:1.5em;border-radius:.5rem;overflow-x:auto;margin:1.5em 0}.rich-text-editor__quill-container .ql-editor code{background-color:#f1f5f9;color:#e11d48;padding:.2em .4em;border-radius:.25rem;font-size:.9em}.rich-text-editor__quill-container .ql-editor a{color:#3b82f6;text-decoration:underline}.rich-text-editor__quill-container .ql-editor a:hover{color:#1d4ed8}.rich-text-editor__quill-container .ql-editor img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin:1em 0;transition:box-shadow .2s ease}.rich-text-editor__quill-container .ql-editor img:hover{box-shadow:0 6px 12px -2px #00000026}.rich-text-editor__quill-container .ql-editor img.ql-selected,.rich-text-editor__quill-container .ql-editor img:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 3px #3b82f61a}.rich-text-editor__quill-container .ql-editor table{border-collapse:collapse;width:100%;margin:1.5em 0}.rich-text-editor__quill-container .ql-editor table th,.rich-text-editor__quill-container .ql-editor table td{padding:.75em 1em;border:1px solid #e5e7eb}.rich-text-editor__quill-container .ql-editor table th{background:#f8f9fa;font-weight:600}.rich-text-editor__html-textarea{width:100%;padding:1rem;border:none;outline:none;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;line-height:1.6;resize:vertical;background-color:#f8f9fa;color:#212529;tab-size:2}.rich-text-editor__html-textarea:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #3b82f6}.rich-text-editor__preview{padding:1rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;line-height:1.7;color:#374151;font-size:1rem}.rich-text-editor__preview h1,.rich-text-editor__preview h2,.rich-text-editor__preview h3,.rich-text-editor__preview h4,.rich-text-editor__preview h5,.rich-text-editor__preview h6{font-weight:600;margin:1em 0 .5em;line-height:1.3;color:#1f2937}.rich-text-editor__preview h1:first-child,.rich-text-editor__preview h2:first-child,.rich-text-editor__preview h3:first-child,.rich-text-editor__preview h4:first-child,.rich-text-editor__preview h5:first-child,.rich-text-editor__preview h6:first-child{margin-top:0}.rich-text-editor__preview h1{font-size:2.5em;border-bottom:2px solid #e5e7eb;padding-bottom:.3em}.rich-text-editor__preview h2{font-size:2em;border-bottom:1px solid #e5e7eb;padding-bottom:.3em}.rich-text-editor__preview h3{font-size:1.5em}.rich-text-editor__preview h4{font-size:1.25em}.rich-text-editor__preview h5{font-size:1.1em}.rich-text-editor__preview h6{font-size:1em;color:#6b7280}.rich-text-editor__preview p{margin:.75em 0}.rich-text-editor__preview p:first-child{margin-top:0}.rich-text-editor__preview p:last-child{margin-bottom:0}.rich-text-editor__preview ul,.rich-text-editor__preview ol{margin:1em 0;padding-left:2em}.rich-text-editor__preview ul li{list-style-type:disc;margin:.25em 0}.rich-text-editor__preview ol li{list-style-type:decimal;margin:.25em 0}.rich-text-editor__preview blockquote{border-left:4px solid #3b82f6;margin:1.5em 0;padding:1em 1.5em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-style:italic;color:#475569;border-radius:0 .375rem .375rem 0}.rich-text-editor__preview pre{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb;padding:1.5em;border-radius:.5rem;overflow-x:auto;margin:1.5em 0;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.9em;line-height:1.6}.rich-text-editor__preview code{background-color:#f1f5f9;color:#e11d48;padding:.2em .4em;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.9em;border:1px solid #e2e8f0}.rich-text-editor__preview img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin:1em 0}.rich-text-editor__preview table{border-collapse:collapse;width:100%;margin:1.5em 0;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.rich-text-editor__preview table th,.rich-text-editor__preview table td{padding:.75em 1em;text-align:left;border-bottom:1px solid #e5e7eb}.rich-text-editor__preview table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:#374151}.rich-text-editor__preview hr{border:none;height:2px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);margin:2em 0;border-radius:1px}.rich-text-editor--error{border-color:#ef4444}.rich-text-editor--error .rich-text-editor__content-editable:focus{box-shadow:inset 0 0 0 2px #ef4444}@media (max-width: 768px){.rich-text-editor__quill-container .ql-toolbar{padding:.5rem}.rich-text-editor__quill-container .ql-editor,.rich-text-editor__html-textarea{padding:.75rem;font-size:.9375rem}}.rich-text-editor.rich-text-editor--dark{background-color:#1f2937;border-color:#374151}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#4b5563}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-stroke{stroke:#f9fafb}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-fill{fill:#f9fafb}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-picker-label{color:#f9fafb}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button:hover .ql-stroke,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button:focus .ql-stroke,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button.ql-active .ql-stroke,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-picker-label:hover .ql-stroke,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-picker-label.ql-active .ql-stroke{stroke:#3b82f6}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button:hover .ql-fill,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button:focus .ql-fill,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar button.ql-active .ql-fill,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-picker-label:hover .ql-fill,.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-toolbar .ql-picker-label.ql-active .ql-fill{fill:#3b82f6}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-editor{background-color:#1f2937;color:#f9fafb}.rich-text-editor.rich-text-editor--dark .rich-text-editor__quill-container .ql-editor.ql-blank:before{color:#6b7280}.rich-text-editor.rich-text-editor--dark .rich-text-editor__html-textarea{background-color:#1f2937;color:#f9fafb}.rich-text-editor.rich-text-editor--dark .rich-text-editor__status-bar{background-color:#374151;border-top-color:#4b5563;color:#d1d5db}.rich-text-editor.rich-text-editor--dark .rich-text-editor__preview{background-color:#1f2937;border-color:#374151;color:#f9fafb}.rich-text-editor__status-bar{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.rich-text-editor__status-bar div{display:flex;align-items:center;gap:.5rem}.rich-text-editor:not(.rich-text-editor--dark){background-color:#fff}.rich-text-editor:not(.rich-text-editor--dark) .rich-text-editor__quill-container .ql-editor{background-color:#fff;color:#374151}.rich-text-editor:not(.rich-text-editor--dark) .rich-text-editor__html-textarea{background-color:#f8f9fa;color:#212529}.rich-text-editor:not(.rich-text-editor--dark) .rich-text-editor__status-bar{background-color:#f8f9fa;color:#6b7280}.rich-text-editor__image-resize-handle{position:absolute;cursor:nwse-resize;width:10px;height:10px;background:#3b82f6;border:2px solid white;border-radius:50%;z-index:1000;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.rich-text-editor__image-resize-handle:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.rich-text-editor__image-resize-handle:active{transform:scale(1.1);cursor:nwse-resize}.rich-text-editor--resizing{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.rich-text-editor--resizing *{cursor:nwse-resize!important}.content-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 60px)}.content-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.content-create-page__title-section{flex:1}.content-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.content-create-page__subtitle{color:#64748b;font-size:1rem}.content-create-page__actions{display:flex;gap:1rem;align-items:center}.content-create-page__container,.content-create-page__form{display:flex;flex-direction:column;gap:1.5rem}.content-create-page__card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.content-create-page__card:hover{box-shadow:0 4px 6px -1px #0000001a}.content-create-page__section{padding:1.5rem}.content-create-page__section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.content-create-page__section-title svg{color:#3b82f6}.content-create-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.content-create-page__form-row:last-child{margin-bottom:0}.content-create-page__form-row.title-row{grid-template-columns:1fr}@media (max-width: 768px){.content-create-page__form-row{grid-template-columns:1fr;gap:1rem}}.content-create-page__form-group{display:flex;flex-direction:column;gap:.5rem}.content-create-page__form-group--full{grid-column:1/-1}.content-create-page__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.content-create-page__input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff}.content-create-page__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.content-create-page__input::placeholder{color:#9ca3af}.content-create-page__input--error{border-color:#ef4444;background-color:#fef2f2}.content-create-page__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.content-create-page__select{padding:.75rem 3rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;appearance:none;transition:all .2s ease}.content-create-page__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.content-create-page__select--error{border-color:#ef4444;background-color:#fef2f2}.content-create-page__select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.content-create-page__error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.375rem}.content-create-page__error-message:before{content:"⚠";font-size:.75rem}.content-create-page__helper{color:#6b7280;font-size:.875rem;margin-top:.5rem;line-height:1.4}.content-create-page__editor--error .rich-text-editor{border-color:#ef4444;background-color:#fef2f2}.content-create-page__editor--error .rich-text-editor__content-editable:focus{box-shadow:inset 0 0 0 2px #ef4444}.content-create-page .rich-text-editor{min-height:400px;border-radius:.5rem;overflow:hidden}.content-create-page .rich-text-editor__content-editable{font-size:1rem;line-height:1.6}.content-create-page .rich-text-editor__toolbar{border-bottom:1px solid #e5e7eb}.content-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.content-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.content-create-page--loading .loading-spinner:after{content:"";width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@media (max-width: 768px){.content-create-page{padding:1rem}.content-create-page__header{flex-direction:column;gap:1rem}.content-create-page__title{font-size:1.5rem}.content-create-page__submit-actions{flex-direction:column}.content-create-page__submit-actions button{width:100%}.content-create-page__section{padding:1rem}.content-create-page__section-title{font-size:1.125rem}.content-create-page__container,.content-create-page__form-row{gap:1rem}.content-create-page .rich-text-editor__toolbar{padding:.5rem;gap:.5rem}.content-create-page .rich-text-editor__toolbar-group{gap:.25rem}.content-create-page .rich-text-editor__content-editable{padding:.75rem;font-size:.9375rem}}.content-create-page:focus-within .content-create-page__card:has(:focus-visible){box-shadow:0 0 0 2px #3b82f6}@media print{.content-create-page{padding:0;background:#fff}.content-create-page__header{box-shadow:none;border-bottom:1px solid #000}.content-create-page__actions{display:none}.content-create-page__card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}}.content-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.content-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.content-edit-page__title-section{flex:1}.content-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.content-edit-page__subtitle{color:#64748b;font-size:1rem}.content-edit-page__actions{display:flex;gap:1rem;align-items:center}.content-edit-page__content,.content-edit-page__form{display:flex;flex-direction:column;gap:1.5rem}.content-edit-page__card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.content-edit-page__section{padding:1.5rem}.content-edit-page__section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.content-edit-page__section-title svg{color:#64748b}.content-edit-page__content-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f8fafc}.content-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.content-edit-page__form-row,.content-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.content-edit-page__form-row:last-child,.content-edit-page__row:last-child{margin-bottom:0}@media (max-width: 768px){.content-edit-page__form-row,.content-edit-page__row{grid-template-columns:1fr;gap:1rem}}.content-edit-page__form-group,.content-edit-page__field{display:flex;flex-direction:column;gap:.5rem}.content-edit-page__form-group--full,.content-edit-page__field--full{grid-column:1/-1}.content-edit-page__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.content-edit-page__input,.content-edit-page__select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff}.content-edit-page__input:focus,.content-edit-page__select:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #3b82f61a}.content-edit-page__input:hover:not(:focus),.content-edit-page__select:hover:not(:focus){border-color:#9ca3af}.content-edit-page__input--error,.content-edit-page__select--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.content-edit-page__input--error:focus,.content-edit-page__select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.content-edit-page__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.content-edit-page__helper{font-size:.75rem;color:#6b7280;margin-top:.25rem}.content-edit-page__error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.content-edit-page__editor--error .ql-container{border-color:#ef4444}.content-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;padding-bottom:1rem}.content-edit-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.content-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.content-edit-page__spinner{width:3rem;height:3rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.content-edit-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.content-edit-page__header{flex-direction:column;gap:1rem}.content-edit-page__title{font-size:1.5rem}.content-edit-page__form,.content-edit-page__section{padding:1rem}.content-edit-page__section-title{font-size:1.125rem;margin-bottom:1rem}.content-edit-page__form-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.content-edit-page__submit-actions{flex-direction:column}.content-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.content-edit-page__title{font-size:1.25rem}.content-edit-page__form{padding:1rem}}.content-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-detail-page--loading{justify-content:center;align-items:center}.content-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.content-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.content-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.content-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.content-detail-page .error-container .error-icon{color:#dc3545}.content-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.content-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.content-detail-page__header .content-header-content{display:flex;align-items:center;gap:1rem}.content-detail-page__header .content-header-content .content-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.content-detail-page__header .content-header-content .content-title-section .content-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.content-detail-page__header .content-header-content .content-title-section .content-type{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.content-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.content-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.content-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.content-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.content-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.content-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.content-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.content-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.content-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.content-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.content-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.content-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.content-detail-page .info-section .section-content{padding:2rem 2.5rem}.content-detail-page .info-section .section-content .content-thumbnail-container{margin-bottom:2rem;display:flex;justify-content:center}.content-detail-page .info-section .section-content .content-thumbnail-container .content-thumbnail{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.content-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.content-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.content-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.content-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.content-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.content-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.content-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.content-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.content-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.content-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.content-detail-page .info-section .section-content .info-item .info-value.content-html{display:block;line-height:1.6;color:#374151}.content-detail-page .info-section .section-content .info-item .info-value.content-html h1,.content-detail-page .info-section .section-content .info-item .info-value.content-html h2,.content-detail-page .info-section .section-content .info-item .info-value.content-html h3,.content-detail-page .info-section .section-content .info-item .info-value.content-html h4,.content-detail-page .info-section .section-content .info-item .info-value.content-html h5,.content-detail-page .info-section .section-content .info-item .info-value.content-html h6{margin:1rem 0 .5rem;color:#1f2937}.content-detail-page .info-section .section-content .info-item .info-value.content-html p{margin:.5rem 0}.content-detail-page .info-section .section-content .info-item .info-value.content-html ul,.content-detail-page .info-section .section-content .info-item .info-value.content-html ol{margin:.5rem 0;padding-left:1.5rem}.content-detail-page .info-section .section-content .info-item .info-value.content-html li{margin:.25rem 0}.content-detail-page .info-section .section-content .info-item .info-value.content-html a{color:#6366f1;text-decoration:underline}.content-detail-page .info-section .section-content .info-item .info-value.content-html code{background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.content-detail-page .info-section .section-content .info-item .info-value.content-html pre{background:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.content-detail-page .info-section .section-content .info-item .info-value.content-html blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280}.content-detail-page .info-section .section-content .info-item .info-value.content-html img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}@media (max-width: 768px){.content-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.content-detail-page__header .content-header-content,.content-detail-page__header .header-actions{width:100%}.content-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.content-detail-page__content,.content-detail-page .info-section .section-header,.content-detail-page .info-section .section-content{padding:1rem}}.delete-confirmation__button{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:none}.delete-confirmation__button--secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.delete-confirmation__button--secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-confirmation__button--danger{background-color:#ef4444;color:#fff}.delete-confirmation__button--danger:hover{background-color:#dc2626}.delete-confirmation__loading{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#6b7280;font-size:.875rem;border-top:1px solid #e5e7eb}.faq-list-view{padding:0}.faq-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.faq-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.faq-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.faq-list-view__title-section{flex:1}.faq-list-view__title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.faq-list-view__title-icon{width:1.75rem;height:1.75rem;color:#1a2a80}.faq-list-view__subtitle{color:#475569;margin:.25rem 0 0}.faq-list-view__actions{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.faq-list-view__actions{width:100%}}.faq-list-view__create-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.faq-list-view__create-btn{width:100%;justify-content:center}}.faq-list-view__add-icon{width:1rem;height:1rem}.faq-list-view__content{display:flex;flex-direction:column;gap:2rem}.faq-list-view__filters,.faq-list-view__table-card{margin-bottom:2rem}.faq-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.faq-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.faq-list-view__header-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 640px){.faq-list-view__header-controls{justify-content:flex-end}}.faq-list-view__table{width:100%}.faq-list-view__actions-head{width:120px;text-align:center}.faq-list-view__table-row{position:relative;cursor:pointer;transition:background-color .15s ease}.faq-list-view__table-row:hover{background-color:#f8fafc}.faq-list-view__table-row:hover .faq-list-view__action-buttons{opacity:1}.faq-list-view__actions-cell{text-align:center;width:120px}.faq-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.faq-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.faq-list-view__action-btn:hover,.faq-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.faq-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.faq-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.faq-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.faq-list-view__sortable-head:hover{background-color:#64748b0d}.faq-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.faq-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.faq-list-view__sort-icon--desc{transform:rotate(180deg)}.faq-list-view__question-cell{font-weight:500}.faq-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.faq-list-view__name{font-weight:500}.faq-list-view__description-cell{max-width:200px}.faq-list-view__description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;display:block;word-wrap:break-word}.faq-list-view__status{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.faq-list-view__status--active{background-color:#22c55e1a;color:#16a34a}.faq-list-view__status--inactive{background-color:#6b72801a;color:#4b5563}.faq-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.faq-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.faq-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.faq-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.faq-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.faq-list-view__loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;min-height:200px}@media (max-width: 1024px){.faq-list-view__table{font-size:.875rem}.faq-list-view__actions-head,.faq-list-view__actions-cell{width:100px}.faq-list-view__action-buttons{gap:.125rem}.faq-list-view__action-btn{min-width:1.75rem;height:1.75rem}}@media (max-width: 768px){.faq-list-view__table{display:block;overflow-x:auto}.faq-list-view__description-cell{max-width:150px}.faq-list-view__actions-cell{width:90px}}@media (max-width: 640px){.faq-list-view__header{margin-bottom:1rem}.faq-list-view__title{font-size:1.5rem}.faq-list-view__content{gap:1rem}.faq-list-view__filters{padding:.75rem}.faq-list-view__empty-state{padding:2rem 1rem}.faq-list-view__empty-title{font-size:1.125rem}}@media (prefers-color-scheme: dark){.faq-list-view__status--active{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.faq-list-view__status--inactive{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}}.faq-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.faq-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.faq-create-page__title-section{flex:1}.faq-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.faq-create-page__subtitle{color:#64748b;font-size:1rem}.faq-create-page__actions{display:flex;gap:1rem;align-items:center}.faq-create-page__container,.faq-create-page__form{display:flex;flex-direction:column;gap:1.5rem}.faq-create-page__card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.faq-create-page__card:hover{box-shadow:0 4px 6px -1px #0000001a}.faq-create-page__section{padding:1.5rem}.faq-create-page__section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.faq-create-page__section-title svg{color:#3b82f6}.faq-create-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.faq-create-page__form-row:last-child{margin-bottom:0}@media (max-width: 768px){.faq-create-page__form-row{grid-template-columns:1fr;gap:1rem}}.faq-create-page__form-group{display:flex;flex-direction:column;gap:.5rem}.faq-create-page__form-group--full{grid-column:1/-1}.faq-create-page__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.faq-create-page__input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff}.faq-create-page__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.faq-create-page__input::placeholder{color:#9ca3af}.faq-create-page__input--error{border-color:#ef4444;background-color:#fef2f2}.faq-create-page__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.faq-create-page__textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;line-height:1.6;resize:vertical;min-height:200px;font-family:inherit;transition:all .2s ease;background-color:#fff}.faq-create-page__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.faq-create-page__textarea::placeholder{color:#9ca3af}.faq-create-page__textarea--error{border-color:#ef4444;background-color:#fef2f2}.faq-create-page__textarea--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.faq-create-page__select{padding:.75rem 3rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;appearance:none;transition:all .2s ease}.faq-create-page__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.faq-create-page__select--error{border-color:#ef4444;background-color:#fef2f2}.faq-create-page__select--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.faq-create-page__error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.25rem;display:flex;align-items:center;gap:.375rem}.faq-create-page__error-message:before{content:"⚠";font-size:.75rem}.faq-create-page__helper{color:#6b7280;font-size:.875rem;margin-top:.5rem;line-height:1.4}.faq-create-page__editor--error .rich-text-editor{border-color:#ef4444;background-color:#fef2f2}.faq-create-page__editor--error .rich-text-editor__content-editable:focus{box-shadow:inset 0 0 0 2px #ef4444}.faq-create-page .rich-text-editor{min-height:350px;border-radius:.5rem;overflow:hidden}.faq-create-page .rich-text-editor__content-editable{font-size:1rem;line-height:1.6}.faq-create-page .rich-text-editor__toolbar{border-bottom:1px solid #e5e7eb}.faq-create-page__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;font-size:1.125rem;color:#64748b;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.faq-create-page__spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.faq-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.faq-create-page__header{flex-direction:column;gap:1rem}.faq-create-page__title{font-size:1.5rem}.faq-create-page__section{padding:1rem}.faq-create-page__section-title{font-size:1.125rem}.faq-create-page__container,.faq-create-page__form-row{gap:1rem}.faq-create-page__submit-actions{flex-direction:column}.faq-create-page__submit-actions button{width:100%}.faq-create-page .rich-text-editor__toolbar{padding:.5rem;gap:.5rem}.faq-create-page .rich-text-editor__toolbar-group{gap:.25rem}.faq-create-page .rich-text-editor__content-editable{padding:.75rem;font-size:.9375rem}}.faq-create-page:focus-within .faq-create-page__card:has(:focus-visible){box-shadow:0 0 0 2px #3b82f6}@media print{.faq-create-page{padding:0;background:#fff}.faq-create-page__header{box-shadow:none;border-bottom:1px solid #000}.faq-create-page__actions{display:none}.faq-create-page__card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}}.faq-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.faq-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.faq-edit-page__title-section{flex:1}.faq-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.faq-edit-page__subtitle{color:#64748b;font-size:1rem}.faq-edit-page__actions{display:flex;gap:1rem;align-items:center}.faq-edit-page__container,.faq-edit-page__form{display:flex;flex-direction:column;gap:1.5rem}.faq-edit-page__card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.faq-edit-page__section{padding:1.5rem}.faq-edit-page__section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.faq-edit-page__section-title svg{color:#64748b}.faq-edit-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.faq-edit-page__form-row:last-child{margin-bottom:0}@media (max-width: 768px){.faq-edit-page__form-row{grid-template-columns:1fr;gap:1rem}}.faq-edit-page__form-group{display:flex;flex-direction:column;gap:.5rem}.faq-edit-page__form-group--full{grid-column:1/-1}.faq-edit-page__label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.faq-edit-page__input,.faq-edit-page__select,.faq-edit-page__textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background-color:#fff}.faq-edit-page__input:focus,.faq-edit-page__select:focus,.faq-edit-page__textarea:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #3b82f61a}.faq-edit-page__input:hover:not(:focus),.faq-edit-page__select:hover:not(:focus),.faq-edit-page__textarea:hover:not(:focus){border-color:#9ca3af}.faq-edit-page__input--error,.faq-edit-page__select--error,.faq-edit-page__textarea--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.faq-edit-page__input--error:focus,.faq-edit-page__select--error:focus,.faq-edit-page__textarea--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.faq-edit-page__select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.faq-edit-page__select option{padding:.5rem;color:#1f2937}.faq-edit-page__select option:first-child{color:#9ca3af}.faq-edit-page__textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.faq-edit-page__helper{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:block}.faq-edit-page__error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem;display:block;align-items:center;gap:.25rem}.faq-edit-page__editor--error .ql-container{border-color:#ef4444}.faq-edit-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.faq-edit-page__spinner{width:3rem;height:3rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.faq-edit-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#ef4444;font-size:1.125rem}.faq-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.faq-edit-page__header{flex-direction:column;gap:1rem}.faq-edit-page__title{font-size:1.5rem}.faq-edit-page__section{padding:1rem}.faq-edit-page__section-title{font-size:1.125rem;margin-bottom:1rem}.faq-edit-page__form-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.faq-edit-page__submit-actions{flex-direction:column}.faq-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.faq-edit-page__title{font-size:1.25rem}.faq-edit-page__section{padding:.75rem}}.faq-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.faq-detail-page--loading{justify-content:center;align-items:center}.faq-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.faq-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.faq-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.faq-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.faq-detail-page .error-container .error-icon{color:#dc3545}.faq-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.faq-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.faq-detail-page__header .faq-header-content{display:flex;align-items:center;gap:1rem}.faq-detail-page__header .faq-header-content .faq-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #007bff4d}.faq-detail-page__header .faq-header-content .faq-title-section .faq-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.faq-detail-page__header .faq-header-content .faq-title-section .faq-status{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.faq-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.faq-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.faq-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.faq-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.faq-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.faq-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.faq-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.faq-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.faq-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.faq-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.faq-detail-page .info-section .section-header .section-title-group .section-icon{color:#007bff}.faq-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.faq-detail-page .info-section .section-content{padding:2rem 2.5rem}.faq-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.faq-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.faq-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.faq-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.faq-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.faq-detail-page .info-section .section-content .info-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.faq-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.faq-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.faq-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.faq-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html{display:block;line-height:1.6;color:#374151}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h1,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h2,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h3,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h4,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h5,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html h6{margin:1rem 0 .5rem;color:#1f2937}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html p{margin:.5rem 0}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html ul,.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html ol{margin:.5rem 0;padding-left:1.5rem}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html li{margin:.25rem 0}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html a{color:#007bff;text-decoration:underline}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html code{background:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html pre{background:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280}.faq-detail-page .info-section .section-content .info-item .info-value.faq-answer-html img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}@media (max-width: 768px){.faq-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.faq-detail-page__header .faq-header-content,.faq-detail-page__header .header-actions{width:100%}.faq-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.faq-detail-page__content,.faq-detail-page .info-section .section-header,.faq-detail-page .info-section .section-content{padding:1rem}}.service-group-list-view{padding:0}.service-group-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.service-group-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.service-group-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.service-group-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.service-group-list-view__subtitle{color:#475569;margin:.25rem 0 0}.service-group-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.service-group-list-view__create-btn{width:100%}}.service-group-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.service-group-list-view__content{display:flex;flex-direction:column;gap:2rem}.service-group-list-view__filters,.service-group-list-view__table-card{margin-bottom:2rem}.service-group-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.service-group-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.service-group-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.service-group-list-view__table th,.service-group-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.service-group-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.service-group-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.service-group-list-view__table tbody tr:hover{background-color:#f8fafc}.service-group-list-view__table tbody tr:hover .service-group-list-view__action-buttons{opacity:1}.service-group-list-view__table-row{position:relative}.service-group-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.service-group-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.service-group-list-view__action-btn:hover,.service-group-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.service-group-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.service-group-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.service-group-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.service-group-list-view__sortable-head:hover{background-color:#64748b0d}.service-group-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.service-group-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.service-group-list-view__sort-icon--desc{transform:rotate(180deg)}.service-group-list-view__name-cell{font-weight:500}.service-group-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.service-group-list-view__image{width:32px;height:32px;object-fit:cover;border-radius:.25rem;border:1px solid #e2e8f0;flex-shrink:0}.service-group-list-view__name{font-weight:500;color:#0f172a}.service-group-list-view__service-group-code{font-family:Courier New,monospace;background-color:#f1f5f9;color:#334155;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.service-group-list-view__actions-head,.service-group-list-view__actions-cell{text-align:right}.service-group-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.service-group-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.service-group-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.service-group-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.service-group-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1024px){.service-group-list-view .table__head:nth-child(3),.service-group-list-view .table__head:nth-child(4),.service-group-list-view .table__cell:nth-child(3),.service-group-list-view .table__cell:nth-child(4){display:none}}@media (max-width: 768px){.service-group-list-view .table__head:nth-child(5),.service-group-list-view .table__cell:nth-child(5){display:none}}@media (max-width: 640px){.service-group-list-view__header{align-items:stretch}.service-group-list-view .table{font-size:.75rem}.service-group-list-view .table__head,.service-group-list-view .table__cell{padding:.5rem .25rem}.service-group-list-view__name-container{flex-direction:column;align-items:flex-start;gap:.5rem}}.service-group-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.service-group-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.service-group-create-page__title-section{flex:1}.service-group-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.service-group-create-page__subtitle{color:#64748b;font-size:1rem}.service-group-create-page__actions{display:flex;gap:1rem;align-items:center}.service-group-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.service-group-create-page__form{padding:2rem}.service-group-create-page__image-section{margin-bottom:2rem}.service-group-create-page__image-upload{border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0}.service-group-create-page__upload-area{position:relative}.service-group-create-page__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.service-group-create-page__upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #cbd5e1;border-radius:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;transition:all .3s ease;text-align:center}.service-group-create-page__upload-label:hover{border-color:#1a2a80;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.service-group-create-page__upload-label:hover .service-group-create-page__upload-icon{color:#1a2a80;transform:scale(1.1)}.service-group-create-page__upload-label:hover .service-group-create-page__upload-text h3{color:#1a2a80}.service-group-create-page__upload-icon{color:#64748b;margin-bottom:1rem;transition:all .3s ease}.service-group-create-page__upload-text h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;transition:color .3s ease}.service-group-create-page__upload-text p{color:#64748b;margin-bottom:1rem;font-size:1rem}.service-group-create-page__upload-hint{display:inline-block;padding:.375rem .75rem;background-color:#f1f5f9;color:#475569;font-size:.75rem;border-radius:9999px;border:1px solid #e2e8f0}.service-group-create-page__image-preview{display:flex;flex-direction:column;gap:1rem}.service-group-create-page__preview-container{position:relative;display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:.75rem;overflow:hidden;min-height:200px;padding:1rem}.service-group-create-page__preview-image{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 12px #00000026}.service-group-create-page__image-overlay{position:absolute;top:.75rem;right:.75rem;opacity:0;transition:opacity .3s ease}.service-group-create-page__preview-container:hover .service-group-create-page__image-overlay{opacity:1}.service-group-create-page__remove-button{background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .3s ease}.service-group-create-page__remove-button:hover{background:#ef4444;transform:scale(1.1)}.service-group-create-page__image-info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.service-group-create-page__image-name{display:flex;align-items:center;gap:.5rem;color:#374151;font-weight:500;flex:1}.service-group-create-page__image-name svg{color:#64748b}.service-group-create-page__image-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.service-group-create-page__image-size{color:#6b7280;font-size:.875rem;font-weight:500}.service-group-create-page__change-button{flex-shrink:0}.service-group-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.service-group-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.service-group-create-page__row{grid-template-columns:1fr}}.service-group-create-page__field{display:flex;flex-direction:column}.service-group-create-page__field--full{grid-column:1/-1}.service-group-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.service-group-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.service-group-create-page__header{flex-direction:column;gap:1rem}.service-group-create-page__form{padding:1rem}.service-group-create-page__upload-label{padding:2rem 1rem}.service-group-create-page__upload-text h3{font-size:1.125rem}.service-group-create-page__upload-text p{font-size:.875rem}.service-group-create-page__image-info{flex-direction:column;align-items:flex-start;gap:.75rem}.service-group-create-page__image-info .service-group-create-page__change-button{width:100%}.service-group-create-page__image-name span{max-width:none}.service-group-create-page__submit-actions{flex-direction:column}.service-group-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.service-group-create-page__form{padding:1rem}.service-group-create-page__upload-label{padding:1.5rem .75rem}.service-group-create-page__upload-text h3{font-size:1rem}.service-group-create-page__upload-text p{font-size:.8rem}.service-group-create-page__upload-hint{font-size:.7rem;padding:.25rem .5rem}.service-group-create-page__preview-image{max-height:150px}.service-group-create-page__image-info{padding:.75rem 1rem}}.service-group-edit-page{padding:1.5rem;background-color:#f8fafc;min-height:calc(100vh - 60px)}.service-group-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.service-group-edit-page__title-section{flex:1}.service-group-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.service-group-edit-page__subtitle{color:#64748b;font-size:1rem}.service-group-edit-page__actions{display:flex;gap:1rem;align-items:center}.service-group-edit-page__content{display:flex;flex-direction:column;gap:1.5rem}.service-group-edit-page__info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.service-group-edit-page__info-header{display:flex;align-items:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.service-group-edit-page__info-title-group{display:flex;align-items:center;gap:.75rem}.service-group-edit-page__info-icon{color:#3b82f6}.service-group-edit-page__info-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.service-group-edit-page__info-content{padding:2rem}.service-group-edit-page__info-image-container{margin-bottom:2rem;display:flex;justify-content:center}.service-group-edit-page__info-image-container .service-group-edit-page__info-image{max-width:400px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.service-group-edit-page__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.service-group-edit-page__info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.service-group-edit-page__info-grid{grid-template-columns:1fr;gap:1rem}}.service-group-edit-page__info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.service-group-edit-page__info-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.service-group-edit-page__info-item--full{grid-column:1/-1}.service-group-edit-page__info-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.service-group-edit-page__info-value{font-size:.95rem;font-weight:500;color:#1e293b;word-break:break-word}.service-group-edit-page__form{display:flex;flex-direction:column;gap:1.5rem}.service-group-edit-page__card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.service-group-edit-page__card:hover{box-shadow:0 4px 6px -1px #0000001a}.service-group-edit-page__section{padding:1.5rem}.service-group-edit-page__section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.service-group-edit-page__section-title svg{color:#3b82f6}.service-group-edit-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.service-group-edit-page__form-row:last-child{margin-bottom:0}.service-group-edit-page__form-row.title-row{grid-template-columns:1fr}@media (max-width: 768px){.service-group-edit-page__form-row{grid-template-columns:1fr;gap:1rem}}.service-group-edit-page__form-group{display:flex;flex-direction:column;gap:.5rem}.service-group-edit-page__form-group--full{grid-column:1/-1}.service-group-edit-page__helper{color:#6b7280;font-size:.875rem;margin-top:.5rem;line-height:1.4}.service-group-edit-page__current-image{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.service-group-edit-page__current-image-label{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.service-group-edit-page__preview{display:block;margin:0}.service-group-edit-page__loading-branches{display:flex;justify-content:center;align-items:center;height:100px;font-size:1rem;color:#64748b;gap:1rem}.service-group-edit-page__character-count{color:#6b7280;font-size:.875rem;margin-top:.5rem}.service-group-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.service-group-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.service-group-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.service-group-edit-page{padding:1rem}.service-group-edit-page__header{flex-direction:column;gap:1rem}.service-group-edit-page__title{font-size:1.5rem}.service-group-edit-page__submit-actions{flex-direction:column}.service-group-edit-page__submit-actions button{width:100%}.service-group-edit-page__section{padding:1rem}.service-group-edit-page__section-title{font-size:1.125rem}.service-group-edit-page__form-row{gap:1rem}}.service-group-edit-page:focus-within .service-group-edit-page__card:has(:focus-visible){box-shadow:0 0 0 2px #3b82f6}@media print{.service-group-edit-page{padding:0;background:#fff}.service-group-edit-page__header{box-shadow:none;border-bottom:1px solid #000}.service-group-edit-page__actions{display:none}.service-group-edit-page__card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}}.service-group-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.service-group-detail-page--loading{justify-content:center;align-items:center}.service-group-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.service-group-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.service-group-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.service-group-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.service-group-detail-page .error-container .error-icon{color:#dc3545}.service-group-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.service-group-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.service-group-detail-page__header .service-group-header-content{display:flex;align-items:center;gap:1rem}.service-group-detail-page__header .service-group-header-content .service-group-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.service-group-detail-page__header .service-group-header-content .service-group-title-section .service-group-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.service-group-detail-page__header .service-group-header-content .service-group-title-section .service-group-code{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.service-group-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.service-group-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.service-group-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.service-group-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.service-group-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.service-group-detail-page__content{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:1.5rem;width:100%}.service-group-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.service-group-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.service-group-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.service-group-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.service-group-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.service-group-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.service-group-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.service-group-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.service-group-detail-page .info-section .section-content{padding:2rem 3rem}.service-group-detail-page .info-section .section-content .service-group-image-container{margin-bottom:2rem;display:flex;justify-content:center}.service-group-detail-page .info-section .section-content .service-group-image-container .service-group-image{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.service-group-detail-page .info-section .section-content .brand-logo-container{margin-bottom:2rem;display:flex;justify-content:center}.service-group-detail-page .info-section .section-content .brand-logo-container .brand-logo{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.service-group-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.service-group-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.service-group-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.service-group-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.service-group-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.service-group-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.service-group-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.service-group-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.service-group-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.service-group-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.service-group-detail-page .info-section .section-content .info-item .info-value.service-group-code{background:#6366f1;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.service-group-detail-page .info-section .section-content .info-item .info-value.brand-code{background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.service-group-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.service-group-detail-page__header .service-group-header-content,.service-group-detail-page__header .header-actions{width:100%}.service-group-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.service-group-detail-page__content,.service-group-detail-page .info-section .section-header,.service-group-detail-page .info-section .section-content{padding:1rem}}.customer-segment-page{padding:0}.customer-segment-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}@media (max-width: 640px){.customer-segment-page__header{flex-direction:column;align-items:flex-start;gap:1rem}}.customer-segment-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.customer-segment-page__subtitle{color:#475569;margin:0;font-size:1rem}.customer-segment-page__create-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 640px){.customer-segment-page__create-btn{width:100%;justify-content:center}}.customer-segment-page__add-icon{width:1rem;height:1rem}.customer-segment-page__content{display:flex;flex-direction:column;gap:1.5rem}.customer-segment-page__table-card{width:100%}.customer-segment-page__loading{padding:4rem 2rem;text-align:center;color:var(--color-text-secondary, #64748b);display:flex;flex-direction:column;gap:1rem;align-items:center}.customer-segment-page__loading p{margin:0;font-size:.95rem}.customer-segment-page__empty-state{padding:4rem 2rem;text-align:center;color:var(--color-text-secondary, #64748b);display:flex;flex-direction:column;gap:1rem;align-items:center}.customer-segment-page__empty-icon{width:3rem;height:3rem;margin-bottom:.5rem;color:var(--color-text-tertiary, #cbd5e1);flex-shrink:0}.customer-segment-page__empty-icon svg{width:100%;height:100%}.customer-segment-page__empty-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #1f2937);margin:0}.customer-segment-page__empty-description{margin:0;font-size:.95rem;color:var(--color-text-secondary, #64748b)}.customer-segment-page__empty-action{margin-top:1rem}.customer-segment-page__info{padding:1rem 1.25rem;border-radius:.75rem;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#1e40af;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.customer-segment-page__info:before{content:"ℹ";display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#3b82f626;font-weight:700}.customer-segment-table{width:100%;border-collapse:collapse;border-spacing:0}.customer-segment-table thead{background:var(--color-bg-secondary, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0)}.customer-segment-table thead th{text-align:left;padding:1rem 1.25rem;font-weight:600;font-size:.8rem;color:var(--color-text-secondary, #475569);text-transform:uppercase;letter-spacing:.05em}.customer-segment-table thead th:first-child{padding-left:1.25rem}.customer-segment-table tbody tr{border-bottom:1px solid var(--color-border, #e5e7eb);transition:background-color .15s ease}.customer-segment-table tbody tr:hover{background:linear-gradient(90deg,#3b82f605,#3b82f60a)}.customer-segment-table tbody tr:last-child{border-bottom:none}.customer-segment-table td{padding:1.1rem 1.25rem;font-size:.95rem;vertical-align:middle;color:var(--color-text-primary, #1f2937)}.customer-segment-table td:first-child{padding-left:1.25rem}.customer-segment-table td:last-child{text-align:right;padding-right:1.25rem}.customer-segment-table__drag-column,.customer-segment-table__drag-cell{width:48px}.customer-segment-table__drag-handle{border:none;background:transparent;cursor:grab;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary, #94a3b8);padding:.5rem;border-radius:.375rem;transition:all .15s ease}.customer-segment-table__drag-handle:hover{background:#64748b14;color:var(--color-text-secondary, #64748b)}.customer-segment-table__drag-handle:active{cursor:grabbing;background:#64748b1f}.customer-segment-table__priority{font-weight:700;color:var(--color-primary, #2563eb);font-size:1rem}.customer-segment-table__name{font-weight:600;color:var(--color-text-primary, #0f172a);font-size:.98rem}.customer-segment-table__code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6366f1;background:#6366f114;padding:.35rem .75rem;border-radius:.5rem;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}.customer-segment-table__status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:600;letter-spacing:.01em}.customer-segment-table__status:before{content:"";width:.5rem;height:.5rem;border-radius:50%}.customer-segment-table__status--active{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.customer-segment-table__status--active:before{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.customer-segment-table__status--inactive{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.customer-segment-table__status--inactive:before{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.customer-segment-table__actions{width:200px;text-align:center}.customer-segment-table__actions-header{width:200px;text-align:center!important}.customer-segment-table__action-buttons{display:flex;gap:.5rem;justify-content:center;align-items:center}.customer-segment-table__action-btn{padding:.375rem;min-width:auto}.customer-segment-table__action-btn--toggle{color:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb)}.customer-segment-table__action-btn--toggle:hover{background-color:var(--color-primary, #2563eb);color:#fff}.customer-segment-table__action-btn--edit{color:var(--color-yellow-600, #d97706);border-color:var(--color-yellow-600, #d97706)}.customer-segment-table__action-btn--edit:hover{background-color:var(--color-yellow-600, #d97706);color:#fff}.customer-segment-table__action-btn--delete{color:var(--color-red-600, #dc2626);border-color:var(--color-red-600, #dc2626)}.customer-segment-table__action-btn--delete:hover{background-color:var(--color-red-600, #dc2626);color:#fff}.customer-segment-table__row--dragging{background:linear-gradient(90deg,#2563eb14,#2563eb1f);box-shadow:0 4px 6px #2563eb26;position:relative;z-index:1000}.customer-segment-table__row--dragging td{border-color:#2563eb33}.customer-segment-table__row--inactive{opacity:.7}.customer-segment-table__row--inactive td{color:var(--color-text-tertiary, #94a3b8)}.customer-segment-table__row--inactive .customer-segment-table__name{color:var(--color-text-secondary, #64748b)}.customer-segment-delete{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.customer-segment-delete p{font-size:.98rem;line-height:1.6;color:var(--color-text-secondary, #475569);margin:0}.customer-segment-delete__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.customer-segment-delete__actions .btn{font-weight:500;padding:.65rem 1.25rem;transition:all .2s ease}.customer-segment-delete__actions .btn:hover{transform:translateY(-1px)}.customer-segment-form-page{display:flex;flex-direction:column;gap:1.5rem}.customer-segment-form-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.customer-segment-form-page--loading p{color:#64748b;font-size:.95rem}.customer-segment-form-page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.customer-segment-form-page__header{flex-direction:column;align-items:flex-start}}.customer-segment-form-page__title-section{flex:1}.customer-segment-form-page__title{margin:0;font-size:1.75rem;font-weight:700;color:#1e293b}.customer-segment-form-page__subtitle{margin:.25rem 0 0;color:#64748b;font-size:.95rem}.customer-segment-form-page__actions{display:flex;gap:.75rem}@media (max-width: 768px){.customer-segment-form-page__actions{width:100%}.customer-segment-form-page__actions button{flex:1}}.customer-segment-form-page__content{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}@media (max-width: 768px){.customer-segment-form-page__content{padding:1.5rem}}@media (max-width: 640px){.customer-segment-form-page__content{padding:1rem}}.customer-segment-form-page__form{display:flex;flex-direction:column;gap:2rem}.customer-segment-form-page__fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.customer-segment-form-page__fields{grid-template-columns:1fr;gap:1.25rem}}.customer-segment-form-page__field{display:flex;flex-direction:column;gap:.5rem}.customer-segment-form-page__field--full{grid-column:1/-1}.customer-segment-form-page__field label{font-size:.95rem;font-weight:600;color:#1e293b}.customer-segment-form-page__field input,.customer-segment-form-page__field textarea{padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.95rem;transition:all .2s}.customer-segment-form-page__field input:focus,.customer-segment-form-page__field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customer-segment-form-page__field input:disabled,.customer-segment-form-page__field textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.customer-segment-form-page__field input::placeholder,.customer-segment-form-page__field textarea::placeholder{color:#94a3b8}.customer-segment-form-page__field textarea{resize:vertical;min-height:80px;font-family:inherit}.customer-segment-form-page__field.has-error input,.customer-segment-form-page__field.has-error textarea{border-color:#ef4444}.customer-segment-form-page__field.has-error input:focus,.customer-segment-form-page__field.has-error textarea:focus{box-shadow:0 0 0 3px #ef44441a}.customer-segment-form-page__error{font-size:.875rem;color:#ef4444;font-weight:500}.customer-segment-form-page__hint{font-size:.875rem;color:#64748b}.customer-segment-form-page__submit-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media (max-width: 640px){.customer-segment-form-page__submit-actions{flex-direction:column-reverse}.customer-segment-form-page__submit-actions button{width:100%}}.customer-segment-form-page .error-message{padding:2rem;text-align:center;color:#64748b;background:#f8fafc;border-radius:.75rem}.service-list-view{padding:0}.service-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.service-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.service-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.service-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.service-list-view__subtitle{color:#475569;margin:.25rem 0 0}.service-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.service-list-view__create-btn{width:100%}}.service-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.service-list-view__content{display:flex;flex-direction:column;gap:2rem}.service-list-view__search-filters{margin-bottom:2rem}.service-list-view__pagination{margin-top:1rem}.service-list-view__table-card{margin-bottom:2rem}.service-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.service-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.service-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.service-list-view__table th,.service-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.service-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.service-list-view__table tbody{position:relative}.service-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.service-list-view__table tbody tr:hover{background-color:#f8fafc}.service-list-view__table tbody tr:hover .service-list-view__action-buttons{opacity:1}.service-list-view__table-row{position:relative;transition:background-color .2s ease,box-shadow .2s ease;background-color:#fff}.service-list-view__table-row--dragging{opacity:1;background-color:#fff;box-shadow:0 10px 25px -5px #00000026;z-index:1000}.service-list-view__table-row--dragging td{background-color:#1a2a800d;border-bottom:1px solid rgba(26,42,128,.2)}.service-list-view__table-row--drag-over{background-color:#1a2a8014;border-top:2px solid #1A2A80}.service-list-view__drag-handle-head{width:40px;padding:.75rem .5rem;text-align:center;color:#64748b}.service-list-view__drag-handle-cell{width:40px;padding:.75rem .5rem;text-align:center;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.service-list-view__drag-handle-cell:active{cursor:grabbing}.service-list-view__drag-handle-cell[draggable=true]{cursor:grab}.service-list-view__drag-handle-icon{color:#94a3b8;transition:color .2s ease;display:inline-block}.service-list-view__table-row:hover .service-list-view__drag-handle-icon{color:#475569}.service-list-view__table-row--dragging .service-list-view__drag-handle-icon{color:#1a2a80}.service-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.service-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.service-list-view__action-btn:hover,.service-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.service-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.service-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.service-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.service-list-view__sortable-head:hover{background-color:#64748b0d}.service-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.service-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.service-list-view__sort-icon--desc{transform:rotate(180deg)}.service-list-view__name-cell{font-weight:500}.service-list-view__name-container{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.75rem}.service-list-view__image{width:32px;height:32px;object-fit:cover;border-radius:.25rem;border:1px solid #e2e8f0;flex-shrink:0}.service-list-view__name{font-weight:500;color:#0f172a}.service-list-view__service-code{font-family:Courier New,monospace;background-color:#f1f5f9;color:#334155;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.service-list-view__description{color:#475569;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-list-view__service-group{color:#334155;font-size:.875rem}.service-list-view__status{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.service-list-view__status--active{background-color:#22c55e1a;color:#16a34a}.service-list-view__status--inactive{background-color:#6b72801a;color:#4b5563}.service-list-view__actions-head{text-align:center;display:flex;justify-content:center;align-items:center}.service-list-view__actions-cell{text-align:right}.service-list-view__actions--centered{text-align:center;display:flex;justify-content:center;align-items:center}.service-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.service-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.service-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.service-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.service-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1024px){.service-list-view .table__head:nth-child(3),.service-list-view .table__head:nth-child(6),.service-list-view .table__cell:nth-child(3),.service-list-view .table__cell:nth-child(6){display:none}}@media (max-width: 768px){.service-list-view .table__head:nth-child(4),.service-list-view .table__head:nth-child(5),.service-list-view .table__cell:nth-child(4),.service-list-view .table__cell:nth-child(5){display:none}}@media (max-width: 640px){.service-list-view__header{align-items:stretch}.service-list-view .table{font-size:.75rem}.service-list-view .table__head,.service-list-view .table__cell{padding:.5rem .25rem}}.service-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.service-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.service-create-page__title-section{flex:1}.service-create-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.service-create-page__subtitle{color:#64748b;font-size:1rem}.service-create-page__actions{display:flex;gap:1rem;align-items:center}.service-create-page__content{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.service-create-page__nested-section-title{margin-top:3rem;margin-bottom:1rem;padding:0 .25rem}.service-create-page__nested-section-title h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.service-create-page__nested-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}@media (max-width: 768px){.service-create-page__nested-nav{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.service-create-page__nested-nav{grid-template-columns:1fr}}.service-create-page__nested-nav-item{padding:.5rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.service-create-page__nested-nav-item:hover{background-color:#f1f5f9;color:#0f172a}.service-create-page__nested-nav-item.active{background-color:#1a2a80;color:#fff;box-shadow:0 1px 2px #0000000d}.service-create-page__form{padding:2rem}.service-create-page__section{display:flex;flex-direction:column;gap:1.5rem}.service-create-page__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-create-page__section-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.service-create-page__subsection-title{font-size:1.125rem;font-weight:500;color:#0f172a;margin:0}.service-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-create-page__row--two-col{flex:1;display:grid;grid-template-columns:10fr 1fr;gap:1rem;align-items:flex-start}.service-create-page__row--two-col .service-create-page__field:first-child{min-width:0}.service-create-page__row--three-col{flex:1;display:grid;grid-template-columns:3fr 3fr 1fr;gap:1rem;align-items:flex-start}@media (max-width: 768px){.service-create-page__row,.service-create-page__row--two-col,.service-create-page__row--three-col{grid-template-columns:1fr}}.service-create-page__field{display:flex;flex-direction:column}.service-create-page__field--full{grid-column:1/-1}.service-create-page__field--small{max-width:150px;min-width:120px}.service-create-page__label{display:block;font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.5rem}.service-create-page__textarea{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-family:Inter,"system-ui",sans-serif;color:#0f172a;resize:vertical;transition:border-color .2s ease}.service-create-page__textarea:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.service-create-page__textarea::placeholder{color:#cbd5e1}.service-create-page__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#0f172a;cursor:pointer;user-select:none}.service-create-page__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1A2A80}.service-create-page__checkbox-label--small{font-size:.875rem;margin-left:2rem}.service-create-page__list{display:flex;flex-direction:column;gap:1rem}.service-create-page__list-item{display:flex;gap:1rem;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease;align-items:flex-start}.service-create-page__list-item:hover{box-shadow:0 4px 6px #00000012}.service-create-page__list-item-grip{display:flex;align-items:flex-start;padding-top:1.75rem;color:#94a3b8;cursor:grab}.service-create-page__list-item-grip:active{cursor:grabbing}.service-create-page__list-item-content{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.service-create-page__list-item-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.service-create-page__list-item-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-create-page__tabs-container{display:flex;flex-direction:column;gap:1.5rem}.service-create-page__tab-card{padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.service-create-page__tab-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.service-create-page__tab-header-fields{flex:1;display:grid;grid-template-columns:8fr 1fr;gap:1rem;align-items:flex-start}@media (max-width: 768px){.service-create-page__tab-header-fields{grid-template-columns:1fr}}.service-create-page__tab-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.service-create-page__tab-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-create-page__tab-content{padding:1.5rem;background-color:#fff;border-radius:.5rem}.service-create-page__content-items{display:flex;flex-direction:column;gap:1.5rem}.service-create-page__content-item{padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.service-create-page__content-item-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.service-create-page__content-item-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.service-create-page__content-item-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-create-page__rich-text{margin-top:1rem}.service-create-page__requirements-list{display:flex;flex-direction:column;gap:1rem}.service-create-page__requirement-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease;cursor:pointer}.service-create-page__requirement-item:hover{background-color:#f1f5f9;border-color:#1a2a80;box-shadow:0 1px 2px #0000000d}.service-create-page__requirement-info{display:flex;align-items:center;gap:.5rem}.service-create-page__requirement-name{font-weight:500;color:#0f172a}.service-create-page__requirement-code{font-size:.875rem;color:#64748b}.service-create-page__empty{padding:3rem;text-align:center;color:#64748b;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem}.service-create-page__empty p{margin:0;font-size:1rem}.service-create-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.service-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.service-create-page__header{flex-direction:column;gap:1rem}.service-create-page__form{padding:1rem}.service-create-page__submit-actions{flex-direction:column}.service-create-page__submit-actions button{width:100%}.service-create-page__tab-card,.service-create-page__content-item{padding:1rem}}@media (max-width: 640px){.service-create-page__form{padding:1rem}.service-create-page__nav{padding:.5rem 1rem}.service-create-page__nav-item{padding:.25rem 1rem;font-size:.75rem}}.service-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.service-detail-page--loading{justify-content:center;align-items:center}.service-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.service-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.service-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.service-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.service-detail-page .error-container .error-icon{color:#dc3545}.service-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.service-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.service-detail-page__header .service-header-content{display:flex;align-items:center;gap:1rem}.service-detail-page__header .service-header-content .service-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.service-detail-page__header .service-header-content .service-title-section .service-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.service-detail-page__header .service-header-content .service-title-section .service-code{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.service-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.service-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.service-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.service-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.service-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.service-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.service-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.service-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.service-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.service-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.service-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.service-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.service-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.service-detail-page .info-section .section-header .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.service-detail-page .info-section .section-content{padding:2rem 2.5rem}.service-detail-page .info-section .section-content .service-image-container{margin-bottom:2rem;display:flex;justify-content:center}.service-detail-page .info-section .section-content .service-image-container .service-image{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.service-detail-page .info-section .section-content .service-group-image-container{margin-bottom:2rem;display:flex;justify-content:center}.service-detail-page .info-section .section-content .service-group-image-container .service-group-image{max-width:600px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef}.service-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.service-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.service-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.service-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.service-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.service-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.service-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.service-detail-page .info-section .section-content .info-item .info-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-.5rem}.service-detail-page .info-section .section-content .info-item .info-item-header .edit-btn-inline{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem}.service-detail-page .info-section .section-content .info-item .info-item-header .edit-btn-inline svg{width:14px;height:14px}.service-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.service-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.service-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.service-detail-page .info-section .section-content .info-item .info-value.service-code{background:#6366f1;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-family:Courier New,monospace;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.service-detail-page .info-section .section-content .info-item .info-value.status-active{background:#22c55e1a;color:#16a34a;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.service-detail-page .info-section .section-content .info-item .info-value.status-inactive{background:#6b72801a;color:#4b5563;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.service-detail-page .info-section .section-content .subsection{margin-top:2rem;border-top:1px solid #e9ecef;padding-top:1.5rem}.service-detail-page .info-section .section-content .subsection:first-of-type{margin-top:1.5rem}.service-detail-page .info-section .section-content .subsection .subsection-header{margin-bottom:1rem}.service-detail-page .info-section .section-content .subsection .subsection-header .subsection-title{font-size:1rem;font-weight:600;color:#495057;margin:0}.service-detail-page .info-section .section-content .subsection .subsection-content{position:relative}.service-detail-page .info-section .section-content .subsection .subsection-content .attribute-order,.service-detail-page .info-section .section-content .subsection .subsection-content .promo-order,.service-detail-page .info-section .section-content .subsection .subsection-content .tab-order{font-size:.7rem;font-weight:600;color:#6c757d;background:#e9ecef;padding:.2rem .5rem;border-radius:.25rem;margin-left:.5rem}.service-detail-page .info-section .section-content .subsection .subsection-content .promo-label-header{display:flex;align-items:center;gap:.5rem}.service-detail-page .info-section .section-content .subsection .subsection-content .promo-label-header .promo-icon{margin:0}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-grid{display:flex;flex-direction:column;gap:1rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.375rem;padding:1rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-header .content-name{font-weight:600;color:#212529;font-size:.9rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-header .content-order{font-size:.7rem;font-weight:600;color:#6c757d;background:#dee2e6;padding:.2rem .5rem;border-radius:.25rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value{color:#495057;font-size:.875rem;line-height:1.6}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value p{margin:.5rem 0}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value p:first-child{margin-top:0}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value p:last-child{margin-bottom:0}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value ul,.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value ol{margin:.5rem 0;padding-left:1.5rem}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value strong{font-weight:600}.service-detail-page .info-section .section-content .subsection .subsection-content .tab-content-item .content-value em{font-style:italic}.service-detail-page .info-section .section-content .subsection .subsection-content .no-content-text{color:#6c757d;font-style:italic;font-size:.875rem}.service-detail-page .info-section .section-content .subsection .subsection-content .requirement-label-header{display:flex;align-items:center;gap:.5rem}.service-detail-page .info-section .section-content .subsection .subsection-content .requirement-label-header .requirement-checkbox-input{width:1rem;height:1rem;cursor:not-allowed}.service-detail-page .info-section .section-content .subsection .subsection-content .requirement-status{font-weight:600;padding:.375rem .75rem;border-radius:.375rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.service-detail-page .info-section .section-content .subsection .subsection-content .requirement-status--required{background:#dc35451a;color:#b91c1c}.service-detail-page .info-section .section-content .subsection .subsection-content .requirement-status--optional{background:#6c757d1a;color:#4b5563}.service-detail-page .nested-items-list{display:flex;flex-direction:column;gap:1rem}.service-detail-page .nested-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;padding:1rem;transition:all .2s ease}.service-detail-page .nested-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.service-detail-page .nested-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.service-detail-page .nested-item-header .promo-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.service-detail-page .nested-item-order{font-size:.75rem;font-weight:600;color:#6c757d;background:#e9ecef;padding:.25rem .5rem;border-radius:.25rem}.service-detail-page .nested-item-name{font-weight:600;color:#212529;font-size:.95rem}.service-detail-page .nested-item-content{margin-top:.5rem;padding-left:2rem}.service-detail-page .nested-item-value,.service-detail-page .nested-item-description{color:#495057;font-size:.875rem;line-height:1.6}.service-detail-page .nested-item .promo-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.service-detail-page .nested-item .promo-icon--lucide{color:#6366f1}.service-detail-page .nested-item .promo-icon--fontawesome{color:#6366f1;line-height:1}.service-detail-page .nested-item .promo-icon--image{object-fit:contain;border-radius:.25rem}.service-detail-page .tabs-list{display:flex;flex-direction:column;gap:1.5rem}.service-detail-page .tab-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;overflow:hidden}.service-detail-page .tab-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#e9ecef;border-bottom:1px solid #dee2e6}.service-detail-page .tab-card-content{padding:1.25rem}.service-detail-page .tab-card .tab-name{font-size:1rem;font-weight:600;color:#212529;margin:0}.service-detail-page .content-items-list{display:flex;flex-direction:column;gap:1rem}.service-detail-page .content-item{background:#fff;border:1px solid #e9ecef;border-radius:.375rem;padding:1rem}.service-detail-page .content-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.service-detail-page .content-item-order{font-size:.75rem;font-weight:600;color:#6c757d;background:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem}.service-detail-page .content-item-name{font-weight:600;color:#212529;font-size:.875rem}.service-detail-page .content-item-value{color:#495057;font-size:.875rem;line-height:1.6}.service-detail-page .content-item-value p{margin:.5rem 0}.service-detail-page .content-item-value ul,.service-detail-page .content-item-value ol{margin:.5rem 0;padding-left:1.5rem}.service-detail-page .content-item-value strong{font-weight:600}.service-detail-page .content-item-value em{font-style:italic}.service-detail-page .requirements-list{display:flex;flex-direction:column;gap:.75rem}.service-detail-page .requirement-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.service-detail-page .requirement-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.service-detail-page .requirement-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:not-allowed}.service-detail-page .requirement-info{display:flex;align-items:center;gap:.75rem;flex:1}.service-detail-page .requirement-name{font-weight:500;color:#212529;font-size:.9rem}.service-detail-page .requirement-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:1rem;background:#e9ecef;color:#6c757d}.service-detail-page .status-badge{padding:.375rem .875rem;border-radius:.375rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;display:inline-flex;align-items:center;justify-content:center}.service-detail-page .status-badge--active{background:#22c55e1a;color:#16a34a}.service-detail-page .status-badge--inactive{background:#6b72801a;color:#4b5563}.service-detail-page .empty-state{padding:2rem;text-align:center;color:#6c757d;font-size:.875rem}.service-detail-page .empty-state p{margin:0}@media (max-width: 768px){.service-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.service-detail-page__header .service-header-content,.service-detail-page__header .header-actions{width:100%}.service-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.service-detail-page__content,.service-detail-page .info-section .section-header,.service-detail-page .info-section .section-content{padding:1rem}.service-detail-page .nested-item-content{padding-left:0}}.service-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.service-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.service-edit-page__title-section{flex:1}.service-edit-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.service-edit-page__subtitle{color:#64748b;font-size:1rem}.service-edit-page__actions{display:flex;gap:1rem;align-items:center}.service-edit-page__content{display:flex;flex-direction:column;gap:1.5rem}.service-edit-page__info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.service-edit-page__info-header{display:flex;align-items:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.service-edit-page__info-title-group{display:flex;align-items:center;gap:.75rem}.service-edit-page__info-icon{color:#3b82f6}.service-edit-page__info-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.service-edit-page__info-content{padding:2rem}.service-edit-page__info-image-container{margin-bottom:2rem;display:flex;justify-content:center}.service-edit-page__info-image-container .service-edit-page__info-image{max-width:400px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.service-edit-page__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.service-edit-page__info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.service-edit-page__info-grid{grid-template-columns:1fr;gap:1rem}}.service-edit-page__info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.service-edit-page__info-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.service-edit-page__info-item--full{grid-column:1/-1}.service-edit-page__info-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.service-edit-page__info-value{font-size:.95rem;font-weight:500;color:#1e293b;word-break:break-word}.service-edit-page__nested-section-title{margin-top:3rem;margin-bottom:1rem;padding:0 .25rem}.service-edit-page__nested-section-title h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.service-edit-page__nested-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}@media (max-width: 768px){.service-edit-page__nested-nav{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.service-edit-page__nested-nav{grid-template-columns:1fr}}.service-edit-page__nested-nav-item{padding:.5rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.service-edit-page__nested-nav-item:hover{background-color:#f1f5f9;color:#0f172a}.service-edit-page__nested-nav-item.active{background-color:#1a2a80;color:#fff;box-shadow:0 1px 2px #0000000d}.service-edit-page__form{padding:2rem}.service-edit-page__section{display:flex;flex-direction:column;gap:1.5rem}.service-edit-page__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-edit-page__section-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0}.service-edit-page__subsection-title{font-size:1.125rem;font-weight:500;color:#0f172a;margin:0}.service-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-edit-page__row--two-col{flex:1;display:grid;grid-template-columns:8fr 1fr;gap:1rem;align-items:flex-start}.service-edit-page__row--two-col .service-edit-page__field:first-child{min-width:0}.service-edit-page__row--three-col{flex:1;display:grid;grid-template-columns:3fr 3fr 1fr;gap:1rem;align-items:flex-start}@media (max-width: 768px){.service-edit-page__row,.service-edit-page__row--two-col,.service-edit-page__row--three-col{grid-template-columns:1fr}}.service-edit-page__field{display:flex;flex-direction:column}.service-edit-page__field--full{grid-column:1/-1}.service-edit-page__field--small{max-width:150px;min-width:120px}.service-edit-page__label{display:block;font-size:.875rem;font-weight:500;color:#0f172a;margin-bottom:.5rem}.service-edit-page__helper{color:#6b7280;font-size:.875rem;margin-top:.5rem;line-height:1.4}.service-edit-page__current-image{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.service-edit-page__current-image-label{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.service-edit-page__preview{display:block;margin:0}.service-edit-page__textarea{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;font-family:Inter,"system-ui",sans-serif;color:#0f172a;resize:vertical;transition:border-color .2s ease}.service-edit-page__textarea:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.service-edit-page__textarea::placeholder{color:#cbd5e1}.service-edit-page__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#0f172a;cursor:pointer;user-select:none}.service-edit-page__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1A2A80}.service-edit-page__checkbox-label--small{font-size:.875rem;margin-left:2rem}.service-edit-page__list{display:flex;flex-direction:column;gap:1rem}.service-edit-page__list-item{display:flex;gap:1rem;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease;align-items:flex-start}.service-edit-page__list-item:hover{box-shadow:0 4px 6px #00000012}.service-edit-page__list-item-grip{display:flex;align-items:flex-start;padding-top:1.75rem;color:#94a3b8;cursor:grab}.service-edit-page__list-item-grip:active{cursor:grabbing}.service-edit-page__list-item-content{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.service-edit-page__list-item-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.service-edit-page__list-item-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-edit-page__tabs-container{display:flex;flex-direction:column;gap:1.5rem}.service-edit-page__tab-card{padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.service-edit-page__tab-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.service-edit-page__tab-header-fields{flex:1;display:grid;grid-template-columns:8fr 1fr;gap:1rem;align-items:flex-start}@media (max-width: 768px){.service-edit-page__tab-header-fields{grid-template-columns:1fr}}.service-edit-page__tab-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.service-edit-page__tab-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-edit-page__tab-content{padding:1.5rem;background-color:#fff;border-radius:.5rem}.service-edit-page__content-items{display:flex;flex-direction:column;gap:1.5rem}.service-edit-page__content-item{padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.service-edit-page__content-item-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.service-edit-page__content-item-remove{display:flex;align-items:center;padding:.5rem;margin-top:1.75rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.service-edit-page__content-item-remove:hover{background-color:#fef2f2;color:#b91c1c}.service-edit-page__rich-text{margin-top:1rem}.service-edit-page__requirements-list{display:flex;flex-direction:column;gap:1rem}.service-edit-page__requirement-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease;cursor:pointer}.service-edit-page__requirement-item:hover{background-color:#f1f5f9;border-color:#1a2a80;box-shadow:0 1px 2px #0000000d}.service-edit-page__requirement-info{display:flex;align-items:center;gap:.5rem}.service-edit-page__requirement-name{font-weight:500;color:#0f172a}.service-edit-page__requirement-code{font-size:.875rem;color:#64748b}.service-edit-page__empty{padding:3rem;text-align:center;color:#64748b;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:.5rem}.service-edit-page__empty p{margin:0;font-size:1rem}.service-edit-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.service-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media (max-width: 768px){.service-edit-page__header{flex-direction:column;gap:1rem}.service-edit-page__form{padding:1rem}.service-edit-page__submit-actions{flex-direction:column}.service-edit-page__submit-actions button{width:100%}.service-edit-page__tab-card,.service-edit-page__content-item{padding:1rem}}@media (max-width: 640px){.service-edit-page__form{padding:1rem}.service-edit-page__nav{padding:.5rem 1rem}.service-edit-page__nav-item{padding:.25rem 1rem;font-size:.75rem}}.customer-list-view{padding:0}.customer-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.customer-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.customer-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.customer-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.customer-list-view__subtitle{color:#475569;margin:.25rem 0 0}.customer-list-view__create-btn{flex-shrink:0}@media (max-width: 640px){.customer-list-view__create-btn{width:100%}}.customer-list-view__add-icon{width:1rem;height:1rem;margin-right:.5rem}.customer-list-view__content{display:flex;flex-direction:column;gap:2rem}.customer-list-view__filters,.customer-list-view__table-card{margin-bottom:2rem}.customer-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.customer-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.customer-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.customer-list-view__table th,.customer-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.customer-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.customer-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.customer-list-view__table tbody tr:hover{background-color:#f8fafc}.customer-list-view__table tbody tr:hover .customer-list-view__action-buttons{opacity:1}.customer-list-view__table-row{position:relative}.customer-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.customer-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.customer-list-view__action-btn:hover,.customer-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.customer-list-view__action-btn--edit:hover{border-color:#f59e0b!important;background:#f59e0b1a!important;color:#f59e0b!important}.customer-list-view__action-btn--delete:hover{border-color:#ef4444!important;background:#ef44441a!important;color:#ef4444!important}.customer-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.customer-list-view__sortable-head:hover{background-color:#64748b0d}.customer-list-view__name-cell{font-weight:500}.customer-list-view__status-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.customer-list-view__status-badge--active{background-color:#d1fae5;color:#065f46}.customer-list-view__status-badge--inactive{background-color:#fee2e2;color:#991b1b}.customer-list-view__actions-head,.customer-list-view__actions-cell{text-align:right}.customer-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.customer-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.customer-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.customer-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.customer-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}.customer-list-view__pagination{margin-top:1.5rem}@media (max-width: 1024px){.customer-list-view .table__head:nth-child(3),.customer-list-view .table__head:nth-child(4),.customer-list-view .table__cell:nth-child(3),.customer-list-view .table__cell:nth-child(4){display:none}}@media (max-width: 768px){.customer-list-view .table__head:nth-child(2),.customer-list-view .table__cell:nth-child(2){display:none}}@media (max-width: 640px){.customer-list-view__header{align-items:stretch}.customer-list-view .table{font-size:.75rem}.customer-list-view .table__head,.customer-list-view .table__cell{padding:.5rem .25rem}}.customer-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.customer-detail-page--loading{justify-content:center;align-items:center}.customer-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.customer-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e9ecef;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.customer-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.customer-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.customer-detail-page .error-container .error-icon{color:#dc3545}.customer-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.customer-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.customer-detail-page__header .customer-header-content{display:flex;align-items:center;gap:1rem}.customer-detail-page__header .customer-header-content .customer-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.customer-detail-page__header .customer-header-content .customer-title-section .customer-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0;line-height:1.2}.customer-detail-page__header .customer-header-content .customer-title-section .customer-subtitle{font-size:.875rem;color:#6c757d;margin:.25rem 0 0;font-weight:500}.customer-detail-page__header .header-actions{display:flex;align-items:center;gap:.75rem}.customer-detail-page__header .header-actions .edit-btn{display:flex;align-items:center;gap:.5rem}.customer-detail-page__header .header-actions .edit-btn svg{width:16px;height:16px}.customer-detail-page__header .header-actions .delete-btn{display:flex;align-items:center;gap:.5rem}.customer-detail-page__header .header-actions .delete-btn svg{width:16px;height:16px}.customer-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.customer-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.customer-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.customer-detail-page__header .header-actions .back-btn svg{width:16px;height:16px;transition:transform .2s ease}.customer-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.customer-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.customer-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.customer-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.customer-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.customer-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.customer-detail-page .info-section .section-header .section-title-group .section-icon{color:#6366f1}.customer-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.customer-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.customer-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.customer-detail-page .info-section .section-content{padding:2rem 2.5rem}.customer-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.customer-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.customer-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.customer-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.customer-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.customer-detail-page .info-section .section-content .info-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.customer-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.customer-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.customer-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.customer-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.customer-detail-page .info-section .section-content .info-item .info-value.status-badge{padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.customer-detail-page .info-section .section-content .info-item .info-value.status-badge--active{background:#d1fae5;color:#065f46}.customer-detail-page .info-section .section-content .info-item .info-value.status-badge--inactive{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.customer-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.customer-detail-page__header .customer-header-content{width:100%}.customer-detail-page__header .header-actions{width:100%;flex-direction:column}.customer-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.customer-detail-page__content,.customer-detail-page .info-section .section-header,.customer-detail-page .info-section .section-content{padding:1rem}}.customer-create-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.customer-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.customer-create-page__title-section{flex:1}.customer-create-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.customer-create-page__subtitle{color:#64748b;font-size:1rem}.customer-create-page__actions{display:flex;gap:1rem;align-items:center}.customer-create-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customer-create-page__form{padding:2rem}.customer-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.customer-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.customer-create-page__row{grid-template-columns:1fr}}.customer-create-page__field{display:flex;flex-direction:column}.customer-create-page__field--full{grid-column:1/-1}.customer-create-page__form-group{display:flex;flex-direction:column;gap:.5rem}.customer-create-page__form-group label{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.customer-create-page__form-group input,.customer-create-page__form-group select,.customer-create-page__form-group textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.95rem;color:#1e293b;transition:all .2s ease}.customer-create-page__form-group input:focus,.customer-create-page__form-group select:focus,.customer-create-page__form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customer-create-page__form-group input:disabled,.customer-create-page__form-group select:disabled,.customer-create-page__form-group textarea:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.customer-create-page__form-group.error input,.customer-create-page__form-group.error select,.customer-create-page__form-group.error textarea{border-color:#ef4444}.customer-create-page__form-group.error input:focus,.customer-create-page__form-group.error select:focus,.customer-create-page__form-group.error textarea:focus{box-shadow:0 0 0 3px #ef44441a}.customer-create-page__form-group.error .error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.customer-create-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.customer-create-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.customer-create-page__header{flex-direction:column;gap:1rem}.customer-create-page__form{padding:1rem}.customer-create-page__submit-actions{flex-direction:column}.customer-create-page__submit-actions button{width:100%}}@media (max-width: 480px){.customer-create-page__form{padding:1rem}.customer-create-page__title{font-size:1.5rem}.customer-create-page__row{grid-template-columns:1fr}}.customer-form-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.customer-form-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.customer-form-page__title-section{flex:1}.customer-form-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.customer-form-page__subtitle{color:#64748b;font-size:1rem}.customer-form-page__actions{display:flex;gap:1rem;align-items:center}.customer-form-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customer-form-page__form{padding:2rem}.customer-form-page__fields{display:flex;flex-direction:column;gap:1.5rem}.customer-form-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.customer-form-page__row{grid-template-columns:1fr}}.customer-form-page__field{display:flex;flex-direction:column}.customer-form-page__field--full{grid-column:1/-1}.customer-form-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.customer-form-page--loading{display:flex;justify-content:center;align-items:center}.customer-form-page--loading .loading-spinner{width:2rem;height:2rem}.customer-form-page .error-message{font-size:1rem;color:#ef4444;text-align:center;padding:2rem}@media (max-width: 768px){.customer-form-page__header{flex-direction:column;gap:1rem}.customer-form-page__form{padding:1rem}.customer-form-page__submit-actions{flex-direction:column}.customer-form-page__submit-actions button{width:100%}}@media (max-width: 480px){.customer-form-page__form{padding:1rem}.customer-form-page__title{font-size:1.5rem}.customer-form-page__row{grid-template-columns:1fr}}.customer-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.customer-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.customer-edit-page__title-section{flex:1}.customer-edit-page__title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.customer-edit-page__subtitle{color:#64748b;font-size:1rem}.customer-edit-page__actions{display:flex;gap:1rem;align-items:center}.customer-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customer-edit-page__form{padding:2rem}.customer-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.customer-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.customer-edit-page__row{grid-template-columns:1fr}}.customer-edit-page__field{display:flex;flex-direction:column}.customer-edit-page__field--full{grid-column:1/-1}.customer-edit-page__form-group{display:flex;flex-direction:column;gap:.5rem}.customer-edit-page__form-group label{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.customer-edit-page__form-group input,.customer-edit-page__form-group select,.customer-edit-page__form-group textarea{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.95rem;color:#1e293b;transition:all .2s ease}.customer-edit-page__form-group input:focus,.customer-edit-page__form-group select:focus,.customer-edit-page__form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customer-edit-page__form-group input:disabled,.customer-edit-page__form-group select:disabled,.customer-edit-page__form-group textarea:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.customer-edit-page__form-group.error input,.customer-edit-page__form-group.error select,.customer-edit-page__form-group.error textarea{border-color:#ef4444}.customer-edit-page__form-group.error input:focus,.customer-edit-page__form-group.error select:focus,.customer-edit-page__form-group.error textarea:focus{box-shadow:0 0 0 3px #ef44441a}.customer-edit-page__form-group.error .error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.customer-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.customer-edit-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.customer-edit-page__header{flex-direction:column;gap:1rem}.customer-edit-page__form{padding:1rem}.customer-edit-page__submit-actions{flex-direction:column}.customer-edit-page__submit-actions button{width:100%}}@media (max-width: 480px){.customer-edit-page__form{padding:1rem}.customer-edit-page__title{font-size:1.5rem}.customer-edit-page__row{grid-template-columns:1fr}}.requirement-item-list-view{padding:0}.requirement-item-list-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.requirement-item-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.requirement-item-list-view__subtitle{font-size:1rem;color:#64748b;margin:0}.requirement-item-list-view__create-btn{display:flex;align-items:center;gap:.5rem}.requirement-item-list-view__add-icon{width:1rem;height:1rem}.requirement-item-list-view__content{display:flex;flex-direction:column;gap:1.5rem}.requirement-item-list-view__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.requirement-item-list-view__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.requirement-item-list-view__empty-icon{margin-bottom:1rem;color:#94a3b8}.requirement-item-list-view__empty-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.requirement-item-list-view__empty-description{font-size:1rem;color:#64748b;margin:0 0 1.5rem;max-width:400px;line-height:1.75}.requirement-item-list-view__table-row{cursor:pointer;transition:background-color .2s ease}.requirement-item-list-view__table-row:hover{background-color:#f1f5f9}.requirement-item-list-view__name-container{display:flex;align-items:center;gap:.75rem}@media (max-width: 1024px){.requirement-item-list-view__header{flex-direction:column;align-items:stretch;gap:1rem}.requirement-item-list-view__create-btn{align-self:flex-start}}@media (max-width: 768px){.requirement-item-list-view__title{font-size:1.5rem}.requirement-item-list-view__create-btn{width:100%;justify-content:center}.requirement-item-list-view__table-row:hover{background-color:transparent}.requirement-item-list-view__empty-state{padding:2rem 1rem}.requirement-item-list-view__empty-description{font-size:.875rem}}.requirement-item-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.requirement-item-create-page__title-section{flex:1}.requirement-item-create-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.requirement-item-create-page__subtitle{font-size:1rem;color:#64748b;margin:0}.requirement-item-create-page__actions{display:flex;gap:1rem}.requirement-item-create-page__content{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.requirement-item-create-page__form{display:flex;flex-direction:column;gap:2rem}.requirement-item-create-page__fields{display:flex;flex-direction:column;gap:1.5rem}.requirement-item-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.requirement-item-create-page__field{display:flex;flex-direction:column}.requirement-item-create-page__field--full{grid-column:1/-1}.requirement-item-create-page__character-count{margin-top:.25rem;font-size:.875rem;color:#64748b;text-align:right}.requirement-item-create-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.requirement-item-create-page__submit-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.requirement-item-create-page__submit-actions .btn{min-width:120px}@media (max-width: 1024px){.requirement-item-create-page__header{flex-direction:column;align-items:stretch;gap:1rem}.requirement-item-create-page__actions{align-self:flex-start}}@media (max-width: 768px){.requirement-item-create-page__title{font-size:1.5rem}.requirement-item-create-page__content{padding:1.5rem}.requirement-item-create-page__row{grid-template-columns:1fr;gap:1rem}.requirement-item-create-page__field--full{grid-column:1}.requirement-item-create-page__submit-actions{flex-direction:column-reverse;gap:.75rem}.requirement-item-create-page__submit-actions .btn,.requirement-item-create-page__actions{width:100%}.requirement-item-create-page__actions .btn{flex:1}}.requirement-item-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc;font-family:Inter,"system-ui",sans-serif}.requirement-item-detail-page--loading{justify-content:center;align-items:center}.requirement-item-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.requirement-item-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite}.requirement-item-detail-page--loading .loading-container .loading-text{color:#64748b;font-size:.875rem}.requirement-item-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.requirement-item-detail-page .error-container .error-icon{color:#ef4444}.requirement-item-detail-page .error-container .error-message{font-size:1.125rem;color:#0f172a;font-weight:500}.requirement-item-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.requirement-item-detail-page__header .requirement-item-header-content{display:flex;align-items:center;gap:1rem}.requirement-item-detail-page__header .requirement-item-header-content .requirement-item-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#1a2a80,#3b38a0);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #1a2a8026}.requirement-item-detail-page__header .requirement-item-header-content .requirement-item-title-section .requirement-item-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0;line-height:1.25}.requirement-item-detail-page__header .requirement-item-header-content .requirement-item-title-section .requirement-item-code{font-size:.875rem;color:#64748b;margin:.25rem 0 0;font-weight:500}.requirement-item-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000012}.requirement-item-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.requirement-item-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 4px 6px #00000012}.requirement-item-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.requirement-item-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.requirement-item-detail-page__content{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:1.5rem;width:100%}.requirement-item-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;margin-bottom:2rem;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.requirement-item-detail-page .info-section:hover{box-shadow:0 10px 15px #0000001a}.requirement-item-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.requirement-item-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.requirement-item-detail-page .info-section .section-header .section-title-group .section-icon{color:#1a2a80}.requirement-item-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.requirement-item-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.requirement-item-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.requirement-item-detail-page .info-section .section-content{padding:2rem 1.5rem}.requirement-item-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.requirement-item-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1024px){.requirement-item-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.requirement-item-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.requirement-item-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.requirement-item-detail-page .info-section .section-content .info-item:hover{border-color:#1a2a80;box-shadow:0 4px 15px #1a2a8026}.requirement-item-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.requirement-item-detail-page .info-section .section-content .info-item .info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.requirement-item-detail-page .info-section .section-content .info-item .info-value{font-size:1rem;font-weight:500;color:#0f172a;display:flex;align-items:center;gap:.5rem;word-break:break-word}.requirement-item-detail-page .info-section .section-content .info-item .info-value svg{color:#64748b;flex-shrink:0}.requirement-item-detail-page .info-section .section-content .info-item .info-value.requirement-item-code{background:#1a2a80;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.requirement-item-detail-page .info-section .section-content .info-item .info-value.brand-code{background:#9333ea;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}@media (max-width: 768px){.requirement-item-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.requirement-item-detail-page__header .requirement-item-header-content,.requirement-item-detail-page__header .header-actions{width:100%}.requirement-item-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.requirement-item-detail-page__content,.requirement-item-detail-page .info-section .section-header,.requirement-item-detail-page .info-section .section-content{padding:1rem}}.requirement-item-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.requirement-item-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.requirement-item-edit-page__title-section{flex:1}.requirement-item-edit-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.requirement-item-edit-page__subtitle{color:#64748b;font-size:1rem}.requirement-item-edit-page__actions{display:flex;gap:1rem;align-items:center}.requirement-item-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.requirement-item-edit-page__form{padding:2rem}.requirement-item-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.requirement-item-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.requirement-item-edit-page__row{grid-template-columns:1fr}}.requirement-item-edit-page__field{display:flex;flex-direction:column}.requirement-item-edit-page__field--full{grid-column:1/-1}.requirement-item-edit-page__character-count{margin-top:.25rem;font-size:.875rem;color:#64748b;text-align:right}.requirement-item-edit-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.requirement-item-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.requirement-item-edit-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.requirement-item-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.requirement-item-edit-page__header{flex-direction:column;gap:1rem}.requirement-item-edit-page__form{padding:1rem}.requirement-item-edit-page__submit-actions{flex-direction:column}.requirement-item-edit-page__submit-actions button{width:100%}}@media (max-width: 640px){.requirement-item-edit-page__form{padding:1rem}}.delete-confirmation-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirmation{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;width:90%;padding:0;margin:1rem;animation:fadeIn .2s ease-out}.robot-list-view__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.robot-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.robot-list-view__subtitle{font-size:1rem;color:#64748b;margin:0}.robot-list-view__create-btn{display:flex;align-items:center;gap:.5rem}.robot-list-view__add-icon{width:1rem;height:1rem}.robot-list-view__content{display:flex;flex-direction:column;gap:1.5rem}.robot-list-view__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.robot-list-view__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.robot-list-view__empty-icon{margin-bottom:1rem;color:#94a3b8}.robot-list-view__empty-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.robot-list-view__empty-description{font-size:1rem;color:#64748b;margin:0 0 1.5rem;max-width:400px;line-height:1.75}.robot-list-view__table-row{cursor:pointer;transition:background-color .2s ease}.robot-list-view__table-row:hover{background-color:#f1f5f9}.robot-list-view__name-container{display:flex;align-items:center;gap:.75rem}.robot-list-view__status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.robot-list-view__status-badge--available{background-color:#dcfce7;color:#15803d}.robot-list-view__status-badge--serving{background-color:#e0e7ff;color:#151f66}.robot-list-view__status-badge--charging{background-color:#fef3c7;color:#b45309}.robot-list-view__status-badge--inactive{background-color:#fee2e2;color:#b91c1c}.robot-list-view__status-badge--ooc{background-color:#e2e8f0;color:#334155}@media (max-width: 1024px){.robot-list-view__header{flex-direction:column;align-items:stretch;gap:1rem}.robot-list-view__create-btn{align-self:flex-start}}@media (max-width: 768px){.robot-list-view__title{font-size:1.5rem}.robot-list-view__create-btn{width:100%;justify-content:center}.robot-list-view__table-row:hover{background-color:transparent}.robot-list-view__empty-state{padding:2rem 1rem}.robot-list-view__empty-description{font-size:.875rem}}.robot-create-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.robot-create-page__title-section{flex:1}.robot-create-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.robot-create-page__subtitle{font-size:1rem;color:#64748b;margin:0}.robot-create-page__actions{display:flex;gap:1rem}.robot-create-page__content{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.robot-create-page__form,.robot-create-page__fields{display:flex;flex-direction:column;gap:2rem}.robot-create-page__section{display:flex;flex-direction:column;gap:1.5rem}.robot-create-page__section-title{font-size:1.125rem;font-weight:600;color:#0f172a;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;margin-bottom:.5rem}.robot-create-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.robot-create-page__field{display:flex;flex-direction:column}.robot-create-page__field--full{grid-column:1/-1}.robot-create-page__field .searchable-select-group__container{border:none}.robot-create-page__field .searchable-select-group__trigger{min-height:2.5rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.robot-create-page__character-count{margin-top:.25rem;font-size:.875rem;color:#64748b;text-align:right}.robot-create-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.robot-create-page__submit-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0}.robot-create-page__submit-actions .btn{min-width:120px}@media (max-width: 1024px){.robot-create-page__header{flex-direction:column;align-items:stretch;gap:1rem}.robot-create-page__actions{align-self:flex-start}}@media (max-width: 768px){.robot-create-page__title{font-size:1.5rem}.robot-create-page__content{padding:1.5rem}.robot-create-page__row{grid-template-columns:1fr;gap:1rem}.robot-create-page__field--full{grid-column:1}.robot-create-page__submit-actions{flex-direction:column-reverse;gap:.75rem}.robot-create-page__submit-actions .btn,.robot-create-page__actions{width:100%}.robot-create-page__actions .btn{flex:1}}.robot-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc;font-family:Inter,"system-ui",sans-serif}.robot-detail-page--loading{justify-content:center;align-items:center}.robot-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.robot-detail-page--loading .loading-container .loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #1A2A80;border-radius:50%;animation:spin 1s linear infinite}.robot-detail-page--loading .loading-container .loading-text{color:#64748b;font-size:.875rem}.robot-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.robot-detail-page .error-container .error-icon{color:#ef4444}.robot-detail-page .error-container .error-message{font-size:1.125rem;color:#0f172a;font-weight:500}.robot-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.robot-detail-page__header .robot-header-content{display:flex;align-items:center;gap:1rem}.robot-detail-page__header .robot-header-content .robot-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#1a2a80,#3b38a0);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #1a2a8026}.robot-detail-page__header .robot-header-content .robot-title-section .robot-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0;line-height:1.25}.robot-detail-page__header .robot-header-content .robot-title-section .robot-code{font-size:.875rem;color:#64748b;margin:.25rem 0 0;font-weight:500}.robot-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000012}.robot-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.robot-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 4px 6px #00000012}.robot-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.robot-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.robot-detail-page__content{flex:1;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.robot-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;margin-bottom:2rem;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.robot-detail-page .info-section:hover{box-shadow:0 10px 15px #0000001a}.robot-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.robot-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.robot-detail-page .info-section .section-header .section-title-group .section-icon{color:#1a2a80}.robot-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.robot-detail-page .info-section .section-header .edit-btn{display:flex;align-items:center;gap:.5rem}.robot-detail-page .info-section .section-header .edit-btn svg{width:16px;height:16px}.robot-detail-page .info-section .section-content{padding:2rem 2.5rem}.robot-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.robot-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1024px){.robot-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.robot-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.robot-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.robot-detail-page .info-section .section-content .info-item:hover{border-color:#1a2a80;box-shadow:0 4px 15px #1a2a8026}.robot-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.robot-detail-page .info-section .section-content .info-item .info-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0}.robot-detail-page .info-section .section-content .info-item .info-value{font-size:1rem;font-weight:500;color:#0f172a;display:flex;align-items:center;gap:.5rem;word-break:break-word}.robot-detail-page .info-section .section-content .info-item .info-value svg{color:#64748b;flex-shrink:0}.robot-detail-page .info-section .section-content .info-item .info-value.robot-code{background:#1a2a80;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.robot-detail-page .info-section .section-content .info-item .info-value.branch-code{background:#9333ea;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge{padding:.5rem 1rem;border-radius:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge--available{background:#dcfce7;color:#15803d}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge--serving{background:#e0e7ff;color:#151f66}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge--charging{background:#fef3c7;color:#b45309}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge--inactive{background:#fee2e2;color:#b91c1c}.robot-detail-page .info-section .section-content .info-item .info-value.status-badge--ooc{background:#e2e8f0;color:#334155}@media (max-width: 768px){.robot-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.robot-detail-page__header .robot-header-content,.robot-detail-page__header .header-actions{width:100%}.robot-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.robot-detail-page__content,.robot-detail-page .info-section .section-header,.robot-detail-page .info-section .section-content{padding:1rem}}.robot-edit-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.robot-edit-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.robot-edit-page__title-section{flex:1}.robot-edit-page__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.robot-edit-page__subtitle{color:#64748b;font-size:1rem}.robot-edit-page__actions{display:flex;gap:1rem;align-items:center}.robot-edit-page__content{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.robot-edit-page__form{padding:2rem}.robot-edit-page__fields{display:flex;flex-direction:column;gap:1.5rem}.robot-edit-page__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.robot-edit-page__row{grid-template-columns:1fr}}.robot-edit-page__field{display:flex;flex-direction:column}.robot-edit-page__field--full{grid-column:1/-1}.robot-edit-page__field .searchable-select-group__container{border:none}.robot-edit-page__field .searchable-select-group__trigger{min-height:2.5rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.robot-edit-page__character-count{margin-top:.25rem;font-size:.875rem;color:#64748b;text-align:right}.robot-edit-page__loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;color:#64748b}.robot-edit-page__submit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.robot-edit-page__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.robot-edit-page .error-message{text-align:center;padding:2rem;color:#ef4444;font-size:1.125rem}@media (max-width: 768px){.robot-edit-page__header{flex-direction:column;gap:1rem}.robot-edit-page__form{padding:1rem}.robot-edit-page__submit-actions{flex-direction:column}.robot-edit-page__submit-actions button{width:100%}}@media (max-width: 640px){.robot-edit-page__form{padding:1rem}}.ticket-status-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:.375rem;transition:all .2s ease;white-space:nowrap}.ticket-status-badge .status-icon{display:inline-flex;align-items:center;justify-content:center}.ticket-status-badge .status-text{font-size:inherit;line-height:1}.ticket-status-badge--small{padding:.25rem .5rem;font-size:.75rem}.ticket-status-badge--small .status-icon{width:14px;height:14px}.ticket-status-badge--small .status-icon svg{width:14px;height:14px}.ticket-status-badge--medium{padding:.375rem .75rem;font-size:.875rem}.ticket-status-badge--medium .status-icon{width:16px;height:16px}.ticket-status-badge--medium .status-icon svg{width:16px;height:16px}.ticket-status-badge--large{padding:.5rem 1rem;font-size:1rem}.ticket-status-badge--large .status-icon{width:20px;height:20px}.ticket-status-badge--large .status-icon svg{width:20px;height:20px}.ticket-status-badge--requested{background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.ticket-status-badge--requested .status-icon{color:#475569}.ticket-status-badge--requested:hover{background-color:#e2e8f0;border-color:#94a3b8}.ticket-status-badge--called{background-color:#eff6ff;color:#0369a1;border:1px solid #bae6fd}.ticket-status-badge--called .status-icon{color:#0284c7}.ticket-status-badge--called:hover{background-color:#e0f2fe;border-color:#7dd3fc}.ticket-status-badge--serving{background-color:#f0f4fd;color:#1a2a80;border:1px solid #1A2A80}.ticket-status-badge--serving .status-icon{color:#1a2a80}.ticket-status-badge--serving:hover{background-color:#dce0fc;border-color:#1a2a80}.ticket-status-badge--completed{background-color:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.ticket-status-badge--completed .status-icon{color:#14b8a6}.ticket-status-badge--completed:hover{background-color:#ccfbf1;border-color:#5eead4}.ticket-status-badge--cancelled{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ticket-status-badge--cancelled .status-icon{color:#dc2626}.ticket-status-badge--cancelled:hover{background-color:#fee2e2;border-color:#fca5a5}.ticket-status-badge--called{animation:pulse-badge 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.8}}.current-ticket-display{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.current-ticket-display:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}@media (max-width: 768px){.current-ticket-display{padding:1rem;border-radius:.5rem}}@media (max-width: 640px){.current-ticket-display{padding:1rem}}.current-ticket-display.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;background:#f8fafc;border:1px solid #e2e8f0;gap:1rem;text-align:center}.current-ticket-display.empty .empty-state__icon{color:#64748b;opacity:.6}.current-ticket-display.empty .empty-state__title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.current-ticket-display.empty .empty-state__hint{font-size:.875rem;color:#64748b;margin:0}.current-ticket-display.loading{display:flex;flex-direction:column;gap:1rem;min-height:180px;justify-content:center}.current-ticket-display.loading .skeleton-bar{height:14px;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;border-radius:.5rem;animation:shimmer 2s ease-in-out infinite}.current-ticket-display.loading .skeleton-bar:first-child{height:20px}.current-ticket-display.loading .skeleton-bar:nth-child(2){width:80%}.current-ticket-display__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0}@media (max-width: 640px){.current-ticket-display__header{gap:.5rem}}.current-ticket-display .header-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}@media (max-width: 640px){.current-ticket-display .header-info{gap:.5rem}}.current-ticket-display .ticket-number{font-size:1.5rem;font-weight:700;color:#1a2a80;flex-shrink:0}@media (max-width: 640px){.current-ticket-display .ticket-number{font-size:1.125rem}}.current-ticket-display .customer-name{font-size:1rem;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}@media (max-width: 640px){.current-ticket-display .customer-name{font-size:.875rem}}.current-ticket-display__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.current-ticket-display__requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-top:1rem}@media (max-width: 640px){.current-ticket-display__requirements{padding:.5rem}}.detail-row{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;padding:.25rem 0}@media (max-width: 640px){.detail-row{flex-direction:column;gap:.25rem}}.detail-label{font-weight:600;color:#64748b;flex-shrink:0;min-width:100px}@media (max-width: 640px){.detail-label{min-width:auto}}.detail-value{color:#0f172a;flex:1;overflow-wrap:break-word}.requirements-title{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.3px}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.requirements-item{font-size:.875rem;color:#0f172a;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;border-left:3px solid #1A2A80;transition:all .2s ease;padding:.5rem 1rem}.requirements-item:before{content:"•";color:#1a2a80;font-weight:700;margin-right:.5rem}.requirements-item:hover{border-color:#818cf8;background:#eef2ff}.start-service-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:#1a2a80;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;min-height:44px}@media (max-width: 768px){.start-service-btn{min-height:40px;padding:1rem}}@media (max-width: 640px){.start-service-btn{min-height:40px;font-size:.75rem;padding:.5rem 1rem}}.start-service-btn:hover:not(:disabled){background:#151f66;transform:translateY(-1px);box-shadow:0 2px 8px #1a2a8033}.start-service-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1a2a801a}.start-service-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.start-service-btn svg{width:16px;height:16px;flex-shrink:0}.counter-shift-bar{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;box-shadow:0 1px 3px #00000014}@media (max-width: 768px){.counter-shift-bar{gap:.5rem;padding:.5rem 1rem}}.counter-shift-bar__top{display:flex;align-items:center;gap:1rem;justify-content:space-between}@media (max-width: 768px){.counter-shift-bar__top{flex-direction:column;align-items:flex-start;gap:.5rem}}.counter-shift-bar__bottom{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}@media (max-width: 768px){.counter-shift-bar__bottom{width:100%;gap:.25rem;flex-wrap:wrap}}.counter-info{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0}.counter-info__code,.counter-info__name{font-size:1rem;font-weight:700;color:#1a2a80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter-info__separator{color:#94a3b8;font-weight:400;flex-shrink:0}.counter-info__shift{font-size:.875rem;font-weight:600;color:#0f172a;white-space:nowrap;flex-shrink:0}.shift-time{padding:.375rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.shift-time__text{font-size:.8125rem;color:#64748b;font-weight:500}@media (max-width: 768px){.shift-time{width:100%;padding:.5rem}}.btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.8125rem;white-space:nowrap;min-height:36px;flex:0 0 auto}.btn:disabled{opacity:.6;cursor:not-allowed}.btn[aria-busy=true]{pointer-events:none}.btn__text{display:flex;align-items:center}.btn--call-next{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 8px #16a34a4d;padding:.5rem 1rem}.btn--call-next:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a66}.btn--call-next:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #16a34a4d}.btn--call-next:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none}.btn--call-next svg{flex-shrink:0}.btn--toggle-availability{background:#fff;border:1.5px solid #cbd5e1;color:#0f172a;font-weight:700;transition:all .3s ease}.btn--toggle-availability:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn--toggle-availability:active:not(:disabled){transform:translateY(0)}.btn--toggle-availability.btn--inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.btn--toggle-availability.btn--inactive:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.btn--toggle-availability.btn--inactive svg{animation:pulse-red 2s ease-in-out infinite}.btn--toggle-availability.btn--active{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-color:#15803d}.btn--toggle-availability.btn--active:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 4px 12px #16a34a4d}.btn--toggle-availability svg{flex-shrink:0}.btn--view-all{background:#fff;color:#1a2a80;border:1.5px solid #C7D2FE}.btn--view-all:hover:not(:disabled){background:#eef2ff;border-color:#818cf8;transform:translateY(-2px);box-shadow:0 2px 8px #1a2a8026}.btn--view-all:active:not(:disabled){transform:translateY(0);background:#e0e7ff}.btn--view-all svg{flex-shrink:0}.counter-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;animation:slideDown .3s ease-out}.counter-status-badge--inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.counter-status-badge__icon{font-size:1.125rem;animation:pulse-blink 1.5s ease-in-out infinite}.counter-status-badge__text{text-transform:uppercase;letter-spacing:.5px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-blink{0%,to{opacity:1}50%{opacity:.6}}.queue-item-card{display:grid;grid-template-columns:40px 1fr 100px;align-items:center;gap:.5rem;padding:10px 1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:4px;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:none;position:relative}@media (max-width: 767px){.queue-item-card{grid-template-columns:36px 1fr;gap:.25rem;padding:8px .5rem}}.queue-item-card:hover{border-color:#d1d5db;background:#f9fafb;box-shadow:0 1px 3px #00000014;transform:translateY(-1px)}.queue-item-card--next{background:#f0fdf4;border:2px solid #22c55e;border-radius:.75rem;box-shadow:0 2px 8px #16a34a1f}.queue-item-card--next:hover{background:#dcfce7;box-shadow:0 4px 6px #00000012;border-color:#16a34a;transform:translateY(-2px)}.queue-item-card--next .queue-item-card__position .position-number{background:#16a34a;color:#fff;font-weight:700;box-shadow:0 2px 6px #16a34a33}.queue-item-card--next .ticket-header__number{color:#15803d;font-weight:600;font-size:1rem}.queue-item-card--next .ticket-details__customer{color:#166534;font-weight:600}.queue-item-card--normal{background:#fff;border-color:#e2e8f0}.queue-item-card--normal:hover{border-color:#a5b4fc;background:#eef2ff}.queue-item-card--urgent{background:#fee2e2e6;border-color:#fca5a5;border-width:2px}.queue-item-card--urgent:hover{border-color:#f87171;background:#fee2e2f2;transform:translateY(-2px)}.queue-item-card--warning{background:#fef3c7b3;border-color:#fcd34d;border-width:2px}.queue-item-card--warning:hover{border-color:#fbbf24;background:#fef3c7d9;transform:translateY(-2px)}.queue-item-card--idle{background:#fff;border-color:#e2e8f0}.queue-item-card--idle:hover{border-color:#a5b4fc;background:#eef2ff}.queue-item-card__position{display:flex;justify-content:center;align-items:center;min-width:44px;height:44px}@media (max-width: 767px){.queue-item-card__position{min-width:40px;height:40px}}.position-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#e2e8f0;border-radius:50%;font-weight:700;font-size:1rem;color:#0f172a;transition:all .2s ease;box-shadow:none}@media (max-width: 767px){.position-number{width:40px;height:40px;font-size:.875rem}}.queue-item-card__content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;justify-content:center}.ticket-header{display:flex;align-items:center;gap:.5rem;justify-content:flex-start;flex-wrap:nowrap}.ticket-header__number{font-size:1rem;font-weight:700;color:#0f172a;white-space:nowrap;flex-shrink:0;min-width:36px}.ticket-details{display:flex;align-items:center;font-size:.875rem;color:#64748b;gap:0}.ticket-details__customer{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;flex:1}.ticket-details__service{color:#0f172a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;flex:1}.ticket-footer{display:flex;align-items:center;gap:6px;margin-top:2px;padding-top:0;font-size:.75rem}.ticket-footer__time{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap;display:flex;align-items:center;gap:2px}.ticket-footer__time:before{content:"⏱";font-size:.8rem;opacity:.7}.ticket-footer__urgency-badge{display:inline-block;padding:2px 6px;border-radius:.25rem;font-size:.65rem;font-weight:700;white-space:nowrap;text-transform:capitalize;letter-spacing:.2px;margin-left:auto}.ticket-footer__urgency-badge.urgency-normal{background:#dcfce7;color:#15803d}.ticket-footer__urgency-badge.urgency-warning{background:#fef3c7;color:#b45309}.ticket-footer__urgency-badge.urgency-urgent{background:#fee2e2;color:#b91c1c;font-weight:700}.ticket-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;margin-top:.25rem}.ticket-waiting{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:4px 1rem;background:#fef3c7;border-radius:.5rem;border:1px solid #fde68a;white-space:nowrap;flex-shrink:0}.ticket-waiting__icon{color:#d97706;flex-shrink:0;width:14px;height:14px}.ticket-waiting__time{color:#92400e;font-weight:600;font-size:.75rem}.skip-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;white-space:nowrap}.skip-badge svg{flex-shrink:0;width:12px;height:12px}.skip-badge--count-1{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#c2410c;border:1px solid #fed7aa}.skip-badge--count-2{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#b91c1c;border:1px solid #fecaca}.skip-badge--count-3{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid #991b1b;box-shadow:0 2px 8px #dc26264d}.queue-item-card__indicator{display:flex;align-items:center;justify-content:flex-end;gap:1rem}@media (max-width: 767px){.queue-item-card__indicator{display:none}}.next-badge{background:#16a34a;color:#fff;padding:4px 8px;border-radius:.5rem;font-size:.7rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 4px #16a34a33;display:inline-block;transition:all .2s ease}.queue-item-card__actions{display:flex;gap:.25rem;align-items:center}@media (max-width: 767px){.queue-item-card__actions{display:none}}.action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.75rem;white-space:nowrap;min-height:32px;min-width:32px}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn--call{background:#e0e7ff;color:#151f66;border:1px solid #C7D2FE}.action-btn--call:hover:not(:disabled){background:#c7d2fe;box-shadow:0 1px 4px #1a2a8033}.action-btn--call svg{width:14px;height:14px;flex-shrink:0}.action-btn--confirm{background:#dcfce7;color:#15803d}.action-btn--confirm:hover{background:#bbf7d0;box-shadow:0 2px 8px #16a34a4d}.action-btn--skip{background:#ffedd5;color:#c2410c}.action-btn--skip:hover{background:#fed7aa;box-shadow:0 2px 8px #ea580c4d}.waiting-queue-list-teller{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-height:400px;box-shadow:0 1px 3px #00000014}@media (max-width: 767px){.waiting-queue-list-teller{padding:.5rem;gap:.25rem}}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.queue-header__title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.queue-header__count{font-size:.75rem;color:#64748b;background:#f9fafb;padding:2px 6px;border-radius:.25rem;white-space:nowrap;font-weight:500}.queue-items{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 300px);flex:1}.queue-items::-webkit-scrollbar{width:5px}.queue-items::-webkit-scrollbar-track{background:transparent}.queue-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.queue-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 767px){.queue-items{max-height:300px}}.empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:3rem;text-align:center;flex:1}.empty-state__icon{color:#94a3b8}.empty-state__title{font-size:1rem;font-weight:600;color:#64748b;margin:0}.empty-state__hint{font-size:.875rem;color:#94a3b8;margin:0}.loading-skeleton{display:flex;flex-direction:column;gap:.25rem;flex:1}.skeleton-item{height:80px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;border-radius:.75rem;animation:shimmer 2s infinite}.scroll-hint{text-align:center;padding:1rem;color:#94a3b8;border-top:1px dashed #e2e8f0}.scroll-hint__text{font-size:.75rem;margin:0;font-style:italic}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:calc(200% + 2px) 0}}.phone-validator{display:flex;flex-direction:column;gap:.75rem;width:100%}.phone-validator__input-group{display:flex;flex-direction:column;gap:.5rem}.phone-validator__label{margin:0;padding:0;font-size:.95rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.375rem}.phone-validator__label .required-indicator{color:#dc2626;font-weight:700}.phone-validator__input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff;border:2px solid #cbd5e1;border-radius:8px;transition:all .2s ease}.phone-validator__input-wrapper:focus-within{border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.phone-validator__input-wrapper.--valid{border-color:#22c55e;background:#16a34a05}.phone-validator__input-wrapper.--valid:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.phone-validator__input-wrapper.--invalid{border-color:#ef4444;background:#dc262605}.phone-validator__input-wrapper.--invalid:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.phone-validator__icon{color:#94a3b8;flex-shrink:0}.phone-validator__input{flex:1;border:none;background:transparent;font-size:1rem;color:#1f2937;padding:0;outline:none}.phone-validator__input::placeholder{color:#94a3b8}.phone-validator__input:disabled{color:#94a3b8;cursor:not-allowed}.phone-validator__status-icon{flex-shrink:0;animation:scaleIn .3s ease}.phone-validator__status-icon.--valid{color:#16a34a}.phone-validator__status-icon.--invalid{color:#dc2626}.phone-validator__message{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:6px;font-size:.875rem;animation:slideInDown .2s ease}.phone-validator__message.--success{background:#16a34a1a;color:#15803d;border-left:3px solid #16a34a}.phone-validator__message.--error{background:#dc26261a;color:#b91c1c;border-left:3px solid #dc2626}.phone-validator__message span{margin:0;padding:0}.phone-validator__hint{padding:.625rem .875rem;background:#1a2a8014;color:#151f66;border-radius:6px;font-size:.8rem;border-left:3px solid #1A2A80;margin-top:-.5rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.phone-validator__label{font-size:.9rem}.phone-validator__input-wrapper{padding:.75rem;gap:.625rem}.phone-validator__input{font-size:.95rem}.phone-validator__message{font-size:.8rem;padding:.5rem .75rem}.phone-validator__hint{font-size:.75rem;padding:.5rem .75rem}}.customer-service-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;gap:1rem}.customer-service-modal .modal-header__content{flex:1}.customer-service-modal .modal-header__content .modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.customer-service-modal .modal-header__content .modal-subtitle{font-size:.875rem;color:#64748b;margin:0}.customer-service-modal .modal-header__content .modal-subtitle strong{color:#0f172a;font-weight:600}.customer-service-modal .modal-header .service-badge{background:#e0e7ff;color:#151f66;padding:.25rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border:1px solid #C7D2FE}.customer-service-modal .modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 400px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.customer-service-modal .modal-body::-webkit-scrollbar{width:5px}.customer-service-modal .modal-body::-webkit-scrollbar-track{background:transparent}.customer-service-modal .modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.customer-service-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.customer-service-modal .customer-id-section{display:flex;flex-direction:column;gap:.5rem}.customer-service-modal .customer-id-section .customer-id-label{font-size:.95rem;font-weight:600;color:#495057}.customer-service-modal .customer-id-section .customer-id-label .required-mark{color:#dc2626;margin-left:.25rem}.customer-service-modal .customer-id-section .customer-id-input{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:border-color .2s ease}.customer-service-modal .customer-id-section .customer-id-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.customer-service-modal .customer-id-section .customer-id-input:disabled{background:#f8f9fa;cursor:not-allowed}.customer-service-modal .customer-id-section .customer-id-input::placeholder{color:#adb5bd}.customer-service-modal .customer-info-section{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.customer-service-modal .customer-info-section .section-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.customer-service-modal .customer-info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.customer-service-modal .customer-info-section .info-grid{grid-template-columns:1fr}}.customer-service-modal .customer-info-section .form-group{display:flex;flex-direction:column;gap:.25rem}.customer-service-modal .customer-info-section .form-group .form-label{font-size:.875rem;font-weight:600;color:#64748b}.customer-service-modal .customer-info-section .form-group .form-label .required-mark{color:#dc2626;margin-left:2px}.customer-service-modal .customer-info-section .form-group .form-input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;font-family:inherit;transition:all .2s ease;background:#fff}.customer-service-modal .customer-info-section .form-group .form-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #1a2a801a}.customer-service-modal .customer-info-section .form-group .form-input:disabled{border:1px solid #e5e7eb;background:#f9fafb;color:#64748b;cursor:not-allowed}.customer-service-modal .customer-info-section .form-group .form-input.valid{border:1px solid #e5e7eb;background:#fff}.customer-service-modal .customer-info-section .form-group .form-input.valid:focus{border-color:#4ade80;box-shadow:0 0 0 2px #16a34a1a}.customer-service-modal .customer-info-section .form-group .form-input.invalid{border:1px solid #e5e7eb;background:#fff}.customer-service-modal .customer-info-section .form-group .form-input.invalid:focus{border-color:#f87171;box-shadow:0 0 0 2px #dc26261a}.customer-service-modal .customer-info-section .form-group .form-input::placeholder{color:#94a3b8}.customer-service-modal .phone-validation-section{display:flex;flex-direction:column;gap:.5rem}.customer-service-modal .verification-progress{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.customer-service-modal .verification-progress .progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.customer-service-modal .verification-progress .progress-header .progress-label{font-size:.875rem;font-weight:600;color:#64748b}.customer-service-modal .verification-progress .progress-header .progress-count{font-size:.875rem;font-weight:700;color:#1a2a80}.customer-service-modal .verification-progress .progress-bar{height:8px;background:#e5e7eb;border-radius:1rem;overflow:hidden}.customer-service-modal .verification-progress .progress-bar__fill{height:100%;background:#1a2a80;transition:width .3s ease;border-radius:1rem}.customer-service-modal .requirements-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.customer-service-modal .requirements-section .section-title svg{color:#1a2a80;flex-shrink:0}.customer-service-modal .requirements-section .requirements-list{display:flex;flex-direction:column;gap:.5rem}.customer-service-modal .requirements-section .requirement-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.customer-service-modal .requirements-section .requirement-item:hover{border-color:#a5b4fc;background:#f9fafb}.customer-service-modal .requirements-section .requirement-item.verified{border-color:#86efac;background:#16a34a08}.customer-service-modal .requirements-section .requirement-item .requirement-checkbox{display:flex;align-items:center;flex-shrink:0}.customer-service-modal .requirements-section .requirement-item .requirement-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#16a34a}.customer-service-modal .requirements-section .requirement-item .requirement-info{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.customer-service-modal .requirements-section .requirement-item .requirement-info .requirement-name{font-weight:500;color:#0f172a;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-service-modal .requirements-section .requirement-item .requirement-info .requirement-badge{font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:.25rem;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.customer-service-modal .requirements-section .requirement-item .requirement-info .requirement-badge--required{background:#fee2e2;color:#b91c1c}.customer-service-modal .requirements-section .requirement-item .requirement-info .requirement-badge--optional{background:#f1f5f9;color:#334155}.customer-service-modal .requirements-section .requirement-item .verified-icon{color:#16a34a;flex-shrink:0}.customer-service-modal .notes-section{display:flex;flex-direction:column;gap:.25rem}.customer-service-modal .notes-section .notes-label{font-size:.875rem;font-weight:600;color:#64748b}.customer-service-modal .notes-section .notes-textarea{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s ease;min-height:80px}.customer-service-modal .notes-section .notes-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #1a2a801a}.customer-service-modal .notes-section .notes-textarea::placeholder{color:#94a3b8}.customer-service-modal .warning-message{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background:#d977060d;border:1px solid rgba(217,119,6,.2);border-radius:.5rem;color:#b45309;font-size:.875rem;font-weight:500}.customer-service-modal .warning-message svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.customer-service-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid #e5e7eb;gap:1rem}.customer-service-modal .modal-footer .footer-actions{display:flex;gap:.5rem}.customer-service-modal .modal-footer .cancel-btn{color:#dc2626;border-color:#fecaca;background:#fff}.customer-service-modal .modal-footer .cancel-btn:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.customer-service-modal .modal-footer .complete-btn{background:#16a34a;border:none;color:#fff}.customer-service-modal .modal-footer .complete-btn:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a33}.customer-service-modal .modal-footer .complete-btn:active:not(:disabled){background:#166534}.customer-service-modal .modal-footer .complete-btn:disabled{background:#94a3b8}@media (max-width: 768px){.customer-service-modal .modal-header{flex-direction:column;align-items:flex-start;padding:1rem}.customer-service-modal .modal-header .service-badge{align-self:flex-start}.customer-service-modal .modal-body{padding:1rem;gap:.5rem}.customer-service-modal .customer-info-section .info-grid{grid-template-columns:1fr;gap:.5rem}.customer-service-modal .modal-footer{flex-direction:column;padding:1rem}.customer-service-modal .modal-footer .footer-actions{width:100%;flex-direction:column;gap:.5rem}.customer-service-modal .modal-footer .footer-actions button{width:100%}}.confirm-arrival-modal{display:flex;flex-direction:column;gap:1.5rem}.confirm-arrival-modal .modal-header{display:flex;align-items:flex-start;gap:1rem;padding:0}.confirm-arrival-modal .modal-header .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#1a2a80,#151f66);color:#fff;border-radius:.5rem;flex-shrink:0}.confirm-arrival-modal .modal-header .header-icon svg{width:24px;height:24px}.confirm-arrival-modal .modal-header .modal-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#0f172a}.confirm-arrival-modal .modal-header .modal-subtitle{margin:0;font-size:.875rem;color:#475569}.confirm-arrival-modal .modal-body{display:flex;flex-direction:column;gap:1.5rem}.confirm-arrival-modal .ticket-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #C7D2FE;border-radius:.5rem}.confirm-arrival-modal .ticket-summary .ticket-number-large{font-size:2.25rem;font-weight:700;color:#1a2a80;line-height:1}.confirm-arrival-modal .ticket-summary .ticket-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#1a2a80;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.confirm-arrival-modal .info-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.confirm-arrival-modal .info-section .section-title{margin:0;font-size:.875rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.confirm-arrival-modal .info-section .info-row{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.confirm-arrival-modal .info-section .info-row .label{font-weight:600;color:#334155;min-width:120px}.confirm-arrival-modal .info-section .info-row .value{color:#0f172a;text-align:right;flex:1;word-break:break-word}.confirm-arrival-modal .info-section .guest-customer{margin:0;padding:.75rem 1rem;background:#fefce8;color:#b45309;border-left:3px solid #d97706;border-radius:.25rem;font-size:.875rem;font-style:italic}.confirm-arrival-modal .confirmation-message{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:.5rem}.confirm-arrival-modal .confirmation-message svg{flex-shrink:0;color:#16a34a;width:20px;height:20px;margin-top:2px}.confirm-arrival-modal .confirmation-message p{margin:0;font-size:.875rem;color:#15803d;line-height:1.5}.confirm-arrival-modal .modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e2e8f0}.confirm-arrival-modal .modal-footer .cancel-button{min-width:120px}.confirm-arrival-modal .modal-footer .confirm-button{min-width:140px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.confirm-arrival-modal .modal-footer .confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}@media (max-width: 640px){.confirm-arrival-modal{gap:1rem}.confirm-arrival-modal .modal-header .header-icon{width:40px;height:40px}.confirm-arrival-modal .modal-header .header-icon svg{width:20px;height:20px}.confirm-arrival-modal .modal-header .modal-title{font-size:1rem}.confirm-arrival-modal .modal-header .modal-subtitle{font-size:.75rem}.confirm-arrival-modal .ticket-summary{flex-direction:column;align-items:center;text-align:center;gap:1rem}.confirm-arrival-modal .ticket-summary .ticket-number-large{font-size:1.875rem}.confirm-arrival-modal .info-section{padding:.875rem;gap:.625rem}.confirm-arrival-modal .info-section .info-row{flex-direction:column;gap:.25rem}.confirm-arrival-modal .info-section .info-row .label{min-width:auto}.confirm-arrival-modal .info-section .info-row .value{text-align:left}.confirm-arrival-modal .modal-footer{flex-direction:column}.confirm-arrival-modal .modal-footer .cancel-button,.confirm-arrival-modal .modal-footer .confirm-button{width:100%}}.transfer-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.transfer-modal{background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .3s ease}@media (min-width: 768px){.transfer-modal{width:90%}}.transfer-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem;border-bottom:1px solid #e2e8f0}.transfer-modal__title-section{display:flex;align-items:center;gap:.75rem}.transfer-modal__warning-icon{color:#d97706;flex-shrink:0}.transfer-modal__title{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.transfer-modal__close-btn{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;transition:color .2s ease;flex-shrink:0}.transfer-modal__close-btn:hover:not(:disabled){color:#475569}.transfer-modal__close-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-modal__content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.transfer-modal__message{margin:0;font-size:1rem;color:#1e293b;line-height:1.5}.transfer-modal__message strong{font-weight:700;color:#0f172a}.transfer-modal__section{display:flex;flex-direction:column;gap:1rem}.transfer-modal__info-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:.5rem}.transfer-modal__info-label{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.transfer-modal__info-value{font-size:.95rem;font-weight:600;color:#0f172a}.transfer-modal__transfer-path{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #C7D2FE;border-radius:.75rem;margin-top:.5rem}.transfer-path__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:2px solid #A5B4FC}.transfer-path__item.transfer-path__source{border-left:4px solid #f97316}.transfer-path__item.transfer-path__destination{border-right:4px solid #22c55e}.transfer-path__counter{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.transfer-path__arrow{font-size:1.5rem;color:#1a2a80;font-weight:700}.transfer-modal__section-title{margin:0;font-size:.9rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.validation-note{font-size:.75rem;font-weight:500;color:#475569;text-transform:none;letter-spacing:normal}.transfer-modal__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.95rem;color:#0f172a;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.8125rem;font-weight:600;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.status-badge--requested{background:#e0e7ff;color:#151f66}.status-badge--serving{background:#dcfce7;color:#15803d}.status-badge--called{background:#eef2ff;color:#151f66}.status-badge--completed{background:#dcfce7;color:#15803d}.status-badge--cancelled{background:#fee2e2;color:#b91c1c}.transfer-modal__warning-section{display:flex;gap:1rem;padding:1rem;background:#fefce8;border-left:4px solid #d97706;border-radius:.5rem}.transfer-modal__warning-section .warning-icon{color:#d97706;flex-shrink:0}.warning-content{display:flex;flex-direction:column;gap:.5rem}.warning-title{margin:0;font-size:.95rem;font-weight:600;color:#78350f}.warning-message{margin:0;font-size:.875rem;color:#78350f}.warning-list{margin:.5rem 0 0;padding-left:1.25rem;font-size:.875rem;color:#78350f}.warning-list li{margin-bottom:.25rem}.warning-list li:last-child{margin-bottom:0}.transfer-modal__error-section{display:flex;gap:1rem;padding:1rem;background:#fef2f2;border-left:4px solid #dc2626;border-radius:.5rem}.transfer-modal__error-section .error-icon{color:#dc2626;flex-shrink:0}.error-content{display:flex;flex-direction:column;gap:.5rem}.error-title{margin:0;font-size:.95rem;font-weight:600;color:#7f1d1d}.error-message{margin:0;font-size:.875rem;color:#991b1b}.error-detail{margin:0;font-size:.8125rem;color:#b91c1c}.transfer-modal__requirement-section{padding:1rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:.5rem;display:flex;align-items:center;gap:1rem}.requirement-header{display:flex;align-items:center;gap:.75rem;flex:1}.requirement-label{font-size:.8125rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.requirement-badge{display:inline-block;padding:.375rem .875rem;background:#fff;border:1px solid #A5B4FC;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#151f66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-modal__counter-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.counter-option{position:relative;display:flex;align-items:stretch;gap:.75rem;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.counter-option input[type=radio]{margin-top:.25rem;cursor:pointer}.counter-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.counter-option:hover:not(:has(input:disabled)){border-color:#818cf8;background:#eef2ff;box-shadow:0 2px 8px #3b82f626}.counter-option.selected{border-color:#1a2a80;background:#e0e7ff;box-shadow:0 4px 12px #3b82f640}.counter-option--compatible{border-left:4px solid #22c55e}.counter-option--compatible:hover:not(:has(input:disabled)){border-left-color:#16a34a}.counter-option--compatible.selected{border-left-color:#15803d}.counter-option__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.counter-option__code{margin:0;font-size:.95rem;font-weight:700;color:#0f172a}.counter-option__name{margin:0;font-size:.8125rem;color:#475569}.counter-option__services-container{display:flex;align-items:flex-start;gap:.375rem;margin-top:.25rem}.services-label{font-size:.65rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;padding-top:.15rem}.counter-option__services{margin:0;font-size:.75rem;color:#16a34a;line-height:1.3;font-weight:500;flex:1}.counter-option__check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#dcfce7;border-radius:50%;color:#16a34a;font-weight:700;font-size:.875rem;flex-shrink:0}.transfer-modal__error-message{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.transfer-modal__error-message p{margin:0;font-size:.875rem;color:#b91c1c}.transfer-modal__footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0;justify-content:flex-end;flex-shrink:0}@media (max-width: 767px){.transfer-modal__footer{flex-direction:column-reverse}}.transfer-modal__btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.transfer-modal__btn:disabled{opacity:.5;cursor:not-allowed}.transfer-modal__btn--cancel{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.transfer-modal__btn--cancel:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.transfer-modal__btn--confirm{background:#1a2a80;color:#fff}.transfer-modal__btn--confirm:hover:not(:disabled){background:#151f66;box-shadow:0 2px 8px #1a2a804d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.transfer-modal::-webkit-scrollbar{width:6px}.transfer-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.5rem}.transfer-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.5rem}.transfer-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teller-queue-page{padding:0;display:flex;flex-direction:column;gap:2.5rem}@media (max-width: 1024px){.teller-queue-page{gap:2rem}}@media (max-width: 768px){.teller-queue-page{gap:1.5rem}}.teller-queue-page__loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;height:100vh;width:100%;color:#64748b}.teller-queue-page__header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0}@media (max-width: 768px){.teller-queue-page__header{flex-direction:column;align-items:flex-start;gap:1rem}}.teller-queue-page__title-section{flex:1}.teller-queue-page__title{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#0f172a;line-height:1.2}.teller-queue-page__subtitle{margin:0;font-size:1rem;color:#475569}.teller-queue-page__header-actions{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.teller-queue-page__header-actions{flex-direction:column;width:100%;gap:.75rem}.teller-queue-page__header-actions .counter-toggle-btn{width:100%}}.teller-queue-page__header-actions .counter-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}.teller-queue-page__header-actions .counter-toggle-btn svg{width:16px;height:16px}.teller-queue-page__ws-status{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}@media (max-width: 768px){.teller-queue-page__ws-status{width:100%;justify-content:flex-start}}.teller-queue-page__ws-status .ws-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background:#f8fafc;border:1px solid #e2e8f0;transition:all .3s ease}.teller-queue-page__ws-status .ws-indicator.connected{background:#f0fdf4;border-color:#86efac;color:#166534}.teller-queue-page__ws-status .ws-indicator.connected .ws-indicator__dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.teller-queue-page__ws-status .ws-indicator.disconnected{background:#fef2f2;border-color:#fecaca;color:#991b1b}.teller-queue-page__ws-status .ws-indicator.disconnected .ws-indicator__dot{background:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.teller-queue-page__ws-status .ws-indicator__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.teller-queue-page__ws-status .ws-indicator__label{white-space:nowrap;font-size:.75rem}.teller-queue-page__section{display:flex;flex-direction:column;gap:1.5rem}.teller-queue-page__current-ticket{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.teller-queue-page__shift-info{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:1.5rem}.teller-queue-page.error-state{display:flex;align-items:center;justify-content:center;min-height:600px}.error-container{text-align:center;padding:3rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;max-width:500px}.error-container .error-icon{color:#dc2626;margin-bottom:1.5rem}.error-container .error-title{font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:1rem}.error-container .error-message{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.error-container .error-retry-btn{padding:1rem 1.5rem;background:#1a2a80;color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-container .error-retry-btn:hover{background:#151f66;transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.error-container .error-retry-btn:active{transform:translateY(0)}.page-header{margin-bottom:3rem}@media (max-width: 767px){.page-header{margin-bottom:2rem}}.page-header__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}@media (max-width: 767px){.page-header__title{font-size:1.5rem}}.page-header__subtitle{font-size:1rem;color:#94a3b8;margin:0}.page-section{margin-bottom:2rem}.page-section:last-child{margin-bottom:0}.loading-state{height:200px;background:#f1f5f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1rem;animation:pulse 1.5s ease-in-out infinite}.overall-display{display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(120deg,#f8fafc,#eef2ff,#f8fafc);min-height:100vh}.overall-display__loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;min-height:70vh;width:100%;color:#64748b}.overall-display__loading p{margin:0;font-size:1.0625rem}.overall-display__header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:flex-start;border-radius:.75rem;box-shadow:0 8px 24px #0f172a14;gap:.75rem 1rem;flex-shrink:0;padding:1rem 1.25rem;background:#ffffffe6;border:none;backdrop-filter:blur(6px)}@media (max-width: 900px){.overall-display__header{grid-template-columns:1fr}}.overall-display__title-section{display:flex;flex-direction:column;gap:.35rem;grid-column:1/2;grid-row:1/2}.overall-display__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#1a2a80;font-weight:700;font-size:.75rem;margin:0}.overall-display__title{margin:0;font-size:1.6rem;font-weight:700;color:#0f172a;line-height:1.15}@media (max-width: 768px){.overall-display__title{font-size:1.4rem}}.overall-display__subtitle{margin:0;font-size:.97rem;color:#475569}.overall-display__metrics{grid-column:1/-1;grid-row:2/3;margin-top:.15rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%}@media (max-width: 992px){.overall-display__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 576px){.overall-display__metrics{grid-template-columns:1fr}}.overall-display__metric{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:.65rem;padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:64px;box-shadow:0 4px 10px #0f172a0a}.overall-display__metric--primary{border-color:#c7d2fe;box-shadow:0 6px 14px #3b82f61f}.overall-display__metric-label{font-size:.85rem;color:#475569;font-weight:600;letter-spacing:.02em}.overall-display__metric-value{font-size:1.35rem;font-weight:700;color:#0f172a}.overall-display__actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;background:#ffffffe6;border:none;border-radius:.65rem;padding:.75rem .85rem;min-width:240px;grid-column:2/3;grid-row:1/2}@media (max-width: 768px){.overall-display__actions{width:100%;align-items:stretch}}.overall-display__floor-selector{display:flex;gap:.6rem;align-items:center;padding:.35rem .5rem;background:#f8fafc;border-radius:.5rem;width:100%}@media (max-width: 768px){.overall-display__floor-selector{width:100%;flex:1;min-width:unset}}.overall-display__floor-label{font-size:.95rem;font-weight:600;color:#334155;white-space:nowrap}@media (max-width: 768px){.overall-display__floor-label{font-size:.93rem}}.overall-display__action-buttons{display:flex;gap:.5rem;width:100%;justify-content:flex-end}@media (max-width: 768px){.overall-display__action-buttons{justify-content:flex-start}}.overall-display__refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:none;border-radius:.55rem;cursor:pointer;color:#1a2a80;transition:all .25s ease;box-shadow:0 4px 10px #3b82f61f}.overall-display__refresh-btn:hover:not(:disabled){background:#eef2ff;border-color:#a5b4fc;color:#151f66;transform:translateY(-1px)}.overall-display__refresh-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.overall-display__refresh-btn svg{width:18px;height:18px}.overall-display__refresh-icon--spinning{animation:spin 1s linear infinite}.overall-display__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:none;border-radius:.55rem;cursor:pointer;color:#334155;transition:all .25s ease;box-shadow:0 4px 10px #0f172a14}.overall-display__back-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-1px)}.overall-display__back-btn:active:not(:disabled){transform:translateY(0)}.overall-display__back-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.overall-display__back-btn svg{width:18px;height:18px}.overall-display__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;gap:1rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;color:#94a3b8}.overall-display__empty-state svg{color:#cbd5e1;width:48px;height:48px}.overall-display__empty-state p{font-size:1rem;color:#64748b;margin:0}.overall-display__board{display:flex;gap:.75rem;overflow:hidden;padding:.25rem .25rem .5rem;background:transparent;border-radius:.5rem;align-items:stretch}@media (max-width: 1200px){.overall-display__board{gap:.65rem;padding:.5rem .25rem}}@media (max-width: 768px){.overall-display__board{flex-direction:column;gap:.65rem;padding:.25rem .15rem}}.overall-display__waiting-section{flex:0 0 360px;min-width:0;display:flex;flex-direction:column}@media (max-width: 1400px){.overall-display__waiting-section{flex:0 0 340px}}@media (max-width: 1200px){.overall-display__waiting-section{flex:0 0 320px}}@media (max-width: 768px){.overall-display__waiting-section{flex:1 1 auto}}.overall-display__counters-section{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:.75rem;row-gap:1.25rem;align-content:start;overflow-y:auto;overflow-x:hidden;padding-bottom:.5rem;padding-right:.25rem}@media (max-width: 1600px){.overall-display__counters-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.overall-display__counters-section{column-gap:.65rem;row-gap:1rem}}@media (max-width: 768px){.overall-display__counters-section{grid-template-columns:1fr;overflow-y:visible;row-gap:.75rem}}.overall-display__counters-section::-webkit-scrollbar{width:8px}.overall-display__counters-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.5rem}.overall-display__counters-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.5rem}.overall-display__counters-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}.overall-display__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:#64748b;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.waiting-list-column{display:flex;flex-direction:column;gap:.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #C7D2FE;border-left:4px solid #3B38A0;border-radius:.5rem;padding:.6rem .65rem;box-shadow:0 4px 12px #3b82f626;transition:all .3s ease;overflow:hidden;min-height:0;height:100%}.waiting-list-column:hover{border-color:#818cf8;box-shadow:0 6px 16px #3b82f640;transform:translateY(-2px)}.waiting-list-column__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.4rem;border-bottom:2px solid #C7D2FE;margin-bottom:.4rem}.waiting-list-column__title-wrapper{display:flex;align-items:center;gap:.5rem}.waiting-list-column__icon{color:#1a2a80;flex-shrink:0}.waiting-list-column__title{margin:0;font-size:1rem;font-weight:700;color:#1e1b4b;letter-spacing:.01em}.waiting-list-column__count{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#e0e7ff;border:2px solid #A5B4FC;border-radius:.4rem;font-size:.95rem;font-weight:700;color:#151f66}.waiting-list-column__description{margin:0 0 .5rem;font-size:.85rem;color:#475569;line-height:1.4;font-style:italic}.waiting-list-column__tickets{display:flex;flex-direction:column;gap:.4rem;flex:1;overflow-y:auto;padding-right:.25rem;min-height:200px}.waiting-list-column__tickets.empty{justify-content:center;align-items:center;min-height:300px}.waiting-list-column__tickets.drag-over--can-drop{background:#f0fdf4;border-color:#4ade80;border-style:dashed;border-width:2px}.waiting-list-column__tickets.drag-over--cannot-drop{background:#fef2f2;border-color:#fca5a5;border-style:dashed;border-width:2px}.waiting-list-column__tickets::-webkit-scrollbar{width:4px}.waiting-list-column__tickets::-webkit-scrollbar-track{background:transparent}.waiting-list-column__tickets::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:2px}.waiting-list-column__tickets::-webkit-scrollbar-thumb:hover{background:#818cf8}.waiting-list-column__empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#94a3b8}.waiting-list-column__empty .empty-icon{color:#cbd5e1}.waiting-list-column__empty p{margin:0;font-size:.9rem;color:#64748b}.counter-column{display:flex;flex-direction:column;gap:.4rem;--slot-min-height: 140px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #E0E7FF;border-radius:.5rem;padding:.45rem .5rem;box-shadow:0 3px 8px #0f172a09;transition:all .3s ease;overflow:hidden;min-height:0;min-width:280px}.counter-column:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #00000026}.counter-column__header{display:flex;align-items:center;justify-content:space-between;gap:.2rem;padding-bottom:.15rem;border-bottom:1px dashed #e2e8f0;margin-bottom:.35rem}.counter-column__info{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1}.counter-column__code{margin:0;font-size:.95rem;font-weight:700;color:#0f172a;letter-spacing:.01em}.counter-column__toggle-btn{padding:.25rem .75rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.counter-column__toggle-btn--inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.counter-column__toggle-btn--inactive:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.counter-column__toggle-btn--inactive:active:not(:disabled){transform:translateY(1px)}.counter-column__toggle-btn--active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.counter-column__toggle-btn--active:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #10b9814d}.counter-column__toggle-btn--active:active:not(:disabled){transform:translateY(1px)}.counter-column__toggle-btn:disabled{opacity:.6;cursor:not-allowed}.counter-column__status-badge{padding:.5rem .75rem;background:#ef44441a;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:.375rem;font-size:.875rem;font-weight:600;text-align:center;animation:pulse 1.5s ease-in-out infinite}.counter-column__status-badge span{display:flex;align-items:center;justify-content:center;gap:.5rem}.counter-column__service-groups{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.18rem;padding:.35rem .45rem;background:#f8fafc;border-radius:.45rem;border-left:2px solid #A5B4FC;overflow:hidden;margin-bottom:.35rem;min-height:88px;width:100%}.counter-column__label{margin:0;font-size:.82rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.counter-column__value{margin:0;font-size:.9rem;color:#1e293b;line-height:1.45;font-weight:500;white-space:normal;display:block;width:100%;padding:.1rem 0;background:transparent;border-radius:.25rem;border:none;word-break:break-word}.counter-column__value--scrolling{animation:marquee 10s linear infinite;display:inline-block;min-width:fit-content}.counter-column__serving-area{min-height:var(--slot-min-height);background:#eef2ff;border:1.5px dashed #A5B4FC;border-radius:.6rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:1.15rem;margin-bottom:.35rem}.counter-column__serving-area.has-ticket{background:transparent;border:none;padding:0;align-items:stretch;justify-content:flex-start}.counter-column__serving-area.has-ticket:hover{background:transparent;border:none}.counter-column__serving-area:hover:not(.has-ticket){background:#e0e7ff;border-color:#3b38a0}.counter-column__calling-area{min-height:var(--slot-min-height);background:#f59e0b1a;border:1.5px dashed #f59e0b;border-radius:.6rem;display:flex;align-items:stretch;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:1.15rem;margin-bottom:.35rem}.counter-column__calling-area.has-ticket{background:#f59e0b1a;border-color:#f59e0b}.counter-column__calling-area:hover{background:#f59e0b26;border-color:#f97316}.counter-column__available{display:flex;align-items:center;justify-content:center;gap:.3rem;color:#15803d;font-size:.88rem;font-weight:600;padding:.45rem;background:#dcfce7;border-radius:.45rem;border:1px solid #86efac;width:100%;height:100%;min-height:var(--slot-min-height)}.counter-column__waiting-queue{display:flex;flex-direction:column;gap:.2rem;min-height:64px;padding:.35rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;flex:1;overflow-y:auto;margin-top:.15rem}.counter-column__waiting-queue.empty{justify-content:center;align-items:center;min-height:80px}.counter-column__waiting-queue__section-title{margin:.5rem 0 0;padding-top:.5rem;font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #cbd5e1}.counter-column__waiting-queue__section-title:first-child{margin:0;padding-top:0;border-top:none}.counter-column__empty{margin:0;text-align:center;font-size:.875rem;color:#64748b}.counter-column__assigned-section{display:flex;flex-direction:column;gap:.3rem;min-height:80px;padding:.4rem;background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border:1.5px solid #C7D2FE;border-left:3px solid #3B38A0;border-radius:.5rem;flex:1;overflow-y:auto;margin-top:.15rem;transition:all .2s ease}.counter-column__assigned-section.empty{justify-content:center;align-items:center;min-height:100px}.counter-column__assigned-section.drag-over--can-drop{background:#dcfce7;border-color:#4ade80;border-style:dashed}.counter-column__assigned-section.drag-over--cannot-drop{background:#fef2f2;border-color:#fca5a5;border-style:dashed}.counter-column__assigned-header{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding-bottom:.25rem;border-bottom:1px dashed #A5B4FC;margin-bottom:.25rem}.counter-column__assigned-title-wrapper{display:flex;align-items:center;gap:.35rem}.counter-column__assigned-icon{color:#1a2a80;flex-shrink:0}.counter-column__assigned-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;background:#e0e7ff;border:1px solid #A5B4FC;border-radius:.3rem;font-size:.8rem;font-weight:700;color:#151f66}.assigned-tickets-list{display:flex;flex-direction:column;gap:.35rem;flex:1;overflow-y:auto;padding-right:.2rem}.assigned-tickets-list::-webkit-scrollbar{width:4px}.assigned-tickets-list::-webkit-scrollbar-track{background:transparent}.assigned-tickets-list::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:2px}.assigned-tickets-list::-webkit-scrollbar-thumb:hover{background:#818cf8}.serving-ticket-card{width:100%;padding:.7rem;background:#fff;border:1px solid #cbd5e1;border-left:4px solid #3B38A0;border-radius:.5rem;cursor:grab;transition:all .2s ease;display:flex;flex-direction:column;min-height:var(--slot-min-height);gap:.26rem;font-size:.9rem;box-shadow:0 1px 3px #0000000d;background:#eef2ff}.serving-ticket-card:hover{border-color:#818cf8;border-left-color:#1a2a80;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.serving-ticket-card:active{cursor:grabbing}.serving-ticket-card.dragging{opacity:.5;transform:scale(.95);box-shadow:0 4px 12px #00000026}.calling-ticket-card{width:100%;padding:.7rem;background:#fff;border:1px solid #cbd5e1;border-left:4px solid #f59e0b;border-radius:.5rem;cursor:default;transition:all .2s ease;display:flex;flex-direction:column;gap:.26rem;font-size:.9rem;box-shadow:0 1px 3px #0000000d;background:#f59e0b0d}.calling-ticket-card:hover{border-color:#f59e0b;border-left-color:#f97316;box-shadow:0 2px 4px #f9731633;transform:translateY(-1px)}.calling-ticket-card__meta{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;flex-wrap:wrap;margin-top:.25rem}.calling-ticket-card__meta--normal{background:#dcfce799;border-left:3px solid #16a34a}.calling-ticket-card__meta--warning{background:#fef3c7cc;border-left:3px solid #d97706;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.calling-ticket-card__meta--urgent{background:#fee2e2e6;border-left:3px solid #dc2626;animation:pulse-urgent 1s cubic-bezier(.4,0,.6,1) infinite}.calling-ticket-card__time{color:#334155;white-space:nowrap}.calling-ticket-card__urgency{padding:2px 6px;border-radius:3px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.calling-ticket__meta--normal .calling-ticket-card__urgency{background:#16a34a;color:#fff}.calling-ticket__meta--warning .calling-ticket-card__urgency{background:#b45309;color:#fff}.calling-ticket__meta--urgent .calling-ticket-card__urgency{background:#b91c1c;color:#fff}.available-status__icon{color:#94a3b8}.available-status__label{font-size:1rem;color:#475569;font-weight:600}.serving-ticket__status{font-size:.75rem;font-weight:700;color:#151f66;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.serving-ticket__header{display:flex;align-items:center;gap:.5rem}.serving-ticket__number{font-weight:700;color:#0f172a;font-size:1.2rem;line-height:1.4;white-space:nowrap}.serving-ticket__customer{color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.05rem;line-height:1.4;flex:1}.serving-ticket__service{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;line-height:1.4}.calling-ticket__status{font-size:.75rem;font-weight:700;color:#d97706;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.calling-ticket__header{display:flex;align-items:center;gap:.5rem}.calling-ticket__number{font-weight:700;color:#0f172a;font-size:1.2rem;line-height:1.4;white-space:nowrap}.calling-ticket__customer{color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.05rem;line-height:1.4;flex:1}.calling-ticket__service{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;line-height:1.4}.calling-ticket__meta{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;flex-wrap:wrap;margin-top:.25rem}.calling-ticket__meta--normal{background:#dcfce799;border-left:3px solid #16a34a}.calling-ticket__meta--warning{background:#fef3c7cc;border-left:3px solid #d97706;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.calling-ticket__meta--urgent{background:#fee2e2e6;border-left:3px solid #dc2626;animation:pulse-urgent 1s cubic-bezier(.4,0,.6,1) infinite}.calling-ticket__time{color:#334155;white-space:nowrap}.calling-ticket__urgency{padding:2px 6px;border-radius:3px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.calling-ticket__meta--normal .calling-ticket__urgency{background:#16a34a;color:#fff}.calling-ticket__meta--warning .calling-ticket__urgency{background:#b45309;color:#fff}.calling-ticket__meta--urgent .calling-ticket__urgency{background:#b91c1c;color:#fff}.waiting-tickets{display:flex;flex-direction:column;gap:.375rem;flex:1;overflow-y:auto;padding-right:.25rem}.waiting-tickets::-webkit-scrollbar{width:4px}.waiting-tickets::-webkit-scrollbar-track{background:transparent}.waiting-tickets::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.waiting-tickets::-webkit-scrollbar-thumb:hover{background:#94a3b8}.waiting-item{padding:.55rem .7rem;background:#fff;border:1px solid #cbd5e1;border-radius:.45rem;cursor:grab;transition:all .2s ease;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;box-shadow:0 1px 3px #00000012}.waiting-item:hover{border-color:#a5b4fc;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.waiting-item:active{cursor:grabbing}.waiting-item.dragging{opacity:.5;transform:scale(.95);box-shadow:0 4px 12px #00000026}.waiting-item--assigned{border-left:3px solid #1A2A80;border-left-width:3px;background:#eef2ff}.waiting-item--assigned:hover{border-left-color:#151f66;background:#e0e7ff}.waiting-item--disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1}.waiting-item--disabled:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d;transform:none}.waiting-item--disabled:active{cursor:not-allowed}.waiting-item--normal{background:#fff;border-color:#cbd5e1}.waiting-item--normal:hover{border-color:#a5b4fc;background:#fff}.waiting-item--warning{background:#fef3c799;border-color:#fcd34d;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.waiting-item--warning:hover{border-color:#fbbf24;background:#fef3c7cc}.waiting-item--urgent{background:#fee2e2cc;border-color:#fca5a5;animation:pulse-urgent 1s cubic-bezier(.4,0,.6,1) infinite}.waiting-item--urgent:hover{border-color:#f87171;background:#fee2e2e6}.waiting-item__footer{display:flex;align-items:center;justify-content:flex-start;gap:.2rem;margin-top:auto;padding-top:.15rem}.waiting-item__time{font-size:.875rem;font-weight:600;color:#334155;white-space:nowrap}.waiting-item__urgency-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.waiting-item--normal .waiting-item__urgency-badge{background:#dcfce7;color:#15803d}.waiting-item--warning .waiting-item__urgency-badge{background:#fef3c7;color:#b45309}.waiting-item--urgent .waiting-item__urgency-badge{background:#fee2e2;color:#b91c1c}.waiting-item--more{background:#eef2ff;border:1px solid #C7D2FE;color:#1a2a80;justify-content:center;align-items:center;cursor:pointer;font-weight:600;transition:all .2s ease}.waiting-item--more:hover{background:#e0e7ff;border-color:#818cf8;box-shadow:0 2px 4px #3b82f633;transform:scale(1.01)}.waiting-item--more:active{transform:scale(.98)}.waiting-item__header{display:flex;align-items:center;gap:.5rem}.waiting-item__assigned-icon{color:#1a2a80;flex-shrink:0;margin-left:.2rem}.waiting-item__number{font-weight:700;color:#0f172a;font-size:.94rem;line-height:1.4;white-space:nowrap}.waiting-item__customer{color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:.9rem;line-height:1.4;flex:1}.waiting-item__service{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem;line-height:1.4}.waiting-item__more-text{color:#1a2a80;font-weight:600;font-size:.7rem}.waiting-item__badge{display:inline-block;padding:.15rem .375rem;background:#e0e7ff;color:#151f66;border-radius:.2rem;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.transfer-error-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0}.transfer-error-content__icon-section{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#ef44441a}.transfer-error-content__icon{color:#dc2626;width:48px;height:48px}.transfer-error-content__message{text-align:center;font-size:1rem;color:#334155;line-height:1.5;margin:0;max-width:400px}.transfer-error-content__info-section{width:100%;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.transfer-error-content__info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.5rem}.transfer-error-content__info-label{font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.transfer-error-content__info-value{font-weight:500;color:#0f172a;font-size:1rem}.transfer-error-content__transfer-path{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#eef2ff;border:1px solid #C7D2FE;border-radius:.5rem}.transfer-path__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.375rem;text-align:center}.transfer-path__item.transfer-path__source{background:#e5e7eb80;border-left:3px solid #64748b}.transfer-path__item.transfer-path__destination{background:#e5e7eb80;border-left:3px solid #ef4444}.transfer-path__label{margin:0;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.transfer-path__counter{margin:0;font-size:1rem;font-weight:600;color:#0f172a}.transfer-path__arrow{font-size:1.5rem;color:#94a3b8;flex-shrink:0}.transfer-error-btn--close{padding:.75rem 2rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.transfer-error-btn--close:hover{background:#b91c1c;box-shadow:0 2px 8px #dc26264d;transform:translateY(-2px)}.transfer-error-btn--close:active{transform:translateY(0)}.transfer-error-btn--close:disabled{opacity:.6;cursor:not-allowed}.counter-column__waiting-queue.drag-over--can-drop{background:#dcfce7;border-color:#4ade80;border-style:dashed}.counter-column__waiting-queue.drag-over--can-drop .waiting-item{border-color:#86efac}.counter-column__waiting-queue.drag-over--cannot-drop{background:#fef2f2;border-color:#fca5a5;border-style:dashed}.counter-column__waiting-queue.drag-over--cannot-drop .waiting-item{border-color:#fecaca;opacity:.6}.counter-column__serving-area.drag-over{background:#dcfce7;border-color:#4ade80}.video-call-room{display:flex;flex-direction:column;gap:16px;width:680px;max-width:100%}.video-call-room__video{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#0f172a}.video-call-room__remote{position:absolute;inset:0;background:#0f172a;color:#ffffffb3;font-size:16px;display:flex;align-items:center;justify-content:center}.video-call-room__remote video{width:100%;height:100%;object-fit:cover}.video-call-room__remote-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#111827);pointer-events:none;z-index:1}.video-call-room__local{position:absolute;width:200px;height:120px;bottom:16px;right:16px;background:#0f172ad9;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:12px;border:2px solid rgba(148,163,184,.4);z-index:10}.video-call-room__local video{width:100%;height:100%;object-fit:cover}.video-call-room__footer{display:flex;gap:20px;align-items:flex-start}.video-call-room__details{min-width:200px;display:grid;gap:8px;font-size:14px;color:#475467}.video-call-room__details strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#0f172a}.video-call-room__details span{display:block;margin-top:2px}.video-call-room__actions{flex:1;display:flex;flex-direction:column;gap:12px}.video-call-room__actions textarea{width:100%;min-height:110px;border-radius:10px;border:1px solid #d0d5dd;padding:12px;font-size:14px;resize:vertical}.video-call-room__buttons{display:flex;justify-content:flex-end;gap:12px}.video-call-room__buttons button{padding:10px 18px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.video-call-room__buttons .btn-danger{background:#d92d20;color:#fff}.video-call-room__buttons .btn-primary{background:#1d4ed8;color:#fff}@media (max-width: 768px){.video-call-room__video{padding-top:65%}.video-call-room__local{width:160px;height:100px}.video-call-room__footer{flex-direction:column}}.video-call-agent{display:flex;flex-direction:column;gap:24px;padding:24px;background:#f5f6f8}.video-call-agent__header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px;border-radius:16px;background:#fff;border:1px solid #e4e7ec}.video-call-agent__header h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#0f172a}.video-call-agent__header p{margin:0;color:#475467;font-size:15px;line-height:1.5}.video-call-agent__notice{margin-top:16px;padding:12px 16px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:14px}.video-call-agent__metrics{display:flex;gap:16px;align-items:center}.video-call-agent__metric{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 14px;border-radius:12px;border:1px solid #e4e7ec;background:#f8fafc}.video-call-agent__metric span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.video-call-agent__metric strong{font-size:22px;font-weight:600;color:#0f172a}.video-call-agent__alert{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-radius:12px;border:1px solid #fee4e2;background:#fef3f2;color:#b42318}.video-call-agent__card{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:16px;background:#fff;border:1px solid #e4e7ec}.video-call-agent__card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.video-call-agent__card-header h2{margin:0;font-size:20px;font-weight:600;color:#0f172a}.video-call-agent__card-header .date-picker{margin-left:auto;width:fit-content;flex-shrink:0}.video-call-agent__empty{display:grid;gap:8px;padding:32px;border-radius:14px;border:1px dashed #d0d5dd;background:#f8fafc;text-align:center;color:#475467}.video-call-agent__empty h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.video-call-agent__empty p{margin:0;font-size:14px}.video-call-agent__list{display:grid;gap:16px;list-style:none;padding:0;margin:0}.video-call-agent__queue-item{display:flex;flex-direction:column;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 18px #0f172a0f}.video-call-agent__queue-item--waiting{border-left:5px solid #38bdf8}.video-call-agent__queue-item--active{border-left:5px solid #34d399}.video-call-agent__queue-item--ended{border-left:5px solid #cbd5f5}.video-call-agent__queue-main{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.video-call-agent__queue-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.video-call-agent__queue-actions{display:flex;justify-content:flex-end}.video-call-agent__primary{padding:10px 18px;border-radius:8px;border:none;background:#1d4ed8;color:#fff;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.video-call-agent__primary:hover{background:#1e3fa1;transform:translateY(-1px);box-shadow:0 10px 20px #1d4ed840}.video-call-agent__primary:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.video-call-agent__note{font-size:14px;color:#475467}.video-call-agent__label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.video-call-agent__value{display:block;margin-top:4px;font-size:16px;font-weight:500;color:#0f172a;word-break:break-word}.video-call-agent__status{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.video-call-agent__status--waiting{background:#f0f9ff;color:#0369a1}.video-call-agent__status--active{background:#ecfdf3;color:#047857}.video-call-agent__status--ended{background:#f8fafc;color:#475467}.video-call-agent__history-empty{margin-top:4px;padding:18px;border-radius:12px;border:1px dashed #d0d5dd;background:#f8fafc;color:#475467;font-size:14px}.video-call-agent__history-list{display:grid;gap:12px;list-style:none;padding:0;margin:0}.video-call-agent__history-item{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;border:1px solid #e4e7ec;background:#fff}.video-call-agent__history-item--active{border-left:5px solid #34d399}.video-call-agent__history-item--waiting{border-left:5px solid #38bdf8}.video-call-agent__history-item--ended{border-left:5px solid #cbd5f5}.video-call-agent__history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.video-call-agent__history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.video-call-agent__history-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.video-call-agent__history-status--waiting{background:#eff6ff;color:#1d4ed8}.video-call-agent__history-status--active{background:#ecfdf3;color:#047857}.video-call-agent__history-status--ended{background:#f8fafc;color:#475467}.video-call-agent__history-note{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.video-call-agent__history-note p{margin:6px 0 0;font-size:14px;color:#334155;line-height:1.5}.video-call-agent__statistics{display:flex;flex-direction:column;gap:24px}.video-call-agent__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.video-call-agent__stat-item{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:14px;border:1px solid #e4e7ec;background:linear-gradient(135deg,#f8fafc,#f0f5ff);transition:all .3s ease;position:relative;overflow:hidden}.video-call-agent__stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1d4ed8,#3b82f6)}.video-call-agent__stat-item:hover{border-color:#b4c6ff;box-shadow:0 8px 20px #1d4ed81f;transform:translateY(-2px)}.video-call-agent__stat-item:nth-child(2):before{background:linear-gradient(90deg,#10b981,#34d399)}.video-call-agent__stat-item:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.video-call-agent__stat-item:nth-child(4):before{background:linear-gradient(90deg,#ef4444,#f87171)}.video-call-agent__stat-item:nth-child(5):before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.video-call-agent__stat-label{display:block;font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.video-call-agent__stat-value{display:block;font-size:32px;font-weight:700;color:#0f172a;line-height:1.2}.video-call-agent__date-filters .date-picker{width:120px}.video-call-agent__date-separator{color:#9ca3af;font-weight:500;padding-bottom:2px}.video-call-agent__filter-btn{padding:10px 20px;border-radius:8px;border:1px solid #d0d5dd;background:#1d4ed8;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.video-call-agent__filter-btn:hover:not(:disabled){background:#1e40af;border-color:#3b82f6;box-shadow:0 4px 12px #1d4ed833}.video-call-agent__filter-btn:disabled{opacity:.6;cursor:not-allowed}.video-call-agent__room{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ab3;backdrop-filter:blur(6px);z-index:60}.video-call-agent__room-dialog{width:min(648px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 60px #0f172a59;border:1px solid rgba(226,232,240,.9);padding:24px;display:flex;flex-direction:column;gap:16px}.video-call-agent__room-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.video-call-agent__room-header h2{margin:0;font-size:18px;font-weight:600;color:#0f172a}.video-call-agent__call-room{padding:0}.video-call-agent__call-room .video-call-room{border-radius:16px;border:1px solid #e4e7ec;overflow:hidden}.video-call-agent__tabs{display:flex;gap:4px;border-bottom:2px solid #e4e7ec;margin-bottom:16px}.video-call-agent__tab{padding:12px 20px;border:none;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-2px}.video-call-agent__tab:hover{color:#1d4ed8;background:#1d4ed80d}.video-call-agent__tab--active{color:#1d4ed8;border-bottom-color:#1d4ed8}.video-call-agent__tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#1d4ed8}.video-call-agent__daily-stats{display:grid;gap:16px}.video-call-agent__daily-group{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.video-call-agent__daily-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.video-call-agent__daily-header h3{margin:0;font-size:15px;font-weight:600;color:#1f2937}.video-call-agent__daily-meta{display:flex;align-items:center;gap:24px;margin-left:auto}.video-call-agent__daily-meta span{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;color:#6b7280}.video-call-agent__daily-meta span:first-child{font-weight:600;color:#374151}.video-call-agent__daily-calls{list-style:none;margin:0;display:grid;gap:8px;padding:12px}.video-call-agent__call-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6;transition:background .2s ease}.video-call-agent__call-item--active{background:#f0fdf4;border-color:#dcfce7}.video-call-agent__call-item--ended{background:#f3f4f6;border-color:#e5e7eb}.video-call-agent__call-item:hover{background:#f3f4f6}.video-call-agent__call-info{display:flex;flex-direction:column;gap:4px;flex:1}.video-call-agent__call-info span{font-size:13px}.video-call-agent__call-info span:first-child{font-weight:600;color:#1f2937}.video-call-agent__call-info span:last-child{color:#6b7280;font-size:12px}.video-call-agent__call-details{display:flex;gap:16px;align-items:center;flex-shrink:0}.video-call-agent__call-time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:#6b7280;font-weight:500}.video-call-agent__call-duration{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:4px 8px;border-radius:6px;background:#e5e7eb;font-size:12px;font-weight:600;color:#374151}@media (max-width: 960px){.video-call-agent{padding:16px}.video-call-agent__header{flex-direction:column}.video-call-agent__metrics{width:100%;flex-wrap:wrap;justify-content:flex-start}.video-call-agent__queue-meta,.video-call-agent__history-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.video-call-agent__queue-actions{justify-content:flex-start}.video-call-agent__daily-header{flex-direction:column;align-items:flex-start}.video-call-agent__daily-header h3{width:100%}.video-call-agent__daily-meta{margin-left:0;width:100%;justify-content:space-between}.video-call-agent__call-item{flex-direction:column;align-items:flex-start}.video-call-agent__call-details{width:100%;justify-content:space-between}}.customer-ticket-view{width:100vw;height:100vh;background:#598eff;display:flex;flex-direction:column;position:relative;overflow:hidden}.customer-ticket-view .top-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:10}@media (min-width: 768px){.customer-ticket-view .top-controls{top:1.5rem;right:1.5rem}}.customer-ticket-view .language-switcher{background:#fff;border:2px solid #2563eb;border-radius:2rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;color:#2563eb;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #0000001a}.customer-ticket-view .language-switcher:hover{background:#f0f7ff;transform:scale(1.05)}.customer-ticket-view .language-switcher:active{transform:scale(.95)}@media (min-width: 768px){.customer-ticket-view .language-switcher{padding:.625rem 1.25rem;font-size:1rem}}.customer-ticket-view .reload-button{background:#fff;border:2px solid #2563eb;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#2563eb;box-shadow:0 2px 8px #0000001a}.customer-ticket-view .reload-button svg{width:20px;height:20px;flex-shrink:0}.customer-ticket-view .reload-button:hover:not(:disabled){background:#f0f7ff;transform:scale(1.05)}.customer-ticket-view .reload-button:active:not(:disabled){transform:scale(.95)}.customer-ticket-view .reload-button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.customer-ticket-view .reload-button{width:3.5rem;height:3.5rem}.customer-ticket-view .reload-button svg{width:20px;height:20px}}.customer-ticket-view .ticket-content{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;width:100%;height:100%;padding:4.5rem 1rem 1rem;box-sizing:border-box}@media (min-width: 768px){.customer-ticket-view .ticket-content{max-width:600px;gap:1.25rem;padding:1.5rem;margin:0 auto}}.customer-ticket-view .page-title{color:#fff;font-size:1.75rem;font-weight:700;text-align:center;margin:0 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.02em}@media (min-width: 768px){.customer-ticket-view .page-title{font-size:2.25rem;margin-bottom:1.5rem}}.customer-ticket-view .ticket-card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 8px 32px #00000026;transition:transform .3s ease;width:100%;max-width:500px;flex-shrink:0}@media (min-width: 768px){.customer-ticket-view .ticket-card{padding:1.5rem;border-radius:1.25rem}}.customer-ticket-view .ticket-card:active{transform:scale(.98)}.customer-ticket-view .ticket-card .card-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.customer-ticket-view .ticket-card .card-label{font-size:1rem}}.customer-ticket-view .ticket-card .card-row{display:flex;align-items:center;gap:1rem;width:100%}.customer-ticket-view .ticket-card .card-row .card-label{flex:4;margin-bottom:0;min-width:0}.customer-ticket-view .ticket-card .card-row .card-value{flex:6;font-size:1.125rem;font-weight:700;color:#1f2937;min-width:0;word-break:break-word}@media (min-width: 768px){.customer-ticket-view .ticket-card .card-row .card-value{font-size:1.25rem}}.customer-ticket-view .ticket-number-card .ticket-number{font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:#1f2937}@media (min-width: 768px){.customer-ticket-view .ticket-number-card .ticket-number{font-size:1.75rem}}.customer-ticket-view .counters-card .card-row{align-items:flex-start}.customer-ticket-view .counters-card .counters-list{display:flex;flex-direction:column;gap:.5rem}.customer-ticket-view .counters-card .counters-list .counter-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background:#f0f7ff;border-radius:.5rem;border-left:3px solid #2563eb;transition:all .3s ease}.customer-ticket-view .counters-card .counters-list .counter-item:active{background:#dbeafe;transform:translate(4px)}@media (min-width: 768px){.customer-ticket-view .counters-card .counters-list .counter-item{padding:.875rem}}.customer-ticket-view .counters-card .counters-list .counter-item .counter-icon{color:#2563eb;flex-shrink:0;margin-top:.125rem;width:18px;height:18px}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info{flex:1}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-number{font-size:.875rem;font-weight:700;color:#1f2937;margin-bottom:.125rem}@media (min-width: 768px){.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-number{font-size:1rem}}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-name{font-size:.75rem;color:#4b5563;margin-bottom:.125rem}@media (min-width: 768px){.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-name{font-size:.8125rem}}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-location{font-size:.6875rem;color:#6b7280}@media (min-width: 768px){.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-location{font-size:.75rem}}.customer-ticket-view .loading-overlay{position:absolute;inset:0;background:#2563ebf2;display:flex;align-items:center;justify-content:center;z-index:100}.customer-ticket-view .loading-overlay svg{color:#fff;animation:rotate 1s linear infinite}@media (min-width: 768px){.customer-ticket-view .loading-overlay svg{width:64px;height:64px}}.customer-ticket-view.loading-state,.customer-ticket-view.error-state{justify-content:center;align-items:center}.customer-ticket-view.loading-state .loading-content,.customer-ticket-view.loading-state .error-content,.customer-ticket-view.error-state .loading-content,.customer-ticket-view.error-state .error-content{text-align:center;color:#fff;padding:2rem;max-width:400px}.customer-ticket-view.loading-state .loading-content .loading-icon,.customer-ticket-view.loading-state .loading-content .error-icon,.customer-ticket-view.loading-state .error-content .loading-icon,.customer-ticket-view.loading-state .error-content .error-icon,.customer-ticket-view.error-state .loading-content .loading-icon,.customer-ticket-view.error-state .loading-content .error-icon,.customer-ticket-view.error-state .error-content .loading-icon,.customer-ticket-view.error-state .error-content .error-icon{margin:0 auto 1.5rem}@media (min-width: 768px){.customer-ticket-view.loading-state .loading-content .loading-icon,.customer-ticket-view.loading-state .loading-content .error-icon,.customer-ticket-view.loading-state .error-content .loading-icon,.customer-ticket-view.loading-state .error-content .error-icon,.customer-ticket-view.error-state .loading-content .loading-icon,.customer-ticket-view.error-state .loading-content .error-icon,.customer-ticket-view.error-state .error-content .loading-icon,.customer-ticket-view.error-state .error-content .error-icon{width:80px;height:80px}}.customer-ticket-view.loading-state .loading-content .loading-icon,.customer-ticket-view.loading-state .error-content .loading-icon,.customer-ticket-view.error-state .loading-content .loading-icon,.customer-ticket-view.error-state .error-content .loading-icon{animation:rotate 2s linear infinite}.customer-ticket-view.loading-state .loading-content h2,.customer-ticket-view.loading-state .error-content h2,.customer-ticket-view.error-state .loading-content h2,.customer-ticket-view.error-state .error-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (min-width: 768px){.customer-ticket-view.loading-state .loading-content h2,.customer-ticket-view.loading-state .error-content h2,.customer-ticket-view.error-state .loading-content h2,.customer-ticket-view.error-state .error-content h2{font-size:2rem}}.customer-ticket-view.loading-state .loading-content p,.customer-ticket-view.loading-state .error-content p,.customer-ticket-view.error-state .loading-content p,.customer-ticket-view.error-state .error-content p{font-size:1rem;opacity:.9;margin-bottom:1.5rem;line-height:1.6}.customer-ticket-view.loading-state .loading-content .retry-button,.customer-ticket-view.loading-state .error-content .retry-button,.customer-ticket-view.error-state .loading-content .retry-button,.customer-ticket-view.error-state .error-content .retry-button{background:#fff;color:#2563eb;border:2px solid #fff;border-radius:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.customer-ticket-view.loading-state .loading-content .retry-button:hover,.customer-ticket-view.loading-state .error-content .retry-button:hover,.customer-ticket-view.error-state .loading-content .retry-button:hover,.customer-ticket-view.error-state .error-content .retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.customer-ticket-view.loading-state .loading-content .retry-button:active,.customer-ticket-view.loading-state .error-content .retry-button:active,.customer-ticket-view.error-state .loading-content .retry-button:active,.customer-ticket-view.error-state .error-content .retry-button:active{transform:translateY(0)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.customer-ticket-view *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-height: 650px) and (orientation: landscape){.customer-ticket-view .ticket-content{padding:3.5rem 1rem .5rem;gap:.5rem}.customer-ticket-view .page-title{font-size:1.25rem;margin-bottom:.5rem}.customer-ticket-view .ticket-card{padding:.625rem}.customer-ticket-view .ticket-card .card-label{font-size:.625rem;margin-bottom:.375rem}.customer-ticket-view .ticket-number-card .ticket-number{font-size:1rem}.customer-ticket-view .service-card .card-row .card-value,.customer-ticket-view .wait-time-card .card-row .card-value,.customer-ticket-view .expected-time-card .card-row .card-value{font-size:.875rem}.customer-ticket-view .service-card .card-row .card-label,.customer-ticket-view .wait-time-card .card-row .card-label,.customer-ticket-view .expected-time-card .card-row .card-label{font-size:.75rem}.customer-ticket-view .counters-card .counters-list .counter-item{padding:.5rem}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-number{font-size:.75rem}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-name{font-size:.6875rem}.customer-ticket-view .counters-card .counters-list .counter-item .counter-info .counter-location{font-size:.625rem}}.customer-ticket-list-view{padding:0}.customer-ticket-list-view__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.customer-ticket-list-view__header{display:flex;justify-content:center;align-items:center;justify-content:space-between;margin-bottom:2rem}@media (max-width: 640px){.customer-ticket-list-view__header{flex-direction:column;align-items:flex-start;gap:1rem}}.customer-ticket-list-view__title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.customer-ticket-list-view__subtitle{color:#475569;margin:.25rem 0 0}.customer-ticket-list-view__content{display:flex;flex-direction:column;gap:2rem}.customer-ticket-list-view__filters,.customer-ticket-list-view__table-card{margin-bottom:2rem}.customer-ticket-list-view__table-card .card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 640px){.customer-ticket-list-view__table-card .card__header{flex-direction:column;align-items:stretch}}.customer-ticket-list-view__table{width:100%;border-collapse:collapse;font-size:.875rem}.customer-ticket-list-view__table th,.customer-ticket-list-view__table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.customer-ticket-list-view__table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.customer-ticket-list-view__table tbody tr{transition:background-color .15s ease;cursor:pointer}.customer-ticket-list-view__table tbody tr:hover{background-color:#f8fafc}.customer-ticket-list-view__table tbody tr:hover .customer-ticket-list-view__action-buttons{opacity:1}.customer-ticket-list-view__table-row{position:relative}.customer-ticket-list-view__action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s ease}.customer-ticket-list-view__action-btn{padding:.375rem!important;border-radius:.25rem!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#475569!important;transition:all .2s ease!important;min-width:2rem!important;height:2rem!important}.customer-ticket-list-view__action-btn:hover,.customer-ticket-list-view__action-btn--view:hover{border-color:#1a2a80!important;background:#eef2ff!important;color:#1a2a80!important}.customer-ticket-list-view__sortable-head{cursor:pointer;user-select:none;transition:background-color .2s ease}.customer-ticket-list-view__sortable-head:hover{background-color:#64748b0d}.customer-ticket-list-view__sort-header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:.5rem}.customer-ticket-list-view__sort-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.customer-ticket-list-view__sort-icon--desc{transform:rotate(180deg)}.customer-ticket-list-view__status-badge{display:inline-block;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.customer-ticket-list-view__status-badge--requested{background-color:#3b82f61a;color:#1e40af;border:1px solid rgba(59,130,246,.3)}.customer-ticket-list-view__status-badge--called{background-color:#a855f71a;color:#6d28d9;border:1px solid rgba(168,85,247,.3)}.customer-ticket-list-view__status-badge--serving,.customer-ticket-list-view__status-badge--completed{background-color:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.3)}.customer-ticket-list-view__status-badge--cancelled{background-color:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.customer-ticket-list-view__status-badge--missed{background-color:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.3)}.customer-ticket-list-view__actions-head,.customer-ticket-list-view__actions-cell{text-align:right}.customer-ticket-list-view__empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 2rem;text-align:center;color:#475569}.customer-ticket-list-view__empty-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.6;color:#94a3b8}.customer-ticket-list-view__empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.customer-ticket-list-view__empty-description{font-size:1rem;color:#475569;margin-bottom:2rem;max-width:28rem;line-height:1.5}.customer-ticket-list-view__empty-action{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1024px){.customer-ticket-list-view .table__head:nth-child(4),.customer-ticket-list-view .table__head:nth-child(5),.customer-ticket-list-view .table__cell:nth-child(4),.customer-ticket-list-view .table__cell:nth-child(5){display:none}}@media (max-width: 768px){.customer-ticket-list-view .table__head:nth-child(6),.customer-ticket-list-view .table__cell:nth-child(6){display:none}}@media (max-width: 640px){.customer-ticket-list-view__header{align-items:stretch}.customer-ticket-list-view .table{font-size:.75rem}.customer-ticket-list-view .table__head,.customer-ticket-list-view .table__cell{padding:.5rem .25rem}}.customer-ticket-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.customer-ticket-detail-page--loading{justify-content:center;align-items:center}.customer-ticket-detail-page--loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.customer-ticket-detail-page--loading .loading-container .loading-text{color:#6c757d;font-size:.875rem}.customer-ticket-detail-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:400px;text-align:center}.customer-ticket-detail-page .error-container svg{color:#dc3545;width:3rem;height:3rem}.customer-ticket-detail-page .error-container .error-message{font-size:1.125rem;color:#495057;font-weight:500}.customer-ticket-detail-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.customer-ticket-detail-page__header .ticket-header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex:1}.customer-ticket-detail-page__header .ticket-header-content .ticket-title-section .ticket-number-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.customer-ticket-detail-page__header .ticket-header-content .ticket-title-section .ticket-number-badge svg{width:16px;height:16px}.customer-ticket-detail-page__header .ticket-header-content .ticket-title-section .ticket-title{font-size:1.75rem;font-weight:700;color:#212529;margin:0 0 .25rem;line-height:1.2}.customer-ticket-detail-page__header .ticket-header-content .ticket-title-section .ticket-service{font-size:.875rem;color:#6c757d;margin:0;font-weight:500}.customer-ticket-detail-page__header .ticket-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;white-space:nowrap}.customer-ticket-detail-page__header .ticket-status-badge svg{width:18px;height:18px}.customer-ticket-detail-page__header .ticket-status-badge--requested{background-color:#3b82f61a;color:#1e40af}.customer-ticket-detail-page__header .ticket-status-badge--called{background-color:#a855f71a;color:#6d28d9}.customer-ticket-detail-page__header .ticket-status-badge--serving,.customer-ticket-detail-page__header .ticket-status-badge--completed{background-color:#22c55e1a;color:#15803d}.customer-ticket-detail-page__header .ticket-status-badge--cancelled{background-color:#ef44441a;color:#991b1b}.customer-ticket-detail-page__header .ticket-status-badge--missed{background-color:#f59e0b1a;color:#92400e}.customer-ticket-detail-page__header .header-actions .back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c757d4d}.customer-ticket-detail-page__header .header-actions .back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.customer-ticket-detail-page__header .header-actions .back-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6c757d4d}.customer-ticket-detail-page__header .header-actions .back-btn svg{transition:transform .2s ease}.customer-ticket-detail-page__header .header-actions .back-btn:hover svg{transform:translate(-2px)}.customer-ticket-detail-page__content{flex:1;padding:2rem 0rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.customer-ticket-detail-page .timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative}.customer-ticket-detail-page .timeline:before{content:"";position:absolute;left:1.5rem;top:2rem;bottom:2rem;width:2px;background:linear-gradient(to bottom,#e9ecef,#dee2e6,#e9ecef)}.customer-ticket-detail-page .timeline-item{display:flex;gap:1.5rem;position:relative}.customer-ticket-detail-page .timeline-item .timeline-marker{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;z-index:1;box-shadow:0 2px 8px #00000026}.customer-ticket-detail-page .timeline-item .timeline-marker svg{width:18px;height:18px}.customer-ticket-detail-page .timeline-item .timeline-marker:before{content:"";position:absolute;width:.75rem;height:.75rem;border-radius:50%;background:#fff;border:2px solid currentColor;box-sizing:border-box}.customer-ticket-detail-page .timeline-item .timeline-content{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.customer-ticket-detail-page .timeline-item .timeline-content:hover{border-color:#dee2e6;box-shadow:0 2px 8px #00000014}.customer-ticket-detail-page .timeline-item .timeline-content .timeline-title{font-size:.95rem;font-weight:600;color:#212529;margin:0 0 .25rem}.customer-ticket-detail-page .timeline-item .timeline-content .timeline-time{font-size:.875rem;color:#6c757d;margin:0}.customer-ticket-detail-page .timeline-item--blue .timeline-marker{background:linear-gradient(135deg,#3b82f6,#2563eb)}.customer-ticket-detail-page .timeline-item--purple .timeline-marker{background:linear-gradient(135deg,#a855f7,#9333ea)}.customer-ticket-detail-page .timeline-item--green .timeline-marker{background:linear-gradient(135deg,#22c55e,#16a34a)}.customer-ticket-detail-page .timeline-item--red .timeline-marker{background:linear-gradient(135deg,#ef4444,#dc2626)}.customer-ticket-detail-page .timeline-item--orange .timeline-marker{background:linear-gradient(135deg,#f59e0b,#d97706)}.customer-ticket-detail-page .timeline-item--gray .timeline-marker{background:linear-gradient(135deg,#6c757d,#5a6268)}.customer-ticket-detail-page .info-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #e9ecef;transition:box-shadow .3s ease}.customer-ticket-detail-page .info-section:hover{box-shadow:0 4px 12px #00000026}.customer-ticket-detail-page .info-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.customer-ticket-detail-page .info-section .section-header .section-title-group{display:flex;align-items:center;gap:.75rem}.customer-ticket-detail-page .info-section .section-header .section-title-group .section-icon{color:#2563eb}.customer-ticket-detail-page .info-section .section-header .section-title-group .section-title{font-size:1.125rem;font-weight:600;color:#212529;margin:0}.customer-ticket-detail-page .info-section .section-content{padding:2rem 2.5rem}.customer-ticket-detail-page .info-section .section-content .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}@media (max-width: 768px){.customer-ticket-detail-page .info-section .section-content .info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.customer-ticket-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.customer-ticket-detail-page .info-section .section-content .info-grid{grid-template-columns:repeat(3,1fr)}}.customer-ticket-detail-page .info-section .section-content .info-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;transition:all .2s ease}.customer-ticket-detail-page .info-section .section-content .info-item:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.customer-ticket-detail-page .info-section .section-content .info-item--full{grid-column:1/-1}.customer-ticket-detail-page .info-section .section-content .info-item .info-label{font-size:.8rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.customer-ticket-detail-page .info-section .section-content .info-item .info-value{font-size:.95rem;font-weight:500;color:#212529;display:flex;align-items:center;gap:.5rem;word-break:break-word}.customer-ticket-detail-page .info-section .section-content .info-item .info-value svg{color:#6c757d;flex-shrink:0}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.ticket-code,.customer-ticket-detail-page .info-section .section-content .info-item .info-value.user-code,.customer-ticket-detail-page .info-section .section-content .info-item .info-value.counter-code{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;max-width:fit-content;gap:0}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge{padding:.375rem .75rem;border-radius:.375rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex;max-width:fit-content}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--requested{background-color:#3b82f61a;color:#1e40af}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--called{background-color:#a855f71a;color:#6d28d9}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--serving,.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--completed{background-color:#22c55e1a;color:#15803d}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--cancelled{background-color:#ef44441a;color:#991b1b}.customer-ticket-detail-page .info-section .section-content .info-item .info-value.status-badge--missed{background-color:#f59e0b1a;color:#92400e}@media (max-width: 768px){.customer-ticket-detail-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.customer-ticket-detail-page__header .ticket-header-content{width:100%;flex-direction:column;gap:1rem}.customer-ticket-detail-page__header .ticket-header-content .ticket-title-section{width:100%}.customer-ticket-detail-page__header .ticket-status-badge{width:100%;justify-content:center}.customer-ticket-detail-page__header .header-actions{width:100%}.customer-ticket-detail-page__header .header-actions .back-btn{width:100%;justify-content:center}.customer-ticket-detail-page__content{padding:1rem}.customer-ticket-detail-page .timeline:before{left:.875rem;top:1.5rem;bottom:1.5rem}.customer-ticket-detail-page .timeline-item{gap:1rem}.customer-ticket-detail-page .timeline-item .timeline-marker{width:2.5rem;height:2.5rem;font-size:.75rem}.customer-ticket-detail-page .info-section .section-header,.customer-ticket-detail-page .info-section .section-content{padding:1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-schedule-modal{min-width:600px}@media (max-width: 768px){.create-schedule-modal{min-width:unset;width:100%}}.create-schedule-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.create-schedule-modal__header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.create-schedule-modal__close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.create-schedule-modal__close-btn:hover{background-color:#f1f5f9;color:#0f172a}.create-schedule-modal__content{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto;padding:0 1rem}.create-schedule-modal__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;animation:slideDown .3s ease-out}.create-schedule-modal__error svg{flex-shrink:0}.create-schedule-modal__info-box{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:.5rem;font-size:.875rem;animation:slideDown .3s ease-out}.create-schedule-modal__info-box svg{flex-shrink:0}.create-schedule-modal__info-box--warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.create-schedule-modal__info-box--info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.create-schedule-modal__section{display:flex;flex-direction:column;gap:.5rem}.create-schedule-modal__label{font-size:.875rem;font-weight:600;color:#0f172a;margin:0}.create-schedule-modal__input{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Inter,"system-ui",sans-serif}.create-schedule-modal__input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.create-schedule-modal__input:disabled{background-color:#f8fafc;cursor:not-allowed}.create-schedule-modal__textarea{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Inter,"system-ui",sans-serif;resize:vertical}.create-schedule-modal__textarea:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.create-schedule-modal__summary{background:#1a2a8005;border:1px solid #C7D2FE;padding:1rem;border-radius:.5rem}.create-schedule-modal__summary h4{margin:0 0 .5rem;font-size:.875rem;font-weight:700;color:#0f172a}.create-schedule-modal__summary ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.create-schedule-modal__summary ul li{font-size:.875rem;color:#64748b;display:flex;gap:.5rem;align-items:center}.create-schedule-modal__summary ul li strong{color:#0f172a;min-width:120px}.create-schedule-modal__summary ul li .holiday-badge{background:#ef44441a;color:#dc2626;padding:.25rem .5rem;border-radius:.25rem;font-size:.8125rem;font-weight:600}.create-schedule-modal__summary ul li .working-badge{background:#10b9811a;color:#059669;padding:.25rem .5rem;border-radius:.25rem;font-size:.8125rem;font-weight:600}.create-schedule-modal__actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:1.5rem}.create-schedule-modal__actions button{min-width:100px}.date-input-wrapper{display:flex;flex-direction:column;gap:.5rem;position:relative}.date-input-wrapper input[type=date]{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Inter,"system-ui",sans-serif;cursor:pointer;position:relative;z-index:1}.date-input-wrapper input[type=date]:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.date-input-wrapper input[type=date]:disabled{background-color:#f8fafc;cursor:not-allowed}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;padding:2px 4px}.date-input-wrapper .date-display{font-size:.875rem;color:#64748b;font-style:italic}.shift-type-selector{display:flex;gap:.5rem}.shift-type-selector .shift-type-btn{flex:1;padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.shift-type-selector .shift-type-btn:hover{border-color:#1a2a80;color:#1a2a80}.shift-type-selector .shift-type-btn.active{background:#eef2ff;border-color:#1a2a80;color:#1a2a80}.status-toggle{display:flex;gap:.5rem}.status-toggle .status-btn{flex:1;padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.status-toggle .status-btn:hover{border-color:#1a2a80;color:#1a2a80}.status-toggle .status-btn.active{background:#eef2ff;border-color:#1a2a80;color:#1a2a80}.status-toggle .status-btn.holiday.active{background:#ef44441a;border-color:#dc2626;color:#dc2626}.time-inputs{display:flex;align-items:flex-end;gap:1rem}.time-inputs .time-input-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.time-inputs .time-input-group label{font-size:.8125rem;color:#64748b;font-weight:500}.time-inputs .time-input-group input[type=time]{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Inter,"system-ui",sans-serif;cursor:pointer}.time-inputs .time-input-group input[type=time]:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.time-inputs .time-separator{font-size:1.125rem;font-weight:600;color:#64748b;padding-bottom:.5rem}.duration-display{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#e0e7ff;color:#1e3a8a;border-radius:.25rem;font-size:.8125rem;font-weight:600;width:fit-content}.duration-display svg{flex-shrink:0}.duration-display.overnight{background:#f59e0b1a;color:#b45309}.overnight-badge{display:inline-block;margin-left:.25rem;padding:.25rem .5rem;background:#f59e0b1a;color:#b45309;border-radius:.25rem;font-size:.75rem;font-weight:600}.next-day-label{display:inline;margin-left:.25rem;color:#b45309;font-size:.75rem;font-style:italic;font-weight:500}.char-count{font-size:.75rem;color:#64748b;text-align:right}.day-detail-modal{min-width:500px}@media (max-width: 640px){.day-detail-modal{min-width:unset;width:100%}}.day-detail-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #E0E7FF;gap:1rem}.day-detail-modal__header-content{display:flex;align-items:center;gap:1rem;color:#1a2a80;flex:1}.day-detail-modal__header-icon{color:#1a2a80;flex-shrink:0}.day-detail-modal__title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;line-height:1.4}.day-detail-modal__content{display:flex;flex-direction:column;gap:1.5rem}.day-detail-modal__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;animation:slideDown .3s ease-out}.day-detail-modal__error svg{flex-shrink:0}.day-detail-modal__section{display:flex;flex-direction:column;gap:.5rem}.day-detail-modal__section-title{font-size:1rem;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0}.day-detail-modal__section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.day-detail-modal__status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem}.day-detail-modal__status-grid .status-item{display:flex;flex-direction:column;gap:.25rem}.day-detail-modal__status-grid .status-item__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.day-detail-modal__status-grid .status-item__value{font-size:.875rem;color:#0f172a;font-weight:500}.day-detail-modal__schedules-list{display:flex;flex-direction:column;gap:1rem}.day-detail-modal__section--missing-shifts{padding:1rem;background:linear-gradient(135deg,#fef3c7,#fbbf240d);border:2px solid #fbbf24;border-radius:.5rem}.day-detail-modal__section--missing-shifts .day-detail-modal__section-title{display:flex;align-items:center;gap:.5rem;color:#b45309;margin-bottom:1rem}.day-detail-modal__section--missing-shifts .day-detail-modal__section-title svg{flex-shrink:0;color:#f59e0b}.day-detail-modal .missing-shifts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.day-detail-modal .missing-shift-card{padding:1rem;border:2px solid #fbbf24;background:#fff;border-radius:.5rem;transition:all .2s ease}.day-detail-modal .missing-shift-card:hover{box-shadow:0 4px 12px #fbbf2426;border-color:#f59e0b}.day-detail-modal .missing-shift-card__content{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 640px){.day-detail-modal .missing-shift-card__content{flex-direction:column;align-items:flex-start}}.day-detail-modal .missing-shift-card__info{display:flex;flex-direction:column;gap:.25rem;flex:1}.day-detail-modal .missing-shift-card__type{font-size:.875rem;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.5px}.day-detail-modal .missing-shift-card__description{font-size:.75rem;color:#64748b;font-style:italic}.day-detail-modal .missing-shift-card button{flex-shrink:0}@media (max-width: 640px){.day-detail-modal .missing-shift-card button{width:100%}}.day-detail-modal .schedule-card{padding:1rem;border:2px solid #C7D2FE;background:linear-gradient(135deg,#eef2ff,#1a2a8008);transition:all .2s ease}.day-detail-modal .schedule-card:hover{border-color:#a5b4fc;box-shadow:0 2px 8px #1a2a8014}.day-detail-modal .schedule-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.day-detail-modal .schedule-card__info{display:flex;align-items:center;gap:.5rem;flex:1}.day-detail-modal .schedule-card__type{font-size:.875rem;font-weight:600;color:#0f172a}.day-detail-modal .schedule-card__actions{display:flex;gap:.25rem;flex-shrink:0}.day-detail-modal .schedule-card__time{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#64748b;padding:.25rem .5rem;background-color:#ffffffb3;border-radius:.25rem;border-left:3px solid #1A2A80}.day-detail-modal .schedule-card__notes{display:flex;align-items:flex-start;gap:.25rem;margin-top:.5rem;padding:.5rem;background:#ffffffe6;border-radius:.25rem;border-left:3px solid #fbbf24;font-size:.875rem;color:#64748b;line-height:1.5}.day-detail-modal .schedule-card__notes-icon{flex-shrink:0;font-size:1rem}.day-detail-modal .schedule-card__notes-text{flex:1;word-break:break-word}.day-detail-modal .schedule-card__edit-form{display:flex;flex-direction:column;gap:1rem}.day-detail-modal .schedule-card__edit-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid #C7D2FE}.day-detail-modal .schedule-card__edit-fields{display:flex;flex-direction:column;gap:1rem}.day-detail-modal .schedule-card__time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.day-detail-modal .schedule-card__time-inputs{grid-template-columns:1fr}}.day-detail-modal .schedule-card__notes-input{display:flex;flex-direction:column;gap:.25rem}.day-detail-modal .schedule-card__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.day-detail-modal__notes-editor{display:flex;flex-direction:column;gap:.5rem}.day-detail-modal__notes-input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:.875rem;resize:vertical}.day-detail-modal__notes-input:focus{outline:none;border-color:#1a2a80}.day-detail-modal__notes-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.day-detail-modal__char-count{font-size:.75rem;color:#64748b}.day-detail-modal__notes-buttons{display:flex;gap:.5rem}.day-detail-modal__notes-display{font-size:.875rem;color:#0f172a;margin:0;padding:.5rem;background-color:#f8fafc;border-radius:.5rem}.day-detail-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:.75rem;text-align:center}.day-detail-modal__empty svg{color:#64748b}.day-detail-modal__empty p{margin:0;color:#64748b;font-size:.875rem}.day-detail-modal__empty-hint{font-size:.75rem!important;color:#1a2a80!important;font-weight:500}.day-detail-modal__footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;margin-top:1.5rem;flex-wrap:wrap}.day-detail-modal__footer button{min-width:130px}@media (max-width: 640px){.day-detail-modal__footer{flex-direction:column-reverse;align-items:stretch}.day-detail-modal__footer button{width:100%;min-width:unset}}.time-input-group{display:flex;flex-direction:column;gap:.25rem}.time-input-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.time-input{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:.875rem;transition:all .2s ease}.time-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.time-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.notes-input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:Inter,"system-ui",sans-serif;font-size:.875rem;resize:vertical;transition:all .2s ease}.notes-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.notes-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.notes-char-count{font-size:.75rem;color:#64748b;text-align:right}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.holiday-card{padding:1rem;background:linear-gradient(135deg,#f59e0b0d,#eab3080d);border:1px solid #fbbf24;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.holiday-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.holiday-card__name{font-size:1.125rem;font-weight:700;color:#d97706;flex:1}.holiday-card__description{display:flex;flex-direction:row;gap:.5rem;align-items:flex-start}.holiday-card__description-label{font-size:.875rem;font-weight:600;color:#64748b;flex-shrink:0}.holiday-card__description-text{font-size:1rem;color:#0f172a;line-height:1.5}.schedule-calendar{padding:0}.schedule-calendar__loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}.schedule-calendar__success-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #00000012;animation:slideDown .3s ease-out}.schedule-calendar__success-banner .success-banner-content{display:flex;align-items:center;gap:1rem}.schedule-calendar__success-banner .success-banner-content span{font-size:1.5rem}.schedule-calendar__success-banner .success-banner-content p{margin:0;font-weight:500;flex:1}.schedule-calendar__success-banner .success-banner-content .success-banner-count{background:#fff3;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.schedule-calendar__header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.schedule-calendar__header-top{display:flex;justify-content:space-between;align-items:center;gap:2rem}.schedule-calendar__title-section{flex:1}.schedule-calendar__header-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 1024px){.schedule-calendar__header-controls{flex-direction:column;align-items:stretch}}.schedule-calendar__header-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.schedule-calendar__header-actions button{white-space:nowrap;font-size:.875rem}@media (max-width: 768px){.schedule-calendar__header-actions{flex-direction:column;width:100%}.schedule-calendar__header-actions button{width:100%;justify-content:center}}.schedule-calendar__branch-selector{display:flex;align-items:center;gap:1rem;padding:1rem;background:#eef2ff;border-radius:.75rem;border:1px solid #C7D2FE}.schedule-calendar__branch-selector label{font-weight:600;color:#0f172a;white-space:nowrap;margin:0}.schedule-calendar__branch-selector .branch-selector-input{padding:.5rem .75rem;border:1px solid #A5B4FC;border-radius:.5rem;font-size:.875rem;cursor:pointer;background:#fff;color:#0f172a}.schedule-calendar__branch-selector .branch-selector-input:hover{border-color:#1a2a80}.schedule-calendar__branch-selector .branch-selector-input:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}@media (max-width: 768px){.schedule-calendar__branch-selector{flex-direction:column;align-items:stretch}.schedule-calendar__branch-selector label{text-align:left}.schedule-calendar__branch-selector .branch-selector-input{width:100%}}.schedule-calendar__empty-state{text-align:center;padding:3rem 2rem;background:#1a2a8005;border:2px dashed #C7D2FE;margin-bottom:2rem;border-radius:.75rem}.schedule-calendar__empty-state h3{color:#0f172a;margin-bottom:.5rem}.schedule-calendar__empty-state p{color:#64748b;margin:0}.schedule-calendar__stats{background:linear-gradient(135deg,#eef2ff,#3b82f60d);border:1px solid #C7D2FE;margin-bottom:2rem;padding:2rem}.schedule-calendar__stats .stats-header{display:flex;align-items:center;gap:.75rem;color:#1a2a80;margin-bottom:1.5rem}.schedule-calendar__stats .stats-header h3{margin:0;font-size:1.25rem;font-weight:700}.schedule-calendar__stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.schedule-calendar__stats .stat-item{display:flex;flex-direction:column;gap:.5rem}.schedule-calendar__stats .stat-item .stat-label{font-size:.875rem;color:#475569;font-weight:500}.schedule-calendar__stats .stat-item .stat-value{font-size:2rem;font-weight:700;color:#0f172a}.schedule-calendar__stats .stat-item .stat-value.working{color:#10b981}.schedule-calendar__stats .stat-item .stat-value.holiday{color:#ef4444}.schedule-calendar__title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.schedule-calendar__subtitle{color:#475569;margin:.25rem 0 0}.schedule-calendar__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.schedule-calendar__controls{flex-direction:column;align-items:stretch}}.schedule-calendar__controls-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width: 768px){.schedule-calendar__controls-left{justify-content:center;width:100%}}.schedule-calendar__view-toggle{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:.5rem}.schedule-calendar__view-toggle button{border-radius:.25rem;transition:all .2s ease;font-weight:500}.schedule-calendar__view-toggle button:hover{background:#e2e8f0}@media (max-width: 768px){.schedule-calendar__view-toggle{width:100%;justify-content:stretch}.schedule-calendar__view-toggle button{flex:1}}.schedule-calendar__month-label{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#0f172a;white-space:nowrap}@media (max-width: 768px){.schedule-calendar__month-label{width:100%;justify-content:center}}.schedule-calendar__grid{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1rem;width:100%;max-width:100%;overflow-x:auto}.schedule-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.schedule-calendar__weekdays--week{grid-template-columns:80px repeat(7,1fr);gap:0;border-bottom:2px solid #cbd5e1;margin-bottom:0}.schedule-calendar__weekday{padding:.5rem;text-align:center;font-size:.875rem;font-weight:600;color:#475569}.schedule-calendar__weekday--time{background:#f8fafc;border-right:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.schedule-calendar__weekday--today{background:#1a2a801a;color:#1a2a80;font-weight:700}.schedule-calendar__weekday--today .weekday-date{background:#1a2a80;color:#fff;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:.25rem}.schedule-calendar__weekday .weekday-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.schedule-calendar__weekday .weekday-date{font-size:1.125rem;font-weight:700}.schedule-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.schedule-calendar__day{position:relative;aspect-ratio:1;padding:.5rem;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);background:#fff;display:flex;flex-direction:column;overflow:hidden;border-radius:0;min-height:0;min-width:0;width:100%}.schedule-calendar__day--empty{border:none;cursor:default;background:transparent;border-radius:0}.schedule-calendar__day--other-month{opacity:.6}.schedule-calendar__day--other-month .schedule-calendar__day-number{color:#64748b}.schedule-calendar__day--other-month .calendar-event,.schedule-calendar__day--other-month:hover{opacity:.8}.schedule-calendar__day--unconfigured{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px dashed #94a3b8;position:relative}.schedule-calendar__day--unconfigured:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(156,163,175,.08) 10px,rgba(156,163,175,.08) 20px);pointer-events:none;border-radius:0}.schedule-calendar__day--unconfigured:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#64748b;box-shadow:0 2px 8px #0000001f,inset 0 0 0 1px #6b728033;z-index:1}.schedule-calendar__day--unconfigured:hover .off-day-badge{opacity:1;transform:scale(1)}.schedule-calendar__day--working{background:#fff;border-color:#e2e8f0}.schedule-calendar__day--working:hover{background:#f8fafc;box-shadow:0 2px 8px #00000014;z-index:1}.schedule-calendar__day--holiday{background:#fef3c7;border-color:#fcd34d}.schedule-calendar__day--holiday:hover{background:#fde68a;box-shadow:0 2px 8px #00000014;z-index:1}.schedule-calendar__day--partial{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#fcd34d}.schedule-calendar__day--partial:hover{background:linear-gradient(135deg,#fde68a,#f8fafc);box-shadow:0 2px 8px #00000014;z-index:1}.schedule-calendar__day--today{background:linear-gradient(to bottom right,#eef2ff,#3b82f614);border:2px solid #1A2A80;box-shadow:inset 0 0 0 1px #3b82f64d}.schedule-calendar__day--today .schedule-calendar__day-number{color:#1a2a80;font-weight:700}.schedule-calendar__day-number-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem;flex-shrink:0;min-height:20px}.schedule-calendar__day-number{font-size:1rem;font-weight:600;color:#0f172a;line-height:1.2;transition:color .15s ease}.schedule-calendar__day-indicator{font-size:.875rem;flex-shrink:0}.schedule-calendar__events-container,.schedule-calendar__day-content{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;min-width:0;overflow:hidden}.schedule-calendar .calendar-event{display:flex;gap:2px;padding:1px 2px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:2px solid #1A2A80;border-radius:2px;min-height:20px;min-width:0;overflow:hidden;transition:all .15s ease;cursor:pointer}.schedule-calendar .calendar-event:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 1px 4px #3b82f64d}.schedule-calendar .calendar-event--holiday{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.schedule-calendar .calendar-event--holiday .calendar-event__time{color:#92400e}.schedule-calendar .calendar-event--holiday .calendar-event__name{color:#78350f}.schedule-calendar .calendar-event--holiday:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 1px 4px #f59e0b4d}.schedule-calendar .calendar-event--more{background:#f1f5f9;border-left-color:#94a3b8;justify-content:center;align-items:center}.schedule-calendar .calendar-event--more:hover{background:#e2e8f0;box-shadow:0 1px 4px #0000001a}.schedule-calendar .calendar-event__time{font-size:.625rem;font-weight:700;color:#1e3a8a;white-space:nowrap;flex-shrink:0}.schedule-calendar .calendar-event__name{font-size:.625rem;font-weight:500;color:#0f1741;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.schedule-calendar .calendar-event__more-text{font-size:.625rem;font-weight:600;color:#475569;text-align:center}.schedule-calendar__notes-section{display:flex;align-items:center;gap:1px;margin-top:2px;min-width:0;max-width:100%;width:100%;flex:0 1 auto}.schedule-calendar .calendar-note{display:flex;align-items:center;gap:2px;padding:1px 2px;background:#fef3c7;border-left:2px solid #fbbf24;border-radius:2px;overflow:hidden;font-size:.5rem;cursor:pointer;transition:all .15s ease;min-width:0;max-width:100%;flex:0 1 auto}.schedule-calendar .calendar-note:hover{background:#fde68a;box-shadow:0 1px 3px #0000001a}.schedule-calendar .calendar-note__icon{font-size:.5rem;flex-shrink:0}.schedule-calendar .calendar-note__text{color:#92400e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.schedule-calendar__holiday-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;flex:1;min-height:0;min-width:0;overflow:hidden}.schedule-calendar .holiday-badge{display:inline-block;padding:3px 6px;background:#fbbf24;color:#92400e;font-size:.625rem;font-weight:700;border-radius:3px;text-align:center}.schedule-calendar .holiday-note{font-size:.625rem;color:#92400e;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 3px;min-width:0}.schedule-calendar .off-day-badge{position:absolute;bottom:.375rem;right:.375rem;background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;font-size:.5rem;font-weight:700;padding:2px 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px;opacity:.4;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;z-index:1;white-space:nowrap}.schedule-calendar__week-grid-container{overflow-y:auto;max-height:600px;border:1px solid #cbd5e1;border-radius:.5rem;scrollbar-width:none;-ms-overflow-style:none}.schedule-calendar__week-grid-container::-webkit-scrollbar{display:none}.schedule-calendar__week-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:0;position:relative}.schedule-calendar__time-column{display:grid;grid-template-rows:repeat(17,60px);background:#f8fafc;border-right:2px solid #cbd5e1;position:sticky;left:0;z-index:2}.schedule-calendar__time-slot{border-bottom:1px solid #e2e8f0;padding:.5rem .75rem .25rem .5rem;font-size:.75rem;font-weight:600;color:#475569;text-align:right;display:flex;align-items:flex-end;justify-content:flex-end}.schedule-calendar__day-column{display:grid;grid-template-rows:repeat(17,60px);grid-template-columns:1fr;position:relative;border-right:1px solid #e2e8f0}.schedule-calendar__day-column:last-child{border-right:none}.schedule-calendar__day-column--today{background:#1a2a8008}.schedule-calendar__week-cell{border-bottom:1px solid #e2e8f0;cursor:default;transition:background .15s ease;grid-column:1;pointer-events:none}.schedule-calendar__week-cell:hover{background:transparent}.schedule-calendar .week-event{grid-column:1;margin:2px;padding:.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:3px solid #1A2A80;border-radius:.25rem;cursor:pointer;transition:all .15s ease;overflow:hidden;z-index:1;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;pointer-events:auto;position:relative}.schedule-calendar .week-event:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 6px #00000012;z-index:2;transform:scale(1.01)}.schedule-calendar .week-event--holiday{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.schedule-calendar .week-event--holiday .week-event__time{color:#92400e}.schedule-calendar .week-event--holiday .week-event__name{color:#78350f}.schedule-calendar .week-event--holiday:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 2px 8px #f59e0b4d}.schedule-calendar .week-event__time{font-size:.625rem;font-weight:700;color:#1e3a8a;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-calendar .week-event__name{font-size:.75rem;font-weight:600;color:#1e1b4b;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-calendar .week-event__notes{max-width:226px;font-size:.625rem;color:#475569;margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(26,42,128,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.schedule-calendar .schedule-calendar__day-number{font-size:.75rem}.schedule-calendar .schedule-calendar__week-grid,.schedule-calendar .schedule-calendar__weekdays--week{grid-template-columns:60px repeat(7,1fr)}.schedule-calendar .schedule-calendar__time-column{grid-template-columns:60px}.schedule-calendar .schedule-calendar__time-slot{font-size:.625rem;padding:.25rem .5rem .25rem .25rem}.schedule-calendar .week-event{padding:.375rem}.schedule-calendar .week-event__time{font-size:.5rem}.schedule-calendar .week-event__name{font-size:.625rem}.schedule-calendar .week-event__notes{font-size:.5rem}}@media (max-width: 640px){.schedule-calendar .schedule-calendar__header{margin-bottom:1rem}.schedule-calendar .schedule-calendar__title{font-size:1.5rem}.schedule-calendar .schedule-calendar__controls{margin-bottom:1rem}.schedule-calendar .schedule-calendar__stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.time-picker{display:flex;flex-direction:column;gap:.375rem}.time-picker__label{font-size:.875rem;font-weight:500;color:#334155}.time-picker__label--required:after{content:" *";color:#ef4444}.time-picker__required:after{content:" *";color:#ef4444}.time-picker__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;padding:0 .75rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;color:#0f172a;cursor:pointer;transition:all .2s ease;font-family:Inter,"system-ui",sans-serif}.time-picker__trigger:hover:not(:disabled){border-color:#94a3b8;background-color:#f8fafc}.time-picker__trigger:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a;background-color:#fff}.time-picker__trigger:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.time-picker__trigger--error{border-color:#ef4444}.time-picker__trigger--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.time-picker__trigger--disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.time-picker__text{flex:1;text-align:left;color:#0f172a}.time-picker__text--placeholder{color:#94a3b8}.time-picker__icon{width:18px;height:18px;color:#64748b;flex-shrink:0;margin-left:.5rem}.time-picker__popover{width:auto;min-width:280px;padding:0;border-radius:.75rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 35px #0003,0 10px 20px #00000026,0 4px 8px #0000001a;z-index:9999!important;position:relative}.time-picker__options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;max-height:300px;overflow-y:auto;border-bottom:1px solid #e2e8f0}.time-picker__options::-webkit-scrollbar{width:6px}.time-picker__options::-webkit-scrollbar-track{background:#f1f5f9}.time-picker__options::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.time-picker__options::-webkit-scrollbar-thumb:hover{background:#64748b}.time-picker__option{padding:.5rem .75rem;background:transparent;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;color:#334155;cursor:pointer;transition:all .15s ease;font-family:Inter,"system-ui",sans-serif;font-weight:500}.time-picker__option:hover{background-color:#f1f5f9;border-color:#1a2a80;color:#1a2a80}.time-picker__option:active{background-color:#1a2a80;border-color:#1a2a80;color:#fff;transform:scale(.98)}.time-picker__option--selected{background-color:#1a2a80;border-color:#1a2a80;color:#fff;font-weight:600}.time-picker__option--selected:hover{background-color:#151f66;border-color:#151f66}.time-picker__quick-actions{display:flex;padding:.75rem 1rem;gap:.5rem;border-top:1px solid #e2e8f0}.time-picker__quick-btn{flex:1;padding:.5rem .75rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer;transition:all .15s ease;font-family:Inter,"system-ui",sans-serif}.time-picker__quick-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.time-picker__quick-btn:active{background-color:#cbd5e1;transform:scale(.98)}.time-picker__error{font-size:.875rem;color:#ef4444;margin:0;margin-top:.25rem}.filter-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.filter-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.filter-section__title{margin:0;font-size:.875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-section__count{display:inline-block;padding:.25rem .75rem;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;border-radius:12px;white-space:nowrap}.filter-section__row{display:flex;gap:1rem;width:100%;align-items:flex-end}.filter-section__row label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem;display:block}.filter-section__row--first{gap:1rem}.filter-section__row--first>div{flex:1;min-width:0}.filter-section__row--second{gap:1.5rem}.filter-section__row--second>div{flex:1;min-width:0}.filter-section__time-range{display:flex;gap:1rem;align-items:flex-end;flex:1;min-width:0}.filter-section__time-range label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem;display:block}.filter-section__time-range>div{flex:1;min-width:0}.filter-section__date-range{display:flex;gap:1rem;align-items:flex-end;flex:1;min-width:0}.filter-section__date-range label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem;display:block}.filter-section__date-range>div{flex:1;min-width:0}.filter-section__btn{transition:all .2s ease;white-space:nowrap;height:fit-content}.filter-section__btn:hover:not(:disabled){transform:translateY(-1px)}.filter-section__btn:disabled{opacity:.5;cursor:not-allowed}.filter-section__btn--reset{margin-left:auto}@media (max-width: 1280px){.filter-section{padding:1.25rem 1.5rem;gap:.75rem}.filter-section__row,.filter-section__time-range,.filter-section__date-range{gap:.75rem}}@media (max-width: 1024px){.filter-section{padding:1rem 1.5rem;gap:.75rem}.filter-section__header{flex-wrap:wrap}.filter-section__header .filter-section__btn--reset{margin-left:auto}.filter-section__row{gap:.75rem}.filter-section__row--first>div{flex:1;min-width:0}.filter-section__row--first>div.filter-section__counter-select{flex:2}.filter-section__row--second{flex-wrap:wrap;gap:1rem}.filter-section__row--second>div{flex:1;min-width:300px}.filter-section__time-range,.filter-section__date-range{gap:.75rem}}@media (max-width: 768px){.filter-section{padding:1rem 1.5rem;gap:.75rem}.filter-section__header{flex-wrap:wrap;gap:.5rem}.filter-section__header .filter-section__btn--reset{margin-left:auto;order:3}.filter-section__row{gap:.5rem;flex-wrap:wrap}.filter-section__row label{font-size:.65rem;margin-bottom:.25rem}.filter-section__row--first>div{flex:1;min-width:100px}.filter-section__row--first>div.filter-section__counter-select{flex:2}.filter-section__row--second{flex-direction:column;gap:.75rem}.filter-section__row--second>div{width:100%}.filter-section__time-range,.filter-section__date-range{width:100%;gap:.5rem}.filter-section__time-range label,.filter-section__date-range label{font-size:.65rem;margin-bottom:.25rem}.filter-section__time-range>div,.filter-section__date-range>div{flex:1}}@media (max-width: 480px){.filter-section{padding:.75rem 1rem;gap:.5rem}.filter-section__header{flex-direction:column;align-items:stretch;gap:.5rem}.filter-section__header .filter-section__btn--reset{margin-left:0;width:100%}.filter-section__row{width:100%;flex-direction:column;gap:.5rem}.filter-section__row label{font-size:.6rem;margin-bottom:.2rem}.filter-section__row--first>div{width:100%}.filter-section__row--first>div.filter-section__counter-select{width:100%}.filter-section__row--second>div{width:100%}.filter-section__time-range,.filter-section__date-range{width:100%;flex-direction:column;gap:.5rem}.filter-section__time-range label,.filter-section__date-range label{font-size:.6rem;margin-bottom:.2rem}.filter-section__time-range>div,.filter-section__date-range>div{width:100%}.filter-section__btn{width:100%}}.shift-calendar-view{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);padding:0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.shift-calendar-view--loading{display:flex;align-items:center;justify-content:center;min-height:70vh}.shift-calendar-view .calendar-container{width:100%;overflow:hidden}.shift-calendar-view .shift-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;width:100%;min-width:0;box-sizing:border-box;box-shadow:0 2px 8px #0000000d}.shift-calendar-view .shift-calendar-header__left .back-button{color:#6b7280;font-size:.875rem}.shift-calendar-view .shift-calendar-header__left .back-button:hover{color:#374151}.shift-calendar-view .shift-calendar-header__center{display:flex;align-items:center;gap:1rem}.shift-calendar-view .shift-calendar-header__center .view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.shift-calendar-view .shift-calendar-header__center .view-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-calendar-view .shift-calendar-header__center .view-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-calendar-view .shift-calendar-header__center .view-toggle__btn:hover:not(.active){color:#374151}.shift-calendar-view .shift-calendar-header__center .view-toggle__btn svg{width:16px;height:16px}.shift-calendar-view .shift-calendar-header__center .status-filter,.shift-calendar-view .shift-calendar-header__center .team-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-calendar-view .shift-calendar-header__center .status-filter:hover,.shift-calendar-view .shift-calendar-header__center .team-filter:hover{border-color:#d1d5db}.shift-calendar-view .shift-calendar-header__center .status-filter .filter-value,.shift-calendar-view .shift-calendar-header__center .team-filter .filter-value{color:#111827;font-weight:500}.shift-calendar-view .shift-calendar-header__center .status-filter svg,.shift-calendar-view .shift-calendar-header__center .team-filter svg{width:16px;height:16px}.shift-calendar-view .shift-calendar-header__center .advanced-filter-btn{color:#3b82f6;font-size:.875rem}.shift-calendar-view .shift-calendar-header__center .advanced-filter-btn:hover{color:#2563eb}.shift-calendar-view .shift-calendar-header__left{display:flex;align-items:center;gap:1rem}.shift-calendar-view .shift-calendar-header__left .period-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.shift-calendar-view .shift-calendar-header__left .period-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-calendar-view .shift-calendar-header__left .period-toggle__btn svg{width:16px;height:16px}.shift-calendar-view .shift-calendar-header__left .period-toggle__btn:hover{background:#ffffff80;color:#374151}.shift-calendar-view .shift-calendar-header__left .period-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-calendar-view .shift-calendar-header__right{display:flex;align-items:center;gap:.75rem}.shift-calendar-view .shift-calendar-header__right .view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.shift-calendar-view .shift-calendar-header__right .view-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-calendar-view .shift-calendar-header__right .view-toggle__btn svg{width:16px;height:16px}.shift-calendar-view .shift-calendar-header__right .view-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-calendar-view .shift-calendar-header__right .view-toggle__btn:hover:not(.active){color:#374151}.shift-calendar-view .shift-calendar-header__right .filter-btn,.shift-calendar-view .shift-calendar-header__right .current-period-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.shift-calendar-view .shift-calendar-header__right .filter-btn:hover,.shift-calendar-view .shift-calendar-header__right .current-period-btn:hover{background:#f9fafb;border-color:#d1d5db}.shift-calendar-view .shift-calendar-header__right .filter-btn svg,.shift-calendar-view .shift-calendar-header__right .current-period-btn svg{width:16px;height:16px}.shift-calendar-view .shift-calendar-header__right .create-assignment-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;white-space:nowrap;margin-left:auto}.shift-calendar-view .shift-calendar-header__right .create-assignment-btn svg{width:16px;height:16px}.shift-calendar-view .week-navigation{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;width:100%;min-width:0;box-sizing:border-box;box-shadow:0 2px 4px #00000008}.shift-calendar-view .week-navigation__controls{display:flex;align-items:center;justify-content:center;gap:2rem}.shift-calendar-view .week-navigation__controls .nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0}.shift-calendar-view .week-navigation__controls .nav-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.shift-calendar-view .week-navigation__controls .nav-button:active{transform:scale(.95)}.shift-calendar-view .week-navigation__controls .nav-button svg{width:20px;height:20px;display:block}.shift-calendar-view .week-navigation__info{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:200px}.shift-calendar-view .week-navigation__info .week-label{padding:.25rem .75rem;background:#f3f4f6;border-radius:6px;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.shift-calendar-view .week-navigation__info .week-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.shift-calendar-view .shift-calendar__week-grid-container{overflow-y:auto;overflow-x:hidden;flex:1;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;margin:1.5rem 2rem;width:calc(100% - 4rem);box-sizing:border-box;min-width:0;min-height:0;box-shadow:0 4px 12px #00000014;scrollbar-width:none;-ms-overflow-style:none}.shift-calendar-view .shift-calendar__week-grid-container::-webkit-scrollbar{display:none}.shift-calendar-view .shift-calendar__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.shift-calendar-view .shift-calendar__weekdays--week{grid-template-columns:60px repeat(7,minmax(0,1fr));gap:0;border-bottom:2px solid #cbd5e1;margin-bottom:0;width:100%;max-width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.shift-calendar-view .shift-calendar__weekday{padding:.375rem .25rem;text-align:center;font-size:.75rem;font-weight:600;color:#475569;min-width:0;word-break:break-word;overflow-wrap:break-word}.shift-calendar-view .shift-calendar__weekday--time{background:#f8fafc;border-right:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.625rem;text-transform:uppercase;letter-spacing:.5px;overflow:hidden}.shift-calendar-view .shift-calendar__weekday--today{background:#1a2a801a;color:#1a2a80;font-weight:700}.shift-calendar-view .shift-calendar__weekday--today .weekday-date{background:#1a2a80;color:#fff;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:.25rem}.shift-calendar-view .shift-calendar__weekday .weekday-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.shift-calendar-view .shift-calendar__weekday .weekday-date{font-size:1.125rem;font-weight:700}.shift-calendar-view .shift-calendar__week-grid{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr));gap:0;position:relative;width:100%;max-width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.shift-calendar-view .shift-calendar__time-column{display:grid;grid-template-rows:repeat(13,60px);background:#f8fafc;border-right:2px solid #cbd5e1;position:sticky;left:0;z-index:2;min-width:60px;width:60px;flex-shrink:0}.shift-calendar-view .shift-calendar__time-slot{border-bottom:1px solid #e2e8f0;padding:.25rem;font-size:.625rem;font-weight:600;color:#475569;text-align:right;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-calendar-view .shift-calendar__day-column{display:grid;grid-template-rows:repeat(13,60px);grid-template-columns:1fr;position:relative;border-right:1px solid #e2e8f0;min-width:0;overflow:visible}.shift-calendar-view .shift-calendar__day-column:last-child{border-right:none}.shift-calendar-view .shift-calendar__day-column--today{background:#1a2a8008}.shift-calendar-view .shift-calendar__week-cell{border-bottom:1px solid #e2e8f0;cursor:default;transition:background .15s ease;grid-column:1;pointer-events:none}.shift-calendar-view .shift-calendar__week-cell:hover{background:transparent}.shift-calendar-view .week-shift-event{grid-column:1;margin:2px;padding:.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:4px solid #1A2A80;border-radius:.5rem;cursor:pointer;transition:all .2s ease;overflow:visible;z-index:1;box-shadow:0 2px 6px #3b82f633;display:flex;flex-direction:column;justify-content:flex-start;pointer-events:auto;position:relative;min-width:0}.shift-calendar-view .week-shift-event:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 6px 16px #3b82f64d;z-index:2;transform:translateY(-2px)}.shift-calendar-view .week-shift-event__time{font-size:.625rem;font-weight:700;color:#1e3a8a;margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-calendar-view .week-shift-event__counters{display:flex;flex-direction:column;gap:1.25rem;min-height:0;overflow:hidden}.shift-calendar-view .counter-item{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .5rem;background:#fff9;border-radius:.25rem;cursor:pointer;transition:all .2s ease;min-width:0;word-break:break-word;border:1px solid rgba(255,255,255,.3)}.shift-calendar-view .counter-item:hover{background:#ffffffe6;box-shadow:0 2px 8px #1a2a8026;border-color:#ffffff80}.shift-calendar-view .counter-item .counter-name{font-size:.95rem;font-weight:600;color:#1e1b4b;word-break:break-word;overflow-wrap:break-word;min-width:0}.shift-calendar-view .counter-item .counter-staff{font-size:.95rem;color:#334155;padding:.125rem .2rem;background:#1a2a801a;border-radius:1px;font-weight:500;word-break:break-word;overflow-wrap:break-word;min-width:0}.shift-calendar-view .counter-item .counter-unassigned{font-size:.75rem;color:#94a3b8;font-weight:700}.shift-calendar-view .counter-more{font-size:.55rem;font-weight:600;color:#64748b;padding:.375rem;text-align:center}.shift-calendar-view .staff-view{margin:0 2rem 1.5rem;width:calc(100% - 4rem);box-sizing:border-box;flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}.shift-calendar-view .staff-view .staff-group{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #f0f1f3;transition:all .2s ease}.shift-calendar-view .staff-view .staff-group:hover{box-shadow:0 4px 12px #0000001a}.shift-calendar-view .staff-view .staff-group__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.shift-calendar-view .staff-view .staff-group__header h3{font-size:.9rem;font-weight:600;color:#111827;margin:0}.shift-calendar-view .staff-view .staff-group__body .staff-row{display:flex;border-bottom:1px solid #f3f4f6}.shift-calendar-view .staff-view .staff-group__body .staff-row:last-child{border-bottom:none}.shift-calendar-view .staff-view .staff-group__body .staff-row__info{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;width:300px;flex-shrink:0;border-right:1px solid #e5e7eb;background:#fafbfc}.shift-calendar-view .staff-view .staff-group__body .staff-row__info .staff-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;font-weight:600;font-size:.95rem;flex-shrink:0;box-shadow:0 2px 6px #3b82f64d}.shift-calendar-view .staff-view .staff-group__body .staff-row__info .staff-details{flex:1;min-width:0}.shift-calendar-view .staff-view .staff-group__body .staff-row__info .staff-details .staff-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-calendar-view .staff-view .staff-group__body .staff-row__info .staff-details .staff-meta{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:#6b7280;flex-wrap:wrap}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule{display:flex;flex:1;min-width:0;overflow-x:hidden}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell{flex:1;padding:.75rem;border-right:1px solid #f3f4f6;min-height:90px;min-width:0}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell:last-child{border-right:none}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift{padding:.625rem;border-radius:.5rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;border:1px solid rgba(255,255,255,.5)}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift:last-child{margin-bottom:0}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift--morning{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-left:3px solid #22c55e}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift--afternoon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-left:3px solid #f59e0b}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift--evening{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border-left:3px solid #6366f1}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift .shift-time{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift .shift-details{display:flex;align-items:center;gap:.5rem;font-size:.625rem}.shift-calendar-view .staff-view .staff-group__body .staff-row__schedule .schedule-cell .schedule-shift .shift-details svg{width:10px;height:10px}.shift-calendar-view .fab{position:fixed;right:2rem;bottom:2rem;width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;color:#fff;box-shadow:0 6px 20px #3b82f666;cursor:pointer;transition:all .3s ease;z-index:100}.shift-calendar-view .fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 28px #3b82f680}.shift-calendar-view .fab:active{transform:scale(.95)}.shift-calendar-view .fab svg{width:24px;height:24px}@media (max-width: 1280px){.shift-calendar-view .shift-calendar-view .shift-calendar-header__center{gap:.25rem}.shift-calendar-view .shift-calendar-view .shift-calendar-header__center .view-toggle__btn,.shift-calendar-view .shift-calendar-view .shift-calendar-header__center .status-filter,.shift-calendar-view .shift-calendar-view .shift-calendar-header__center .team-filter{font-size:.8125rem;padding:.4rem .75rem}.shift-calendar-view .shift-calendar-view .shift-calendar-grid .day-column{min-width:120px}.shift-calendar-view .shift-calendar-filters{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem}.shift-calendar-view .shift-calendar-filters .search-filters{max-width:100%}.shift-calendar-view .shift-calendar-filters .search-filters__header{margin-bottom:.5rem}.shift-calendar-view .shift-calendar-filters .search-filters__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 0;background:none;border:none;cursor:pointer;color:#374151;font-size:.95rem;font-weight:500}.shift-calendar-view .shift-calendar-filters .search-filters__toggle:hover{color:#1f2937}.shift-calendar-view .shift-calendar-filters .search-filters__toggle-content{display:flex;align-items:center;gap:.5rem}.shift-calendar-view .shift-calendar-filters .search-filters__filter-icon{color:#6366f1}.shift-calendar-view .shift-calendar-filters .search-filters__icon{transition:transform .2s ease;color:#9ca3af}.shift-calendar-view .shift-calendar-filters .search-filters__icon--expanded{transform:rotate(180deg)}.shift-calendar-view .shift-calendar-filters .search-filters__content{max-height:0;overflow:hidden;transition:max-height .3s ease}.shift-calendar-view .shift-calendar-filters .search-filters__content--expanded{max-height:500px;padding:1rem 0;border-top:1px solid #f3f4f6}.shift-calendar-view .shift-calendar-filters .search-filters__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.shift-calendar-view .shift-calendar-filters .search-filters__field{display:flex;flex-direction:column}.shift-calendar-view .shift-calendar-filters .search-filters__field--range{grid-column:span 1}.shift-calendar-view .shift-calendar-filters .search-filters__field--range .flex{display:flex;gap:.5rem}.shift-calendar-view .shift-calendar-filters .search-filters__field--range .flex .flex-1{flex:1}.shift-calendar-view .shift-calendar-filters .search-filters__label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.shift-calendar-view .shift-calendar-filters .search-filters__select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .2s ease}.shift-calendar-view .shift-calendar-filters .search-filters__select:hover{border-color:#9ca3af}.shift-calendar-view .shift-calendar-filters .search-filters__select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.shift-calendar-view .shift-calendar-filters .search-filters__select option{color:#374151;background:#fff}.shift-calendar-view .shift-calendar-filters .search-filters__actions{display:flex;gap:1rem;justify-content:flex-end}.shift-calendar-view .shift-calendar-filters .search-filters__button{padding:.5rem 1.25rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.shift-calendar-view .shift-calendar-filters .search-filters__button:hover{opacity:.9}.shift-calendar-view .shift-calendar-filters .search-filters__button:active{transform:scale(.98)}}@media (max-width: 768px){.shift-calendar-view .shift-calendar-view{padding:0}.shift-calendar-view .shift-calendar-view .shift-calendar-header{flex-direction:column;gap:1rem;align-items:stretch}.shift-calendar-view .shift-calendar-view .shift-calendar-header__left,.shift-calendar-view .shift-calendar-view .shift-calendar-header__center,.shift-calendar-view .shift-calendar-view .shift-calendar-header__right{justify-content:center}.shift-calendar-view .shift-calendar-view .shift-calendar-grid{margin:0;overflow:visible}.shift-calendar-view .shift-calendar-view .shift-calendar-grid .day-column{min-width:100px}.shift-calendar-view .shift-calendar-view .staff-view{margin:0 1rem 1rem}.shift-calendar-view .shift-calendar-view .staff-view .staff-row{flex-direction:column}.shift-calendar-view .shift-calendar-view .staff-view .staff-row__info{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.shift-calendar-view .shift-calendar-view .staff-view .staff-row__schedule{overflow-x:auto}.shift-calendar-view .shift-calendar-view .shift-calendar-filters{padding:1rem}.shift-calendar-view .shift-calendar-view .shift-calendar-filters .search-filters__fields{grid-template-columns:1fr;gap:1rem}.shift-calendar-view .shift-calendar-view .shift-calendar-filters .search-filters__actions{gap:.5rem;flex-direction:column}.shift-calendar-view .shift-calendar-view .shift-calendar-filters .search-filters__button{width:100%}}.shift-day-view{min-height:100vh;background:#f8f9fd;padding:0;width:100%;max-width:100vw;overflow-x:hidden}.shift-day-view--loading{display:flex;align-items:center;justify-content:center;min-height:70vh}.shift-day-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.shift-day-header__left{display:flex;align-items:center;gap:1rem}.shift-day-header__left .period-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.shift-day-header__left .period-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-day-header__left .period-toggle__btn svg{width:16px;height:16px}.shift-day-header__left .period-toggle__btn:hover{background:#ffffff80;color:#374151}.shift-day-header__left .period-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-day-header__right{display:flex;align-items:center;gap:.75rem}.shift-day-header__right .view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.shift-day-header__right .view-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-day-header__right .view-toggle__btn svg{width:16px;height:16px}.shift-day-header__right .view-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-day-header__right .view-toggle__btn:hover:not(.active){color:#374151}.shift-day-header__right .view-toggle__btn:disabled{opacity:.5;cursor:not-allowed}.shift-day-header__right .filter-btn,.shift-day-header__right .current-period-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.shift-day-header__right .filter-btn:hover:not(:disabled),.shift-day-header__right .current-period-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.shift-day-header__right .filter-btn:disabled,.shift-day-header__right .current-period-btn:disabled{opacity:.5;cursor:not-allowed}.shift-day-header__right .filter-btn svg,.shift-day-header__right .current-period-btn svg{width:16px;height:16px}.shift-day-header__right .create-assignment-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;white-space:nowrap}.shift-day-header__right .create-assignment-btn svg{width:16px;height:16px}.day-navigation{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.day-navigation__controls{display:flex;align-items:center;justify-content:center;gap:2rem}.day-navigation__controls .nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0}.day-navigation__controls .nav-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.day-navigation__controls .nav-button:active{transform:scale(.95)}.day-navigation__controls .nav-button svg{width:20px;height:20px;display:block}.day-navigation__controls .day-info{text-align:center;min-width:300px}.day-navigation__controls .day-info .day-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem}.day-navigation__controls .day-info .day-date{font-size:.875rem;color:#6b7280;margin:0}.day-view-container{display:flex;background:#fff;min-height:calc(100vh - 200px);overflow:hidden;margin:0 2rem;width:calc(100% - 4rem);box-sizing:border-box}.time-column{width:120px;border-right:1px solid #e5e7eb;flex-shrink:0}.time-column__header{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.time-column__body{position:relative;padding:0;height:1040px}.time-column .time-slot{position:absolute;left:0;right:0;height:80px;display:flex;align-items:flex-start;justify-content:flex-end;padding:0 1rem}.time-column .time-slot .time-label{font-size:.75rem;font-weight:500;color:#6b7280;background:#fff;padding:.25rem .5rem;z-index:1;position:relative;transform:translateY(-50%);text-align:right}.time-column .time-slot .time-line{position:absolute;left:0;right:0;top:0;height:1px;background:#e5e7eb}.schedule-column{flex:1;position:relative}.schedule-column__header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid #e5e7eb}.schedule-column__header .header-info{display:flex;gap:2rem}.schedule-column__header .header-info .info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.schedule-column__header .header-info .info-item svg{width:16px;height:16px}.schedule-column__header .header-info .info-item span{font-weight:500;color:#374151}.schedule-column__body{position:relative;padding:0 1.5rem;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.schedule-column__body::-webkit-scrollbar{display:none}.schedule-column .grid-line{position:absolute;left:1.5rem;right:1.5rem;height:1px;background:#f3f4f6;pointer-events:none}.assignment-block{position:absolute;padding:.875rem;border-radius:8px;border-left:4px solid transparent;background:#fff;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;overflow:hidden}.assignment-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;z-index:10}.assignment-block__header{margin-bottom:.75rem}.assignment-block__header .assignment-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827}.assignment-block__header .assignment-time svg{width:14px;height:14px}.assignment-block__body .assignment-title{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.625rem;line-height:1.3}.assignment-block__body .assignment-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.625rem}.assignment-block__body .assignment-meta .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280}.assignment-block__body .assignment-meta .meta-item svg{width:14px;height:14px;flex-shrink:0}.assignment-block__body .assignment-meta .meta-item .label{font-weight:500;flex-shrink:0}.assignment-block__body .assignment-meta .meta-item .value{color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-block__body .assignment-meta .meta-item .value.counter-code{font-weight:600;font-family:Courier New,monospace;color:#1e40af;background:#eff6ff;padding:.125rem .5rem;border-radius:4px}.assignment-block__body .assignment-meta .meta-item.unassigned-badge{display:inline-flex;width:fit-content;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:12px;font-weight:500}.assignment-block__body .service-groups{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.assignment-block__body .service-groups .service-tag{display:inline-flex;padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:12px;font-size:.75rem;font-weight:500}.assignment-block__body .assignment-note{font-size:.875rem;color:#6b7280;font-style:italic;padding-top:.5rem;border-top:1px solid #f3f4f6}.assignment-block--morning{background:#dbeafe;border-left-color:#3b82f6}.assignment-block--morning .assignment-time{color:#1e40af}.assignment-block--morning .assignment-title{color:#1e3a8a}.assignment-block--morning:hover{background:#bfdbfe}.assignment-block--afternoon{background:#d1fae5;border-left-color:#10b981}.assignment-block--afternoon .assignment-time{color:#047857}.assignment-block--afternoon .assignment-title{color:#065f46}.assignment-block--afternoon:hover{background:#a7f3d0}.assignment-block--evening{background:#e9d5ff;border-left-color:#a855f7}.assignment-block--evening .assignment-time{color:#7e22ce}.assignment-block--evening .assignment-title{color:#6b21a8}.assignment-block--evening:hover{background:#d8b4fe}.assignment-block--unassigned{background:#fef3c7;border-left-color:#f59e0b}.assignment-block--unassigned .assignment-time{color:#92400e}.assignment-block--unassigned .assignment-title{color:#78350f}.assignment-block--unassigned:hover{background:#fde68a}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:2rem;max-width:400px}.empty-state svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-state p{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}@media (max-width: 1024px){.shift-day-header{padding:1rem 1.5rem;gap:1rem}.day-navigation{padding:1rem 1.5rem}.day-navigation__controls{gap:1.5rem}.day-navigation__controls .day-info{min-width:250px}.day-navigation__controls .day-info .day-title{font-size:1.25rem}.time-column{width:100px}.assignment-block{padding:.75rem}.assignment-block__header{margin-bottom:.5rem}.assignment-block__header .assignment-time{font-size:.8125rem}.assignment-block__body .assignment-title{font-size:.875rem}}@media (max-width: 768px){.shift-day-header{flex-direction:column;gap:.75rem;align-items:stretch}.shift-day-header__left,.shift-day-header__right{justify-content:center}.shift-day-header__left{flex-direction:column;gap:.5rem}.day-navigation__controls{gap:1rem}.day-navigation__controls .day-info{min-width:200px}.day-navigation__controls .day-info .day-title{font-size:1.125rem}.day-navigation__controls .day-info .day-date{font-size:.8125rem}.time-column{width:80px}.time-column__header{font-size:.8125rem}.time-column .time-slot{padding:0 .5rem}.time-column .time-slot .time-label{font-size:.6875rem;padding:.125rem .375rem}.schedule-column__header{padding:0 1rem}.schedule-column__header .header-info{gap:1rem}.schedule-column__header .header-info .info-item{font-size:.8125rem}.schedule-column__header .header-info .info-item svg{width:14px;height:14px}.schedule-column__body{padding:0 1rem}.assignment-block{padding:.625rem}.assignment-block__header,.assignment-block__body .assignment-meta{margin-bottom:.5rem}.assignment-block__body .assignment-meta .meta-item{font-size:.75rem}.grid-line{left:1rem;right:1rem}}@media (max-width: 640px){.shift-day-header{padding:.75rem 1rem}.shift-day-header__left .view-toggle{flex-direction:column;width:100%}.shift-day-header__left .view-toggle__btn,.shift-day-header__left .status-filter,.shift-day-header__left .team-filter{width:100%;justify-content:center}.shift-day-header__right .period-toggle{width:100%}.shift-day-header__right .period-toggle__btn{flex:1}.day-navigation{padding:.75rem 1rem}.day-navigation__controls{gap:.75rem}.day-navigation__controls .day-info{min-width:150px}.day-navigation__controls .day-info .day-title{font-size:1rem}.day-navigation__controls .day-info .day-date{font-size:.75rem}.time-column{width:60px}.time-column__header{font-size:.75rem;padding:.5rem}.time-column .time-slot{padding:0 .375rem}.time-column .time-slot .time-label{font-size:.625rem;padding:.125rem .25rem}.schedule-column__header{height:50px;padding:0 .75rem}.schedule-column__header .header-info{flex-direction:column;gap:.5rem;align-items:flex-start}.schedule-column__header .header-info .info-item{font-size:.75rem}.schedule-column__header .header-info .info-item svg{width:12px;height:12px}.schedule-column__body{padding:0 .75rem}.assignment-block{padding:.5rem}.assignment-block__header{margin-bottom:.375rem}.assignment-block__header .assignment-time{font-size:.75rem}.assignment-block__header .assignment-time svg{width:12px;height:12px}.assignment-block__body .assignment-title{font-size:.8125rem;margin-bottom:.5rem}.assignment-block__body .assignment-meta{gap:.375rem}.assignment-block__body .assignment-meta .meta-item{font-size:.75rem}.assignment-block__body .assignment-meta .meta-item svg{width:12px;height:12px}.assignment-block__body .service-groups{gap:.375rem}.assignment-block__body .service-groups .service-tag{font-size:.6875rem;padding:.125rem .5rem}.assignment-block__body .assignment-note{font-size:.75rem}.grid-line{left:.75rem;right:.75rem}.empty-state{padding:1.5rem}.empty-state svg{width:36px;height:36px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.8125rem}}.shift-month-view{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);padding:0;width:100%;max-width:100vw;overflow-x:hidden}.shift-month-view--loading{display:flex;align-items:center;justify-content:center;min-height:70vh}.shift-month-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.shift-month-header__left{display:flex;align-items:center;gap:1rem}.shift-month-header__left .period-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.shift-month-header__left .period-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-month-header__left .period-toggle__btn svg{width:16px;height:16px}.shift-month-header__left .period-toggle__btn:hover{background:#ffffff80;color:#374151}.shift-month-header__left .period-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-month-header__right{display:flex;align-items:center;gap:.75rem}.shift-month-header__right .view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.shift-month-header__right .view-toggle__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.shift-month-header__right .view-toggle__btn svg{width:16px;height:16px}.shift-month-header__right .view-toggle__btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.shift-month-header__right .view-toggle__btn:hover:not(.active){color:#374151}.shift-month-header__right .view-toggle__btn:disabled{opacity:.5;cursor:not-allowed}.shift-month-header__right .filter-btn,.shift-month-header__right .current-period-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.shift-month-header__right .filter-btn:hover:not(:disabled),.shift-month-header__right .current-period-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.shift-month-header__right .filter-btn:disabled,.shift-month-header__right .current-period-btn:disabled{opacity:.5;cursor:not-allowed}.shift-month-header__right .filter-btn svg,.shift-month-header__right .current-period-btn svg{width:16px;height:16px}.shift-month-header__right .create-assignment-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;white-space:nowrap}.shift-month-header__right .create-assignment-btn svg{width:16px;height:16px}.month-navigation{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e5e7eb}.month-navigation__controls{display:flex;align-items:center;justify-content:center;gap:1rem}.month-navigation__controls .nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0}.month-navigation__controls .nav-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.month-navigation__controls .nav-button:active{transform:scale(.95)}.month-navigation__controls .nav-button svg{width:20px;height:20px;display:block}.month-navigation__controls .month-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0;min-width:200px;text-align:center}.calendar-grid{padding:0;background:#fff;width:100%;box-sizing:border-box;overflow-x:hidden;margin:0 2rem;width:calc(100% - 4rem)}.calendar-header{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid #e0e0e0;background:#fff;width:100%;box-sizing:border-box;min-width:0}.calendar-header__day{padding:.75rem;text-align:center;font-size:.6875rem;font-weight:500;color:#70757a;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #e0e0e0}.calendar-header__day:last-child{border-right:none}.calendar-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:auto;background:#fff;width:100%;box-sizing:border-box;min-width:0}.calendar-day{min-height:180px;width:100%;max-width:100%;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff;padding:0;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;min-width:0}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#f8f9fa}.calendar-day--other-month{background:#fafafa}.calendar-day--other-month .calendar-day__number{color:#b0b0b0}.calendar-day--other-month .assignment-item{opacity:.6}.calendar-day--today{background:#fff}.calendar-day--today .calendar-day__number{background:#1a73e8;color:#fff;border-radius:50%;font-weight:600}.calendar-day__header{padding:.375rem .5rem;display:flex;justify-content:center;align-items:center;min-height:34px}.calendar-day__number{font-size:.75rem;font-weight:500;color:#3c4043;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;min-height:26px}.calendar-day__content{padding:.375rem;display:flex;flex-direction:column;gap:1px;flex:1;overflow:hidden;min-width:0}.calendar-day__content::-webkit-scrollbar{width:4px}.calendar-day__content::-webkit-scrollbar-track{background:transparent}.calendar-day__content::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.calendar-day__content::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.schedule-item{display:flex;gap:.25rem;padding:2px 3px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:3px solid #1A2A80;border-radius:2px;max-height:30px;flex:1;overflow:hidden;transition:all .15s ease;cursor:pointer}.schedule-item:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 1px 4px #3b82f64d}.schedule-item__type{font-size:.625rem;font-weight:700;color:#1e3a8a;white-space:nowrap;flex-shrink:0}.schedule-item__time-range{font-size:.625rem;font-weight:500;color:#0f1741;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.schedule-item--morning{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left-color:#1a2a80}.schedule-item--morning .schedule-item__type{color:#1e3a8a}.schedule-item--morning .schedule-item__time-range{color:#0f1741}.schedule-item--morning:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 1px 4px #3b82f64d}.schedule-item--afternoon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left-color:#1a2a80}.schedule-item--afternoon .schedule-item__type{color:#1e3a8a}.schedule-item--afternoon .schedule-item__time-range{color:#0f1741}.schedule-item--afternoon:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 1px 4px #3b82f64d}.schedule-more{background:#f1f5f9;border-left-color:#94a3b8;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.6875rem;color:#475569;font-weight:600;text-align:center;cursor:pointer;border-radius:2px;transition:all .2s ease;margin-top:.125rem;border:1px solid #e2e8f0;display:flex}.schedule-more:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1;box-shadow:0 1px 4px #0000001a}@media (max-width: 1024px){.calendar-day{min-height:110px}.schedule-item{font-size:.6875rem;padding:2px 3px;min-height:20px}.schedule-more{font-size:.625rem;padding:.25rem .4rem}}@media (max-width: 768px){.shift-month-header{padding:.75rem 1rem}.shift-month-header__left .today-button{padding:.375rem .75rem;font-size:.8125rem}.shift-month-header__center .month-title{font-size:1rem;min-width:150px}.shift-month-header__right{display:none}.calendar-header__day{padding:.5rem .25rem;font-size:.625rem}.calendar-day{min-height:90px}.calendar-day__header{padding:.375rem .5rem}.calendar-day__content{padding:0 .375rem .375rem;gap:.125rem}.schedule-item{font-size:.625rem;padding:2px 3px;gap:.25rem;min-height:20px}.schedule-more{font-size:.5625rem}}@media (max-width: 640px){.shift-month-header{flex-direction:column;gap:.75rem;align-items:stretch}.shift-month-header__left,.shift-month-header__center{justify-content:center}.shift-month-header__center .month-title{min-width:120px}.calendar-header__day{font-size:.5625rem;padding:.375rem .125rem}.calendar-day{min-height:70px}.calendar-day__header{padding:.25rem}.calendar-day__number{font-size:.6875rem}.calendar-day__content{padding:0 .25rem .25rem}.schedule-item{padding:2px 3px;font-size:.625rem;min-height:20px}.schedule-more{font-size:.5rem;padding:.125rem .25rem}}.bulk-create-tab__counter-card{padding:1.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background-color:#fff;transition:all .2s ease;min-height:180px}.bulk-create-tab__counter-card:hover{border-color:#1a2a80;box-shadow:0 4px 15px #1a2a8026}.bulk-create-tab__counter-card--incomplete{border-color:#fcd34d;background-color:#fefce8}.bulk-create-tab__counter-card--incomplete:hover{border-color:#fbbf24}.bulk-create-tab__counter-card--has-assignment{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 1px 3px #10b9811a}.bulk-create-tab__counter-card--has-assignment:hover{border-color:#059669;box-shadow:0 4px 12px #10b98126}.bulk-create-tab__counter-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.bulk-create-tab__counter-name{font-size:.875rem;font-weight:600;color:#0f172a;margin:0}.bulk-create-tab__counter-summary{margin-top:.25rem}.bulk-create-tab__counter-summary small{font-size:.75rem;color:#64748b}.bulk-create-tab__expand-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bulk-create-tab__expand-btn:hover{background-color:#f8fafc;color:#1a2a80}.bulk-create-tab__expand-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-create-tab__remove-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bulk-create-tab__remove-btn:hover{background-color:#f8fafc;color:#ef4444}.bulk-create-tab__remove-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-create-tab__edit-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bulk-create-tab__edit-btn:hover{background-color:#f8fafc;color:#1a2a80}.bulk-create-tab__edit-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-create-tab__delete-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bulk-create-tab__delete-btn:hover{background-color:#f8fafc;color:#ef4444}.bulk-create-tab__delete-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-create-tab__incomplete-warning{display:flex;align-items:center;gap:.25rem;color:#b45309;font-size:.875rem;margin-bottom:.5rem;padding:.25rem;background-color:#f59e0b1a;border-radius:.25rem}.bulk-create-tab__counter-expanded{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.bulk-create-tab__counter-field{display:flex;flex-direction:column;gap:.25rem}.bulk-create-tab__counter-label{font-size:.875rem;font-weight:500;color:#0f172a}.bulk-create-tab__capability-warning{animation:fadeIn .3s ease}.bulk-create-tab__checkboxes-inline{display:flex;flex-wrap:wrap;gap:.5rem}.bulk-create-tab__checkbox-inline{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#0f172a;cursor:pointer;padding:.25rem .5rem;border:1px solid transparent;border-radius:.5rem;transition:all .2s ease;background-color:#f8fafc}.bulk-create-tab__checkbox-inline input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:#1A2A80}.bulk-create-tab__checkbox-inline:hover:not(.bulk-create-tab__checkbox-inline--disabled){background-color:#eff6ff;border-color:#bfdbfe}.bulk-create-tab__checkbox-inline input[type=checkbox]:checked+span{font-weight:500;color:#1a2a80}.bulk-create-tab__checkbox-inline--disabled{cursor:not-allowed;background-color:#f1f5f9;opacity:.7}.bulk-create-tab__checkbox-inline--disabled input[type=checkbox]{cursor:not-allowed}.bulk-create-tab__counter-textarea{padding:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s ease}.bulk-create-tab__counter-textarea:focus{outline:none;border-color:#1a2a80;box-shadow:0 0 0 3px #1a2a801a}.bulk-create-tab__counter-textarea:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shift-card{background:linear-gradient(135deg,#f8fafc,#e0e7ff)!important;border:2px solid #c7d2fe!important;box-shadow:0 4px 12px #6366f11a!important;transition:all .3s ease!important}.shift-card:hover{border-color:#a5b4fc!important;box-shadow:0 8px 20px #6366f126!important;transform:translateY(-2px)}.bulk-create-tab__shift-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.bulk-create-tab__shift-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.bulk-create-tab__shift-time{font-size:.875rem;color:#64748b;background-color:#f8fafc;padding:.25rem .5rem;border-radius:.25rem}.bulk-create-tab__counters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.bulk-create-tab__failure-content{padding:1rem 0}.bulk-create-tab__failure-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0;max-height:400px;overflow-y:auto}.bulk-create-tab__failure-item{padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.bulk-create-tab__failure-item strong{color:#ef4444;display:block;margin-bottom:.25rem}.bulk-create-tab__failure-item p{margin:0;color:#64748b;font-size:.875rem}.bulk-create-tab__modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.delete-confirmation-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:2rem 0;pointer-events:auto}.delete-confirmation{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;width:90%;padding:0;margin:0 auto;animation:fadeIn .2s ease-out;position:relative;pointer-events:auto}.delete-confirmation__header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.delete-confirmation__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.delete-confirmation__content{padding:1.5rem;text-align:center}.delete-confirmation__icon{margin:0 auto 1rem;width:3rem;height:3rem;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center}.delete-confirmation__warning-icon{width:1.5rem;height:1.5rem;color:#ef4444}.delete-confirmation__message{color:#6b7280;font-size:.875rem;line-height:1.25rem;margin:0}.delete-confirmation__actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.delete-confirmation__cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.delete-confirmation__cancel-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-confirmation__confirm-btn{background-color:#ef4444;color:#fff}.delete-confirmation__confirm-btn:hover{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.delete-confirmation{max-width:20rem}.delete-confirmation__actions{flex-direction:column}.delete-confirmation__actions button{width:100%}}.bulk-create-tab{display:flex;flex-direction:column;gap:1.5rem}.bulk-create-tab__header{display:flex;flex-direction:column}.bulk-create-tab__floor-selector{display:flex;gap:1rem;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.5rem;min-width:300px;width:fit-content}@media (max-width: 768px){.bulk-create-tab__floor-selector{width:100%;flex:1;min-width:unset}}.bulk-create-tab__floor-label{font-size:1.0625rem;font-weight:600;color:#334155;white-space:nowrap}@media (max-width: 768px){.bulk-create-tab__floor-label{font-size:1rem}}.bulk-create-tab__shifts{display:flex;flex-direction:column;gap:1rem}.bulk-create-tab__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.bulk-create-tab__submit-btn{min-width:200px}.create-shift-assignment-page{padding:0;background-color:#f8fafc;min-height:calc(100vh - 4rem)}.create-shift-assignment-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.create-shift-assignment-page__title-section{flex:1}.create-shift-assignment-page__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.create-shift-assignment-page__subtitle{color:#64748b;font-size:1rem}.create-shift-assignment-page__actions{display:flex;gap:1rem;align-items:center}.create-shift-assignment-page__content{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #00000012;overflow:hidden}.create-shift-assignment-page__card{padding:2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border:2px solid #c7d2fe;box-shadow:0 4px 12px #6366f11a;transition:all .3s ease}.create-shift-assignment-page__card:hover{border-color:#a5b4fc;box-shadow:0 8px 20px #6366f126;transform:translateY(-2px)}.create-shift-assignment-page__mode-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}@media (max-width: 1024px){.create-shift-assignment-page__mode-toggle{flex-direction:column;align-items:stretch}}.create-shift-assignment-page__mode-description{flex:1;font-size:1.125rem;color:#64748b;margin:0;padding:.5rem 1rem;background-color:#eef2ff;border-left:3px solid #1A2A80;border-radius:.25rem;line-height:2}.create-shift-assignment-page__floor-selector{display:flex;gap:1rem;align-items:center;border-radius:.25rem;min-width:300px;width:fit-content;flex-shrink:0}@media (max-width: 1024px){.create-shift-assignment-page__floor-selector{width:100%;min-width:unset}}@media (max-width: 768px){.create-shift-assignment-page__floor-selector{width:100%;min-width:unset}}.create-shift-assignment-page__floor-label{font-size:1.0625rem;font-weight:600;color:#334155;white-space:nowrap}@media (max-width: 768px){.create-shift-assignment-page__floor-label{font-size:1rem}}.create-shift-assignment-page__form-section{display:flex;flex-direction:column}.create-shift-assignment-page__label{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.create-shift-assignment-page__required{color:#ef4444;margin-left:.25rem}.create-shift-assignment-page__calendar-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.create-shift-assignment-page__calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.create-shift-assignment-page__calendar-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.create-shift-assignment-page__calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;cursor:pointer;color:#64748b;transition:all .2s ease}.create-shift-assignment-page__calendar-nav-btn:hover{background-color:#f8fafc;border-color:#1a2a80;color:#1a2a80}.create-shift-assignment-page__calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed}.create-shift-assignment-page__calendar-nav-btn svg{width:1.25rem;height:1.25rem}.create-shift-assignment-page__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:.5rem;background-color:#fff;border-radius:.25rem}@media (max-width: 768px){.create-shift-assignment-page__calendar-grid{gap:.25rem}}@media (max-width: 480px){.create-shift-assignment-page__calendar-grid{gap:.25rem}}.create-shift-assignment-page__calendar-weekday{display:flex;align-items:center;justify-content:center;padding:.5rem;font-weight:600;font-size:.75rem;color:#64748b;text-transform:uppercase;text-align:center}.create-shift-assignment-page__calendar-date{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0;background-color:#fff;border:2px solid #e2e8f0;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#0f172a;transition:all .2s ease}.create-shift-assignment-page__calendar-date:hover:not(:disabled){border-color:#1a2a80;background-color:#eef2ff}.create-shift-assignment-page__calendar-date:disabled{opacity:.4;cursor:not-allowed}.create-shift-assignment-page__calendar-date--selected{background-color:#1a2a80;border-color:#1a2a80;color:#fff;font-weight:600}.create-shift-assignment-page__calendar-date--holiday{background-color:#fefce8;border-color:#fcd34d}.create-shift-assignment-page__calendar-date--holiday.create-shift-assignment-page__calendar-date--selected{background-color:#d97706;border-color:#d97706}.create-shift-assignment-page__calendar-date--assigned{border-color:#4ade80;background-color:#f0fdf4}.create-shift-assignment-page__calendar-date--assigned:hover:not(:disabled){border-color:#22c55e;background-color:#dcfce7}.create-shift-assignment-page__calendar-date--assigned.create-shift-assignment-page__calendar-date--selected{background-color:#1a2a80;border-color:#1a2a80}.create-shift-assignment-page__calendar-date--past{background-color:#f8fafc;color:#94a3b8;opacity:.5}.create-shift-assignment-page__calendar-date--past:hover{border-color:#e2e8f0;background-color:#f8fafc}@media (max-width: 768px){.create-shift-assignment-page__calendar-date{min-height:2.25rem;font-size:.75rem;padding:.25rem}}@media (max-width: 480px){.create-shift-assignment-page__calendar-date{min-height:2rem;font-size:.7rem}}.create-shift-assignment-page__calendar-day{display:block}.create-shift-assignment-page__calendar-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.create-shift-assignment-page--loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.create-shift-assignment-page--loading .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.create-shift-assignment-page__header{flex-direction:column;gap:1rem}.create-shift-assignment-page__card{padding:1rem}}@media (max-width: 480px){.create-shift-assignment-page__title{font-size:1.25rem}.create-shift-assignment-page__subtitle{font-size:.875rem}.create-shift-assignment-page__card{padding:.5rem}}.shift-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;z-index:1001;display:flex;flex-direction:column}.shift-detail-modal__backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.shift-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.shift-detail-modal__title{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.shift-detail-modal__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:#64748b;border-radius:.25rem;transition:all .2s ease}.shift-detail-modal__close-btn:hover{background:#0000000d;color:#0f172a}.shift-detail-modal__content{flex:1;padding:1rem;overflow-y:auto}.shift-detail-modal__section{margin-bottom:1rem}.shift-detail-modal__section:last-child{margin-bottom:0}.shift-detail-modal__section-title{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;display:flex;align-items:center;gap:.25rem}.shift-detail-modal__section-icon{display:flex;align-items:center;color:#1a2a80}.shift-detail-modal__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 640px){.shift-detail-modal__info-grid{grid-template-columns:1fr;gap:.25rem}}.shift-detail-modal__info-item{display:flex;flex-direction:column;gap:4px}.shift-detail-modal__info-label{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;color:#64748b}.shift-detail-modal__info-label svg{flex-shrink:0;color:#1a2a80;width:14px;height:14px}.shift-detail-modal__info-value{font-size:.875rem;color:#0f172a;font-weight:500;display:flex;align-items:center;gap:4px}.shift-detail-modal__counter-value{background:#1a2a800d;padding:8px 12px;border-radius:.25rem;border-left:3px solid #1A2A80}.shift-detail-modal__counter-icon{display:flex;align-items:center;color:#1a2a80;flex-shrink:0}.shift-detail-modal__service-groups{display:flex;flex-wrap:wrap;gap:.25rem}.shift-detail-modal__service-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#1a2a801a;color:#1a2a80;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(26,42,128,.2)}.shift-detail-modal__notes{background:#f9fafb;padding:.5rem;border-radius:.25rem;border-left:3px solid #1A2A80;font-size:.75rem;color:#0f172a;line-height:1.5;white-space:pre-wrap;word-break:break-word}.shift-detail-modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.shift-detail-modal__close-button{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shift-detail-modal__close-button:hover{background:#f3f4f6;border-color:#d1d5db}@media (max-width: 768px){.shift-detail-modal{width:95%;max-width:480px}.shift-detail-modal__header,.shift-detail-modal__content,.shift-detail-modal__footer{padding:.5rem}}@media (max-width: 640px){.shift-detail-modal{width:98%;max-width:100%;max-height:90vh;border-radius:0}.shift-detail-modal__header,.shift-detail-modal__content{padding:.5rem}.shift-detail-modal__info-grid{grid-template-columns:1fr;gap:.25rem}.shift-detail-modal__footer{padding:.5rem}}.staff-shifts-calendar{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.staff-shifts-calendar--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.staff-shifts-calendar__loading-message{font-size:.875rem;color:#64748b}.staff-shifts-calendar__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.staff-shifts-calendar__month-title{font-size:1.125rem;font-weight:700;color:#0f172a;min-width:180px}.staff-shifts-calendar__nav-buttons{display:flex;gap:.5rem;align-items:center}.staff-shifts-calendar__nav-btn,.staff-shifts-calendar__today-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:.25rem;cursor:pointer;color:#0f172a;transition:all .2s ease}.staff-shifts-calendar__nav-btn svg,.staff-shifts-calendar__today-btn svg{stroke:currentColor;stroke-width:2;flex-shrink:0}.staff-shifts-calendar__nav-btn:hover,.staff-shifts-calendar__today-btn:hover{border-color:#1a2a80;color:#1a2a80;background:#1a2a800d}.staff-shifts-calendar__nav-btn:hover svg,.staff-shifts-calendar__today-btn:hover svg{stroke:#1a2a80}.staff-shifts-calendar__today-btn{padding:0 1rem;width:auto;font-size:.875rem;font-weight:500}.staff-shifts-calendar__calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;padding:1px;min-height:500px}.staff-shifts-calendar__weekday{background:#f3f4f6;padding:1rem;text-align:center;font-weight:600;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.staff-shifts-calendar__day-cell{background:#fff;padding:.5rem;min-height:100px;position:relative;transition:all .2s ease}.staff-shifts-calendar__day-cell:hover{background:#f9fafb;box-shadow:inset 0 0 8px #0000000d}.staff-shifts-calendar__day-cell--today{background:#b2b0e880;border:2px solid #1A2A80}.staff-shifts-calendar__day-cell--other-month{background:#f9fafb;opacity:.5}.staff-shifts-calendar__date-number{display:block;font-weight:600;font-size:.875rem;color:#0f172a;margin-bottom:.25rem}.staff-shifts-calendar__shifts-container{display:flex;flex-direction:column;gap:4px}.staff-shifts-calendar__shift-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;border:none;cursor:pointer;transition:all .2s ease}.staff-shifts-calendar__shift-badge--morning{background:#ff9f4026;color:#e67e22;border-left:3px solid #e67e22}.staff-shifts-calendar__shift-badge--morning:hover{background:#ff9f4040;box-shadow:0 2px 8px #e67e2233}.staff-shifts-calendar__shift-badge--afternoon{background:#9b59b626;color:#9b59b6;border-left:3px solid #9b59b6}.staff-shifts-calendar__shift-badge--afternoon:hover{background:#9b59b640;box-shadow:0 2px 8px #9b59b633}.staff-shifts-calendar__shift-badge--other{background:#3498db26;color:#3498db;border-left:3px solid #3498db}.staff-shifts-calendar__shift-badge--other:hover{background:#3498db40;box-shadow:0 2px 8px #3498db33}.staff-shifts-calendar__shift-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:14px;height:14px}.staff-shifts-calendar__shift-time{flex-shrink:0;font-size:.75rem}.staff-shifts-calendar__empty-day{font-size:.75rem;color:#94a3b8;margin-top:4px}.staff-shifts-calendar__legend{display:flex;gap:1.5rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}.staff-shifts-calendar__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.staff-shifts-calendar__legend-color{display:block;width:12px;height:12px;border-radius:2px;flex-shrink:0}.staff-shifts-calendar__legend-color--morning{background:#e67e22}.staff-shifts-calendar__legend-color--afternoon{background:#9b59b6}.staff-shifts-calendar__empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:1.5rem}.staff-shifts-calendar__empty-state p{font-size:1rem;color:#64748b;margin:0}@media (max-width: 768px){.staff-shifts-calendar__calendar{min-height:400px}.staff-shifts-calendar__day-cell{min-height:80px;padding:.25rem}.staff-shifts-calendar__date-number{font-size:.75rem}.staff-shifts-calendar__shift-badge{padding:3px 6px;font-size:.75rem}.staff-shifts-calendar__shift-icon{width:12px;height:12px}.staff-shifts-calendar__header{padding:1rem}.staff-shifts-calendar__month-title{font-size:1rem}.staff-shifts-calendar__legend{flex-direction:column;gap:.5rem;padding:.5rem}}@media (max-width: 640px){.staff-shifts-calendar__calendar{min-height:300px}.staff-shifts-calendar__day-cell{min-height:60px;padding:4px}.staff-shifts-calendar__shifts-container{gap:2px}.staff-shifts-calendar__shift-badge{font-size:10px;padding:2px 4px;gap:2px}.staff-shifts-calendar__shift-time{display:none}.staff-shifts-calendar__empty-state{min-height:300px;padding:1rem}}.staff-my-shifts{padding:1.5rem;background-color:#f8fafc;min-height:100vh}@media (max-width: 768px){.staff-my-shifts{padding:1rem}}@media (max-width: 640px){.staff-my-shifts{padding:.5rem}}.staff-my-shifts--loading{display:flex;align-items:center;justify-content:center}.staff-my-shifts__header{margin-bottom:1.5rem}.staff-my-shifts__header-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.staff-my-shifts__header-top{flex-direction:column;align-items:flex-start;gap:1rem}}.staff-my-shifts__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}@media (max-width: 640px){.staff-my-shifts__title{font-size:1.25rem}}.staff-my-shifts__header-stats{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem}@media (max-width: 768px){.staff-my-shifts__header-stats{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.staff-my-shifts__header-stats::-webkit-scrollbar{display:none}}.staff-my-shifts__stat-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 .5rem;white-space:nowrap}@media (max-width: 768px){.staff-my-shifts__stat-item{flex-shrink:0}}.staff-my-shifts__stat-value{font-size:1.125rem;font-weight:700;color:#1a2a80}@media (max-width: 640px){.staff-my-shifts__stat-value{font-size:1rem}}.staff-my-shifts__stat-label{font-size:.75rem;color:#64748b;text-align:center}.staff-my-shifts__stat-divider{width:1px;height:24px;background:#e5e7eb}@media (max-width: 768px){.staff-my-shifts__stat-divider{height:20px}}.staff-my-shifts__controls{display:flex;flex-direction:column;gap:0}@media (max-width: 768px){.staff-my-shifts__controls{gap:0}}.staff-my-shifts__tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;flex-shrink:0;background:#fff;margin-bottom:1rem}@media (max-width: 768px){.staff-my-shifts__tabs{width:100%;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}}.staff-my-shifts__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.staff-my-shifts__tab:hover{color:#1a2a80;background:#1a2a800d}.staff-my-shifts__tab--active{color:#1a2a80;border-bottom-color:#1a2a80;font-weight:700;background:transparent}.staff-my-shifts__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#b2b0e8;color:#151f66;font-size:.75rem;font-weight:600;border-radius:9999px}.staff-my-shifts__filters{width:100%;background:#fff;border-radius:0}@media (max-width: 768px){.staff-my-shifts__filters{width:100%}}.staff-my-shifts__content{width:100%}.staff-my-shifts__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 1.5rem;text-align:center;color:#64748b}.staff-my-shifts__empty-state svg{color:#94a3b8}.staff-my-shifts__empty-state h3{color:#0f172a;margin:0;font-size:1.125rem}.staff-my-shifts__empty-state p{margin:0;font-size:.875rem}.staff-my-shifts__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}@media (max-width: 1024px){.staff-my-shifts__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 768px){.staff-my-shifts__grid{grid-template-columns:1fr;gap:1rem}}.staff-my-shifts__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;overflow:hidden}.staff-my-shifts__card:hover{border-color:#1a2a80;box-shadow:0 1px 3px #00000014}@media (max-width: 640px){.staff-my-shifts__card:hover{transform:none}}.staff-my-shifts__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid #f3f4f6}.staff-my-shifts__card-title{display:flex;align-items:flex-start;gap:.5rem;flex:1;min-width:0}.staff-my-shifts__shift-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:.25rem;background:#f9fafb;color:#1a2a80}.staff-my-shifts__shift-icon svg{width:20px;height:20px}.staff-my-shifts__date{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin:0}.staff-my-shifts__shift-name{font-size:.875rem;font-weight:600;color:#0f172a;margin:2px 0 0}.staff-my-shifts__badge{flex-shrink:0}.staff-my-shifts__card-details{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.staff-my-shifts__detail-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;min-width:0}.staff-my-shifts__detail-icon{flex-shrink:0;color:#1a2a80;opacity:.7}.staff-my-shifts__note-row{display:flex;flex-direction:column;gap:2px;padding-top:.5rem;border-top:1px solid #f3f4f6;font-size:.75rem}.staff-my-shifts__note-label{color:#64748b;font-weight:500}.staff-my-shifts__note-text{color:#0f172a;line-height:1.4}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}#root{min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Inter,"system-ui",sans-serif;color:#64748b}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@custom-variant dark (&:is(.dark *));@tailwind utilities;@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--radius: .5rem;--primary: #1A2A80;--primary-dark: #151f66;--primary-light: #3B38A0;--primary-lighter: #7A85C1;--primary-lightest: #B2B0E8;--background: #ffffff;--surface: #f8fafc;--card: #ffffff;--popover: #ffffff;--foreground: #0f172a;--muted-foreground: #64748b;--card-foreground: #1e293b;--popover-foreground: #0f172a;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #334155;--muted: #f1f5f9;--accent: #e2e8f0;--accent-foreground: #1e293b;--destructive: #ef4444;--destructive-foreground: #ffffff;--success: #22c55e;--success-foreground: #ffffff;--warning: #f59e0b;--warning-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #7A85C1;--sidebar: #1A2A80;--sidebar-foreground: #ffffff;--sidebar-primary: #3B38A0;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #7A85C1;--sidebar-accent-foreground: #ffffff;--sidebar-border: #3B38A0;--sidebar-ring: #B2B0E8}.dark{--background: #0f172a;--surface: #1e293b;--card: #1e293b;--popover: #1e293b;--foreground: #f1f5f9;--muted-foreground: #94a3b8;--card-foreground: #e2e8f0;--popover-foreground: #f1f5f9;--primary: #7A85C1;--primary-foreground: #0f172a;--secondary: #334155;--secondary-foreground: #f1f5f9;--muted: #334155;--accent: #475569;--accent-foreground: #f1f5f9;--border: #334155;--input: #334155;--ring: #B2B0E8;--sidebar: #151f66;--sidebar-foreground: #f1f5f9;--sidebar-primary: #1A2A80;--sidebar-primary-foreground: #f1f5f9;--sidebar-accent: #3B38A0;--sidebar-accent-foreground: #f1f5f9;--sidebar-border: #1A2A80;--sidebar-ring: #7A85C1}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}