@font-face{font-family:Pretendard;font-style:normal;font-weight:100;src:url(../fonts/Pretendard-Thin.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:200;src:url(../fonts/Pretendard-ExtraLight.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;src:url(../fonts/Pretendard-Light.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;src:url(../fonts/Pretendard-Regular.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;src:url(../fonts/Pretendard-Medium.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;src:url(../fonts/Pretendard-SemiBold.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(../fonts/Pretendard-Bold.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:800;src:url(../fonts/Pretendard-ExtraBold.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:900;src:url(../fonts/Pretendard-Black.otf) format("opentype")}@tailwind base;@tailwind components;@tailwind utilities;::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d6a6a80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a424db3}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html{color-scheme:light}body,html{background-color:#f9fafb;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{color:#1b434d;padding:0!important}*,.alert,.badge,.btn,.card,.el-button,.el-dialog,.el-input,.el-message,.el-notification,.el-select,.form-control,.form-select,.modal,:after,:before,button,input,optgroup,select,textarea{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}:root{--primary-color:#1b434d;--secondary-color:#2d6a6a;--success-color:#28a745;--info-color:#17a2b8;--warning-color:#ffc107;--danger-color:#dc3545;--light-color:#f8f9fa;--dark-color:#343a40;--white:#fff;--black:#000;--page-bg:#f9fafb;--surface-bg:#fff;--sidebar-bg:#fff;--sidebar-text:#1b434d;--sidebar-text-secondary:#71727a;--sidebar-active-bg:#ebf4f3;--sidebar-indicator:#10b981;--sidebar-hover-bg:rgba(235,244,243,.6);--sidebar-border:#dcdee1;--header-title-color:#1f2024;--header-title-strong:#0d0c22;--font-family-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--shadow:0 .5rem 1rem rgba(0,0,0,.15);--shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--border-radius:.375rem;--border-radius-lg:.5rem;--border-radius-xl:1rem;--sidebar-w:clamp(176px,12vw,215px);--header-h:clamp(56px,5.6vw,64px);--space-1:clamp(6px,.6vw,8px);--space-2:clamp(10px,1vw,14px);--radius-2:clamp(6px,.6vw,10px);--indicator-green-start:#10b981;--indicator-green-end:#059669;font-size:clamp(14px,.9vw,16px)}*{box-sizing:border-box}body{background-color:var(--light-color);color:var(--dark-color);font-family:var(--font-family-sans);line-height:1.6}.btn-modern{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-modern:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-modern{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.card-modern:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.navbar-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-sm);transition:all .3s ease}.navbar-modern.scrolled{background-color:#fffffffa!important;box-shadow:0 2px 20px #0000001a}.navbar-modern .navbar-brand{font-size:1.25rem;font-weight:700}.navbar-modern .navbar-nav .nav-link{color:var(--dark-color);font-weight:500;transition:color .3s ease}.navbar-modern .navbar-nav .nav-link:hover{color:var(--primary-color)}@media (min-width:992px){.navbar-modern{padding-left:280px;transition:padding-left .3s ease}.navbar-modern.sidebar-collapsed{padding-left:90px}}.mobile-search-panel{background-color:#fff;border-bottom:1px solid #dee2e6;left:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1040}.mobile-search-panel.show{transform:translateY(0)}.dropdown-menu{border:none;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026}.dropdown-item{padding:.5rem 1rem;transition:all .2s ease}.dropdown-item:hover{background-color:#f8f9fa;transform:translate(5px)}.navbar-toggler{border:none;padding:.25rem .5rem}.navbar-toggler:focus{box-shadow:none}.btn-outline-primary:hover{transform:translateY(-1px)}.badge{font-size:.6em}@media (max-width:991.98px){.navbar-collapse{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem}.navbar-nav .nav-link{padding:.75rem 0}}.side-navbar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1b434d;border-radius:0 20px 20px 0;box-shadow:0 0 40px #1a424d4d,0 10px 30px #0003,inset 0 1px #2d6a6a26;height:100vh;left:0;overflow-y:auto;position:fixed;position:relative;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1030}.side-navbar:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.side-navbar:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);border-radius:1px;content:"";height:2px;left:20px;position:absolute;right:20px;top:20px}.side-navbar.collapsed{width:70px}.side-navbar::-webkit-scrollbar{width:4px}.side-navbar::-webkit-scrollbar-track{background:#ffffff1a}.side-navbar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.side-navbar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.navbar-header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;padding:1.5rem 1rem;position:relative;z-index:2}.brand-container{align-items:center;display:flex;gap:12px}.brand-icon{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border-radius:16px;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3;color:#fff;font-size:1.8rem;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.brand-icon:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shimmer{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.brand-text{flex:1}.brand-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.brand-subtitle{color:#ffffffb3;font-size:.75rem;font-weight:400}.menu-container{padding:0 1rem 1rem;position:relative;z-index:2}.menu-section{margin-bottom:1.5rem}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:.5rem;padding:.5rem .75rem}.section-icon{color:#fff9;font-size:.9rem}.section-title{color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin-bottom:2px}.menu-link{align-items:center;border-radius:12px;color:#ffffffd9;display:flex;font-size:.9rem;font-weight:500;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-link:before{background:#ffffff1a;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.menu-link.active:before,.menu-link:hover:before{opacity:1}.menu-link.active,.menu-link:hover{box-shadow:0 4px 12px #00000026;color:#fff;transform:translate(4px)}.menu-link.active{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-left:3px solid #fff;box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3}.menu-icon{height:20px;margin-right:12px;text-align:center;width:20px}.menu-text{flex:1;font-weight:500}.expand-icon{font-size:.8rem;transition:transform .3s ease}.parent-menu.expanded .expand-icon{transform:rotate(180deg)}.favorite-indicator{color:gold;font-size:.7rem}.submenu{list-style:none;margin:4px 0 0;opacity:0;padding:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.submenu.show{max-height:400px;opacity:1;transform:translateY(0)}.submenu-item{margin-bottom:1px}.submenu-link{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;font-size:.85rem;padding:8px 16px 8px 44px;position:relative;text-decoration:none;transition:all .3s ease}.submenu-link:before{content:none!important;display:none!important}.submenu-link.active,.submenu-link:hover{background:none!important;box-shadow:none!important;color:inherit!important;transform:none!important}.submenu-link.active:before,.submenu-link:hover:before{content:none!important;display:none!important}.submenu-icon{font-size:.9rem;height:16px;margin-right:8px;width:16px}.submenu-text{font-weight:400}.loading-menu{padding:1rem}.loading-item{align-items:center;display:flex;margin-bottom:8px;padding:12px 16px}.loading-icon{background:#fff3;height:20px;margin-right:12px;width:20px}.loading-icon,.loading-text{animation:pulse 1.5s ease-in-out infinite;border-radius:4px}.loading-text{background:#ffffff26;flex:1;height:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.side-navbar.collapsed .brand-text,.side-navbar.collapsed .expand-icon,.side-navbar.collapsed .favorite-indicator,.side-navbar.collapsed .menu-text,.side-navbar.collapsed .section-header,.side-navbar.collapsed .submenu{display:none}.side-navbar.collapsed .menu-link{justify-content:center;padding:12px}.side-navbar.collapsed .menu-icon{margin-right:0}.side-navbar.collapsed .brand-container{justify-content:center}@media (max-width:991.98px){.side-navbar{border-radius:0 20px 20px 0;transform:translate(-100%)}.side-navbar.mobile-open{transform:translate(0)}}.sidebar-modern{background:#1b434d;border-radius:var(--border-radius);box-shadow:var(--shadow);height:100vh;left:0;overflow-y:auto;padding-top:0;top:0;transition:width .3s ease;width:240px;z-index:1030}.sidebar-modern.collapsed{width:60px}.sidebar-modern.collapsed .nav-link{justify-content:center;padding-left:0;padding-right:0}.sidebar-modern.collapsed .nav-link i{margin-right:0!important}.sidebar-modern .nav-link{align-items:center;border-radius:var(--border-radius);color:#fffc;display:flex;font-size:.9rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.sidebar-modern .nav-link i{text-align:center;width:20px}.sidebar-modern .nav-link.active,.sidebar-modern .nav-link:hover{background-color:#ffffff1a;color:var(--white);transform:translate(5px)}.mobile-sidebar{left:-100%;padding-top:0;position:fixed;transition:left .3s ease;width:240px}.mobile-sidebar.show{left:0}.sidebar-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1020}.sidebar-overlay.show{opacity:1;visibility:visible}.sidebar-heading{font-size:.75rem;font-weight:600;letter-spacing:.05em}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.show{max-height:200px}.badge{font-size:.7em}.sidebar-footer{background:inherit;bottom:0;position:sticky}.collapse-toggle-btn{border-color:#ffffff4d!important;transition:all .3s ease}.collapse-toggle-btn:hover{background-color:#ffffff1a}.btn-sidebar-toggle{background:#1b434d;border:1px solid rgba(45,106,106,.3);box-shadow:0 4px 12px #1a424d33;transition:all .3s ease}.btn-sidebar-toggle:hover{background:#2d6a6a;border-color:#2d6a6a;box-shadow:0 6px 20px #2d6a6a4d;transform:translateY(-2px)}.btn-sidebar-toggle:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.sidebar-modern::-webkit-scrollbar{width:6px}.sidebar-modern::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-modern::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-modern::-webkit-scrollbar-thumb:hover{background:#ffffff80}.footer-modern{background:#1b434d;color:var(--white);margin-top:auto;overflow:hidden;position:relative}.footer-modern:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20' viewBox='0 0 100 20'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M0 20c20-10 40 0 60-5s40-15 40-15v20z'/%3E%3C/svg%3E") repeat-x;content:"";height:80px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-modern .footer-link{color:#fffc;font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-modern .footer-link:hover{color:var(--white)!important;transform:translate(5px)}.btn-social{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-social:hover{background-color:#fff3;transform:translateY(-2px)}.contact-info i{width:20px}.newsletter .form-control{background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#fff}.newsletter .form-control::-moz-placeholder{color:#fff9}.newsletter .form-control::placeholder{color:#fff9}.newsletter .form-control:focus{background-color:#ffffff26;border-color:#ffc107;box-shadow:0 0 0 .2rem #ffc10740;color:#fff}.footer-badges .badge{font-size:.7rem}.back-to-top{align-items:center;background:#1b434d;border:2px solid rgba(45,106,106,.3);border-radius:50%;bottom:30px;box-shadow:0 6px 20px #1a424d4d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all .3s ease;visibility:hidden;width:50px;z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.btn-floating{align-items:center;box-shadow:0 4px 15px #0003;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.btn-floating:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.wave-animation{left:0;line-height:0;overflow:hidden;position:absolute;top:0;transform:rotate(180deg);width:100%}.wave-animation svg{display:block;height:60px;position:relative;width:calc(100% + 1.3px)}.wave-animation .shape-fill{fill:#ffffff1a}.footer-brand{transition:transform .3s ease}.footer-brand:hover{transform:translateY(-2px)}@media (max-width:768px){.footer-modern{text-align:center}.social-links .d-flex{justify-content:center}.footer-badges{justify-content:center!important}.back-to-top{bottom:20px;height:45px;right:20px;width:45px}.contact-info .d-flex{justify-content:center}}@media (max-width:576px){.footer-modern .container{padding-left:15px;padding-right:15px}.social-links .d-flex{flex-wrap:wrap;gap:10px!important}.footer-link{font-size:.85rem}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@media (max-width:991.98px){.sidebar-modern{width:240px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-color)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.app-layout{background-color:var(--light-color);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:60px;transition:margin-left .3s ease}.content-wrapper{min-height:calc(100vh - 60px);padding:1.5rem 0}@media (min-width:992px){.main-content{margin-left:260px}.main-content.sidebar-collapsed{margin-left:70px}}@media (max-width:991.98px){.main-content.sidebar-open{overflow:hidden}}.main-content{transition:all .3s ease}.content-wrapper{scroll-behavior:smooth}.content-wrapper .container,.content-wrapper .container-fluid{padding-left:1rem;padding-right:1rem}@media (min-width:576px){.content-wrapper .container,.content-wrapper .container-fluid{padding-left:1.5rem;padding-right:1.5rem}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-content:focus{outline:none}@media (prefers-reduced-motion:reduce){.content-wrapper,.main-content{transition:none}}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.page-header{align-items:flex-start;background:linear-gradient(135deg,#1b434d,#2d6a6a);border-radius:15px;box-shadow:0 4px 15px #1a424d33;color:#fff;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px}.page-header .header-content{flex:1}.page-header .header-content h1,.page-header .header-content h2,.page-header h2{color:#fff!important;font-size:1.75rem!important;font-weight:700!important;line-height:1.3!important;margin:0 0 8px!important}.page-header .header-content p,.page-header p{color:#ffffffe6!important;font-size:.95rem!important;line-height:1.5!important;margin:0!important}.page-header .header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:10px}.standard-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin:0 auto;max-width:1800px;min-height:calc(100vh - 70px);overflow:visible;padding:20px}.full-height-page{background:#f5f6fa;height:100vh;margin:0;overflow:hidden;padding:0}.full-height-page .page-header{border-radius:0;margin:0}.map-control-bar .sidebar-toggle-wrapper{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10}.map-control-bar .sidebar-toggle{align-items:center;background:#fff;border:2px solid #2d6a6a;border-radius:12px;box-shadow:0 2px 8px #1a424d1a;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.map-control-bar .sidebar-toggle-wrapper:hover .sidebar-toggle{border-color:#2d6a6a;box-shadow:0 8px 25px #3e587926;transform:translateY(-2px)}.map-control-bar .sidebar-toggle i{color:#1b434d;font-size:1.2rem}.map-control-bar .sidebar-count{background:linear-gradient(135deg,#1b434d,#2d6a6a);border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:20px;padding:2px 6px;text-align:center}.map-control-bar .custom-map-selector{position:relative;z-index:100}.map-control-bar .custom-select-button{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #1b434d;border-radius:14px;box-shadow:0 4px 12px #1a424d1f;color:#1b434d;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:space-between;min-width:200px;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-control-bar .custom-select-button:hover{background:#3e58791a;border-color:#1b434d;box-shadow:0 6px 20px #1a424d33}.map-control-bar .custom-select-button.active{background:linear-gradient(135deg,#1b434d,#2d6a6a);border-color:#1b434d;box-shadow:0 6px 20px #1a424d40;color:#fff;transform:translateY(-1px)}.map-control-bar .select-value{flex:1;text-align:left}.map-control-bar .select-arrow{transition:transform .3s ease}.map-control-bar .select-arrow.rotated{transform:rotate(180deg)}.map-control-bar .control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1b434d;border-radius:12px;box-shadow:0 4px 12px #1a424d1f;color:#2d6a6a;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.map-control-bar .control-btn:hover{background:#3e58791a;border-color:#1b434d;box-shadow:0 6px 20px #1a424d33}.map-control-bar .control-btn.active{background:linear-gradient(135deg,#1b434d,#2d6a6a);border-color:#1b434d;box-shadow:0 6px 20px #1a424d40;color:#fff;transform:translateY(-1px)}.map-control-bar .control-btn.active:hover{box-shadow:0 8px 25px #1a424d4d;transform:translateY(-2px)}.page-header-content{align-items:center;display:flex;gap:15px;padding:15px 20px;width:100%}.sidebar-toggle-wrapper{flex-shrink:0;margin-right:10px}.page-controls{align-items:center;display:flex;flex:1;gap:15px}.control-group{flex-shrink:0}.control-btn,.work-mode-controls .control-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#495057;padding:8px 12px;transition:all .3s ease}.control-btn:hover{background:#f8f9fa;border-color:#1b434d;box-shadow:0 4px 8px #1a424d26;color:#1b434d;transform:translateY(-2px)}.control-btn.active{background:linear-gradient(135deg,#1b434d,#2d6a6a);border-color:#1b434d;box-shadow:0 4px 12px #1a424d4d;color:#fff}.control-btn i{font-size:1rem}input:-internal-autofill-selected,input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-text-fill-color:#495057!important;border-color:#1b434d!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.custom-selector{position:relative;width:100%}.custom-selector-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:2px solid rgba(26,66,77,.15);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:38px;padding:.5rem .75rem;transition:all .3s ease;width:100%}.custom-selector-button:hover{background:#fff;border-color:#1b434d;transform:translateY(-1px)}.custom-selector-button.active{background:#fff;border-color:#1b434d;box-shadow:0 0 0 .2rem #1a424d33}.selector-value{color:#212529;flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-control,.form-select{background-color:#fff!important;border-color:#1a424d26!important;color:#212529!important}.form-control:focus,.form-select:focus{background-color:#fff!important;border-color:#1b434d!important;box-shadow:0 0 0 .2rem #1a424d26!important;color:#212529!important}.selector-arrow{color:#1b434d;font-size:.9rem;margin-left:.5rem;transition:transform .3s ease}.selector-arrow.rotated{transform:rotate(180deg)}.custom-selector-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:2px solid rgba(26,66,77,.15);border-radius:12px;box-shadow:0 8px 25px #1a424d26;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.custom-selector-option{align-items:center;border-radius:8px;color:#1b434d;cursor:pointer;display:flex;font-weight:500;padding:10px 12px;transition:all .3s ease}.custom-selector-option:hover{background:linear-gradient(135deg,#1b434d,#2d6a6a);color:#fff;transform:translateY(-1px)}.custom-selector-option.active{background:linear-gradient(135deg,#1a424d1a,#3e58791a);color:#1b434d;font-weight:600}.btn-primary{background:linear-gradient(135deg,#3e7a7a,#5e9a9a)!important;border:none!important;color:#fff!important;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#5e9a9a,#7ebaba)!important;box-shadow:0 4px 12px #3e7a7a66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#4e8a6a,#6eaa8a)!important;border:none!important;color:#fff!important}.btn-success:hover{background:linear-gradient(135deg,#6eaa8a,#8ecaaa)!important;box-shadow:0 4px 12px #4e8a6a66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#a55f68,#c57f88)!important;border:none!important;color:#fff!important}.btn-danger:hover{background:linear-gradient(135deg,#c57f88,#e59fa8)!important;box-shadow:0 4px 12px #a55f6866;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#d4af37,#f4cf57)!important;border:none!important;color:#2c2416!important}.btn-warning:hover{background:linear-gradient(135deg,#f4cf57,#ffdf77)!important;box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#5a8c9c,#7aacbc)!important;border:none!important;color:#fff!important}.btn-info:hover{background:linear-gradient(135deg,#7aacbc,#9accdc)!important;box-shadow:0 4px 12px #5a8c9c66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#8c959d,#acb5bd)!important;border:none!important;color:#fff!important}.btn-secondary:hover{background:linear-gradient(135deg,#acb5bd,#ccd5dd)!important;box-shadow:0 4px 12px #8b949c66;transform:translateY(-2px)}.header-actions,.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.search-filter-section{background:#fff;border:1px solid #e9ecef;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.search-filter-section .input-group{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.search-filter-section .input-group-text{background:#f8f9fa;border:none;color:#6c757d}.search-filter-section .form-control{border:none;font-size:.95rem;padding:.75rem 1rem}.search-filter-section .form-control:focus{box-shadow:0 0 0 3px #007bff1a}.search-filter-section .form-select{border:1px solid #dee2e6;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);font-size:.95rem;padding:.75rem 1rem}.search-filter-section .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.menus-content,.monitor-container,.users-section{background:transparent}.monitor-container{display:flex;flex-direction:column;height:calc(100vh - 65px)}.card{background:#fff;border:1px solid #e9ecef;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:1.25rem 1.5rem}.card-title{color:var(--dark-color);font-size:1.1rem;font-weight:600;margin:0}.card-body{padding:1.5rem}.table-responsive{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table{font-size:.95rem;margin-bottom:0}.table thead th{background:linear-gradient(135deg,#1b434d,#2d6a6a);border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.table tbody td{border-top:1px solid #e9ecef;padding:5px 10px;vertical-align:middle}.table-hover tbody tr:hover{background-color:#f8f9fa}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#f8f9fa;border-radius:50%;color:#6c757d;height:40px;justify-content:center;width:40px}.user-avatar i{font-size:1.5rem}.user-details{flex:1}.user-name{color:var(--dark-color);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#6c757d;font-size:.85rem}.company-info{display:flex;flex-direction:column}.company-name{color:var(--dark-color);font-size:.9rem;font-weight:500;margin-bottom:.25rem}.company-code{color:#6c757d;font-family:var(--font-family-mono);font-size:.8rem}.category-item{border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.category-item:hover{background:#f8f9fa;border-color:#e9ecef}.category-item.active{background:#007bff1a;border-color:var(--primary-color)}.category-info{gap:.75rem}.category-icon,.category-info{align-items:center;display:flex}.category-icon{background:linear-gradient(135deg,var(--primary-color) 0,var(--info-color) 100%);border-radius:var(--border-radius);box-shadow:0 3px 10px #1a424d4d;color:#fff;font-size:1.1rem;height:35px;justify-content:center;width:35px}.category-name{color:var(--dark-color);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.category-count{color:#6c757d;font-size:.8rem}.menu-items{display:flex;flex-direction:column;gap:1rem}.menu-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.menu-item:hover{border-color:#ced4da;box-shadow:var(--shadow-sm)}.menu-info{flex:1}.menu-header{gap:.75rem;margin-bottom:.75rem}.menu-header,.menu-icon{align-items:center;display:flex}.menu-icon{background:linear-gradient(135deg,var(--success-color) 0,var(--warning-color) 100%);border-radius:var(--border-radius);box-shadow:0 3px 10px #1a424d4d;color:#fff;font-size:1.1rem;height:35px;justify-content:center;width:35px}.menu-details{flex:1}.menu-name{color:var(--dark-color);font-size:1rem;font-weight:600;margin-bottom:.25rem}.menu-path{color:#6c757d;font-family:var(--font-family-mono);font-size:.85rem}.menu-description{color:#6c757d;font-size:.9rem;line-height:1.5}.action-buttons,.menu-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.action-buttons .btn,.menu-actions .btn{transition:all .3s ease}.action-buttons .btn:hover,.menu-actions .btn:hover{transform:translateY(-2px)}.badge{border-radius:var(--border-radius);font-size:.8rem;font-weight:500;padding:.5rem .75rem}.bg-danger{background-color:var(--danger-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-info{background-color:var(--info-color)!important}.bg-success{background-color:var(--success-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-success-soft{background-color:#28a7451a!important;color:var(--success-color)!important}.bg-danger-soft{background-color:#dc35451a!important;color:var(--danger-color)!important}.bg-warning-soft{background-color:#ffc1071a!important;color:#856404!important}.loading-state{padding:3rem 1rem;text-align:center}.loading-state .spinner-border{color:var(--primary-color)}.loading-state p{color:#6c757d;font-size:.95rem;margin-top:1rem}.empty-state{color:#6c757d;padding:3rem 1rem;text-align:center}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin:0}.modal{z-index:1400}.modal-content{border:none;border-radius:var(--border-radius-lg);box-shadow:0 1rem 3rem #0000002d}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:1.5rem}.modal-title{color:var(--dark-color);font-weight:600}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{background:#f8f9fa;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:1px solid #e9ecef}.form-label.required:after{color:var(--danger-color);content:" *";font-weight:700}.form-control,.form-select{border:1px solid #ced4da;border-radius:var(--border-radius);transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.pagination{gap:.25rem}.page-link{border:1px solid #dee2e6;border-radius:var(--border-radius);color:var(--dark-color);padding:.5rem .75rem;transition:all .3s ease}.page-link:hover{background-color:#f8f9fa;border-color:#ced4da;color:var(--primary-color);transform:translateY(-1px)}.page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:768px){.page-header{margin-bottom:1.5rem;padding:1.5rem}.page-header .d-flex{align-items:flex-start;flex-direction:column;gap:1rem}.page-title{font-size:1.5rem}.header-actions,.page-actions{justify-content:flex-start;width:100%}.search-filter-section{padding:1rem}.action-buttons,.menu-actions{flex-direction:column;gap:.25rem}.action-buttons .btn,.menu-actions .btn{justify-content:center;width:100%}.table-responsive{font-size:.85rem}.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-dialog{margin:1rem}}.el-message{position:fixed!important;transform:translateY(140px)!important;z-index:2000!important}