@charset "UTF-8";*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{line-height:1.5;font-family:Pretendard,Noto Sans KR,sans-serif;color:#222;background-color:#fff;word-break:keep-all;overflow:hidden;height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}p{line-height:1.6}a{text-decoration:none;color:inherit}b,strong{font-weight:600}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;width:100%}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer;background:none}textarea{resize:vertical}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:2px solid #007aff;outline-offset:2px}hr{border:none;border-top:1px solid #ddd}button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button:vertical:decrement,::-webkit-scrollbar-button:single-button:vertical:increment{display:none}::-webkit-scrollbar{width:5px;border:0}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#007aff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a}*{scrollbar-width:thin;scrollbar-color:#007aff transparent}.kt-gradient{background:linear-gradient(90deg,#4c51bf,#6b46c1)}.kt-glow,.kt-glow-hover:hover{filter:drop-shadow(0 4px 6px rgba(76,81,191,.5))}.app-container{display:flex;height:100vh;max-height:100vh;overflow:hidden;background-color:var(--color-white)}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:50}@media (min-width:1024px){.mobile-menu-toggle{display:none}}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:16rem;background-color:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);transform:translateX(0);transition:transform .2s ease-in-out}.sidebar-content-wrapper{display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-bottom:1px solid var(--border-sidebar)}.nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;border-left:4px solid transparent;margin-left:0;color:var(--text-sidebar-fg)}.nav-group-toggle:hover{background-color:rgba(var(--color-primary),.1)}.nav-group-toggle.active,.nav-group-toggle:hover{color:#fff;border-left-color:var(--color-primary)}.nav-group-toggle.active{background-color:rgba(var(--color-primary),.2);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06)}.sub-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;border-left:4px solid transparent;margin-left:1rem;color:var(--text-sidebar-fg)}.sub-nav-item:hover{color:#fff;background-color:rgba(var(--color-primary),.1);border-left-color:var(--color-primary)}.sub-nav-item.active{background:linear-gradient(90deg,#4c51bf,#6b46c1);color:#fff;filter:drop-shadow(0 4px 6px rgba(76,81,191,.5));border-left-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:scale(1.05)}.main-content-wrapper,.main-modal-content-wrapper{flex:1;display:flex;flex-direction:column;background-color:#0f172a}@media (min-width:1024px){.main-content-wrapper{margin-left:15.9rem}}.main-content-area{overflow-y:auto;overflow-x:auto;min-width:0}.main-content-area,.main-modal-content-area{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.main-modal-content-area{height:auto}.page-header{display:flex;justify-content:space-between;align-items:center}.page-subtitle{color:var(--muted-foreground)}.page-title-group{color:#fff;text-align:left}.page-title{font-size:revert}.page-title.pit{color:var(--primary-color)}.action-button,.action-buttons-group{display:flex;gap:.75rem}.action-button{align-items:center;padding:.4rem .75rem;border-radius:.5rem;font-size:.85rem;font-weight:500;transition:all .2s;color:#fff;border:1px solid var(--color-slate-500);background-color:var(--color-slate-900)}.action-button:hover{background-color:var(--color-slate-950)}.btn-primary{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;border-radius:.5rem;font-size:.85rem;font-weight:500;transition:all .2s;color:#fff;border:1px solid var(--color-blue-600);background-color:var(--color-blue-600)}.btn-primary:hover{background-color:var(--color-blue-700);border-color:var(--color-blue-700);box-shadow:0 4px 6px -1px rgba(37,99,235,.3)}.btn-primary:active{background-color:var(--color-sidebar-accent);transform:scale(.98)}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px rgba(37,99,235,.5)}.btn-primary .icon{width:1rem;height:1rem;color:#fff}.btn-transparent{background-color:transparent;border:1px solid transparent;color:var(--color-white)}.btn-transparent:hover{background-color:var(--color-slate-500)}.card{display:flex;flex-direction:column;gap:1rem;border-radius:.75rem;border:1px solid #475569;padding-top:1.5rem;padding-bottom:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);background-color:var(--card-background);color:#fff;transition:box-shadow .3s ease}.card.wide{padding:1rem 1.5rem;width:-webkit-fill-available}.dashboard-wrapper .card .card-content button{width:100%}.dashboard-wrapper .quick-actions-list{width:100%;display:flex;flex-direction:column;gap:.25rem}.dashboard-wrapper .quick-actions-list li{width:100%;margin-top:.5rem}.card-header{flex-direction:row;align-items:center;padding-bottom:.5rem}.basic-info-card .card-header,.card-activity-log .card-header,.card-chart-container .card-header{flex-direction:column;align-items:baseline;justify-content:start}.card-title-btn-group,.card-title-group{display:flex;align-items:center;gap:.75rem;line-height:1;font-weight:600;font-size:1.125rem}.card-title-btn-group{flex-direction:row;justify-content:space-between;width:100%;.card-description{font-weight:300}}.card-title{font-size:.875rem;font-weight:500;color:var(--color-white)}.card-title-lg{font-weight:600;font-size:1.125rem}.card-title-lg,.chart-legend-font{line-height:1;color:var(--color-white)}.chart-legend-font{font-weight:500;font-size:1rem}.card-description{color:var(--muted-foreground)}.card-description+.action-buttons-group{display:flex;margin-left:auto}.card-icon{height:1rem;width:1rem}.icon-primary{color:var(--primary-color)}.card-content{padding-left:1.5rem;padding-right:1.5rem;color:var(--color-white)}.system-status-list{width:100%;gap:.75rem}.system-status-list li p{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--color-white)}.system-status-list li{width:100%;margin-top:.5rem}.status-item-group{display:flex;align-items:baseline;justify-content:center;flex-direction:row;gap:.5rem}.status-item-group+.service-plan-grid{padding-top:.5rem;border-top:1px solid var(--color-slate-500)}.status-item-group li{flex:1}.status-item-group li p{display:flex;align-items:center;gap:.5rem;color:var(--color-slate-300)}.system-status-list li p .badge{margin-left:auto;flex-shrink:0}.space-between{display:flex;align-items:center;justify-content:space-between}.status-icon{vertical-align:middle}.status-caution{color:#f59e0b}.status-error{color:#ef4444}.main-value{font-size:1.3rem;font-weight:700;color:var(--color-white)}.main-sub-value{font-size:.9rem;font-weight:500;color:var(--color-white)}.comparison-text{font-size:.9rem;color:var(--muted-foreground)}.comparison-increase{color:var(--primary-color);font-weight:600}.progress-bar{position:relative;width:100%;margin-top:.5rem}.progress-indicator{background-color:var(--primary-color);height:100%;width:100%;transition:transform .3s ease}.status-pending{color:var(--color-yellow-500);font-weight:600}.status-complete{color:var(--primary-color);font-weight:600}.status-expire{color:#ff6b6b}.card-body{padding:0 1.5rem}.data-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.data-grid.three-col{grid-template-columns:repeat(3,1fr)}.data-field{margin-bottom:1rem}.data-field .data-label{font-size:.975rem;font-weight:thin;color:var(--color-gray-400)}.data-field .data-value{font-size:1.15rem;font-weight:400;color:#fff;margin:.025rem 0}.badge{border-radius:.375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.25rem .75rem}.status-active{background-color:#d1fae5;color:#065f46}.status-vip{background-color:#ede9fe;color:#5b21b6}.status-credit{background-color:#dbeafe;color:#1e40af}.tabs-list{color:var(--color-muted);display:inline-flex;height:2.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;border-radius:.5rem;padding:3px;background-color:#334155}.tabs-list.wide{width:-webkit-fill-available}.tab-trigger{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:.375rem;border-radius:.375rem;border:1px solid transparent;padding:.25rem .5rem;font-size:.875rem;font-weight:500;white-space:nowrap;transition:color,box-shadow;height:calc(100% - 1px);color:#fff}.tab-trigger.active{background-color:#0f172a;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#fff}.customer-details-header{justify-content:space-between}.customer-details-group,.customer-details-header,.customer-icon-bg{display:flex;align-items:center}.customer-icon-bg{width:70px;height:70px;border-radius:50%;background-color:var(--color-cyan-400);justify-content:center;margin-right:1rem}.icon.company-icon{width:auto;height:auto;color:#fff}.info-tabs-container,.tab-content{display:flex;flex-direction:column;gap:1.5rem}.info-tabs-container .tabs-list{margin-bottom:0}.dashboard-grid{gap:1.5rem}.dashboard-grid,.dashboard-grid-first{display:grid;grid-template-columns:1fr}.dashboard-grid-first{gap:1rem}.dashboard-grid .card.bgChange:hover{color:#fff;filter:drop-shadow(0 0 10px var(--color-sidebar-accent));box-shadow:0 0 30px rgba(14,165,233,.5);transition:box-shadow .3s ease}.dashboard-grid .card.bgChange.active{background:var(--color-active-link-bg-dark);color:#fff;box-shadow:0 10px 15px rgba(0,0,.3,.3);filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.dashboard-grid .card.bgChange.active:hover{color:#fff;filter:drop-shadow(0 0 10px var(--color-sidebar-accent));box-shadow:0 0 30px rgba(14,165,233,.5);transition:box-shadow .3s ease}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid.col-1{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid.col-2{grid-template-columns:repeat(2,1fr)}.dashboard-grid.col-3{grid-template-columns:repeat(3,1fr)}.dashboard-grid.col-4{grid-template-columns:.7fr .7fr 1.5fr}.dashboard-grid.col-5{grid-template-columns:repeat(10,.5fr)}.dashboard-grid-first.first{grid-template-columns:1.2fr 1fr 2.1fr .7fr}.dashboard-grid.row-2{grid-template-columns:repeat(1,2fr)}}.activity-log-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem}.activity-dot{width:.7rem;height:.7rem;border-radius:50%}.dot-primary{background-color:var(--primary-color);box-shadow:0 0 .5rem var(--primary-color)}.activity-message{font-size:1rem;color:var(--color-white);margin-bottom:.125rem;line-height:1.2}.activity-timestamp{font-size:.75rem;color:var(--muted-foreground);line-height:1}.form-grid{width:100%;display:flex;flex-direction:column;gap:1.25rem}.input-label{font-size:.875rem;color:#fff}.input-field{align-items:center;gap:.5rem}.input-field input[type=email],.input-field input[type=tel],.input-field input[type=text],.input-field textarea{width:100%}textarea.input-field{min-height:6rem;font-family:inherit}.input-field--textarea{height:auto;align-items:flex-start;padding-top:.75rem}.menu-permission-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.menu-permission-item{display:flex;align-items:center}.service-selection-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-option-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem;background-color:rgba(30,41,59,.6);border:1px solid hsla(0,0%,100%,.15);border-radius:.75rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.service-option-item:hover{background-color:rgba(30,41,59,.8);border-color:hsla(0,0%,100%,.25)}.service-option-item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.125rem;height:1.125rem;cursor:pointer;background-color:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.25);border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.service-option-item input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.service-option-item input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:1rem;font-weight:400;line-height:1}.service-icon-wrapper{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon{width:50%;height:50%;-o-object-fit:contain;object-fit:contain}.service-label{font-size:.875rem;color:#fff;font-weight:500;flex:1}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.125rem;height:1.125rem;cursor:pointer;background-color:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.25);border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-blue-500);border-color:var(--color-blue-500)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:1rem;font-weight:400;line-height:1}.data-table input[type=checkbox],.data-table td input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.125rem;height:1.125rem;cursor:pointer;background-color:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.25);border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.data-table input[type=checkbox]:checked,.data-table td input[type=checkbox]:checked{background-color:var(--color-blue-500);border-color:var(--color-blue-500)}.data-table input[type=checkbox]:checked:after,.data-table td input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:1rem;font-weight:400;line-height:1}.auth-options{justify-content:flex-start;flex-wrap:wrap}.info-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-section{width:100%;gap:1rem;padding:2rem;border-left:4px solid var(--color-blue-400);background-color:rgba(255,255,255,var(--white-opacity-5))}.info-section.wide{width:100%;border-left:4px solid var(--color-yellow-500);background-color:var(--color-white)}.info-section.wide.info-1{border-left:4px solid var(--color-cyan-500)}.info-section.wide.info-2{border-left:4px solid var(--color-purple-500)}.info-section.wide.info-3{border-left:4px solid var(--color-green-400)}.info-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0;padding-bottom:.75rem}.info-section.wide .info-section-title{color:var(--color-yellow-500);padding-bottom:0}.info-section.wide.info-1 .info-section-title{color:var(--color-cyan-500)}.info-section.wide.info-2 .info-section-title{color:var(--color-purple-500)}.info-section.wide.info-3 .info-section-title{color:var(--color-green-400)}.info-list{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.125rem}.info-list li{font-size:.875rem;color:var(--color-slate-300);line-height:1.6}.info-section.wide .info-list li{color:var(--color-slate-500)}.data-column .auth-options{float:left}.data-column,.data-column .auth-options{display:flex;flex-direction:column;align-items:baseline;gap:.5rem;text-align:left}.data-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.data-row .data-field{margin-bottom:0}.data-row.notice{display:flex;align-items:flex-start;justify-items:center;flex-direction:column;gap:.5rem;background-color:var(--color-yellow-50);color:#2f3438;border:1px solid var(--color-yellow-500);border-radius:.375rem;padding:.75rem}.data-row.notice h4{font-size:.875rem;font-weight:500;color:var(--color-yellow-500);display:inline-flex;align-items:center;gap:.4rem}.data-row.notice h4 .icon{flex-shrink:0;width:1rem;height:1rem}.data-row.notice p{font-size:.875rem;font-weight:500}.service-request{display:inline-flex;flex-direction:column;gap:.5rem}.service-request li span:first-child{width:5rem;display:inline-block;margin-right:.5rem;font-size:.875rem;color:var(--color-white)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.pricing-card{padding:1.25rem;min-height:20rem}.pricing-card .action-button{width:100%;display:flex;justify-content:center;align-items:center;margin-top:auto}.pricing-featured{border:2px solid var(--color-blue-500)}.pricing-badge{position:absolute;right:.75rem;top:.75rem;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;background:#e9f0ff;color:#215db6}.pricing-header{display:flex;flex-direction:column;margin-bottom:.75rem}.pricing-title{font-size:1rem;font-weight:700;color:#fff}.pricing-price .price-number{font-size:1.55rem;line-height:2;font-weight:800;color:var(--color-blue-400)}.pricing-price .price-unit{margin-left:.25rem;font-size:.875rem;color:var(--color-slate-300)}.pricing-meta{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.pricing-meta li{display:flex;justify-content:space-between;color:var(--color-white)}.feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.feature-list li{position:relative;padding-left:1rem;color:#e2e8f0}.feature-list li:before{content:"";position:absolute;left:0;top:.5em;width:.4rem;height:.4rem;border-radius:9999px;background:#22c55e}.service-list{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.service-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background-color:rgba(255,255,255,var(--white-opacity-5));border:1px solid rgba(255,255,255,var(--white-opacity-10));border-radius:.75rem;transition:all .2s}.service-item:hover{background-color:rgba(255,255,255,var(--white-opacity-8));border-color:rgba(255,255,255,var(--white-opacity-15))}.service-item-left{display:flex;align-items:center}.service-icon-container .badge{margin-right:1rem}.service-item-right{display:flex;align-items:center;gap:1.5rem}.service-item-right .service-date-group{display:flex;flex-direction:column;text-align:right;gap:.25rem}.service-item-right .service-date-label{font-size:.875rem;color:var(--color-slate-300)}.service-info{width:100%;display:flex;flex-direction:column;gap:.25rem}.service-info .service-name{display:inline-flex;margin-right:.5rem;font-size:1rem;font-weight:600;color:var(--color-slate-300)}.service-info.service-plan{font-size:.875rem;color:var(--muted-foreground);line-height:1.2;font-weight:500;color:var(--color-white)}.service-plan .service-description{font-size:.875rem;color:var(--color-slate-400);font-weight:500}.service-charge{font-size:1rem;color:var(--color-slate-400)}.service-charge-value,.service-charge .service-charge-value{margin-right:.5rem;font-size:1rem;font-weight:700;color:var(--color-blue-400)}.service-usage{width:100%;display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-slate-400);border-top:1px solid rgba(255,255,255,var(--white-opacity-10));padding-top:.5rem;margin-top:.5rem}.service-usage-value{color:var(--color-slate-300)}.service-contract,.service-contract span{font-size:1rem;font-weight:600;color:var(--color-white)!important}.service-monthly,.service-monthly span{font-size:1rem;font-weight:600;color:var(--color-green-400)!important}.service-usage-rate,.service-usage-rate span{font-size:1rem;font-weight:600;color:var(--color-yellow-500)!important}.service-usage-bound,.service-usage-bound span{font-size:1rem;font-weight:600;color:var(--color-purple-500)!important}.service-plan-grid{margin:.5rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.125rem}.service-plan-grid .service-description{color:var(--color-white)}.server-metrics-list.data-column{width:100%;display:flex;flex-direction:column}.server-status-card.wide,.server-status-card.wide .server-metrics-list{width:100%}.server-status-card{gap:.75rem;margin-bottom:0}.server-metrics-list{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:.75rem}.server-metric-item{display:flex;flex-direction:column;flex:1;align-items:center;gap:0;width:100%}.server-metric-item .space-between{width:100%}.metric-label{min-width:4rem}.metric-label,.metric-value{font-size:.875rem;color:#fff;font-weight:500}.metric-value{min-width:3rem;text-align:right}.progress-bar-success{background:#22c55e!important}.progress-bar-warning{background:#eab308!important}.progress-bar-danger{background:#ef4444!important}.security-event-list{width:100%;display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}.security-event-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem}.security-event-item:last-child{margin-bottom:0}.event-time{font-size:.875rem;font-weight:500;color:var(--color-slate-300);min-width:3rem}.event-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.event-description{font-size:.875rem;font-weight:500;color:#fff}.event-ip{margin-left:1rem;font-size:.725rem;color:var(--color-slate-500)}.event-badges{display:flex;align-items:center;gap:.5rem}.badge-status-blocked{background:rgba(244,63,94,.2);color:#fda4af;border-color:rgba(244,63,94,.5)}.badge-status-quarantined{background:rgba(234,179,8,.2);color:#fde047;border-color:rgba(234,179,8,.5)}.badge-status-monitoring{background:rgba(59,130,246,.2);color:#93c5fd;border-color:rgba(59,130,246,.5)}.service-status-card{padding:1rem;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem}.service-status-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.service-name{font-size:.875rem;font-weight:600;color:#fff}.service-status-update{font-size:.75rem;color:var(--color-slate-400)}.file-upload-area{width:100%;margin:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed rgba(148,163,184,.5);border-radius:.75rem;background-color:hsla(0,0%,100%,.02);cursor:pointer;transition:all .3s ease;min-height:10rem}.file-upload-label:hover{border-color:rgba(148,163,184,.8);background-color:hsla(0,0%,100%,.05)}.file-upload-label:active{border-color:#94a3b8;background-color:hsla(0,0%,100%,.08)}.file-upload-icon{width:3rem;height:3rem;color:#cbd5e1;opacity:.9}.file-upload-text{font-size:.875rem;font-weight:500;color:#cbd5e1;margin:0;text-align:center}.file-upload-info{font-size:.75rem;color:#94a3b8;margin:0;text-align:center}.uploaded-files-section{width:100%}.uploaded-files-title{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .75rem 0}.uploaded-files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;transition:background-color .2s ease}.uploaded-file-item:hover{background-color:hsla(0,0%,100%,.08)}.uploaded-file-name{font-size:.875rem;color:#fff;flex:1}.uploaded-file-delete{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;cursor:pointer;padding:0;color:#94a3b8;transition:color .2s ease}.uploaded-file-delete:hover{color:#ef4444}.uploaded-file-delete svg{width:1rem;height:1rem}.meeting-room-list{width:100%;display:flex;flex-direction:column;gap:1rem}.meeting-room-card{padding:1.25rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.15);background-color:rgba(15,23,42,.6);display:flex;flex-direction:column;gap:.85rem}.meeting-room-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.meeting-room-name{font-size:1rem;font-weight:600;color:#fff;margin:0}.meeting-room-capacity{margin:.35rem 0 0;display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--color-slate-300)}.meeting-room-capacity .nav-icon{width:.875rem;height:.875rem;color:var(--color-slate-400)}.meeting-room-floor{font-size:.825rem;font-weight:600;color:#93c5fd;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35);padding:.25rem .65rem;border-radius:9999px}.meeting-room-tags{display:flex;flex-wrap:wrap;gap:.5rem}.badge-room{background-color:rgba(148,163,184,.18);border-color:rgba(148,163,184,.35);color:#e2e8f0}@media (max-width:1200px){.meeting-room-card{padding:1rem}}.summary-progress{width:100%;position:relative;height:.5rem;border-radius:9999px;background:rgba(148,163,184,.2);overflow:hidden}.summary-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(59,130,246,.9),rgba(96,165,250,.6))}.summary-trend{font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--color-slate-300)}.summary-trend svg{width:1rem;height:1rem}.summary-trend.positive{color:#34d399}.summary-trend.negative{color:#f87171}.summary-trend.warning{color:#facc15}.power-chart-card{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25)}.power-chart-card .card-header{padding-top:.25rem}.power-chart-card .card-content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.power-chart-area{position:relative;height:220px;border-radius:.75rem;background:radial-gradient(circle at top,rgba(59,130,246,.08),transparent 60%);overflow:hidden}.power-chart-area:before{content:"20 kW";position:absolute;top:25%;right:1rem;font-size:.75rem;color:rgba(248,113,113,.8)}.power-chart-svg{width:100%;height:100%}.chart-limit-line{stroke:rgba(248,113,113,.8);stroke-width:1.5;stroke-dasharray:8 6;fill:none}.chart-area{fill:rgba(245,158,11,.35)}.chart-line{fill:none;stroke:#f59e0b;stroke-width:2.5}.chart-points circle{fill:#f59e0b;stroke:hsla(0,0%,100%,.6);stroke-width:2}.power-chart-axis{font-size:.75rem;color:var(--color-slate-400)}.power-chart-axis,.power-chart-footer{display:flex;justify-content:space-between}.power-chart-footer{align-items:center;flex-wrap:wrap;gap:1rem}.chart-legend{list-style:none;display:flex;align-items:center;gap:1.5rem;margin:0;padding:0;font-size:.75rem;color:var(--color-slate-300)}.legend-dot{display:inline-flex;width:.75rem;height:.75rem;border-radius:9999px;margin-right:.35rem}.legend-primary{background:#f59e0b}.legend-limit{background:rgba(248,113,113,.7);box-shadow:0 0 0 1px rgba(248,113,113,.5)}.chart-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--color-slate-300)}.power-usage-table tbody tr:nth-child(2n){background-color:rgba(15,23,42,.6)}.power-usage-table tbody td{font-size:.8125rem}.power-usage-table .trend-up{color:#34d399;font-weight:600}.power-usage-table .trend-down{color:#f87171;font-weight:600}.rack-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}.rack-usage-card{padding:1.25rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.75);display:flex;flex-direction:column;gap:.75rem}.rack-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-slate-300)}.rack-name{font-weight:600;color:#fff;font-size:.875rem}.rack-usage-value{font-size:1.5rem;font-weight:600;color:#f59e0b}.rack-progress{position:relative;height:.4rem;border-radius:9999px;background:rgba(148,163,184,.18);overflow:hidden}.rack-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(59,130,246,.9),rgba(96,165,250,.6))}.rack-progress-bar.critical{background:linear-gradient(90deg,rgba(248,113,113,.95),rgba(249,115,22,.8))}.rack-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-slate-400)}.rack-status{font-weight:600}.rack-status.positive{color:#34d399}.rack-status.warning{color:#f97316}.rack-status.negative{color:#f87171}.rack-trend.neutral{color:var(--color-slate-400)}.rack-trend.warning{color:#facc15}.power-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}.card.empty-state{min-height:400px;padding:2rem}.card.empty-state,.empty-state-content{display:flex;align-items:center;justify-content:center}.empty-state-content{flex-direction:column;text-align:center;gap:1.5rem}.empty-state-icon{width:4rem;height:4rem;color:var(--color-slate-400)}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--color-white)}.empty-state-description{font-size:1rem;color:var(--color-slate-400)}.pre-line{white-space:pre-line}.input-gap{gap:1rem;padding:0}.card-sub-item:not(:first-child){margin-top:60px}.el-range-editor{background-color:#1e293b!important;color:#9aa3b2}.el-range-editor.is-disabled .el-range-input{color:#9aa3b2!important}.el-range-editor.is-disabled,.el-range-editor.is-disabled input{background-color:#475569!important;color:#9aa3b2}.el-table .el-range-editor{background-color:#1e293b!important;color:#9aa3b2}.el-table .el-range-editor.is-disabled,.el-table .el-range-editor.is-disabled input{background-color:#475569!important;color:#9aa3b2}.el-input,.el-input.is-disabled{color:#9aa3b2}.el-input.is-disabled input{background-color:#475569!important;color:#9aa3b2}.el-table .el-input.is-disabled{background-color:#1e293b!important;transition:background-color .12s ease-in-out;color:#9aa3b2}.el-table .el-input.is-disabled input{background-color:#475569!important;transition:background-color .12s ease-in-out;color:#9aa3b2}.el-table tr:hover .el-input.is-disabled{background-color:rgba(30,41,59,.058823529411764705)!important;transition:background-color .12s ease-in-out;color:#9aa3b2}.el-table tr:hover .el-input.is-disabled input{background-color:#475569!important;transition:background-color .12s ease-in-out;color:#9aa3b2}.el-table .el-input{background-color:#1e293b!important}.el-table .el-input,.el-table tr:hover .el-input{transition:background-color .12s ease-in-out;color:#9aa3b2}.el-table tr:hover .el-input{background-color:rgba(30,41,59,.058823529411764705)!important}.mandatory-star:after{content:"*";color:#f56c6c}.el-select .el-input .el-select__caret,.sort-select{color:#f5f5f5!important}.stauts-gird{table{th{background:#475569}}.tit{background-color:#475569!important;color:#f5f5f5;font-weight:700}}.btn-do{background-color:#0f172a!important}.ly-editor .editor-btn .btn-do,.ly-editor .ly-in-block:not(:last-child){border:0!important}html{*{line-height:revert}}@font-face{font-family:Pretendard Variable;src:url(../fonts/PretendardVariable.302ec55f.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}body{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}p{color:#f5f5f5}:root{--color-slate-950:#020617;--color-slate-900:#0f172a;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-blue-950:#172554;--color-blue-700:#1d4ed8;--color-blue-600:#2563eb;--color-blue-500:#3b82f6;--color-blue-400:#60a5fa;--color-cyan-600:#0891b2;--color-cyan-500:#06b6d4;--color-cyan-400:#22d3ee;--color-indigo-500:#6366f1;--color-purple-500:#a855f7;--color-emerald-500:#10b981;--color-teal-500:#14b8a6;--color-green-400:#4ade80;--color-gray-400:#94a3b8;--color-yellow-50:#fefce8;--color-yellow-500:#f59e0b;--color-white:#fff;--color-primary:#4f46e5;--color-muted:#6b7280;--color-ring:#c7d2fe;--color-sidebar-bg:#1f2937;--color-sidebar-border:#374151;--color-sidebar-foreground:#a1a1aa;--color-sidebar-accent:#3b82f6;--border-sidebar:#374151;--text-sidebar-fg:#d1d5db;--primary-color:#3b82f6;--primary-light:#bfdbfe;--card-foreground:#1f2937;--card-background:#1e293b;--border-color:#e5e7eb;--color-muted-foreground:#6b7280;--muted-foreground:#6b7280;--color-active-link-bg:linear-gradient(90deg,#6366f1,#3b82f6);--color-active-link-bg-dark:linear-gradient(90deg,#1e3253,#0c245c);--shadow-glow:0 4px 15px rgba(59,130,246,0.4);--shadow-drop-green:rgba(14,165,233,0.5);--input-bg-opacity:0.1;--border-opacity:0.2;--white-opacity-10:0.1;--white-opacity-20:0.2;--white-opacity-5:0.05;--sidebar-footer-height:4.5rem}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1.5rem}.icon-sm{width:1rem;height:1rem}.w-full{width:100%}.ml-4{margin-left:1rem}.no-margin{margin:0}.main-container{min-height:100vh;background-image:linear-gradient(to bottom right,var(--color-slate-950),var(--color-blue-950),var(--color-slate-900));position:relative;overflow:hidden}.background-effect-layer,.grid-overlay{position:absolute;inset:0}.grid-overlay{opacity:.2}.grid-overlay>div{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 0);background-size:50px 50px;-webkit-animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}@-webkit-keyframes pulse{0%,to{opacity:.2}50%{opacity:.1}}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.1}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%) translateX(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0) translateX(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%) translateX(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0) translateX(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.bubble-01,.bubble-02,.bubble-03,.bubble-04{position:absolute;border-radius:9999px;filter:blur(50px);-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bubble-01{top:5rem;left:5rem;width:8rem;height:8rem;background-color:rgba(59,130,246,.1);-webkit-animation-duration:6s;animation-duration:6s}.bubble-02{top:10rem;right:8rem;width:6rem;height:6rem;background-color:rgba(6,182,212,.1);-webkit-animation-duration:8s;animation-duration:8s}.bubble-03{bottom:8rem;left:8rem;width:10rem;height:10rem;background-color:rgba(37,99,235,.1);-webkit-animation-duration:7s;animation-duration:7s}.bubble-04{bottom:5rem;right:5rem;width:7rem;height:7rem;background-color:rgba(99,102,241,.1);-webkit-animation-duration:9s;animation-duration:9s}.header-bar{position:absolute;top:1rem;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}.lang-switch-container{display:flex;align-items:center;background-color:rgba(255,255,255,var(--white-opacity-10));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,var(--white-opacity-20));border-radius:9999px;padding:.25rem}.lang-switch-container button{padding-left:.75rem;padding-right:.75rem;padding-top:.25rem;padding-bottom:.25rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.lang-btn-ko{color:var(--color-slate-300)}.lang-btn-ko:hover{color:#fff;background-color:rgba(255,255,255,var(--white-opacity-10))}.lang-btn-en{background-image:linear-gradient(90deg,var(--color-blue-500),var(--color-cyan-500));color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.logo{opacity:.9}.content-wrapper{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem}.content-grid-container{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;display:grid;gap:3rem;align-items:center}@media (min-width:1024px){.content-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.info-section{gap:2rem}.heading-group,.info-section{display:flex;flex-direction:column}.heading-group{text-align:center;gap:1.5rem}@media (min-width:1024px){.heading-group{text-align:left}}.title-wrapper{display:flex;flex-direction:column;gap:1rem}.main-title{font-size:3rem;font-weight:700;background-image:linear-gradient(90deg,var(--color-blue-400),var(--color-cyan-400),var(--color-blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width:1024px){.main-title{font-size:3rem}}.subtitle{font-size:1.25rem;color:var(--color-slate-300);font-weight:300;line-height:1.625}.subtitle-highlight{color:var(--color-blue-400);font-weight:500}.service-cards-grid{display:grid;gap:1rem}.service-card{background-color:rgba(255,255,255,var(--white-opacity-5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,var(--white-opacity-10));border-radius:1rem;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.service-card:hover{background-color:rgba(255,255,255,var(--white-opacity-10));transform:scale(1.05)}.card-content{flex-direction:column;gap:1rem}.card-content,.card-partition{display:flex;align-items:flex-start}.card-partition{justify-content:space-between}.card-content+.card-partition{text-align:left}.card-content .dashboard-grid{width:100%}.recharts-wrapper{overflow:hidden;width:100%}.icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition-property:transform;transition-duration:.3s}.icon-wrapper .icon{width:1.5rem;height:1.5rem;color:#fff}.service-card:hover .icon-wrapper{transform:scale(1.1)}.icon-colocation{background-image:linear-gradient(to bottom right,var(--color-blue-500),var(--color-cyan-500))}.icon-msp{background-image:linear-gradient(to bottom right,var(--color-indigo-500),var(--color-purple-500))}.icon-backup{background-image:linear-gradient(to bottom right,var(--color-emerald-500),var(--color-teal-500))}.icon-phoneService{background-image:linear-gradient(to bottom right,var(--color-gray-400),var(--color-slate-500))}.text-content{flex:1 1 0%;padding-left:1rem;padding-right:1rem;text-align:left!important}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.card-description{font-size:.875rem;color:var(--color-slate-400);line-height:1.625}.status-card{background-color:rgba(255,255,255,var(--white-opacity-5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,var(--white-opacity-10));border-radius:1rem;padding:1.5rem}.status-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center}.status-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:var(--color-blue-400)}.status-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.status-item:last-of-type .status-value-group{border-bottom:none}.status-label{font-size:.875rem;color:var(--color-slate-400)}.status-value-group{border-bottom:1px solid var(--color-slate-500);align-items:center;padding:.5rem 1rem}.status-value-group li{display:flex;justify-content:space-between;align-items:center}.status-indicator{font-size:.825rem;color:var(--color-slate-500)}@-webkit-keyframes pulse-status{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.4}}.status-value{font-size:.875rem;color:var(--color-blue-400)}.login-section{display:flex;justify-content:center}@media (min-width:1024px){.login-section{justify-content:flex-end}}.login-card-wrapper{width:100%;max-width:28rem}.login-card{color:#fff;display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;background-color:rgba(255,255,255,var(--white-opacity-10));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,var(--white-opacity-20));box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-radius:1.5rem;overflow:hidden;position:relative}.card-gradient-overlay{position:absolute;inset:0;background-image:linear-gradient(to bottom right,rgba(255,255,255,var(--white-opacity-10)),transparent)}.card-header{position:relative;padding-left:1.5rem;padding-right:1.5rem;display:flex;width:99%;gap:.375rem}.login-card .card-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.login-card .card-description{font-size:.875rem;color:var(--color-slate-300);text-align:center}.login-card .card-content{position:relative;padding-left:2rem;padding-right:2rem;padding-bottom:2rem;gap:1.5rem}.login-card .card-content,.login-form{width:100%;display:flex;flex-direction:column}.login-form{align-items:center;gap:1.25rem}.input-group{width:100%;display:flex;flex-direction:column;gap:.5rem}.input-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.25;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color-slate-200);font-weight:500}.input-field{position:relative;display:flex;min-width:0;padding:.25rem .75rem;font-size:1rem;height:2.5rem;outline:none;transition:all .2s}.input-field,textarea.input-field{width:100%;border:1px solid;border-radius:.75rem;background-color:rgba(255,255,255,var(--white-opacity));border-color:rgba(255,255,255,var(--white-opacity-20));color:#fff}textarea.input-field{height:auto;min-height:8rem;padding:.75rem;display:block;resize:vertical}textarea.input-field:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-blue-500);outline:none}.input-field::-moz-placeholder,.input-field input::-moz-placeholder,.input-field textarea::-moz-placeholder{color:hsla(0,0%,100%,.8)}.input-field:-ms-input-placeholder,.input-field input:-ms-input-placeholder,.input-field textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.input-field::placeholder,.input-field input::placeholder,.input-field textarea::placeholder{color:hsla(0,0%,100%,.8)}.input-field:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-blue-500)}.input-field:focus-within{border-color:transparent;box-shadow:0 0 0 2px var(--color-blue-500)}.input-field input[type=date],.input-field input[type=email],.input-field input[type=number],.input-field input[type=search],.input-field input[type=tel],.input-field input[type=text],.input-field select,.input-field textarea{background:transparent;border:none;outline:none;color:inherit}.input-field input[type=date]:focus-visible,.input-field input[type=email]:focus-visible,.input-field input[type=number]:focus-visible,.input-field input[type=search]:focus-visible,.input-field input[type=tel]:focus-visible,.input-field input[type=text]:focus-visible,.input-field select:focus-visible,.input-field textarea:focus-visible{outline:none}.input-field select,select.input-field{background-color:transparent;border:none;color:hsla(0,0%,100%,.9);outline:none;height:100%;padding-left:.75rem;padding-right:1.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field--icon select{padding-left:.5rem}.input-field select:focus{box-shadow:0 0 0 2px var(--color-blue-500);border-color:transparent}.input-field select,.input-field select option{background-color:#1e293b;color:hsla(0,0%,100%,.9);padding:.75rem 1rem}.input-field select option:checked{background-color:#3b82f6!important;color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.input-field select option:hover{background-color:rgba(59,130,246,.4)}.input-field select option:focus{background-color:rgba(59,130,246,.5);outline:none}.filter-group{margin-left:auto;gap:.5rem}.date-filter-group,.date-input-field,.filter-group{display:flex;align-items:center;position:relative}.date-input-field{gap:.5rem;padding-left:.75rem;padding-right:.75rem;cursor:pointer;width:100%}.date-input-field .icon{width:1rem;height:1rem;flex-shrink:0;color:var(--color-slate-300)}.date-input{flex:1;min-width:0;height:100%;padding:0;cursor:pointer;font-size:1rem;text-align:left;text-indent:.75rem;color:transparent;position:relative;z-index:2;color:var(--color-white)}.date-input:invalid{color:transparent}.date-input:invalid::-webkit-datetime-edit,.date-input:invalid::-webkit-datetime-edit-fields-wrapper{color:transparent;display:none}.date-input:invalid::-webkit-datetime-edit-day-field,.date-input:invalid::-webkit-datetime-edit-month-field,.date-input:invalid::-webkit-datetime-edit-year-field{color:transparent;display:none}.date-input:invalid::-webkit-datetime-edit-text{color:transparent;display:none}.date-input:valid{color:#fff}.date-input:valid::-webkit-datetime-edit,.date-input:valid::-webkit-datetime-edit-fields-wrapper{color:#fff}.date-input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.date-placeholder{position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);font-size:1rem;color:hsla(0,0%,100%,.8);pointer-events:none;transition:all .2s ease}.date-input:valid+.date-placeholder{opacity:0}.date-input::-moz-placeholder{opacity:0;color:transparent}.date-input:-ms-input-placeholder{opacity:0;color:transparent}.date-input::placeholder{opacity:0;color:transparent}.date-input::-moz-calendar-picker-indicator{display:none}.date-input:invalid{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.date-input:invalid::-moz-number-spin-box{display:none}.filter-group .input-field select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.custom-dropdown{position:relative;display:inline-block;width:100%}.custom-dropdown-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:rgba(255,255,255,var(--white-opacity));border:1px solid rgba(255,255,255,var(--white-opacity-20));border-radius:.75rem;color:#fff;cursor:pointer;font-size:.925rem;transition:all .2s;min-height:2.5rem}.custom-dropdown-button:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px var(--color-blue-500)}.custom-dropdown-button .dropdown-text{flex:1;text-align:left}.custom-dropdown-button .dropdown-icon{width:1rem;height:1rem;transition:transform .2s;color:var(--color-slate-300)}.custom-dropdown.open .custom-dropdown-button .dropdown-icon{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:1000;background-color:#1e293b;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);display:none;overflow:hidden;margin-top:.25rem}.custom-dropdown.open .custom-dropdown-menu{display:block}.custom-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:#fff;cursor:pointer;transition:background-color .15s;background-color:#1e293b}.custom-dropdown-item:hover{background-color:rgba(59,130,246,.4)}.custom-dropdown-item.selected{background-color:#3b82f6;color:#fff}.custom-dropdown-item.selected .checkmark{display:block}.custom-dropdown-item .checkmark{display:none;width:1rem;height:1rem;color:#fff}.custom-dropdown-item .item-text{flex:1;text-align:left}.filter-group .custom-dropdown .icon-funnel,.filter-group .custom-dropdown .icon:first-of-type{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:var(--color-slate-300);z-index:1}.filter-group .custom-dropdown~.icon-funnel,.filter-group .custom-dropdown~.icon:first-of-type,.filter-group .custom-dropdown~.icon:last-of-type,.filter-group .custom-dropdown~.select-chevron{display:none}.filter-group:focus-within .select-chevron{color:var(--color-blue-400)}.select-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:var(--color-slate-300)}.filter-group--icon .input-field select,.filter-group--icon select,.filter-group--icon select.input-field{padding-left:2rem!important}.filter-group .input-field select,.filter-group select,.filter-group select.input-field{padding-right:2rem!important;padding-left:.75rem!important}.filter-group:after{content:"";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.9;z-index:1}.filter-group-no-select:after{display:none}.filter-group:focus-within:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.filter-group svg{position:absolute;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:var(--color-slate-300);opacity:.9;left:auto}.filter-group>.nav-icon:first-of-type,.filter-group>svg:first-child{left:.75rem;z-index:1}.filter-group .input-field~svg:last-of-type,.filter-group select~svg:last-of-type{display:none!important}.table-toolbar{width:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem}.button-toolbar{float:right;display:flex;justify-content:flex-end}.table-toolbar .input-field[role=search]{flex:1;min-width:200px}.table-toolbar .date-filter-group,.table-toolbar .filter-group{flex-shrink:0;min-width:150px}.data-table{width:100%;border-collapse:collapse;border-spacing:0}.data-table tbody tr{border-top:1px solid #475569;transition:background-color .12s ease-in-out}.data-table td,.data-table th{padding:.4rem 1rem}.data-table tbody tr:hover{background-color:rgba(100,116,139,.15)}.data-table-wrapper{width:99%;border:1px solid #475569;border-radius:.75rem;overflow:auto}.data-total{background-color:var(--color-slate-900);border-radius:.75rem}.data-total,.data-total-item{width:100%;display:flex;align-items:center}.data-total-item{padding:1rem;justify-content:space-between}.data-total-label{font-size:1.25rem;font-weight:700;color:var(--color-white)}.data-total-value{font-size:1.45rem;color:var(--color-blue-400);font-weight:700}.avatar-wrapper{display:inline-flex;align-items:center;gap:.75rem}.avatar-initial{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(59,130,246,.2);display:flex;color:#60a5fa;font-weight:600}.avatar-initial,.badge{align-items:center;justify-content:center}.badge{position:relative;display:inline-flex;max-width:6rem;height:1.5rem;padding:0 .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1;border:1px solid transparent}.badge.wide{width:2.5rem;height:2.5rem;padding:0;border-radius:.75rem;font-size:2.5rem;font-weight:500}.badge svg{width:.85rem;height:.85rem;margin-right:.25rem}.badge.wide svg{width:1.2rem;height:1.2rem;margin-right:0}.badge-role-admin{background:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.5)}.badge-role-manager{background:rgba(59,130,246,.2);color:#93c5fd;border-color:rgba(59,130,246,.5)}.badge-role-operator{background:rgba(168,85,247,.2);color:#c084fc;border-color:rgba(168,85,247,.5)}.badge-role-viewer{background:rgba(34,197,94,.2);color:#86efac;border-color:rgba(34,197,94,.5)}.badge-type-sercive{background:transparent;color:#fff;border:1px solid hsla(0,0%,86.3%,.326)!important}.badge-status-six{color:#fde047}.badge-status-six,.badge-status-three{background:rgba(234,179,8,.2);border-color:rgba(234,179,8,.5)}.badge-status-three{color:#ff7b0f}.badge-status-one{background:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.5)}.badge-status-completed{background:rgba(34,197,94,.2);color:#86efac;border-color:rgba(34,197,94,.5)}.badge-status-progress{background:rgba(59,130,246,.2);color:#93c5fd;border-color:rgba(59,130,246,.5)}.badge-status-waiting{background:rgba(234,179,8,.2);color:#fde047;border-color:rgba(234,179,8,.5)}.badge-status-delayed{background:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.5)}.badge-status-expire{background:hsla(0,100%,98%,.825);color:#2f3438;border-color:rgba(68,168,239,.5)}.badge-status-on{background:#c3dff7;color:#185689;border-color:hsla(0,100%,98%,.825)}.badge-status-off{background:#2f3438;color:#953419;border-color:#cb4621}.badge-priority-high{background:rgba(239,68,68,.2);color:#fca5a5;border-color:rgba(239,68,68,.5)}.badge-priority-medium{background:rgba(234,179,8,.2);color:#fde047;border-color:rgba(234,179,8,.5)}.badge-priority-low{background:rgba(34,197,94,.2);color:#86efac;border-color:rgba(34,197,94,.5)}.badge-zone{background:rgba(147,197,253,.3)}.badge-payment-card,.badge-zone{color:#93c5fd;border-color:rgba(59,130,246,.5)}.badge-payment-card{background:rgba(59,130,246,.2)}.badge-payment-cash{background:rgba(148,163,184,.3);color:#cbd5e1;border-color:rgba(148,163,184,.5)}.progress-bar-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.progress-bar{flex:1;height:.5rem;background:hsla(0,0%,100%,.1);border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:#3b82f6;border-radius:9999px;transition:width .3s ease}.progress-bar-text{font-size:.75rem;color:#94a3b8;min-width:2.5rem;text-align:right}.password-input-wrapper{position:relative}.password-field{padding-right:3rem}.toggle-password-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.875rem;font-weight:500;transition:all .2s;outline:none;border:none;cursor:pointer;position:absolute;right:0;top:0;height:100%;padding-left:.75rem;padding-right:.75rem;padding-top:.5rem;padding-bottom:.5rem}.toggle-password-btn,.toggle-password-btn:hover{background-color:transparent}.password-icon{height:1rem;width:1rem;color:var(--color-slate-400)}.auth-options{justify-content:center;gap:1.5rem;padding-top:.75rem;padding-bottom:.75rem}.auth-option,.auth-options{display:flex;align-items:center}.auth-option{gap:.5rem}.radio-input{width:1.125rem;height:1.125rem;color:var(--color-white);border:1px solid hsla(0,0%,100%,.25);background-color:transparent;border-radius:9999px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative;transition:all .2s ease}.radio-input:checked{border-color:var(--color-blue-500);background-color:var(--color-blue-500)}.radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-white)}.radio-input:focus{outline:none}.radio-label{font-size:.875rem;color:var(--color-slate-300);font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.login-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:3rem;padding-left:1rem;padding-right:1rem;border-radius:.75rem;font-size:1rem;font-weight:600;transition-property:all;transition-duration:.3s;border:none;cursor:pointer;color:#fff;background-image:linear-gradient(90deg,var(--color-blue-600),var(--color-cyan-600));box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.login-btn:hover{background-image:linear-gradient(90deg,#1d4ed8,#0e7490);transform:scale(1.05)}.login-footer{width:100%;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,var(--white-opacity-20))}.find-links{display:flex;justify-content:center;gap:1.5rem;font-size:.875rem}.find-link-btn{color:#93c5fd;font-weight:500;transition-property:color;border:none;background:none;cursor:pointer}.find-link-btn:hover{color:#bfdbfe}.divider{color:var(--color-slate-500)}.secondary-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;border:1px solid;cursor:pointer;color:var(--color-slate-200);border-color:hsla(0,0%,100%,.3);background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.secondary-btn:hover{background-color:rgba(255,255,255,var(--white-opacity-10))}.security-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--color-slate-400)}.security-icon{width:1rem;height:1rem;color:var(--color-green-400)}.sidebar-container{position:fixed;top:0;bottom:0;left:0;z-index:40;width:16rem;background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);transform:translateX(-100%);transition:transform .2s ease-in-out}@media (min-width:1024px){.sidebar-container{transform:translateX(0)}}.sidebar-wrapper{display:flex;flex-direction:column;height:100%}.user-info-header{flex-direction:column;padding:1.5rem;border-bottom:1px solid var(--color-sidebar-border)}.logo-area,.user-info-header{display:flex;align-items:center;justify-content:center}.logo-area{cursor:pointer;width:100%;font-size:1.4rem;margin-bottom:1rem;color:#fff}.logo{height:2rem;width:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.user-profile{display:flex;align-items:center;gap:.75rem}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.875rem;font-weight:500;color:var(--color-white)}.user-team{font-size:.75rem;color:var(--color-muted-foreground)}.nav-menu{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-bottom:2rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none;cursor:pointer;color:var(--color-sidebar-foreground)}.nav-item:hover{color:#fff;filter:drop-shadow(0 0 10px var(--color-sidebar-accent));box-shadow:0 0 30px rgba(14,165,233,.5);transition:box-shadow .3s ease}.nav-toggle-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;text-align:left}.nav-toggle-button .nav-content>span{flex:1}.sub-menu-list{margin-left:1rem;color:#f5f5f5}.nav-toggle-button.is-open .sub-menu-item{color:var(--color-white);background-color:var(--color-sidebar-accent);border-left:4px solid var(--color-white)}.toggle-icon-area{display:flex;align-items:center;transition:transform .3s ease-in-out;transform-origin:center}.nav-toggle-button.is-open .toggle-icon-area{transform:rotate(180deg)}.nav-toggle-button.is-open .sub-menu-list{display:flex}.nav-content{display:flex;align-items:center;gap:.75rem}.sub-menu-list.hidden{display:none;-webkit-animation:slideInFromTop .2s ease-out;animation:slideInFromTop .2s ease-out;padding-left:1rem}.sub-menu-list{display:flex;flex-direction:column;padding-left:1rem}.active-link{background:var(--color-active-link-bg);color:#f5f5f5!important;border-left-color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.3);transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.active-link .link-text{font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.2)}.active-link .active-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.icon{display:inline-block;color:var(--primary-color)}.icon-funnel{width:1rem;height:1rem;color:var(--color-slate-300);margin-right:.5rem}.input-field svg{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--color-slate-300);pointer-events:none;opacity:.9}.input-field input[type=search]{width:100%;padding-left:2.25rem}.input-field--icon input[type=email],.input-field--icon input[type=tel],.input-field--icon input[type=text]{padding-left:2.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-icon{width:1rem;height:1rem}.base-icon{width:1.5rem;height:1.5rem}.base-icon *,.nav-icon *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toggle-icon{width:1rem;height:1rem}.footer-section{bottom:0;left:0;right:0;z-index:1000;padding:1rem;background-color:var(--color-sidebar-bg);border-top:1px solid var(--color-sidebar-border);min-height:var(--sidebar-footer-height)}.footer-content{justify-content:space-between}.footer-content,.logout-button{display:flex;align-items:center}.logout-button{justify-content:center;gap:.5rem;height:2.25rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;background:none;border:none;cursor:pointer;color:var(--color-sidebar-foreground)}.logout-button:hover{color:#fff;background-color:var(--color-sidebar-accent);filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.logout-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.logout-icon *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.language-toggle{display:flex;align-items:center;background-color:rgba(59,130,246,.5);border:1px solid var(--color-sidebar-border);border-radius:9999px;padding:.25rem}.lang-button{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s;background:none;border:none;cursor:pointer;color:var(--color-sidebar-foreground)}.lang-button.active{background:var(--color-active-link-bg);color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.2)}.lang-button:not(.active-lang):hover{color:#fff;background-color:var(--color-sidebar-accent)}.sub-menu-item{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;padding:.5rem .75rem;color:var(--color-sidebar-foreground);border-radius:.5rem;transition:all .2s;font-size:.875rem}.sub-menu-item:hover{background-color:var(--color-sidebar-border);box-shadow:0 0 30px rgba(14,165,233,.5);transition:box-shadow .3s ease}.sub-menu-item.active{color:var(--color-white)!important;background-color:var(--color-sidebar-accent);border-left:4px solid var(--color-white)}.avatar-button{position:relative;background:none;border:none;padding:0;cursor:pointer}.avatar-box{display:inline-flex;width:32px;height:32px;border-radius:50%}.avatar-box,.avatar-fallback{justify-content:center;align-items:center}.avatar-fallback{background:var(--color-sidebar-accent);color:var(--color-white);display:flex;height:100%;width:100%;border-radius:9999px}.user-icon{width:1rem;height:1rem;color:var(--color-white)}.dropdown-menu{display:none;position:absolute;top:110%;right:-170%;z-index:1000;width:220px;margin-top:10px;color:var(--color-sidebar-foreground);background-color:var(--color-sidebar-bg);border:1px solid var(--color-sidebar-border);border-radius:6px;padding:4px 0}.dropdown-menu.show{display:block}.dropdown-menu-label .user-info{padding:.5rem .75rem;text-align:left;cursor:default;border-bottom:1px solid var(--color-sidebar-border)}.dropdown-items-container{width:100%;padding:.5rem .5rem 0 .5rem;display:flex;flex-direction:column}.dropdown-items-container a{width:100%;margin:.2rem;padding:.25rem;text-align:left;color:var(--color-white)}.dropdown-items-container a:hover{background-color:var(--shadow-drop-green);color:var(--color-white);border-radius:6px}.dropdown-items-container a:last-child{padding-top:.2rem;border-top:1px solid var(--color-sidebar-border)}.dropdown-items-container a:last-child:hover{background-color:none;color:var(--color-white)}.permission-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.permission-modal-overlay.show{opacity:1;visibility:visible}.permission-modal{background-color:var(--card-background);border-radius:.75rem;width:90%;min-width:600px;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.2);transform:scale(.95);transition:transform .3s ease}.permission-modal-overlay.show .permission-modal{transform:scale(1)}.permission-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.permission-modal-title-group{flex:1}.permission-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.permission-modal-subtitle{font-size:.875rem;color:var(--color-slate-400);margin:0}.permission-modal-close{background:transparent;border:none;color:var(--color-slate-400);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.permission-modal-close:hover{color:#fff}.permission-modal-close .icon{width:1.25rem;height:1.25rem}.permission-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.permission-section{margin-bottom:1rem}.permission-section.scrollable{overflow-y:auto;max-height:16rem;padding-right:.5rem}.permission-section .card{border-radius:.75rem;border:1px solid var(--color-sidebar-border);padding:1.5rem}.permission-section.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.permission-section:last-child{margin-bottom:0}.permission-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.permission-sub-text{font-size:.75rem;color:var(--color-slate-400);font-weight:500}.permission-section-content{display:flex;flex-direction:column;gap:1rem}.permission-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.permission-toggle-label{font-size:.875rem;color:#fff;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.2);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-blue-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.permission-form-group{display:flex;flex-direction:column;gap:.5rem}.permission-form-label{font-size:.875rem;color:var(--color-slate-400);font-weight:500}.permission-input{width:100%;padding:.625rem .75rem;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.375rem;color:#fff;font-size:.875rem;transition:border-color .2s ease,background-color .2s ease}.permission-input:focus{outline:none;border-color:var(--color-blue-500);background-color:hsla(0,0%,100%,.08)}.permission-input-group{position:relative;display:flex;align-items:center}.permission-input-group .permission-input{padding-right:2.5rem}.permission-input-icon{position:absolute;right:.75rem;width:1rem;height:1rem;color:var(--color-slate-400);pointer-events:none}.permission-help-text{font-size:.75rem;color:var(--color-slate-400);margin:.5rem 0 0 0;line-height:1.5}.permission-add-group{display:flex;align-items:center;justify-content:space-between}.permission-add-button,.permission-add-label{font-size:.875rem;color:#fff;font-weight:500}.permission-add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-blue-500);border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.permission-add-button:hover{background-color:var(--color-blue-600)}.permission-add-button .icon{width:1rem;height:1rem}.permission-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.permission-button{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.permission-button-secondary{background-color:hsla(0,0%,100%,.1);color:#fff}.permission-button-secondary:hover{background-color:hsla(0,0%,100%,.15)}.permission-button-primary{background-color:var(--color-blue-500);color:#fff}.permission-button-primary:hover{background-color:var(--color-blue-600)}.menu-permission-card.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.menu-permission-card{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.menu-permission-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.menu-permission-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.2rem}.menu-permission-title{font-size:.875rem;font-weight:500;color:#fff;margin:0;line-height:1.5}.menu-permission-desc{font-size:.75rem;color:var(--color-slate-400)}.permission-section-content .menu-permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.permission-section-content .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.permission-section-content .checkbox-label:hover{background-color:hsla(0,0%,100%,.05)}.permission-section-content .checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.125rem;height:1.125rem;cursor:pointer;background-color:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.25);border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.permission-section-content .checkbox-label input[type=checkbox]:checked{background-color:var(--color-blue-500);border-color:var(--color-blue-500)}.permission-section-content .checkbox-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.875rem;font-weight:400;line-height:1}.el-dialog{background-color:#0f172a;border:1px solid #475569}.el-dialog__title{color:#f5f5f5}.ly-table{background-color:#0f172a}.ly-table .el-form-item__label{background-color:#475569;color:#f5f5f5;border:none}.ly-title,.work-flow-step-txt{color:#f5f5f5}.ly-detail-content{background-color:var(--card-background)}.el-input.is-disabled .el-input__inner{background-color:#475569;border:1px solid #475569}.wrk-sbst .el-input__inner{margin:5px 5px 5px 0!important}.el-input__inner{background:var(--card-background);color:#f5f5f5!important}.el-date-editor .el-icon-date:before{color:#94a3b8}.ctrt-header-sub,.el-dialog__headerbtn .el-dialog__close:before{color:#f5f5f5}.default{color:#f5f5f5!important;background-color:grey;font-weight:medium}.detail-row{padding:20px!important}.default-doing{border:1px solid grey;background:var(--color-active-link-bg)!important;color:#fff;border-left-color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.4));box-shadow:0 0 20px rgba(14,165,233,.5)}.default-doing-animation{-webkit-animation-name:pulse-glow;animation-name:pulse-glow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.4));box-shadow:0 0 5px rgba(14,165,233,.5);opacity:.7}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.4));box-shadow:0 0 20px rgba(14,165,233,.5);opacity:1}to{filter:drop-shadow(0 0 5px rgba(255,255,255,.4));box-shadow:0 0 5px rgba(14,165,233,.5);opacity:.7}}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.4));box-shadow:0 0 5px rgba(14,165,233,.5);opacity:.7}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.4));box-shadow:0 0 20px rgba(14,165,233,.5);opacity:1}to{filter:drop-shadow(0 0 5px rgba(255,255,255,.4));box-shadow:0 0 5px rgba(14,165,233,.5);opacity:.7}}.default-end{border:1px solid #475569!important;background-color:#10976a!important;color:#f5f5f5!important}.wait:before{background-color:grey!important}.doing:before{background:var(--color-active-link-bg)!important}.end:before{background-color:#10976a!important}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:var(--color-active-link-bg)!important}.el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid #475569!important}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #475569!important}.el-tabs__content .el-tabs .el-tabs__item.is-active{background:var(--color-active-link-bg);color:#f5f5f5}.el-tabs__active-bar{background-color:#475569}.el-tabs__item .is-top{background-color:#0f172a!important;color:#f5f5f5!important}.el-tabs__item{color:#8e8e8e}.el-tabs__item,.el-tree{background-color:#0f172a}.el-tree{color:#f5f5f5}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,.el-tree-node__content:hover{background:var(--color-active-link-bg)}.ly-detail-footer{background-color:#0f172a;color:#f5f5f5}.el-col{margin:revert!important}.el-form-item__label{line-height:42px!important}.el-form-item__content{color:#f5f5f5}.ly-table{border-bottom:1px solid #475569!important}.el-table th.el-table__cell>.cell{white-space:nowrap}.ly-table .el-row{border-bottom:1px solid #475569!important}.ly-sort{color:#f5f5f5}.regist-remark .el-input--small .el-input__inner{background-color:#475569!important}.el-input--small .el-input__inner{margin:5px 5px 5px 0!important}.el-scrollbar{background-color:#0f172a;border-radius:5px}.el-select-dropdown{border:1px solid #475569}.el-select-dropdown__empty{background-color:#0f172a!important}.el-input__inner,.el-select-dropdown__empty{border:1px solid #475569!important}.el-select-dropdown__item.hover{background-color:#475569;color:#f5f5f5}.el-select-dropdown__item{color:#f5f5f5}.el-form-item__label{color:#f5f5f5!important}.con-editor .wrk-editor{border:0}.con-editor,.ly-editor{border:revert!important}.editor,.el-button{border:1px solid #475569!important}.el-button{color:#f5f5f5!important}.el-button,.el-button--primary.is-plain{background-color:#475569}.ly-sort-his{color:#f5f5f5}.el-button:focus,.el-button:hover{background:var(--color-active-link-bg)!important}.el-button.is-disabled{background:revert!important}.el-icon-arrow-up:before{color:#f5f5f5!important}.main-list{border:1px solid #000}.el-table--border,.el-table--group{border:revert}.el-table--border:after,.el-table--group:after{width:0}.el-upload-list__item-name{color:#f5f5f5}.ly-upload .el-upload-dragger:before{border:1px solid #475569!important}.custom-resizer>.pane{border:1px solid #475569}.custom-resizer>.pane.content-tree{background-color:#0f172a}.custom-resizer>.pane.content-detail,.custom-resizer>.pane.content-list{background-color:#0f172a;border-left-color:#475569;border-right-color:#475569}.ly-desc{color:#f5f5f5}.layout-v>.multipane-resizer{background-color:#475569}.ly-inner{background-color:#0f172a;border:1px solid #475569!important}.ly-post{border:1px solid #475569}.search.el-input{border:revert;background-color:#475569}.ly-no-data{background-color:#475569!important}.ly-no-data .text{color:#f5f5f5!important}.check-popup-list{color:#f5f5f5}.check-popup-list,.el-date-picker{border:1px solid #475569!important}.el-date-picker{background-color:#0f172a!important}.el-date-table td{color:#f5f5f5}.el-month-table td.disabled .cell,.el-year-table td.disabled .cell{background-color:revert;color:#525252}.el-date-table th{color:#f5f5f5}.el-date-table td.next-month,.el-date-table td.prev-month{color:grey}.el-date-range-picker__content .el-date-range-picker__header div{color:#f5f5f5}.el-date-range-picker{background-color:#0f172a!important;border:1px solid #475569!important}.el-picker-panel__icon-btn{color:#f5f5f5}.el-date-table td.disabled div{background-color:#0f172a!important;color:#525252}.el-range-input{color:#f5f5f5!important}.el-date-table td.in-range div{background-color:#475569!important}.el-date-picker__header-label{color:#f5f5f5}.el-picker-panel__footer{background-color:#0f172a!important}.el-dialog__header{border-bottom:0!important;padding-bottom:0!important}.el-dialog{border-radius:15px}.btn-nav{background:var(--card-background);border:1px solid #475569;color:#f5f5f5}.post-detail-header .ly-title{padding-bottom:10px}.post-detail-header .ly-desc{border-top:1px solid #475569;border-bottom:1px solid #475569}.ly-content{border-top:1px solid #475569!important}.comment-edit,.comment-regist{border:1px solid #475569}.editor-btn{border-bottom:1px solid #475569}.el-cascader-node{color:#f5f5f5}.el-cascader-node.in-active-path,.el-cascader-node.in-active-path:hover,.el-cascader-node.is-active:focus,.el-cascader-node.is-active:hover,.el-cascader-node:hover,.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background-image:linear-gradient(90deg,#1d4ed8,#0e7490)}.el-cascader-menu,.el-cascader__dropdown{border:1px solid #475569}.el-checkbox__label{color:#f5f5f5}.popper-new-color{background-color:var(--card-background);border:1px solid #475569;color:#f5f5f5;font-size:.8rem}