.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box;text-decoration:none;background:var(--color-white, #fff);color:var(--color-text-medium, #374151);border-color:var(--color-gray-border-light, #d9dee6)}.btn:hover:not(:disabled){background:var(--color-bg-gray-lightest, #f9fafb)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-cta, #456CFF);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)}.btn-primary:active:not(:disabled){background:var(--color-accent, #2A3EB1)}.btn-primary:disabled{background:var(--color-gray-disabled, #9ca3af)}.btn-secondary{background:var(--color-white, #fff);color:var(--color-text-medium, #374151);border-color:var(--color-gray-border-light, #d9dee6)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-gray-lightest, #f9fafb);border-color:var(--color-gray-border, #c8ced6)}.btn-secondary:active:not(:disabled){background:var(--color-bg-gray-light, #f5f5f5)}.btn-danger{background:var(--color-danger, #ef4444);color:#fff;border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark, #dc2626)}.btn-danger:active:not(:disabled){background:var(--color-danger-darker, #b91c1c)}.btn-danger:disabled{background:var(--color-gray-disabled, #9ca3af)}.btn-success{background:var(--color-success, #10b981);color:#fff;border-color:transparent}.btn-success:hover:not(:disabled){background:var(--color-success-material-dark, #45a049)}.btn-success:active:not(:disabled){background:var(--color-success-text, #047857)}.btn-success:disabled{background:var(--color-gray-disabled, #9ca3af)}.btn-ghost{background:transparent;color:var(--color-text-medium, #374151);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-gray-lightest, #f9fafb)}.btn-ghost:active:not(:disabled){background:var(--color-bg-gray-light, #f5f5f5)}.btn-xs{padding:4px 8px;font-size:12px}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.btn-xl{padding:14px 28px;font-size:18px}.btn-full{width:100%}.btn-block{display:flex;width:100%}.btn-icon{padding:8px;min-width:36px;min-height:36px}.btn-icon.btn-sm{padding:6px;min-width:28px;min-height:28px}.btn-icon.btn-lg{padding:10px;min-width:44px;min-height:44px}.btn-group{display:inline-flex;gap:8px}.btn-group-vertical{display:flex;flex-direction:column;gap:8px}.btn-link{background:transparent;color:var(--color-cta, #456CFF);border-color:transparent;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-cta-3, #3A5EF0);background:transparent}.btn-outline-primary{background:transparent;color:var(--color-cta, #456CFF);border-color:var(--color-cta, #456CFF)}.btn-outline-primary:hover:not(:disabled){background:var(--color-cta, #456CFF);color:#fff}.btn-outline-danger{background:transparent;color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.btn-outline-danger:hover:not(:disabled){background:var(--color-danger, #ef4444);color:#fff}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:btn-spin .6s linear infinite}.btn-loading.btn-primary:after,.btn-loading.btn-danger:after,.btn-loading.btn-success:after{border-color:#ffffff4d;border-right-color:#fff}@keyframes btn-spin{to{transform:rotate(360deg)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:var(--color-white)}a:hover{color:#747bff}button{background-color:var(--color-bg-gray-lightest)}}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:var(--color-white)}body{color:#213547;background:var(--color-white)}button{background-color:var(--color-bg-gray-lightest);color:#213547;border-color:var(--color-border-light)}button:hover{border-color:#646cff}}.manual-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,180px));gap:12px;justify-content:start;align-items:stretch}.manual-card{background:#eef0ff;padding:14px 44px 16px 16px;border-radius:14px;position:relative;display:block;min-height:86px;box-shadow:0 2px 4px #1e2a3c0d;border:1px solid rgba(120,130,160,.15);transition:box-shadow .15s ease,transform .15s ease;text-align:left}.manual-card:hover{box-shadow:0 4px 12px #1e2a3c1f;transform:translateY(-2px)}.manual-card.menu-open:hover{transform:none;box-shadow:0 4px 12px #1e2a3c1f}.manual-card-meta{width:100%;padding-right:16px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.manual-card.doc-card{display:flex!important;align-items:center;justify-content:space-between;padding:14px 16px}.manual-card.doc-card .manual-card-meta{flex:1 1 auto;min-width:0;overflow:hidden;padding-right:12px}.manual-card-name{font-size:14px;font-weight:600;color:#1f2a37;word-break:break-word;line-height:1.25;max-width:100%}.manual-card-name:hover{text-decoration:underline}.manual-card-date{font-size:12px;color:var(--color-text-medium);letter-spacing:.2px}.manual-card-download{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:6px;font-size:14px;line-height:1;color:#1f2937;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,border-color .15s}.manual-card-download:hover{background:#f3f6ff;border-color:#b3b8c5;box-shadow:0 0 0 3px #646cff26}.manual-card-download:active{background:#e0e7ff}.manual-card-open{background:transparent;border:none;color:#fff;font-size:13px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .15s ease}.manual-card-open:hover{background:#ffffff1f}.auth-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10004;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:authPopupOverlayFadeIn .2s ease-out}.auth-popup-box{background:var(--color-white);border-radius:16px;padding:2rem;width:420px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;text-align:center;font-family:NanumSquareNeo;position:relative;animation:authPopupBoxFadeIn .3s ease-out}@keyframes authPopupOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authPopupBoxFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-popup-box h3{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;color:var(--color-text-medium)}.find-account-cards{display:flex;gap:1rem;margin-bottom:1.5rem}.find-card{flex:1;padding:1.5rem 1rem;border:2px solid var(--color-bg-gray-medium);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--color-bg-01)}.find-card:hover{border-color:var(--color-cta-2);background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.find-card-icon{font-size:2.5rem;margin-bottom:.5rem}.find-card-title{font-size:1.1rem;font-weight:700;color:var(--color-text-medium);margin-bottom:.3rem}.find-card-desc{font-size:.85rem;color:var(--color-text-charcoal)}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;font-size:.9rem;font-weight:700;color:var(--color-text-slate);margin-bottom:.4rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-bg-gray-medium);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-cta-2)}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.btn-check{padding:.75rem 1rem;background:var(--color-text-charcoal);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-check:hover{background:var(--color-text-slate)}.status-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.status-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.status-message.error{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid #ef9a9a}.status-message.warning{background:var(--color-warning-bg);color:#e65100;border:1px solid #ffcc80}.status-icon{font-weight:700;font-size:1.1rem}.result-box{margin-bottom:1rem;padding:1rem;border-radius:8px;text-align:left}.result-box.success{background:#e8f5e9;border:1px solid #a5d6a7}.result-box.empty{background:var(--color-warning-bg);border:1px solid #ffcc80}.result-title{font-weight:700;color:#2e7d32;margin-bottom:.5rem}.result-list{list-style:none;padding:0;margin:0}.result-list li{padding:.5rem;background:#fff;border-radius:4px;margin-bottom:.3rem;font-family:NanumSquareNeo,sans-serif;color:var(--color-text-medium)}.result-empty{color:#e65100;text-align:center}.button-group{display:flex;gap:.5rem;margin-top:1.5rem}.button-group button{flex:1}.auth-popup-box button{padding:.75rem 1rem;border:none;font-weight:700;cursor:pointer;border-radius:8px;font-size:1rem;transition:all .2s}.auth-popup .btn-primary{width:100%}.auth-popup .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-back{position:absolute;top:1rem;left:1rem;background:none;color:var(--color-text-charcoal);padding:.5rem;font-size:1rem;width:auto;border:none}.btn-back:hover{color:var(--color-text-medium);background:var(--color-bg-gray)}.server-status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f1f5f980;border-radius:8px;transition:all .2s ease;cursor:default}.server-status-indicator:hover{background:#f1f5f9}.server-status-dot{width:8px;height:8px;border-radius:50%;position:relative;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.server-status-dot:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.3;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.server-status-dot.server-status-online{background:#10b981}.server-status-dot.server-status-maintenance{background:#f59e0b}.server-status-dot.server-status-offline{background:#ef4444}.server-status-text{font-size:13px;font-weight:600;color:var(--color-text-secondary, #4a5568)}.animate-slide-in{animation:slideInRight .5s ease forwards}@keyframes slideInRight{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.animate-slide-out-right{animation:slideOutRight .5s ease forwards}@keyframes slideOutRight{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}.animate-slide-in-left{animation:slideInLeft .5s ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.animate-fade-in-expansion{animation:fadeInExpansion .5s ease forwards}@keyframes fadeInExpansion{0%{transform:translate(0) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .4s ease forwards}.center-fade-in{animation:centerFadeIn .14s ease-out both;will-change:opacity}.center-fade-out{animation:centerFadeOut .1s ease-in both;will-change:opacity;pointer-events:none}@keyframes centerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes centerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dashboardSlideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes dashboardSlideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes dashboardFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.branding{position:relative;z-index:1;color:var(--color-white);text-align:center;font-family:Paperlogy,sans-serif}html,body,.login-container,.login-right,.top-buttons,.login-form,.input-wrapper,.login-button{font-family:NanumSquareNeo,sans-serif}.login-container{display:flex;height:100vh;width:100vw;background-color:var(--color-white);background:linear-gradient(to right,var(--color-cta-2) 50%,#ffffff 50%)}.login-left,.login-right{flex:0 0 50%;height:100%;position:relative;isolation:isolate}.login-left{background-color:var(--color-cta-2);display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;transform:none!important}.login-left .branding h1,.login-left .branding p,.login-left .branding h2{animation:none!important;opacity:1!important;visibility:visible!important;transition:none!important}.login-left .circle-bg,.login-left .rotating-circle{opacity:1!important;visibility:visible!important}.circle-bg{position:absolute;width:80vw;height:80vw;background-color:var(--color-primary);border-radius:50%;bottom:-45vw;left:-40vw;z-index:0}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInBranding{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.rotating-circle{position:absolute;border-radius:50%;animation:rotateCircle linear infinite}.rotating-circle-1{width:70vw;height:70vw;bottom:-40vw;left:-35vw;animation-duration:30s;opacity:.7;background:conic-gradient(from 0deg,rgba(255,255,255,.2) 0deg,rgba(255,255,255,.2) 2deg,transparent 2deg,transparent 70deg,rgba(255,255,255,.2) 70deg,rgba(255,255,255,.2) 74deg,transparent 74deg,transparent 142deg,rgba(255,255,255,.2) 142deg,rgba(255,255,255,.2) 146deg,transparent 146deg,transparent 214deg,rgba(255,255,255,.2) 214deg,rgba(255,255,255,.2) 218deg,transparent 218deg,transparent 286deg,rgba(255,255,255,.2) 286deg,rgba(255,255,255,.2) 290deg,transparent 290deg,transparent 358deg,rgba(255,255,255,.2) 358deg,rgba(255,255,255,.2) 360deg);border:3px solid rgba(255,255,255,.2)}.rotating-circle-2{width:50vw;height:50vw;bottom:-30vw;left:-25vw;animation-duration:20s;animation-direction:reverse;opacity:.5;background:conic-gradient(from 0deg,rgba(255,255,255,.18) 0deg,rgba(255,255,255,.18) 2deg,transparent 2deg,transparent 88deg,rgba(255,255,255,.18) 88deg,rgba(255,255,255,.18) 92deg,transparent 92deg,transparent 178deg,rgba(255,255,255,.18) 178deg,rgba(255,255,255,.18) 182deg,transparent 182deg,transparent 268deg,rgba(255,255,255,.18) 268deg,rgba(255,255,255,.18) 272deg,transparent 272deg,transparent 358deg,rgba(255,255,255,.18) 358deg,rgba(255,255,255,.18) 360deg);border:2.5px solid rgba(255,255,255,.15)}.rotating-circle-3{width:30vw;height:30vw;bottom:-20vw;left:-15vw;animation-duration:15s;opacity:.4;background:conic-gradient(from 0deg,rgba(255,255,255,.2) 0deg,rgba(255,255,255,.2) 2deg,transparent 2deg,transparent 118deg,rgba(255,255,255,.2) 118deg,rgba(255,255,255,.2) 122deg,transparent 122deg,transparent 238deg,rgba(255,255,255,.2) 238deg,rgba(255,255,255,.2) 242deg,transparent 242deg,transparent 358deg,rgba(255,255,255,.2) 358deg,rgba(255,255,255,.2) 360deg);border:2px solid rgba(255,255,255,.15)}@media(prefers-reduced-motion:reduce){.rotating-circle{animation:none}}.branding h1{font-size:2.5rem;margin:0;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.2),2px 2px 4px rgba(0,0,0,.5)}.branding p{margin:.5rem 0;font-size:.9rem;text-shadow:0 0 10px rgba(255,255,255,.2),1px 1px 2px rgba(0,0,0,.3)}.branding h2{font-size:2rem;font-weight:800;text-shadow:0 0 15px rgba(255,255,255,.25),0 0 30px rgba(255,255,255,.15),2px 2px 3px rgba(0,0,0,.4)}.login-right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;box-sizing:border-box;background-color:var(--color-white);animation:slideInFromRight .8s ease-out}.top-buttons{position:absolute;top:1rem;right:2rem;display:flex;align-items:center;gap:.5rem}.top-buttons-left{display:flex;align-items:center;gap:.5rem}.register-back-button{position:absolute;top:1rem;right:2rem}.top-buttons button{background-color:var(--color-cta-2);color:#fff;border:none;padding:.4rem .8rem;cursor:pointer;font-family:NanumSquareNeo,sans-serif;transition:all .2s ease}.top-buttons button:hover{background-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.top-buttons button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.login-form{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;--login-field-height: 32px;--login-field-hpad: 6px;--login-field-vpad: 2px;line-height:1}.login-form .input-wrapper{display:flex;align-items:center;width:80%;flex:0 0 auto;position:relative;box-sizing:border-box;margin:0 0 .8rem;padding:0;height:auto;overflow:visible;line-height:1;border-bottom:none}.login-form .input-wrapper:first-of-type{margin-top:0}.login-form .input-wrapper input{box-sizing:border-box;flex:1 1 auto;min-width:0;height:35px;padding:2px 6px;line-height:1.2;margin:0;border:none;outline:none;background:transparent;font-size:.95rem;border-bottom:2px solid var(--color-primary);font-family:NanumSquareNeo,sans-serif}.login-form .input-wrapper .login-email-text{display:inline-flex;align-items:center;height:100%;padding:var(--login-field-vpad) var(--login-field-hpad);line-height:1.1;box-sizing:border-box}.login-form .input-wrapper .icon,.login-form .input-wrapper .cl-btn.small{width:30px;height:30px;min-width:30px;padding:0;margin:0;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.login-form .input-wrapper .cl-btn.small{border:1px solid #e0e3f5;border-radius:6px;margin-left:8px;margin-right:0}.login-form .input-wrapper:nth-of-type(2){width:80%}.login-right,.login-form,.login-form .input-wrapper,.login-form .input-wrapper input,.login-button{font-family:NanumSquareNeo,sans-serif}.login-button{background-color:var(--color-primary);color:#fff;padding:.8rem 2rem;border:none;cursor:pointer;font-size:1rem;font-weight:700;font-family:NanumSquareNeo,sans-serif;transition:all .2s ease}.login-button:hover:not([disabled]){background-color:var(--color-cta);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.login-button:active:not([disabled]){transform:translateY(0);box-shadow:0 3px 8px #00000026}.login-button[disabled]{opacity:.5;cursor:not-allowed}.form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.32rem;align-items:flex-start}.form-wrapper h2{text-align:center;margin-bottom:1rem;font-size:1.5rem;width:100%}.field-row{display:flex;align-items:center;gap:.72rem;width:100%}.field-row label{width:100px;text-align:right;font-size:.95rem;color:var(--color-text-medium);white-space:nowrap;display:inline-flex;align-items:center;height:40px;padding-top:2px;margin-bottom:.12rem}.input-wrapper{display:flex;align-items:center;border-bottom:2px solid var(--color-primary);padding:.06rem .08rem .02rem;background:transparent;flex:1;margin-top:.28rem}.input-wrapper input,.input-wrapper select{flex:1;border:none;outline:none;font-size:1rem;background:transparent;padding:.14rem .28rem .12rem;line-height:1.2;min-height:36px}.input-wrapper.inline{gap:.6rem;display:flex;align-items:center;position:relative}.input-wrapper.inline>input.email-local{flex:0 0 110px;width:110px;max-width:110px;padding-right:0;box-sizing:border-box}.input-wrapper.inline .at-symbol{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0}.input-wrapper.inline select{flex:1;min-width:0;height:36px;margin-left:0;box-sizing:border-box}.styled-select{height:36px;padding:.14rem .28rem .12rem;background:transparent;border:none;outline:none;font-size:1rem;line-height:1.2;appearance:none;-webkit-appearance:none}.select-container{position:relative;display:inline-flex;align-items:center;width:100%}.select-container .styled-select{width:100%;padding-right:1.6rem}.select-arrow{position:absolute;right:6px;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:.95rem;color:var(--color-primary)}.select-arrow{z-index:2}.custom-select{position:relative;width:100%}.input-wrapper.inline .custom-select{width:auto!important;max-width:none!important}.custom-select__trigger{display:flex;justify-content:space-between;align-items:center;padding:.14rem .6rem .12rem .28rem;min-height:36px;cursor:pointer}.custom-select__value{color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-align:left;min-width:0}.custom-select__arrow{margin-left:8px;color:var(--color-primary)}.custom-select__inline-input{border:none;outline:none;font-size:1rem;padding:.14rem .28rem .12rem;line-height:1.2;min-height:36px;box-sizing:border-box;min-width:0;flex:1;background:transparent;margin-right:6px}.custom-select{display:inline-flex;align-items:center;justify-content:flex-start;width:100%}.custom-select__trigger{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;justify-content:space-between}.custom-select__inline-input{flex:0 0 90px;width:90px;max-width:90px;box-sizing:border-box;padding:.3rem 0rem;height:36px;line-height:36px;font-size:1rem;margin:0}.custom-select__arrow{margin-left:6px;margin-right:0;cursor:pointer}.form-wrapper .input-wrapper.inline .custom-select.anchored-right{display:flex;justify-content:flex-end}.form-wrapper .input-wrapper.inline .custom-select.anchored-right .custom-select__trigger{justify-content:flex-end}.form-wrapper .input-wrapper.inline .custom-select.anchored-right .custom-select__inline-input{margin-left:6px;margin-right:0}.custom-select__list{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--color-bg-gray-medium);box-shadow:0 6px 16px #00000014;z-index:50;max-height:200px;overflow:auto;padding:4px 0}.custom-select__item{padding:6px 12px;cursor:pointer}.custom-select__item.highlight,.custom-select__item:hover{background:var(--color-soft-01)}.custom-select.dropup .custom-select__list{top:auto;bottom:calc(100% + 6px)}.custom-select__list{left:auto;right:0;min-width:160px;max-width:320px;overflow-x:hidden}.styled-select::-ms-expand{display:none}.form-wrapper .input-wrapper.inline select,.login-right .form-wrapper .input-wrapper.inline select{position:static!important;transform:none!important;right:auto!important}.icon.right{margin-left:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.field-row:not(.inline) .custom-select__value{text-align:left;flex:1 1 auto;min-width:0}.select-container{display:flex;align-items:center;justify-content:space-between}.select-container .styled-select{padding-right:1.2rem}.cl-btn.small{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:36px;height:36px;padding:0;min-width:36px}.icon{color:var(--color-primary);margin-right:.25rem}.input-wrapper .icon-eye,.login-form .icon-eye{position:absolute;right:0;color:var(--color-primary);cursor:pointer;margin-right:.25rem}.cl-btn[disabled],.login-form .cl-btn[disabled]{opacity:.5;cursor:not-allowed}.cl-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer;border:1px solid var(--color-border-2);background:var(--color-bg-02);color:var(--color-dark-label);transition:all .2s ease}.cl-btn:hover{background:var(--color-bg-03);border-color:var(--color-border-2)}.cl-btn.primary:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.cl-btn.primary-solid{background:var(--color-primary);border:none;color:var(--color-white);font-weight:500}.cl-btn.primary-solid:hover{background:#1e40af!important;color:#fff!important;border:none!important}.cl-btn.primary-solid:disabled{background:var(--color-gray-disabled, #9ca3af);color:var(--color-white);opacity:.6}.cl-btn.ghost{background:transparent;border:1px solid transparent;color:var(--color-text-slate)}.cl-btn.ghost:hover{background:var(--color-bg-02);border-color:var(--color-border-light)}._overlay_al67w_2{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10100;padding:20px}._overlay_al67w_2[data-state=entering]{animation:_fadeIn_al67w_1 .2s ease-out}._overlay_al67w_2[data-state=exiting]{animation:_fadeOut_al67w_1 .2s ease-out}._modal_al67w_25{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden}._modal_al67w_25[data-state=entering]{animation:_slideIn_al67w_1 .2s ease-out}._modal_al67w_25[data-state=exiting]{animation:_slideOut_al67w_1 .2s ease-out}._modal_al67w_25[data-size=sm]{width:400px;max-width:90vw}._modal_al67w_25[data-size=md]{width:600px;max-width:90vw}._modal_al67w_25[data-size=lg]{width:800px;max-width:90vw}._modal_al67w_25[data-size=xl]{width:1200px;max-width:90vw}._modal_al67w_25[data-size=full]{width:90vw;height:90vh}._busyOverlay_al67w_71{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}@keyframes _fadeIn_al67w_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_al67w_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_al67w_1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _slideOut_al67w_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}._dialog_m75vm_2{display:flex;flex-direction:column;height:100%;max-height:inherit;overflow:hidden}._header_m75vm_11{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}._headerLeft_m75vm_20{display:flex;align-items:center;gap:12px;flex:1;min-width:0}._title_m75vm_28{font-size:18px;font-weight:700;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._headerRight_m75vm_38{display:flex;align-items:center;gap:8px;flex-shrink:0}._closeButton_m75vm_45,._backButton_m75vm_64{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#666;font-size:18px;line-height:1;transition:all .2s}._backButton_m75vm_64:hover{background:#f5f5f5;color:#333}._backButton_m75vm_64:active{background:#e0e0e0}._closeButton_m75vm_45:hover{background:#f5f5f5;color:#333}._body_m75vm_98{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto!important;overflow-x:hidden;padding:24px;-webkit-overflow-scrolling:touch}._footer_m75vm_109{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 24px;border-top:1px solid #e0e0e0;flex-shrink:0;min-height:60px}._actions_m75vm_121{display:flex;flex-direction:row;gap:8px;flex-shrink:0;align-items:center}._btnPrimary_m75vm_133{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box;background:var(--color-cta, #456CFF);color:#fff;min-height:40px}._btnPrimary_m75vm_133:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)}._btnPrimary_m75vm_133:active:not(:disabled){transform:translateY(1px);background:var(--color-accent, #2A3EB1)}._btnPrimary_m75vm_133:disabled{background:var(--color-gray-disabled, #9ca3af);cursor:not-allowed;opacity:.6}._btnSecondary_m75vm_168{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;border-radius:6px;border:1px solid var(--color-gray-border-light, #d9dee6);cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box;background:var(--color-white, #fff);color:var(--color-text-medium, #374151);min-height:40px}._btnSecondary_m75vm_168:hover:not(:disabled){background:var(--color-bg-gray-lightest, #f9fafb);border-color:var(--color-gray-border, #c8ced6)}._btnSecondary_m75vm_168:active:not(:disabled){transform:translateY(1px)}._btnSecondary_m75vm_168:disabled{opacity:.6;cursor:not-allowed}._btnDanger_m75vm_202{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box;background:var(--color-danger, #ef4444);color:#fff;min-height:40px}._btnDanger_m75vm_202:hover:not(:disabled){background:var(--color-danger-dark, #dc2626)}._btnDanger_m75vm_202:active:not(:disabled){transform:translateY(1px);background:var(--color-danger-darker, #b91c1c)}._btnDanger_m75vm_202:disabled{background:var(--color-gray-disabled, #9ca3af);cursor:not-allowed;opacity:.6}._actions_m75vm_121[data-align=left]{justify-content:flex-start}._actions_m75vm_121[data-align=center]{justify-content:center}._actions_m75vm_121[data-align=right]{justify-content:flex-end}._actions_m75vm_121[data-align=space-between]{justify-content:space-between}._formGrid_m75vm_258{display:grid;grid-template-columns:1fr 1fr;gap:20px}._formGrid_m75vm_258._singleColumn_m75vm_264{grid-template-columns:1fr}._formField_m75vm_269{display:flex;flex-direction:column;gap:6px}._formField_m75vm_269._fullWidth_m75vm_275{grid-column:1 / -1}._formLabel_m75vm_280{font-size:14px;font-weight:500;color:#333}._formLabel_m75vm_280._required_m75vm_286:after{content:" *";color:#ef4444}._formInput_m75vm_292,._formSelect_m75vm_293{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#333;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}._formInput_m75vm_292:focus,._formSelect_m75vm_293:focus{outline:none;border-color:var(--color-cta, #456CFF);box-shadow:0 0 0 3px #456cff1a}._formInput_m75vm_292::placeholder{color:#9ca3af}._inputWithUnit_m75vm_317{position:relative;display:flex;align-items:center}._inputWithUnit_m75vm_317 ._formInput_m75vm_292{padding-right:40px}._inputUnit_m75vm_327{position:absolute;right:12px;color:#6b7280;font-size:14px;pointer-events:none}._radioGroup_m75vm_336{display:flex;gap:20px;padding:8px 0}._radioLabel_m75vm_342{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}._radioLabel_m75vm_342 input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--color-cta, #456CFF)}._fileUpload_m75vm_359{display:flex;flex-direction:column;gap:12px}._fileInput_m75vm_365{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;box-sizing:border-box}._fileInput_m75vm_365::file-selector-button{padding:6px 12px;margin-right:12px;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;color:#374151;font-size:13px;cursor:pointer;transition:background .15s}._fileInput_m75vm_365::file-selector-button:hover{background:#f3f4f6}._imagePreview_m75vm_393{width:100%;max-height:200px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}._subGrid_m75vm_402{display:grid;grid-template-columns:1fr 1fr;gap:12px}._subField_m75vm_408{display:flex;flex-direction:column;gap:4px}._subLabel_m75vm_414{font-size:13px;color:#6b7280}._helperText_m75vm_420{font-size:13px;color:#6b7280;margin-top:4px}._dialogContent_53yi5_6{display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px;text-align:center;width:100%;box-sizing:border-box}._icon_53yi5_17{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;transition:all .2s ease}._dialogContent_53yi5_6[data-variant=info] ._icon_53yi5_17{color:#3b82f6;background-color:#dbeafe}._dialogContent_53yi5_6[data-variant=success] ._icon_53yi5_17{color:#10b981;background-color:#d1fae5}._dialogContent_53yi5_6[data-variant=warning] ._icon_53yi5_17{color:#f59e0b;background-color:#fef3c7}._dialogContent_53yi5_6[data-variant=danger] ._icon_53yi5_17{color:#ef4444;background-color:#fee2e2}._message_53yi5_47{font-size:15px;line-height:1.6;color:#1f2937;white-space:pre-wrap;word-break:break-word;width:100%}._input_53yi5_56{width:100%;max-width:360px;padding:10px 14px;font-size:14px;line-height:1.5;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:all .2s ease;font-family:NanumSquareNeo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._input_53yi5_56:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}._input_53yi5_56::placeholder{color:#9ca3af}._cancelButton_53yi5_78,._confirmButton_53yi5_79{min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:NanumSquareNeo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._cancelButton_53yi5_78{background-color:#f3f4f6;color:#6b7280}._cancelButton_53yi5_78:hover{background-color:#e5e7eb}._cancelButton_53yi5_78:active{background-color:#d1d5db}._confirmButton_53yi5_79{color:#fff}._confirmButton_53yi5_79[data-variant=info]{background-color:#3b82f6}._confirmButton_53yi5_79[data-variant=info]:hover{background-color:#2563eb}._confirmButton_53yi5_79[data-variant=success]{background-color:#10b981}._confirmButton_53yi5_79[data-variant=success]:hover{background-color:#059669}._confirmButton_53yi5_79[data-variant=warning]{background-color:#f59e0b}._confirmButton_53yi5_79[data-variant=warning]:hover{background-color:#d97706}._confirmButton_53yi5_79[data-variant=danger]{background-color:#ef4444}._confirmButton_53yi5_79[data-variant=danger]:hover{background-color:#dc2626}._confirmButton_53yi5_79:active{transform:scale(.98)}.kpi-detail-body{padding:0!important;display:flex;flex-direction:column;min-height:500px;max-height:70vh}.kpi-tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--color-border-1, #e5e7eb);background:var(--color-bg-1, #f9fafb)}.kpi-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border-1, #e5e7eb);border-radius:6px;background:#fff;color:var(--color-text-2, #6b7280);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.kpi-tab-btn:hover{background:var(--color-bg-2, #f3f4f6);border-color:var(--color-primary, #456cff);color:var(--color-primary, #456cff)}.kpi-tab-btn.active{background:var(--color-primary, #456cff);border-color:var(--color-primary, #456cff);color:#fff}.kpi-tab-btn .tab-icon{width:16px;height:16px;opacity:.8}.kpi-tab-btn.active .tab-icon{filter:brightness(0) invert(1);opacity:1}.kpi-stats-section{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-bg-1, #f9fafb);border-bottom:1px solid var(--color-border-1, #e5e7eb)}.kpi-stats-icon{width:24px;height:24px}.kpi-stats-text{font-size:14px;color:var(--color-text-2, #6b7280)}.kpi-stats-text strong{color:var(--color-text-1, #111827);font-weight:600}.kpi-stats-separator{margin:0 12px;color:var(--color-border-1, #e5e7eb)}.kpi-stats-card{margin:20px;padding:24px;background:#fff;border:1px solid var(--color-border-1, #e5e7eb);border-radius:12px;box-shadow:0 2px 8px #0000000d}.kpi-stats-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border-1, #e5e7eb);font-size:16px;font-weight:600;color:var(--color-text-1, #111827)}.kpi-stats-card-header .kpi-stats-icon{width:28px;height:28px}.kpi-stats-card-body{display:flex;flex-direction:column;gap:12px}.kpi-stats-card-body .stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.kpi-stats-card-body .stat-row.highlight{padding:12px 16px;background:var(--color-bg-1, #f9fafb);border-radius:8px;margin-top:8px}.kpi-stats-card-body .stat-label{font-size:14px;color:var(--color-text-2, #6b7280)}.kpi-stats-card-body .stat-value{font-size:16px;font-weight:600;color:var(--color-text-1, #111827)}.kpi-stats-card-body .stat-row.highlight .stat-value{font-size:20px;color:var(--color-primary, #456cff)}.kpi-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.kpi-table-header{display:flex;padding:12px 20px;background:var(--color-bg-2, #f3f4f6);border-bottom:1px solid var(--color-border-1, #e5e7eb)}.kpi-th{flex:1;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--color-text-2, #6b7280);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.kpi-th:hover{color:var(--color-primary, #456cff)}.kpi-th:first-child{flex:.8}.kpi-th:nth-child(2){flex:1.5}.kpi-th:nth-child(3){flex:.8}.kpi-th:nth-child(4){flex:.6}.sort-icon{font-size:10px;opacity:.4}.sort-icon.active{opacity:1;color:var(--color-primary, #456cff)}.kpi-table-body{flex:1;overflow-y:auto}.kpi-table-row{display:flex;padding:12px 20px;border-bottom:1px solid var(--color-border-1, #e5e7eb);transition:background .15s ease}.kpi-table-row:hover{background:var(--color-bg-1, #f9fafb)}.kpi-td{flex:1;font-size:13px;color:var(--color-text-1, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-td.site-name{flex:.8;color:var(--color-text-2, #6b7280)}.kpi-td.title{flex:1.5;font-weight:500}.kpi-td.created-at{flex:.8;color:var(--color-text-3, #9ca3af);font-size:12px}.kpi-td.duration{flex:.6;font-weight:500;color:var(--color-primary, #456cff)}.kpi-table-loading,.kpi-table-error,.kpi-table-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-3, #9ca3af);font-size:14px}.kpi-table-error{color:var(--color-danger, #ef4444)}.kpi-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;border-top:1px solid var(--color-border-1, #e5e7eb);background:var(--color-bg-1, #f9fafb)}.pagination-btn{padding:6px 16px;border:1px solid var(--color-border-1, #e5e7eb);border-radius:4px;background:#fff;color:var(--color-text-2, #6b7280);font-size:13px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--color-primary, #456cff);border-color:var(--color-primary, #456cff);color:#fff}.pagination-info{font-size:13px;color:var(--color-text-2, #6b7280)}@media(max-width:768px){.kpi-tabs{flex-wrap:wrap;gap:6px;padding:12px 16px}.kpi-tab-btn{padding:6px 12px;font-size:12px}.kpi-table-header,.kpi-table-row{padding:10px 16px}.kpi-th,.kpi-td{font-size:11px}.kpi-stats-section{padding:12px 16px}.kpi-stats-card{margin:16px;padding:16px}}.recent-uploads-backdrop{position:fixed;inset:0;background:#0003;z-index:1050}.recent-uploads-popup{position:fixed;top:80px;right:24px;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1051;overflow:hidden;animation:slideDown .2s ease-out;display:flex;flex-direction:column}.recent-uploads-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.recent-uploads-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.recent-uploads-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.recent-uploads-header .close-btn:hover{color:#1f2937}.recent-uploads-list{overflow-y:auto;flex:1;padding:8px}.empty-message{padding:32px 20px;text-align:center;color:#9ca3af;font-size:14px}.recent-upload-item{padding:12px 16px;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:4px}.recent-upload-item:hover{background-color:#f3f4f6}.item-info{display:flex;flex-direction:column;gap:6px}.item-title{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.item-meta{display:flex;align-items:center;gap:8px;font-size:12px}.item-type{padding:2px 8px;border-radius:4px;font-weight:600;font-size:11px}.item-type.type-manual{background:#dbeafe;color:#1e40af}.item-type.type-company{background:#fce7f3;color:#9f1239}.item-type.type-checklist{background:#d1fae5;color:#065f46}.item-date{color:#6b7280}.dashboard-mockup-container{width:100%;max-width:calc(1200px - 4rem);height:calc(100vh - 56px - 4rem);margin:0 auto;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.dashboard-row{display:flex;gap:20px;min-height:0}.dashboard-row.top-row{flex:1}.dashboard-row.middle-row{flex:2}.dashboard-row.bottom-row{flex:1}.row-left{flex:3 1 0%;display:flex;gap:16px;min-width:0}.row-right{flex:1 0 0%;min-width:0}.summary-boxes-row{display:flex;gap:16px;width:100%;height:100%}.large-chart-box{width:100%;height:100%;min-width:0;background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:12px;box-sizing:border-box}.small-chart-box{flex:1;min-width:0;background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:12px;box-sizing:border-box}.large-chart-box .middle-section-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;border-bottom:none;background:transparent}.large-chart-box .middle-section-header h2{margin:0;font-size:14px;font-weight:700;color:var(--chart-text);font-family:Nanum Square Neo,sans-serif}.small-chart-box .chart-header{padding:0 0 8px;border-bottom:none;background:transparent;display:flex;justify-content:space-between;align-items:center}.small-chart-box .chart-header h3{margin:0;font-size:13px;font-weight:600;color:var(--chart-label)}.period-filter{display:flex;gap:4px}.period-filter button{padding:4px 10px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--chart-label);transition:all .2s ease}.period-filter button:hover{background:var(--color-bg)}.period-filter button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.large-chart-box .chart-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom,var(--color-card-bg),var(--color-bg))}.large-chart-box .chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--chart-text)}.chart-content{flex:1;padding:0 .25rem;display:flex;align-items:center;justify-content:center;min-height:0}.chart-content.vertical-bar-container{padding:0;align-items:stretch;justify-content:flex-start}.pie-chart-mockup,.horizontal-bar-mockup,.line-chart-mockup{width:100%;height:100%}.vertical-bar-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;padding:0}.vertical-bar-container::-webkit-scrollbar{height:8px;position:absolute;bottom:0}.vertical-bar-container::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}.vertical-bar-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.vertical-bar-container::-webkit-scrollbar-thumb:hover{background:var(--chart-label)}.vertical-bar-column{flex:1;width:40px;display:flex;align-items:flex-end;justify-content:center}.vertical-bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .3s ease;box-shadow:0 -2px 8px #0000001a}.vertical-bar-label{font-size:12px;color:#6c757d;font-weight:500}.summary-box{flex:1;min-width:0;background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;cursor:pointer}.summary-box.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.summary-box.clickable:active{transform:translateY(-2px) scale(.98)}.summary-box.warning{background:linear-gradient(135deg,#fff5f5,#fff);border-left:4px solid var(--color-danger)}.summary-box.warning .summary-value{color:var(--color-danger)}.summary-box:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.summary-icon{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.summary-icon img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;transition:opacity .3s ease}.summary-icon .icon-default{opacity:1}.summary-icon .icon-hover,.summary-box:hover .summary-icon .icon-default{opacity:0}.summary-box:hover .summary-icon .icon-hover{opacity:1}.summary-content{flex:1;display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--chart-label);font-weight:500}.summary-value{font-size:24px;font-weight:700;color:var(--chart-text)}.summary-sub{font-size:11px;color:var(--chart-label);margin-top:2px}.summary-sub.positive{color:var(--color-success);font-weight:600}.right-box{width:100%;height:100%;background:var(--color-card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:12px;box-sizing:border-box}.right-box-header{padding:0 0 8px;background:transparent;display:flex;justify-content:space-between;align-items:center;min-width:0;overflow:hidden}.right-box-header h3{margin:0;font-size:13px;font-weight:600;color:var(--chart-text);line-height:1.4}.navigate-btn{padding:4px 12px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--chart-label);transition:all .2s ease}.navigate-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.right-box-content{flex:1;padding:0;overflow-y:auto;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center}.right-box-content::-webkit-scrollbar{width:6px}.right-box-content::-webkit-scrollbar-track{background:var(--color-bg);border-radius:3px}.right-box-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.right-box-content::-webkit-scrollbar-thumb:hover{background:var(--chart-label)}.stats-row{display:flex;gap:12px;justify-content:center;align-items:center}.stat-item{flex:1;text-align:center;padding:8px 12px;background:var(--color-bg);border-radius:8px}.stat-value{font-size:32px;font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:4px}.stat-label{font-size:12px;color:var(--chart-label);font-weight:500}.doc-item{padding:12px;background:var(--color-bg);border-radius:8px;transition:all .2s ease;cursor:pointer;margin-bottom:8px;min-width:0;overflow:hidden}.doc-item:last-child{margin-bottom:0}.doc-item:hover{background:var(--color-border);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.doc-title{font-size:13px;font-weight:500;color:var(--chart-text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.doc-date{font-size:11px;color:var(--chart-label)}@media(max-width:1200px){.dashboard-mockup-wrapper{flex-direction:column;max-width:100%}.dashboard-main-area,.dashboard-right-area{flex:none;height:auto}.dashboard-top-section{flex-wrap:wrap}.small-chart-box{min-width:calc(33.33% - 12px)}}.checklist-completion-chart{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.checklist-completion-chart .chart-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.checklist-completion-chart .chart-header h3{margin:0;font-size:14px;font-weight:700;color:var(--chart-text);letter-spacing:-.3px}.chart-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:8px 0 0;scrollbar-width:thin;scrollbar-color:rgba(69,108,255,.5) transparent}.chart-content-scroll::-webkit-scrollbar{width:8px}.chart-content-scroll::-webkit-scrollbar-track{background:transparent;border-radius:4px}.chart-content-scroll::-webkit-scrollbar-thumb{background:#456cff66;border-radius:4px;transition:background .2s ease}.chart-content-scroll::-webkit-scrollbar-thumb:hover{background:#456cff99}.chart-content-inner{width:100%;height:100%;position:relative}.settings-video-list{list-style:none;padding:0;margin:0}.settings-video-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-bg-gray-lightest)}.settings-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:4px}.settings-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;flex:1;min-width:0}.settings-title-input{padding:2px 6px;border:1px solid #c9d1db;border-radius:4px;flex:1;min-width:0;width:100%}.item-buttons{margin-left:auto;display:flex;gap:.5rem;align-items:center}.item-buttons button{background:var(--color-primary);color:var(--color-white);border:none;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1.2}.upload-area{margin-top:1rem;padding:0;border:2px dashed var(--color-bg-gray-medium);text-align:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.3;min-height:80px}.upload-processing{margin-top:.75rem;font-size:.85rem;color:var(--color-text-slate);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--color-text-charcoal);font-size:18px;flex:0 0 36px;margin-right:8px}.drag-handle:active,.drag-handle.dragging{cursor:grabbing;color:var(--color-text-medium)}.settings-video-item.dragging{opacity:.9;box-shadow:0 6px 18px #14143c1f}.settings-video-item .left-group{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.settings-subinfo{display:flex;gap:.5rem;align-items:center;margin-top:4px;font-size:.9rem;line-height:1.35;color:var(--color-text-charcoal)}.settings-subinfo .settings-publisher{font-size:inherit}.settings-subinfo .settings-postedAt{font-size:inherit;color:inherit}.video-cards-container{display:flex;flex-direction:column;gap:24px;width:100%;padding:0 20px}.video-card{background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border-light);box-shadow:0 2px 8px #00000014;transition:all .2s ease;padding:16px}.video-card:hover{box-shadow:0 4px 16px #0000001f;border-color:var(--color-border)}.video-card-player{width:100%;position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;min-height:400px;max-height:80vh;display:flex;align-items:center;justify-content:center}.video-card-player video,.video-card-player iframe{width:100%;height:100%;display:block;margin:0;object-fit:contain}.video-card-info{padding:16px 20px;background:var(--color-bg)}.video-card-title{font-size:15px;font-weight:600;color:var(--chart-text);line-height:1.4;margin:0 0 4px}.video-card-date{font-size:12px;color:var(--chart-label);line-height:1.4}@media(max-width:960px){.video-cards-container{gap:20px}.video-card-player{min-height:300px;max-height:70vh}}@media(max-width:680px){.video-cards-container{gap:16px}.video-card-info{padding:12px 16px}.video-card-title{font-size:14px}.video-card-date{font-size:11px}}@media(max-width:600px){.video-card-player{border-radius:8px 8px 0 0}.video-card{border-radius:8px}}:root{--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1.05rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--title-indent: 28px;--subtitle-extra-indent: 10px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem;box-sizing:border-box;width:100%;max-width:100%;font-size:var(--fs-14);color:var(--color-text-default);font-weight:var(--fw-regular);line-height:1.5}.dashboard-content-wrapper>.card{grid-column:1 / -1}.ty-heading-sm{font-size:var(--fs-20);font-weight:var(--fw-semibold);color:var(--color-text-strong);line-height:1.3;margin:0}.ty-breadcrumb{font-size:var(--fs-15);color:var(--color-text-subtle);display:flex;align-items:center;gap:.55rem}.ty-breadcrumb .menu{font-weight:var(--fw-semibold);color:var(--color-text-default)}.ty-breadcrumb .submenu{color:var(--color-text-mute)}.ty-video-title{font-size:var(--fs-18);font-weight:var(--fw-semibold);color:var(--color-text-strong);margin:0;line-height:1.35}.ty-video-meta{font-size:var(--fs-12);color:var(--color-text-subtle);white-space:nowrap;display:flex;align-items:center;gap:.4rem;line-height:1.4}.card-action-btn{background-color:var(--color-bg-03);border:1px solid #d9dde4;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;border-radius:8px;cursor:pointer;color:#2b3138;transition:background-color .15s,border-color .15s,color .15s}.card-action-btn:hover{background-color:var(--color-bg-02);border-color:#c4cbd4}.card-action-btn:active{background-color:#dbe1e9}.card-action-btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.title-stack{display:flex;flex-direction:column;gap:0}.title-main-row{display:flex;align-items:center;gap:10px}.title-main-row .title-icon{font-size:18px;line-height:1;display:inline-flex}.title-subline{display:flex;align-items:center;gap:8px;font-size:var(--fs-15);color:var(--color-text-subtle);line-height:1.45;padding-left:calc(var(--title-indent) + var(--subtitle-extra-indent));margin-top:0}.title-subline .sep{opacity:.6}.title-subline .count{color:var(--color-text-mute)}:root{--color-primary: #456CFF;--color-accent: #2A3EB1;--color-accent-2: #3d52c9;--color-accent-3: #3549bd;--color-accent-4: #2d44b5;--color-bg-01: #F0F2F5;--color-bg-02: #F8FAFF;--color-bg-03: #FAFBFF;--color-soft-01: #F6F8FF;--color-soft-02: #F3F5FF;--color-soft-03: #F4F6FF;--color-cta: #456CFF;--color-cta-2: #5678FF;--color-cta-3: #3A5EF0;--color-material-blue: #1976d2;--color-material-blue-hover: #1565c0;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-danger-darker: #b91c1c;--color-danger-light: #fee2e2;--color-danger-lighter: #fef2f2;--color-danger-bg: #fff5f5;--color-danger-border: #fecaca;--color-danger-text: #dc2626;--color-error: #d32f2f;--color-error-dark: #c62828;--color-error-bg: #ffebee;--color-warning: #ffd54f;--color-warning-light: #fef3c7;--color-warning-text: #b45309;--color-warning-bg: #fffaf0;--color-warning-orange: #ff9800;--badge-admin: #fde68a;--badge-admin-text: #c02929;--badge-admin-bg: #ffecec;--badge-super: #ffd7a8;--color-success: #10b981;--color-success-light: #22c55e;--color-success-emerald: #34d399;--color-success-bg: #dcfce7;--color-success-bg-alt: #d4edda;--color-success-text: #047857;--color-success-material: #4CAF50;--color-success-material-dark: #45a049;--color-info: #60a5fa;--color-info-light: #90caf9;--color-info-bg: #dbeafe;--color-info-text: #1d4ed8;--color-purple-light: #ede9fe;--color-purple-dark: #5b21b6;--color-gray-disabled: #9ca3af;--color-gray-muted: #94a3b8;--color-gray-text: #9aa0c6;--color-gray-border: #c8ced6;--color-gray-border-light: #d9dee6;--color-text-dark: #1f2937;--color-text-darker: #111827;--color-text-medium: #374151;--color-text-slate: #475569;--color-text-charcoal: #6b7280;--color-dark-bg: #1e2433;--color-dark-bg-alt: #181d2b;--color-dark-text: #374056;--color-dark-border: #677084;--color-dark-accent: #2a2f3e;--color-dark-label: #2b3138;--color-bg-gray-lightest: #f9fafb;--color-bg-gray-light: #f5f5f5;--color-bg-gray: #f0f0f0;--color-bg-gray-medium: #e0e0e0;--color-white: #ffffff;--color-white-soft: #fcfdff;--color-white-softer: #f8fafc;--badge-main: #c7f9cc;--badge-dev: #dbeafe;--color-border-light: #E8EBFF;--color-border-2: #DDE1FF;--chart-primary: #456CFF;--chart-primary-light: #6B8AFF;--chart-primary-lighter: #A8BCFF;--chart-primary-lightest: #E8EDFF;--chart-secondary: #2A3EB1;--chart-accent-1: #FF6B9D;--chart-accent-2: #FFA84D;--chart-accent-3: #4ECDC4;--chart-accent-4: #9D4EDD;--chart-gradient-start: rgba(69, 108, 255, .8);--chart-gradient-end: rgba(69, 108, 255, .2);--chart-grid: #d1d5db;--chart-grid-light: #e5e7eb;--chart-text: #374151;--chart-label: #6b7280;--chart-tooltip-bg: rgba(0, 0, 0, .8);--chart-tooltip-border: rgba(255, 255, 255, .1);--color-card-bg: #ffffff;--color-bg: #f8f9fa;--color-border: #e9ecef}.popup-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.popup-header h2{margin:0;font-size:1.2rem;color:var(--color-primary)}.popup-content p{margin-bottom:1rem;font-size:.9rem;line-height:1.4}.settings-popup-overlay,.settings-popup-overlay.main-scope,.settings-popup-overlay.main-only{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:40px 32px 32px;box-sizing:border-box;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10002}:root{--sidebar-width: 240px;--right-panel-width: 320px;--frame-margin-x: var(--sidebar-width);--popup-pad-x: 24px;--popup-pad-y: 16px;--popup-max-height: 90vh;--popup-outer-gap: 64px;--overlay-pad-y: 24px;--popup-max-h: 92vh;--popup-z: 10002}.settings-popup-overlay.main-only{position:fixed;top:0;left:var(--frame-margin-x);right:var(--frame-margin-x);width:auto;height:100vh;display:flex;justify-content:flex-start;align-items:flex-start;padding:3.5vh 2rem 2rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;z-index:10002}.settings-popup-overlay,.settings-popup-overlay.main-scope,.settings-popup-overlay.main-only{padding-top:var(--overlay-pad-y);padding-bottom:var(--overlay-pad-y)}.settings-popup{box-sizing:border-box;max-height:min(var(--popup-max-h),calc(100vh - 2 * var(--overlay-pad-y)));overflow:auto;scrollbar-gutter:stable both-edges}.settings-popup.tall{max-height:calc(100vh - 2 * var(--overlay-pad-y))}.settings-popup .popup-header,.settings-popup .popup-body,.settings-popup .popup-footer{padding-left:var(--popup-pad-x);padding-right:var(--popup-pad-x)}.settings-popup .popup-header{padding-top:var(--popup-pad-y);padding-bottom:12px}.settings-popup .popup-body{padding-top:4px;padding-bottom:var(--popup-pad-y)}.settings-popup .popup-footer{padding-top:12px;padding-bottom:var(--popup-pad-y)}.settings-popup .popup-header h2{margin:0}.settings-popup .popup-header button{margin-right:0}@media(max-width:900px){.settings-popup-overlay{padding:28px 16px 20px}.settings-popup-overlay.main-scope{padding:2rem 1rem 1.5rem}.settings-popup-overlay.main-only{left:0;right:0;width:100vw;justify-content:center;padding:2rem 1rem 1.5rem}}.popup-overlay{position:fixed;inset:0;background:#060a2880;display:flex;align-items:center;justify-content:center;z-index:var(--popup-z)}.popup{background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 18px 40px #060a2833;position:relative;max-height:var(--popup-max-height);overflow:hidden;font-size:18px;display:inline-block;min-width:360px;max-width:calc(100% - 64px)}@media(prefers-color-scheme:dark){.popup{color:var(--color-dark-bg);background:var(--color-white)}.common-popup-footer{color:var(--color-dark-bg);background:var(--color-white);border-top-color:var(--color-gray-border-light)}.popup .ag-theme-alpine,.popup .ag-theme-alpine .ag-cell,.popup .ag-theme-alpine .ag-header-cell,.popup .ag-theme-alpine .ag-header-group-cell-label,.popup .ag-theme-alpine .ag-header-cell-label{color:var(--color-dark-bg)}}.popup-busy-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffa6;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:10}.popup-spinner{width:46px;height:46px;border:4px solid rgba(0,0,0,.12);border-top-color:var(--color-accent, #1366ff);border-radius:50%;animation:popup-spin .9s linear infinite}@keyframes popup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.common-popup-body{margin-bottom:0;display:block;max-height:calc(var(--popup-max-height) - 60px);overflow-y:auto}.common-popup-body>*{max-width:100%}.common-popup-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;position:sticky;bottom:0;background:var(--color-white);border-top:1px solid var(--color-gray-border-light);margin-left:-24px;margin-right:-24px;padding:6px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.common-popup-footer-left{display:flex;align-items:center;gap:8px;margin-right:auto}.common-popup-footer-right{display:flex;align-items:center;gap:8px}.common-popup-btn{padding:6px 8px;font-size:13px;border-radius:6px;border:1px solid #d9dde4;background:var(--color-white);cursor:pointer}.common-popup-btn-save{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent-2);padding:6px 12px;font-size:14px;border-radius:6px;cursor:pointer}.common-popup-close-btn{padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #d9dde4;background:var(--color-white);cursor:pointer;color:inherit}.common-popup-back-btn{padding:6px 8px;font-size:13px;border-radius:6px;border:1px solid #d9dde4;background:var(--color-white);cursor:pointer}.settings-popup .staff-split-group{display:flex;gap:12px;flex:.7}.settings-popup .staff-split-group>label.form-field{display:flex;flex-direction:column;flex:1 1 0%;min-width:0;gap:6px}.settings-popup .staff-split-group>label.form-field>span{font-size:.95rem;color:var(--color-dark-accent)}.settings-popup .staff-split-group>label.form-field input{min-width:0;width:100%;box-sizing:border-box}.settings-popup .input-with-suffix{display:flex;align-items:center;gap:6px;min-width:0}.settings-popup .input-with-suffix input{flex:1 1 auto;min-width:0}.settings-popup .input-with-suffix .suffix{color:var(--color-text-charcoal);font-size:.95rem;white-space:nowrap}.settings-popup .input-hint{font-size:12px;color:var(--color-text-charcoal);margin-top:4px}.settings-popup .staff-split-total{width:100%;white-space:nowrap}.settings-popup .site-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-popup .site-span-2{grid-column:1 / -1}.settings-popup .site-field{display:flex;flex-direction:column;min-width:0}.settings-popup .site-label{font-size:.95rem;color:var(--color-dark-accent);margin-bottom:6px}.settings-popup .site-sublabel{font-size:.9rem;color:var(--color-text-medium);margin-bottom:6px}.settings-popup .site-input{width:100%;min-width:0;box-sizing:border-box}.settings-popup .site-staff-group{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:end}.settings-popup .site-subfield{display:flex;flex-direction:column;min-width:0}.settings-popup .site-hint{grid-column:1 / -1;white-space:nowrap}@media(max-width:520px){.settings-popup .site-form{grid-template-columns:1fr}}.popup button:hover,.popup button:active{background:var(--color-soft-02);border-color:var(--color-border-light)}.popup .popup-header button{margin:0!important}.popup-header .header-left{display:flex;gap:8px;align-items:center}.popup-header .header-center{flex:1 1 auto;min-width:0;display:flex;align-items:center;overflow:hidden}.popup-header .header-right{display:flex;gap:8px;align-items:center}.popup-title{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--color-primary)}.popup-title-icon{width:1em;height:1em;object-fit:contain;display:inline-block;vertical-align:middle}.popup-title-text{line-height:1;font-size:1.2rem}.popup-header .header-left{min-width:0}.common-popup-close-btn{margin-left:8px}.common-popup-btn:hover,.common-popup-close-btn:hover{background:var(--color-soft-02);border-color:var(--color-border-light)}.common-popup-btn:active,.common-popup-close-btn:active{transform:translateY(1px);background:var(--color-soft-02)}.common-popup-btn-save:hover{background:var(--color-accent-3)}.common-popup-btn-save:active{transform:translateY(1px);background:var(--color-accent-4)}.popup .notice-list{list-style:none;padding-left:0;margin:0}.popup .notice-list li{padding:6px 0;font-size:10pt;line-height:1.2;color:var(--color-dark-bg-alt)}.notice-date{margin:0;font-size:.9rem;color:#000000bf}.notice-body{white-space:pre-wrap;margin-top:8px;font-size:.9rem;color:inherit}.notice-attachments{margin-top:12px}.attachment-heading{font-size:.8rem;font-weight:600;padding:6px 8px;border:1px solid rgba(0,0,0,.08);display:inline-block;border-radius:6px;color:#000c}.attachment-list{list-style:none;padding-left:0;margin:8px 0 0}.attachment-item{display:flex;align-items:center;gap:8px;padding:6px 0}.attachment-name{font-size:.85rem;margin:0;color:var(--color-text-darker)}.attachment-actions{margin-left:auto;display:flex;gap:8px}.attachment-separator{height:1px;background:#0000000f;margin:12px 0 8px;border-radius:1px}.popup.create-notice .create-attachments .attachment-heading{font-size:.9rem;padding:6px 10px;border:1px solid var(--color-border-2);border-radius:8px;display:inline-block;color:var(--color-primary);background:var(--color-bg-01);margin-bottom:8px}.popup.create-notice .create-attachments .attachment-list{list-style:none;padding-left:0;margin:8px 0 0}.popup.create-notice .create-attachments .attachment-item{display:flex;align-items:center;gap:8px;padding:6px 0}.popup.create-notice .create-attachments .attachment-name{flex:1;font-size:.9rem;margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup.create-notice .create-attachments .attachment-actions{margin-left:auto;display:flex;gap:8px}.maintenance-status-section{background:var(--color-bg-01);border-radius:12px;padding:16px;margin-bottom:20px}.status-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.status-row:last-child{margin-bottom:0}.status-label{font-weight:600;color:var(--color-text-secondary);min-width:100px}.status-value{color:var(--color-text-primary)}.status-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.status-online{background:#4caf50;color:#fff}.status-maintenance{background:#ff9800;color:#fff}.maintenance-form-section{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:6px;font-size:14px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--color-border-2);border-radius:6px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled{background:var(--color-bg-02);cursor:not-allowed}.form-hint{display:block;margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.current-message-display{background:var(--color-bg-01);border-left:3px solid var(--color-primary);padding:12px;border-radius:8px;margin-bottom:20px}.current-message-display h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.current-message-display p{margin:0;font-size:13px;color:var(--color-text-secondary)}.current-message-display .estimated-time{margin-top:6px;font-size:12px;color:var(--color-text-tertiary)}.popup-container{background:var(--color-white);border-radius:12px;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-2)}.popup-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.popup-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--color-text-secondary);transition:color .2s}.popup-close:hover{color:var(--color-text-primary)}.popup-content{flex:1;overflow-y:auto;padding:24px}.popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border-2)}.popup-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.popup-button:disabled{opacity:.6;cursor:not-allowed}.popup-button-warning{background:#f57c00!important;color:#fff!important;border:none!important}.popup-button-warning:hover:not(:disabled){background:#ef6c00!important}.popup-button-danger{background:#f44336!important;color:#fff!important;border:none!important}.popup-button-danger:hover:not(:disabled){background:#e53935!important}.popup-button-secondary{background:var(--color-bg-02);color:var(--color-text-primary)}.popup-button-secondary:hover:not(:disabled){background:var(--color-bg-03)}.company-intro-settings-popup{width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.company-intro-settings-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.company-intro-settings-popup .popup-header h2{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.company-intro-settings-popup .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.company-intro-settings-popup .close-btn:hover{color:#333}.company-intro-settings-popup .popup-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;background:#f8f8f8;padding:0 30px;gap:4px}.company-intro-settings-popup .tab-btn{padding:12px 16px;background:none;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px;white-space:nowrap;flex:0 0 auto}.company-intro-settings-popup .tab-btn:hover{color:#06c;background:#0066cc0d}.company-intro-settings-popup .tab-btn.active{color:#06c;border-bottom-color:#06c;background:#fff}.company-intro-settings-popup .popup-content{flex:1;overflow-y:auto;padding:30px}.section-editor{display:flex;flex-direction:column;gap:12px}.editor-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.text-editor{width:100%;padding:12px;font-size:14px;line-height:1.6;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical;transition:border-color .2s}.text-editor:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.text-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .2s}.editor-hint{font-size:12px;color:#999;margin:0}.image-preview{width:100%;max-height:400px;overflow:auto;border:1px solid #ddd;border-radius:4px;padding:10px;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;height:auto;display:block;border-radius:4px}.image-upload-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-btn{padding:10px 20px;background:#06c;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-block}.upload-btn:hover{background:#0052a3}.upload-btn:disabled{background:#ccc;cursor:not-allowed}.remove-image-btn{padding:10px 20px;background:#d32f2f;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:#b71c1c}.error-message{font-size:13px;color:#d32f2f;margin:0;padding:8px 12px;background:#ffebee;border-radius:4px;flex:1 1 100%}.company-intro-settings-popup .popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e0e0e0;background:#f8f8f8}.company-intro-settings-popup .popup-footer .btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.company-intro-settings-popup .popup-footer .btn-primary{background:var(--color-cta, #456CFF)!important;color:#fff!important;border-color:transparent!important}.company-intro-settings-popup .popup-footer .btn-primary:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)!important}.company-intro-settings-popup .popup-footer .btn-secondary{background:var(--color-white, #fff)!important;color:var(--color-text-medium, #374151)!important;border-color:var(--color-gray-border-light, #d9dee6)!important}.company-intro-settings-popup .popup-footer .btn-secondary:hover:not(:disabled){background:var(--color-bg-02, #f3f4f6)!important}.history-decade-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #e0e0e0;padding-bottom:0}.decade-tab-btn{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.decade-tab-btn:hover{color:#06c}.decade-tab-btn.active{color:#06c;border-bottom-color:#06c}.history-editor{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:16px;background:#f9f9f9;border-radius:4px}.add-year-btn{align-self:flex-start;padding:8px 16px;background:#06c;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.add-year-btn:hover{background:#0052a3}.empty-history-editor{text-align:center;padding:40px 20px;color:#999;font-size:14px}.year-editor-block{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:16px}.year-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.year-header h4{margin:0;font-size:18px;color:#333;flex:1}.add-month-btn{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.add-month-btn:hover{background:#218838}.delete-btn{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#c82333}.delete-btn.small{padding:4px 8px;font-size:11px}.empty-month-editor{text-align:center;padding:20px;color:#999;font-size:13px;background:#f5f5f5;border-radius:4px}.month-editor-block{margin-bottom:16px;padding:12px;background:#f8f9fa;border-left:3px solid #0066cc;border-radius:4px}.month-editor-block:last-child{margin-bottom:0}.month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.month-header strong{color:#06c;font-size:14px}.items-editor{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;gap:8px;align-items:center}.item-row input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .2s}.item-row input:focus{outline:none;border-color:#06c}.add-item-btn{align-self:flex-start;padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.add-item-btn:hover{background:#5a6268}.legacy-format-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:20px;text-align:center}.legacy-format-notice p{margin:0 0 16px;color:#856404;font-size:14px}.legacy-preview{margin-top:20px;text-align:left;background:#fff;padding:12px;border-radius:4px;border:1px solid #ddd}.legacy-preview strong{display:block;margin-bottom:8px;color:#333}.legacy-preview pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#555;font-size:13px;max-height:200px;overflow-y:auto}.certifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.certification-edit-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px}.cert-info{flex:1;display:flex;align-items:center;gap:12px}.cert-number{font-size:14px;font-weight:600;color:#666;min-width:20px}.cert-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.cert-name-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.cert-name-input:focus{outline:none;border-color:#06c}.cert-actions{display:flex;gap:8px}.cert-upload-btn{padding:6px 12px;background:#06c;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}.cert-upload-btn:hover{background:#0052a3}.cert-delete-btn{padding:6px 12px;background:#d32f2f;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}.cert-delete-btn:hover{background:#b71c1c}.add-certification-btn{width:100%;padding:12px;background:#fff;border:2px dashed #ddd;border-radius:4px;font-size:14px;font-weight:500;color:#06c;cursor:pointer;transition:all .2s}.add-certification-btn:hover{border-color:#06c;background:#f0f8ff}@media(max-width:768px){.company-intro-settings-popup{width:95vw}.company-intro-settings-popup .popup-header,.company-intro-settings-popup .popup-content,.company-intro-settings-popup .popup-footer{padding:15px 20px}.company-intro-settings-popup .popup-tabs{padding:0 10px;overflow-x:auto}.company-intro-settings-popup .tab-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.text-editor{font-size:13px}}.section-navigator{position:fixed;right:30px;bottom:30px;z-index:100;display:flex;flex-direction:column;gap:10px}.navigator-buttons{display:flex;flex-direction:column;gap:8px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 4px 20px #00000026}.nav-button{position:relative;padding:10px 16px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:100px;text-align:center}.nav-button:hover{background:#e8f4ff;color:#06c;border-color:#06c;transform:translate(-3px);box-shadow:0 2px 8px #06c3}.nav-button:active{transform:translate(-3px) scale(.98);box-shadow:0 1px 4px #0066cc4d}.nav-button.active{background:linear-gradient(135deg,#06c,#0052a3);color:#fff;border-color:#06c;box-shadow:0 3px 12px #0066cc4d}.nav-button.active:hover{background:linear-gradient(135deg,#0052a3,#004080);transform:translate(-3px)}.nav-button-text{display:block;position:relative}@media(max-width:1024px){.section-navigator{right:20px;bottom:20px}.navigator-buttons{padding:10px}.nav-button{padding:8px 14px;font-size:12px;min-width:80px}}@media(max-width:768px){.section-navigator{right:15px;bottom:15px}.navigator-buttons{padding:8px;gap:6px}.nav-button{padding:7px 12px;font-size:11px;min-width:70px}}@media(max-width:480px){.section-navigator{right:10px;bottom:10px}.navigator-buttons{padding:6px;gap:5px}.nav-button{padding:6px 10px;font-size:10px;min-width:60px}}.info-blocks-viewer{display:flex;flex-direction:column;gap:1.25rem}.info-block-display{padding:0 0 .5rem}.info-block-header .info-subtitle{margin:.35rem 0 0;font-size:var(--fs-14);color:var(--color-text-subtle);line-height:1.4}.info-block-body{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;margin-top:.85rem}.info-block-body.with-image .info-image-wrap{flex:0 0 340px;max-width:100%}.info-image-wrap img{width:100%;border-radius:10px;display:block;object-fit:cover}.info-items{flex:1;list-style:none;padding:0;margin:0;display:grid;gap:.75rem;font-size:var(--fs-14);line-height:1.55}.info-items li{position:relative;padding-left:1.1rem}.info-items li:before{content:"";width:6px;height:6px;background:var(--color-cta-3);border-radius:50%;position:absolute;left:0;top:.55em}.info-blocks-popup{width:100%;box-sizing:border-box}.info-blocks-list{display:flex;flex-direction:column;gap:1.25rem}.info-block-edit{border:1px solid var(--color-border-light, #eceef3);border-radius:10px;padding:1rem 1.1rem 1.25rem;background:var(--color-white);width:100%}.info-block-edit-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.info-block-edit-bar .edit-index{font-weight:var(--fw-semibold);color:var(--color-text-strong)}.info-block-edit-bar .edit-actions{display:flex;gap:.4rem}.info-block-edit-bar button{font-size:var(--fs-12);padding:.35rem .7rem;border:1px solid #a8b3c0;background:#f5f7fa;border-radius:5px;cursor:pointer;transition:all .15s}.info-block-edit-bar button:hover:not(:disabled){background:#e8ecf1;border-color:#8995a3}.info-block-edit-bar button:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field>span{font-size:var(--fs-12);color:var(--color-text-subtle);font-weight:var(--fw-medium)}.field input{padding:.7rem .85rem;border:1px solid #c9d1db;border-radius:6px;font-size:var(--fs-14);background:var(--color-white);max-width:100%;box-sizing:border-box}.image-preview{margin:.25rem 0 .75rem;display:flex;flex-direction:column;gap:.4rem;max-width:300px}.image-preview img{width:100%;border-radius:8px;object-fit:cover}.image-preview .mini-btn{align-self:flex-start;padding:.35rem .7rem;font-size:var(--fs-12);border:1px solid #b8c0ca;background:#f5f7fa;border-radius:4px;cursor:pointer;transition:all .15s}.image-preview .mini-btn:hover{background:#e8ecf1;border-color:#8995a3}.items-edit{margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem}.items-edit .items-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-12);color:var(--color-text-subtle)}.items-edit .items-head button{font-size:var(--fs-12);padding:.35rem .7rem;border:1px solid #a8b3c0;background:#f5f7fa;border-radius:5px;cursor:pointer;transition:all .15s}.items-edit .items-head button:hover{background:#e8ecf1;border-color:#8995a3}.item-row{display:flex;gap:.4rem}.item-row input{flex:1;padding:.45rem .55rem;font-size:var(--fs-13);border:1px solid #ced3da;border-radius:5px}.item-row button{padding:.4rem .65rem;font-size:var(--fs-12);border:1px solid #b8c0ca;background:#f5f7fa;border-radius:5px;cursor:pointer;transition:all .15s;flex-shrink:0}.item-row button:hover:not(:disabled){background:#e8ecf1;border-color:#8995a3}.item-row button:disabled{opacity:.5;cursor:not-allowed}.popup-footer{margin-top:1.5rem;display:flex;justify-content:space-between;gap:1rem}.popup-footer button{padding:.55rem 1rem;font-size:var(--fs-13);border:1px solid #c8ced6;border-radius:6px;background:var(--color-bg-03);cursor:pointer}.popup-footer .primary{background:var(--color-cta-3);color:var(--color-white);border-color:var(--color-cta-3)}@media(max-width:820px){.info-block-body.with-image{flex-direction:column}.info-block-body{gap:1.2rem}.info-block-edit{padding:.85rem .9rem 1rem}}.company-intro-container{max-width:1200px;margin:0 auto;padding:20px}.company-section{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.company-intro-container .company-section .section-title{font-size:28px!important;font-weight:700!important;color:#1a1a1a!important;margin-top:0!important;margin-bottom:20px!important;text-align:center!important;padding-bottom:0!important;border-bottom:none!important}.section-content{font-size:15px;line-height:1.8;color:#333}.greeting-section .greeting-text{white-space:pre-wrap;word-break:keep-all}.orgchart-section .orgchart-image{width:100%;max-width:900px;height:auto;display:block;margin:0 auto;border-radius:4px}.empty-image-placeholder{text-align:center;padding:60px 20px;color:#999;background:#f5f5f5;border-radius:4px;font-size:14px}.history-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:0}.history-tab-btn{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.history-tab-btn:hover{color:#06c}.history-tab-btn.active{color:#06c;border-bottom-color:#06c}.history-timeline{position:relative;padding:40px 0 40px 100px;min-height:300px}.history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e0e0e0,#06c,#e0e0e0)}.history-year-entry{position:relative;margin-bottom:40px}.history-year-entry:last-child{margin-bottom:0}.year-marker{position:absolute;left:-88px;top:0;display:flex;align-items:center;gap:12px}.year-circle{width:16px;height:16px;border-radius:50%;background:#06c;border:3px solid #fff;box-shadow:0 0 0 2px #06c;flex-shrink:0}.year-label{font-size:20px;font-weight:700;color:#333;white-space:nowrap;min-width:60px}.year-content{padding-left:0;margin-top:35px}.month-entry{position:relative;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.month-entry:last-child{margin-bottom:0}.month-bullet{color:#06c;font-size:18px;line-height:1.6;flex-shrink:0}.month-label{font-size:16px;font-weight:600;color:#06c;min-width:28px;flex-shrink:0;line-height:1.6}.month-items{flex:1;display:flex;flex-direction:column;gap:4px}.history-item{font-size:15px;color:#555;line-height:1.6;word-break:keep-all}.empty-history{text-align:center;padding:60px 20px;color:#999;font-size:15px}.history-text-legacy{white-space:pre-wrap;word-break:keep-all;min-height:200px;padding:20px;line-height:1.8;color:#555}.management-quote{display:flex;align-items:flex-start;justify-content:center;padding:40px 60px;margin:30px 0;gap:8px}.quote-mark{font-size:48px;color:#e0e0e0;font-family:Georgia,serif;line-height:1;flex-shrink:0}.quote-mark.quote-left{margin-top:-8px}.quote-mark.quote-right{margin-top:8px;align-self:flex-end}.quote-text{font-size:20px;font-weight:500;color:#333;line-height:1.6;margin:0;text-align:center}.management-section .management-image{width:100%;max-width:800px;height:auto;display:block;margin:30px auto 0;border-radius:4px}.certifications-section{max-width:100%;min-width:0;overflow:hidden}.certifications-section .section-content{overflow:hidden;min-width:0}.certifications-carousel{position:relative;display:flex;align-items:center;gap:20px;padding:20px 0;width:100%;max-width:100%;min-width:0;overflow:hidden}.carousel-btn{width:50px;height:50px;border-radius:50%;border:2px solid #ddd;background:#fff;color:#666;font-size:28px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;padding:0;line-height:0}.carousel-btn:hover:not(:disabled){border-color:#06c;color:#06c;background:#f0f8ff}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.certifications-container{flex:1 1 0;overflow:hidden;min-width:0;width:0;position:relative}.certifications-track{display:flex;transition:transform .3s ease;width:max-content}.certification-item{width:200px;padding:0 10px;box-sizing:border-box;flex-shrink:0}.certification-image-wrapper{aspect-ratio:3/4;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:12px}.certification-image{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.certification-image[src=""],.certification-image:not([src]){background:#f0f0f0}.certification-image-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999;font-size:12px}.certification-name{text-align:center;font-size:14px;font-weight:500;color:#333;margin:0}.empty-certifications{text-align:center;padding:60px 20px;color:#999;background:#f5f5f5;border-radius:4px}.empty-certifications p{margin:0;font-size:14px}.location-content{display:flex;flex-direction:column;gap:30px}.location-info{background:#f8f9fa;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:16px}.info-row{display:flex;align-items:flex-start;gap:20px}.info-label{font-weight:600;color:#666;min-width:80px;font-size:15px}.info-value{color:#333;font-size:15px;flex:1}.location-map{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.location-map iframe{display:block}.loading-message,.error-message{text-align:center;padding:60px 20px;font-size:16px;color:#666}.error-message{color:#d32f2f}@media(max-width:768px){.company-intro-container{padding:10px}.company-section{padding:20px;margin-bottom:20px}.company-intro-container .company-section .section-title{font-size:22px!important}.section-content{font-size:14px}.certification-item{min-width:50%}.carousel-btn{width:40px;height:40px;font-size:24px}.quote-mark{font-size:60px}.quote-text{font-size:16px}.management-quote{padding:30px 40px}.location-info{padding:16px}.info-row{flex-direction:column;gap:8px}.info-label{min-width:auto;font-size:14px}.info-value{font-size:14px}.location-map iframe{height:300px}.history-timeline{padding:30px 0 30px 80px}.history-timeline:before{left:12px}.year-marker{left:-76px;gap:8px;top:0}.year-circle{width:12px;height:12px}.year-label{font-size:17px;min-width:55px}.year-content{padding-left:0;margin-top:30px}.month-entry{gap:8px;margin-bottom:20px}.month-label{font-size:14px;min-width:24px}.history-item{font-size:14px}}@media(max-width:480px){.certification-item{min-width:100%}.history-timeline{padding:20px 0 20px 70px}.history-timeline:before{left:8px}.year-marker{left:-68px;flex-direction:row;gap:6px;align-items:center;top:0}.year-circle{width:10px;height:10px}.year-label{font-size:15px;min-width:50px}.year-content{padding-left:0;margin-top:25px}}.month-entry{flex-direction:column;gap:4px;margin-bottom:16px}.month-bullet{display:none}.month-label{font-size:13px;font-weight:700}.history-item{font-size:13px;padding-left:12px}} .business-units-settings-popup{width:90vw;max-width:1000px;max-height:90vh;display:flex;flex-direction:column}.business-units-settings-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.business-units-settings-popup .popup-header h2{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.business-units-settings-popup .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.business-units-settings-popup .close-btn:hover{color:#333}.business-units-settings-popup .popup-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;background:#f8f8f8;padding:0 30px;gap:4px}.business-units-settings-popup .tab-btn{padding:12px 16px;background:none;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px;white-space:nowrap;flex:0 0 auto}.business-units-settings-popup .tab-btn:hover{color:#06c;background:#0066cc0d}.business-units-settings-popup .tab-btn.active{color:#06c;border-bottom-color:#06c;background:#fff}.business-units-settings-popup .popup-content{flex:1;overflow-y:auto;padding:30px}.text-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .2s;margin-bottom:12px}.text-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.details-list{display:flex;flex-direction:column;gap:10px}.detail-item-editor{display:flex;gap:8px;align-items:flex-start}.detail-input{flex:1;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical;transition:border-color .2s}.detail-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.remove-detail-btn{padding:8px 12px;background:#f44;color:#fff;border:none;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s;flex-shrink:0}.remove-detail-btn:hover{background:#c00}.add-detail-btn{padding:10px 20px;background:#f0f0f0;color:#333;border:1px dashed #999;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:5px}.add-detail-btn:hover{background:#e0e0e0;border-color:#666}.business-units-settings-popup .popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e0e0e0;background:#f8f8f8}.business-units-settings-popup .popup-footer .btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.business-units-settings-popup .popup-footer .btn-primary{background:var(--color-cta, #456CFF)!important;color:#fff!important;border-color:transparent!important}.business-units-settings-popup .popup-footer .btn-primary:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)!important}.business-units-settings-popup .popup-footer .btn-secondary{background:var(--color-white, #fff)!important;color:var(--color-text-medium, #374151)!important;border-color:var(--color-gray-border-light, #d9dee6)!important}.business-units-settings-popup .popup-footer .btn-secondary:hover:not(:disabled){background:var(--color-bg-02, #f3f4f6)!important}@media(max-width:768px){.business-units-settings-popup{width:95vw}.business-units-settings-popup .popup-header,.business-units-settings-popup .popup-content,.business-units-settings-popup .popup-footer{padding:15px 20px}.business-units-settings-popup .popup-tabs{padding:0 10px}.business-units-settings-popup .tab-btn{padding:10px 14px;font-size:12px}.detail-item-editor{flex-direction:column}.remove-detail-btn{align-self:flex-end}}.business-units-container{max-width:1200px;margin:0 auto;padding:20px}.business-unit-section{background:#fff;border-radius:8px;padding:40px;margin-bottom:30px;box-shadow:0 2px 8px #00000014}.unit-header{text-align:center;margin-bottom:30px}.unit-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.unit-subtitle{font-size:16px;color:#06c;font-weight:500;margin:0}.unit-image-wrapper{margin:30px 0;text-align:center}.unit-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.unit-description{margin:25px 0}.description-text{font-size:15px;line-height:1.8;color:#333;margin:0}.unit-details{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:6px;border-left:4px solid #0066cc}.detail-item{font-size:14px;line-height:1.7;color:#555;position:relative;padding:8px 0 8px 20px}.detail-item:before{content:"•";position:absolute;left:0;color:#06c;font-weight:700}@media(max-width:768px){.business-units-container{padding:10px}.business-unit-section{padding:25px 20px;margin-bottom:20px}.unit-title{font-size:22px}.unit-subtitle,.description-text{font-size:14px}.detail-item{font-size:13px}}.sustainability-settings-popup{width:90vw;max-width:1000px;max-height:90vh;display:flex;flex-direction:column}.sustainability-settings-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.sustainability-settings-popup .popup-header h2{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.sustainability-settings-popup .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.sustainability-settings-popup .close-btn:hover{color:#333}.sustainability-settings-popup .popup-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;background:#f8f8f8;padding:0 30px;gap:4px}.sustainability-settings-popup .tab-btn{padding:12px 16px;background:none;border:none;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px;white-space:nowrap;flex:0 0 auto}.sustainability-settings-popup .tab-btn:hover{color:#06c;background:#0066cc0d}.sustainability-settings-popup .tab-btn.active{color:#06c;border-bottom-color:#06c;background:#fff}.sustainability-settings-popup .popup-content{flex:1;overflow-y:auto;padding:30px}.items-list{display:flex;flex-direction:column;gap:20px;margin-top:10px}.item-editor{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e4e8}.item-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.item-number-badge{flex-shrink:0;width:32px;height:32px;background:#06c;color:#fff;font-size:16px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.item-title-input{flex:1;padding:10px 12px;font-size:14px;font-weight:600;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .2s}.item-title-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.remove-item-btn{flex-shrink:0;padding:6px 12px;background:#f44;color:#fff;border:none;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s}.remove-item-btn:hover{background:#c00}.item-content-input{width:100%;padding:12px;font-size:14px;line-height:1.6;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical;transition:border-color .2s}.item-content-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.add-item-btn{padding:12px 24px;background:#f0f0f0;color:#333;border:1px dashed #999;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:#e0e0e0;border-color:#666}.sustainability-settings-popup .popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e0e0e0;background:#f8f8f8}.sustainability-settings-popup .popup-footer .btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.sustainability-settings-popup .popup-footer .btn-primary{background:var(--color-cta, #456CFF)!important;color:#fff!important;border-color:transparent!important}.sustainability-settings-popup .popup-footer .btn-primary:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)!important}.sustainability-settings-popup .popup-footer .btn-secondary{background:var(--color-white, #fff)!important;color:var(--color-text-medium, #374151)!important;border-color:var(--color-gray-border-light, #d9dee6)!important}.sustainability-settings-popup .popup-footer .btn-secondary:hover:not(:disabled){background:var(--color-bg-02, #f3f4f6)!important}@media(max-width:768px){.sustainability-settings-popup{width:95vw}.sustainability-settings-popup .popup-header,.sustainability-settings-popup .popup-content,.sustainability-settings-popup .popup-footer{padding:15px 20px}.sustainability-settings-popup .popup-tabs{padding:0 10px}.sustainability-settings-popup .tab-btn{padding:10px 16px;font-size:13px}.item-editor{padding:15px}.item-header{flex-wrap:wrap}.remove-item-btn{margin-left:auto}}.sustainability-container{max-width:1200px;margin:0 auto;padding:20px}.sustainability-section{background:#fff;border-radius:8px;padding:40px;margin-bottom:40px;box-shadow:0 2px 8px #00000014}.section-main-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:20px;text-align:center;padding-bottom:15px;border-bottom:3px solid #0066cc}.section-description{font-size:15px;line-height:1.8;color:#555;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:6px;border-left:4px solid #0066cc}.section-items{display:flex;flex-direction:column;gap:25px}.item-block{display:flex;gap:20px;padding:20px;background:#fafbfc;border-radius:8px;border:1px solid #e1e4e8;transition:all .2s}.item-block:hover{box-shadow:0 4px 12px #00000014;border-color:#06c}.item-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#06c,#0052a3);color:#fff;font-size:20px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.item-content{flex:1}.item-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 10px}.item-text{font-size:14px;line-height:1.7;color:#555;margin:0}@media(max-width:768px){.sustainability-container{padding:10px}.sustainability-section{padding:25px 20px;margin-bottom:25px}.section-main-title{font-size:24px}.section-description{font-size:14px;padding:15px}.item-block{flex-direction:column;gap:15px;padding:15px}.item-number{width:36px;height:36px;font-size:18px}.item-title{font-size:16px}.item-text{font-size:13px}}.performance-settings-popup{width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.performance-settings-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.performance-settings-popup .popup-header h2{font-size:20px;font-weight:600;margin:0;color:#1a1a1a}.performance-settings-popup .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.performance-settings-popup .close-btn:hover{color:#333}.performance-settings-popup .popup-content{flex:1;overflow-y:auto;padding:30px}.projects-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.project-editor{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.project-editor.collapsed{background:#f8f9fa}.project-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.project-header:hover{background:#0066cc08}.project-editor.expanded .project-header{border-bottom:1px solid #e0e0e0;background:#f8f9fa}.project-number{font-size:14px;font-weight:600;color:#06c;display:flex;align-items:center;gap:8px}.expand-icon{font-size:12px;color:#666;transition:transform .2s}.project-name-preview{font-weight:400;color:#666;font-size:13px}.project-actions{display:flex;gap:6px}.move-btn{padding:6px 12px;background:#fff;border:1px solid #d0d7de;border-radius:6px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.move-btn:hover:not(:disabled){background:#f6f8fa;border-color:#06c;color:#06c}.move-btn:disabled{opacity:.3;cursor:not-allowed}.remove-project-btn{padding:6px 12px;background:#fff;color:#d32f2f;border:1px solid #d0d7de;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.remove-project-btn:hover{background:#fff1f0;border-color:#d32f2f;color:#c62828}.project-fields{padding:20px;display:flex;flex-direction:column;gap:16px;background:#fff}.field-row{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:6px}.field-label{font-size:13px;font-weight:600;color:#1f2328;margin:0;width:5rem;flex-shrink:0;text-align:left;line-height:1}.text-input{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box;margin:0}.text-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.text-input::placeholder{color:#8c959f}.image-upload-area{display:flex;gap:10px;align-items:center}.upload-btn{padding:8px 16px;background:#fff;color:#06c;border:1px solid #d0d7de;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.upload-btn:hover{background:#f6f8fa;border-color:#06c}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.image-preview-small{position:relative;width:200px;height:150px;overflow:hidden;border-radius:6px;border:1px solid #d0d7de;margin-bottom:8px;background:#f6f8fa}.image-preview-small img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#d32f2ff2;color:#fff;border:none;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0003}.remove-image-btn:hover{background:#c62828;transform:scale(1.05)}.add-project-btn{padding:12px 24px;background:var(--color-cta, #456CFF);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start;margin-bottom:16px}.add-project-btn:hover{background:var(--color-cta-3, #3A5EF0)}.performance-settings-popup .popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid #e0e0e0;background:#f8f8f8}.performance-settings-popup .popup-footer .btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.performance-settings-popup .popup-footer .btn-primary{background:var(--color-cta, #456CFF)!important;color:#fff!important;border-color:transparent!important}.performance-settings-popup .popup-footer .btn-primary:hover:not(:disabled){background:var(--color-cta-3, #3A5EF0)!important}.performance-settings-popup .popup-footer .btn-secondary{background:var(--color-white, #fff)!important;color:var(--color-text-medium, #374151)!important;border-color:var(--color-gray-border-light, #d9dee6)!important}.performance-settings-popup .popup-footer .btn-secondary:hover:not(:disabled){background:var(--color-bg-02, #f3f4f6)!important}@media(max-width:768px){.performance-settings-popup{width:95vw}.performance-settings-popup .popup-header,.performance-settings-popup .popup-content,.performance-settings-popup .popup-footer{padding:15px 20px}.project-editor{padding:15px}.project-header{flex-direction:column;align-items:flex-start;gap:10px}.project-actions{align-self:flex-end}}.performance-container{max-width:1400px;margin:0 auto;padding:20px}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}.performance-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;background:#fff}.performance-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.card-image-wrapper{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#f5f5f5}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.performance-card:hover .card-image{transform:scale(1.05)}.card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999;font-size:14px}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:center;padding:20px;color:#fff;overflow:hidden}.performance-card:hover .card-overlay{opacity:1}.project-name{font-size:20px;font-weight:700;margin:0 0 12px;color:#fff;line-height:1.3}.project-details{display:flex;flex-direction:column;gap:6px}.detail-item{display:flex;gap:10px;font-size:13px;line-height:1.4}.detail-label{font-weight:600;color:gold;min-width:50px}.detail-value{color:#fff}.performance-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0}.page-btn{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;background:#fff;color:#666;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:0}.page-btn:hover:not(:disabled){border-color:#06c;color:#06c;background:#f0f8ff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-dots{display:flex;gap:8px}.page-dot{width:12px;height:12px;border-radius:50%;border:2px solid #ddd;background:#fff;cursor:pointer;transition:all .2s;padding:0}.page-dot:hover{border-color:#06c}.page-dot.active{background:#06c;border-color:#06c}@media(max-width:1200px){.performance-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.performance-container{padding:10px}.performance-grid{grid-template-columns:repeat(2,1fr);gap:15px}.project-name{font-size:18px}.card-overlay{padding:15px}.detail-item{font-size:13px}.page-btn{width:36px;height:36px;font-size:20px}}@media(max-width:480px){.performance-grid{grid-template-columns:1fr}}.card-action-btn.edit-button.active{background-color:var(--color-accent);background-image:var(--edit-icon, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIbSURBVHgB7djNbcIwFAfw58Chx4zACHQC6AbdoPRaFTATlE5AyofErbABI8AEpRM0I3BEgsR9zxCTBEIDJHYO/UuAvyL95NgRDkDBw8BQOOc2rNc23N2tHMdZJY3TDuSvr3Vg7A2L9VCzyxhzev3+R3y8ViBvt3vg+/zMEBc2mwdnPHaDBm1A3mx+4k8jxVAXSqX74LZboCEJuAl+nkGId4k6pALbrZrlMuScBNyzMxhM1BjOJ+B5X1i0ZQNjT/jdpWKuM5gGR8Hb6eJMhjdIRe7yPIFpcSqMuZE6PYIgJ+DFOIoQ9XA12MmZA6/BdVqtp/2620WIeVDMFHgtTggR6WeWpeqZ7eKscLRZeoPBNKhm8qDOEDd1hsNGuOlmYJ64m4F5424C6sBdDdSFuwqoE3cxUDfuIqAJXGqgKVwqoEncn0DTuLPAIuASgUXBUY7+bsmjYUFwJ4F4bm1AQXCUyP9BeeoPTlYU3+84o9EEDOEo8Rl8jNQ8bwYGcZQ4sKZKjC3DryBM4CgKiOfQCqKqqsf3F2AYRzmswe22isBwX+T2yoO077cR1wVNuCgwvv7K5aXcNJZF7TVcj9Wjq3PGSYYqMVaL9HjeD7bZiDh9pQYcRa5B/vJCs1OJ9dkJ16zoaKgDR9nNYKlUPTuKTvqW9Y1rcEa3/twr26xT3gPc2AYhAG2SBeJnOkHxKJV8zHheHV/BzpOef/85kV9LcNKIS04vGQAAAABJRU5ErkJggg==))}.dashboard-container{display:flex;height:100vh;width:100vw;overflow:hidden;box-sizing:border-box;background-color:var(--color-bg-01);padding-top:56px;position:relative;transition:padding-top .1s ease-in-out;will-change:padding-top;transform:translateZ(0);contain:layout style}.sidebar{flex:0 0 6%;animation:slideInFromLeft .4s ease-out}.dashboard-main{flex:1 1 0;overflow-y:auto;box-sizing:border-box;min-height:0;position:relative;height:100%;display:flex;flex-direction:column}.dashboard-main.no-grid{display:flex;flex-direction:column}.dashboard-content-wrapper{flex:1;padding:2rem;display:block;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.dashboard-main:not(.no-grid) .dashboard-content-wrapper{padding:2rem;display:grid;gap:1.5rem}.dashboard-main.no-grid .dashboard-content-wrapper{display:block;padding:2rem}.widget{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #00000008,0 1px 3px #00000005;color:var(--color-text-medium);font-size:.9rem;overflow:hidden}.widget-title{font-size:1rem;font-weight:700;margin:0 0 .75em;line-height:1.4}.sticky-headers-table thead th{position:sticky;top:0;z-index:3;background:var(--color-soft-01, #f8fafc);border-bottom:2px solid var(--color-border-light, #e2e8f0);font-weight:600;font-size:14px;color:var(--color-text-primary, #334155);padding:12px 10px;text-align:center;white-space:nowrap}.category-settings-overlay{position:fixed;inset:0;z-index:10100;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.category-settings-modal{width:980px;max-width:98%;max-height:90vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000026}.category-settings-header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border-light, #e5e7eb);background:var(--color-bg-01, #fafafa)}.category-settings-header h3{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary, #1f2937)}.category-settings-header-actions{display:flex;gap:8px;align-items:center}.category-settings-header-actions .saved-msg{color:#10b981;font-size:13px;font-weight:500;margin-right:8px}.category-settings-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--color-border-light, #e5e7eb);background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.category-settings-btn:hover{border-color:var(--color-cta, #2f80ed);color:var(--color-cta, #2f80ed);background:#f0f7ff}.category-settings-btn.active{border-color:var(--color-cta, #2f80ed);background:var(--color-soft-02, #e8f4fd);color:var(--color-cta, #2f80ed)}.category-settings-btn.primary{background:var(--color-cta, #2f80ed);border-color:var(--color-cta, #2f80ed);color:#fff}.category-settings-btn.primary:hover{background:var(--color-cta-3, #1e6fd9);border-color:var(--color-cta-3, #1e6fd9);color:#fff}.category-settings-btn.close{color:var(--color-text-secondary, #6b7280)}.category-settings-btn.close:hover{background:var(--color-bg-01, #f3f4f6);border-color:var(--color-border-light, #d1d5db);color:var(--color-text-primary, #374151)}.category-settings-hint{color:var(--color-text-secondary, #6b7280);font-size:13px;line-height:1.5}.category-settings-search{border:1px solid var(--color-border-light, #e5e7eb);border-radius:8px;padding:8px 12px;width:220px;font-size:13px;transition:all .15s ease}.category-settings-search:focus{outline:none;border-color:var(--color-cta, #2f80ed);box-shadow:0 0 0 3px #2f80ed1a}.category-settings-search::placeholder{color:var(--color-text-secondary, #9ca3af)}.category-settings-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative}.sticky-headers-table{width:100%;border-collapse:collapse;table-layout:fixed}.sticky-headers-table tbody td{padding:10px 8px;border-bottom:1px solid var(--color-border-light, #f1f5f9);border-right:1px solid var(--color-border-light, #f1f5f9);font-size:13px;color:var(--color-text-primary, #374151);vertical-align:middle}.sticky-headers-table tbody tr:hover td{background:var(--color-soft-01, #f8fafc)}.sticky-headers-table .cell-action-btn{padding:4px 8px;border-radius:4px;border:none;font-size:11px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.sticky-headers-table .cell-action-btn.add{background:var(--color-soft-02, #e8f4fd);color:var(--color-cta, #2f80ed)}.sticky-headers-table .cell-action-btn.add:hover{background:var(--color-cta, #2f80ed);color:#fff}.sticky-headers-table .cell-action-btn.delete{background:#fef2f2;color:var(--color-danger, #ef4444)}.sticky-headers-table .cell-action-btn.delete:hover{background:var(--color-danger, #ef4444);color:#fff}.category-settings-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:10}.category-settings-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border-light, #e5e7eb);border-top-color:var(--color-cta, #2f80ed);border-radius:50%;animation:category-spin .8s linear infinite}@keyframes category-spin{to{transform:rotate(360deg)}}.category-detail-popup-overlay{position:fixed;inset:0;z-index:10200;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.category-detail-popup{width:520px;max-width:95%;max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden}.category-detail-popup-header{padding:18px 20px;border-bottom:1px solid var(--color-border-light, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-01, #fafafa)}.category-detail-popup-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #1f2937)}.category-detail-popup-close{width:28px;height:28px;border:none;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #6b7280);transition:all .15s ease}.category-detail-popup-close:hover{background:var(--color-bg-01, #f3f4f6);color:var(--color-text-primary, #374151)}.category-detail-popup-body{padding:20px;overflow-y:auto;flex:1}.category-detail-popup-footer{padding:16px 20px;border-top:1px solid var(--color-border-light, #e5e7eb);display:flex;justify-content:flex-end;gap:8px;background:var(--color-bg-01, #fafafa)}.category-detail-field{margin-bottom:16px}.category-detail-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-primary, #374151)}.category-detail-field input,.category-detail-field select{width:100%;padding:10px 12px;border:1px solid var(--color-border-light, #e5e7eb);border-radius:8px;font-size:14px;transition:all .15s ease;box-sizing:border-box}.category-detail-field input:focus,.category-detail-field select:focus{outline:none;border-color:var(--color-cta, #2f80ed);box-shadow:0 0 0 3px #2f80ed1a}.category-template-section{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-bg-01, #f9fafb);border-radius:8px;border:1px solid var(--color-border-light, #e5e7eb);margin-bottom:12px}.category-template-section label{font-size:13px;font-weight:500;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.category-template-section select{flex:1;padding:8px 12px;border:1px solid var(--color-border-light, #d1d5db);border-radius:6px;font-size:13px;background:#fff}.category-template-section select:focus{outline:none;border-color:var(--color-cta, #2f80ed)}.building-type-category-back-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:3100;pointer-events:auto}.building-type-category-back-overlay .back-button{padding:10px 20px;background:#fffffff2;border:1px solid var(--color-bg-gray-medium);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.building-type-category-back-overlay .back-button:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.category-list{display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:400px;overflow-y:auto;padding:8px;background:var(--color-bg-01);border-radius:8px;border:1px solid var(--color-border-light)}.category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid var(--color-border-light);border-radius:6px;transition:all .2s}.category-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.category-item-content{display:flex;align-items:center;gap:12px;flex:1}.category-index{font-weight:600;color:#6b7280;min-width:32px}.category-name{font-size:14px;color:#1f2937}.category-name-input{flex:1;padding:6px 10px;border:1px solid #3b82f6;border-radius:4px;font-size:14px}.category-name-input:focus{outline:none;border-color:#2563eb}.category-actions{display:flex;gap:6px}.category-actions button{padding:6px 12px;border:1px solid var(--color-gray-border);background:#fff;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.category-actions button:hover:not(:disabled){background:var(--color-bg-01);border-color:var(--color-gray-disabled)}.category-actions button:disabled{opacity:.5;cursor:not-allowed}.category-actions .delete-action{border-color:#fca5a5;color:var(--color-danger-text)}.category-actions .delete-action:hover{background:var(--color-danger-light);border-color:#f87171}.category-add-form{display:flex;gap:12px;padding:16px;background:var(--color-bg-01);border-radius:8px;border:1px solid var(--color-border-light)}.category-add-form input{flex:1;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:6px;font-size:14px;transition:border-color .2s}.category-add-form input:focus{outline:none;border-color:#3b82f6}.category-add-form button{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s}.category-add-form button:hover{background:#2563eb}.popup-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--color-gray-border-light)}.save-button{padding:10px 24px;background:var(--color-success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s}.save-button:hover:not(:disabled){background:#059669}.save-button:disabled{background:var(--color-gray-disabled);cursor:not-allowed}.cancel-button{padding:10px 24px;background:#6b7280;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s}.cancel-button:hover{background:var(--color-text-medium)}.empty-message,.loading-indicator{text-align:center;color:#6b7280;padding:40px;font-size:14px}.building-type-popup-content{display:flex;flex-direction:column;gap:20px;padding:8px 0}.building-type-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding:4px}.building-type-card{position:relative;padding:16px 20px;border:1px solid var(--color-border-light, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s ease;background:var(--color-bg-01, #fafafa);display:flex;align-items:center;justify-content:space-between;gap:12px}.building-type-card:hover{border-color:var(--color-cta, #2f80ed);background:linear-gradient(135deg,#f0f7ff,#e8f4fd);box-shadow:0 2px 8px #2f80ed1f}.building-type-card h3{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary, #1f2937)}.building-type-description{margin:0;font-size:13px;color:var(--color-text-secondary, #6b7280);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-type-card .building-type-actions{display:flex;gap:8px;flex-shrink:0}.building-type-card .edit-button{padding:6px 10px;background:transparent;color:var(--color-cta, #2f80ed);border:1px solid var(--color-cta, #2f80ed);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease;flex-shrink:0}.building-type-card .edit-button:hover{background:var(--color-cta, #2f80ed);color:#fff}.building-type-card .delete-button{padding:6px 10px;background:transparent;color:var(--color-danger, #ef4444);border:1px solid var(--color-danger, #ef4444);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease;flex-shrink:0}.building-type-card .delete-button:hover{background:var(--color-danger, #ef4444);color:#fff}.building-type-add-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-bg-01, #f9fafb);border-radius:10px;border:1px dashed var(--color-border-light, #d1d5db)}.building-type-add-form .form-inputs{display:flex;gap:10px}.building-type-add-form input{flex:1;padding:10px 14px;border:1px solid var(--color-border-light, #d1d5db);border-radius:8px;font-size:14px;transition:all .15s ease;background:#fff}.building-type-add-form input:focus{outline:none;border-color:var(--color-cta, #2f80ed);box-shadow:0 0 0 3px #2f80ed1a}.building-type-add-form input::placeholder{color:var(--color-text-secondary, #9ca3af)}.building-type-add-form input:disabled{background:var(--color-bg-01, #f3f4f6);cursor:not-allowed;opacity:.7}.building-type-add-form .create-button{padding:10px 20px;background:var(--color-cta, #2f80ed);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.building-type-add-form .create-button:hover:not(:disabled){background:var(--color-cta-3, #1e6fd9);transform:translateY(-1px);box-shadow:0 2px 8px #2f80ed40}.building-type-add-form .create-button:disabled{background:var(--color-gray-disabled, #9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.empty-message{text-align:center;color:var(--color-text-secondary, #6b7280);padding:48px 20px;font-size:14px;background:var(--color-bg-01, #f9fafb);border-radius:10px;border:1px dashed var(--color-border-light, #d1d5db)}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 20px}.loading-container .spinner{width:32px;height:32px;border:3px solid var(--color-border-light, #e5e7eb);border-top-color:var(--color-cta, #2f80ed);border-radius:50%;animation:spin .8s linear infinite}.labor-page{width:100%;display:block;padding-right:2rem;text-align:left}.labor-settings-actions{display:inline-flex;align-items:center;gap:8px}.labor-settings-actions .site-name{color:var(--color-text-charcoal);font-size:13px;margin-right:2px}.labor-page .smart-system-panel.card{width:100%;max-width:1200px}.labor-page .manual-section-header{display:flex;align-items:center;justify-content:flex-start}.labor-page .manual-upload-btn{margin-left:8px}.labor-page .manual-card-grid{gap:10px}.ag-theme-alpine .labor-header-center .ag-header-cell-label,.ag-theme-alpine .labor-header-center .ag-header-group-cell-label{justify-content:center!important}.ag-theme-alpine.labor-grid .ag-header-cell .ag-header-cell-comp-wrapper{display:flex;align-items:center;justify-content:center!important}.ag-theme-alpine.labor-grid .ag-header-cell .ag-header-cell-label{justify-content:center!important}.ag-theme-alpine.labor-grid .ag-center-cols-container .ag-row .ag-cell{border-bottom:1px dotted rgba(0,0,0,.12)}.labor-extra-header{display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.labor-extra-header .del-btn{opacity:0;transition:opacity .12s ease-in-out;border:none;background:transparent;color:var(--color-danger-dark);font-weight:700;line-height:1;cursor:pointer}.labor-extra-header:hover .del-btn{opacity:1}.ag-theme-alpine .ag-center-cols-container .ag-row .ag-cell.labor-grand-cell{background:#ffd54f!important;font-weight:700}.ag-theme-alpine .ag-header-cell.hide-child-header .ag-header-cell-label{display:none}.ag-theme-alpine .ag-header-row .ag-header-cell.hide-child-header{border-right:none;padding:0}.ag-theme-alpine .ag-header-row .ag-header-cell.hide-child-header,.ag-theme-alpine .ag-header-row .ag-header-cell.hide-child-header+.ag-header-cell{border-left:none!important;border-right:none!important;background:transparent}.ag-theme-alpine .ag-cell.labor-group-cell{display:flex;align-items:center;justify-content:center;padding:0 8px}.ag-theme-alpine .ag-cell.labor-group-cell .ag-cell-value{width:100%;text-align:center}.ag-theme-alpine .ag-cell.labor-group-vertical .ag-cell-value{display:inline-block;transform:rotate(-90deg);transform-origin:center;font-weight:600}.ag-theme-alpine .ag-cell.labor-changed-cell{background-color:#e3f2fd!important;position:relative;padding-right:32px!important}.ag-theme-alpine .ag-cell.labor-changed-cell:after{content:"↩";position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:4px;font-size:14px;color:var(--color-text-charcoal);cursor:pointer;opacity:0;transition:opacity .15s ease-in-out,background .15s ease-in-out;border:1px solid transparent;background:transparent}.ag-theme-alpine .ag-cell.labor-changed-cell:hover:after{opacity:1;border-color:var(--color-bg-gray-medium);background:var(--color-white)}.ag-theme-alpine .ag-cell.labor-changed-cell:after:hover{background:var(--color-bg-gray);color:var(--color-material-blue)}.icon-button{background:transparent;border:5px solid transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;background-image:var(--icon-default);background-size:var(--icon-size, 20px) var(--icon-size, 20px);background-repeat:no-repeat;background-position:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:6px;transition:background-image .15s ease,border-color .2s ease}.icon-button:hover{background-image:var(--icon-hover);border-color:#456cff26}.icon-button-inline{background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background-image:var(--icon-default);background-size:var(--icon-size, 16px) var(--icon-size, 16px);background-repeat:no-repeat;background-position:center;flex-shrink:0;transition:background-image .15s ease,opacity .15s ease;opacity:.7}.icon-button-inline:hover{background-image:var(--icon-hover);opacity:1}.icon-button-inline:disabled{opacity:.3;cursor:not-allowed}.image-upload-popup-content{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.upload-area{min-height:300px;display:flex;align-items:center;justify-content:center}.file-select-area{width:100%;height:300px;border:2px dashed var(--color-gray-border);border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-gray-lightest);transition:all .2s}.file-select-area:hover{border-color:#9ca3af;background-color:var(--color-bg-gray-lightest)}.file-select-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;padding:2rem}.upload-icon{font-size:48px;opacity:.6}.upload-text{font-size:16px;font-weight:600;color:var(--color-text-medium)}.upload-hint{font-size:13px;color:var(--color-text-charcoal)}.preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.preview-image{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 4px 6px #0000001a;object-fit:contain}.change-file-btn{padding:8px 16px;background-color:var(--color-bg-gray-lightest);border:1px solid var(--color-gray-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-medium);cursor:pointer;transition:all .2s}.change-file-btn:hover:not(:disabled){background-color:var(--color-gray-border-light)}.change-file-btn:disabled{opacity:.5;cursor:not-allowed}.upload-progress-section{display:flex;flex-direction:column;gap:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#4f81bd,#6b9dd8);transition:width .3s ease;border-radius:4px}.progress-text{text-align:center;font-size:13px;font-weight:600;color:#4f81bd}.equipment-detail-container{display:flex;flex-direction:column;margin-bottom:1rem}.equipment-detail-container-with-image{display:flex;gap:1.5rem;margin-bottom:1rem}.equipment-image-section{flex-shrink:0;width:300px;display:flex;flex-direction:column;gap:8px}.equipment-image-container{width:300px;height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-01);border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden}.equipment-image{width:100%;height:100%;object-fit:contain}.equipment-no-image{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.equipment-form{display:flex;flex-direction:column;gap:.25rem;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem}.form-group{display:flex;flex-direction:column;gap:.125rem}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:11px;font-weight:600;color:var(--color-text-medium)}.form-label.required:after{content:" *";color:var(--color-danger-text)}.form-input{padding:5px 8px;border:1px solid var(--color-gray-border);border-radius:4px;font-size:12px;font-family:inherit;transition:all .2s;background-color:#fff;max-width:85%}.form-textarea{padding:5px 8px;border:1px solid var(--color-gray-border);border-radius:4px;font-size:13px;font-family:inherit;transition:all .2s;background-color:#fff}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-disabled);opacity:1}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary, #4F81BD);box-shadow:0 0 0 3px #4f81bd1a}.form-input:disabled,.form-textarea:disabled{background-color:var(--color-bg-01);color:var(--color-text-charcoal);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;line-height:1.3}.image-upload-section{display:flex;flex-direction:column;gap:.375rem;align-items:center}.upload-button{display:inline-block;padding:7px 18px;background-color:var(--color-primary, #4F81BD);color:#fff;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center}.upload-button:hover:not(.disabled){background-color:#3d6699;transform:translateY(-1px);box-shadow:0 4px 8px #4f81bd33}.upload-button.disabled{opacity:.6;cursor:not-allowed}.upload-hint{font-size:12px;color:var(--color-text-charcoal);text-align:center}.upload-progress{width:100%;display:flex;flex-direction:column;gap:.25rem}.progress-bar{width:100%;height:8px;background-color:var(--color-gray-border-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}.progress-text{font-size:13px;font-weight:600;color:var(--color-success-material);text-align:center}.equipment-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-gray-border-light)}.actions-left,.actions-right{display:flex;gap:.375rem}.delete-btn{background-color:var(--color-danger-dark);color:#fff}.delete-btn:hover:not(:disabled){background-color:#b91c1c}.save-btn{background-color:var(--color-primary, #4F81BD);color:#fff;font-weight:600}.save-btn:hover:not(:disabled){background-color:#3d6699}@media(max-width:1024px){.equipment-detail-container{grid-template-columns:1fr}.image-container{aspect-ratio:16/9;max-width:600px;margin:0 auto}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.equipment-actions{flex-direction:column-reverse;gap:.375rem}.actions-left,.actions-right{width:100%;justify-content:stretch}.actions-left button,.actions-right button{flex:1}}.equipment-settings-site-list{max-height:500px;overflow-y:auto;overflow-x:hidden}.site-list-container{padding:0 8px 0 0;margin:0}.site-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:8px 8px 8px 0;border:1px solid var(--color-bg-gray-medium);border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;background:#fff;max-width:calc(100% - 12px)}.site-item:hover{background-color:var(--color-bg-gray-light);border-color:var(--color-gray-disabled);transform:translate(4px)}.site-item:active{background-color:var(--color-bg-gray-medium)}.site-info{flex:1}.site-info h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--color-text-dark)}.site-info p{margin:0;font-size:14px;color:var(--color-text-charcoal)}.equipment-settings-config{max-height:600px;overflow-y:auto}.site-equipment-edit{display:flex;flex-direction:column;gap:12px}.equipment-row{display:flex;gap:8px;align-items:center;padding:8px;background:var(--color-bg-01);border-radius:6px}.equipment-select{flex:1;padding:8px 12px;border:1px solid var(--color-gray-border);border-radius:4px;background:#fff;font-size:14px;cursor:pointer}.equipment-select:focus{outline:none;border-color:var(--color-accent, #1366ff);box-shadow:0 0 0 2px #1366ff1a}.quantity-input{width:80px;padding:8px 12px;border:1px solid var(--color-gray-border);border-radius:4px;text-align:center;font-size:14px}.quantity-input:focus{outline:none;border-color:var(--color-accent, #1366ff);box-shadow:0 0 0 2px #1366ff1a}.delete-btn{padding:6px 12px;font-size:13px;background:var(--color-danger-dark);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.delete-btn:hover{background:var(--color-danger-darker)}.equipment-table-container{max-height:500px;overflow-y:auto;border:1px solid var(--color-gray-border-light);border-radius:8px}.equipment-table thead{position:sticky;top:0;background-color:var(--color-bg-01);z-index:10}.equipment-table thead th{padding:12px 8px;text-align:left;font-weight:600;border-bottom:2px solid var(--color-bg-gray-medium);white-space:nowrap;background-color:var(--color-bg-01)}.equipment-table tbody tr{border-bottom:1px solid var(--color-bg-gray-lightest)}.equipment-table tbody tr:last-child{border-bottom:none}.equipment-table tbody tr:hover{background-color:var(--color-bg-gray-lightest)}.equipment-table tbody td{padding:10px 8px;vertical-align:middle}.equipment-table input[type=number]{width:80px;padding:6px 8px;border:1px solid var(--color-bg-gray-medium);border-radius:4px;text-align:center;font-size:14px;transition:border-color .2s}.equipment-table input[type=number]:focus{outline:none;border-color:var(--color-accent, #1366ff);box-shadow:0 0 0 2px #1366ff1a}.equipment-table input[type=number]:hover{border-color:var(--color-gray-disabled)}.common-popup-footer-left{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:16px;font-weight:600;color:var(--color-primary)}@media(max-width:768px){.equipment-table{font-size:12px}.equipment-table thead th,.equipment-table tbody td{padding:8px 6px}.equipment-table input[type=number]{width:60px;font-size:12px}}.equipment-page{min-height:600px}.smart-system-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.create-btn{background-color:var(--color-primary, #4F81BD);color:#fff;font-weight:600;transition:background-color .2s}.create-btn:hover:not(:disabled){background-color:#3d6699}.equipment-controls{display:flex;margin-top:.75rem;margin-bottom:.75rem;align-items:center}.search-box{flex:1;max-width:400px;margin-right:.75rem}.search-input{width:100%;padding:10px 16px;border:1px solid #d9dde4;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--color-primary, #4F81BD);box-shadow:0 0 0 3px #4f81bd1a}.filter-box{display:flex;gap:.75rem}.action-box{display:flex;gap:.75rem;align-items:center;margin-left:auto}.action-box .count{font-size:14px;font-weight:600;color:var(--textPrimary, #333);display:flex;align-items:center}.filter-select{padding:10px 12px;border:1px solid #d9dde4;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#a8adb7}.filter-select:focus{outline:none;border-color:var(--color-primary, #4F81BD);box-shadow:0 0 0 3px #4f81bd1a}.equipment-table-container{border:1px solid var(--color-gray-border-light);border-radius:8px;overflow:hidden;margin-bottom:1.5rem;background-color:#fff}.equipment-table{width:100%;border-collapse:collapse;font-size:14px}.equipment-table thead{background-color:#f8fafc;border-bottom:2px solid var(--color-gray-border-light)}.equipment-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--color-text-medium);white-space:nowrap}.equipment-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.equipment-table th.sortable:hover{background-color:var(--color-bg-gray-lightest)}.equipment-table th.text-right{text-align:right}.equipment-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .15s}.equipment-table tbody tr:hover{background-color:#f8fafc}.equipment-table tbody tr.clickable-row{cursor:pointer}.equipment-table td{padding:12px 16px;color:var(--color-text-medium)}.equipment-table td.text-right{text-align:right;font-variant-numeric:tabular-nums}.equipment-table .empty-message{text-align:center;padding:3rem 1rem;color:var(--color-gray-disabled);font-size:15px}.loading-message,.error-message{text-align:center;padding:3rem 1rem;font-size:15px}.loading-message{color:var(--color-text-charcoal)}.error-message{color:var(--color-danger-text);background-color:var(--color-danger-lighter);border:1px solid #fecaca;border-radius:8px;margin:1rem}.equipment-pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-btn{padding:8px 16px;border:1px solid #d9dde4;border-radius:6px;background-color:#fff;color:var(--color-text-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:var(--color-primary, #4F81BD)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--color-text-charcoal);font-weight:500;min-width:60px;text-align:center}.output-category-tabs{margin-top:16px;border-bottom:1px solid var(--color-border-light, #e0e0e0);width:100%;min-width:0}.output-category-tabs-list{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding-bottom:0;width:100%;min-width:0}.output-category-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-secondary, #666);white-space:nowrap;transition:all .2s ease}.output-category-tab:hover{color:var(--color-primary, #3b82f6);background:var(--color-hover-bg, #f5f5f5)}.output-category-tab.active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.output-category-tab-icon{font-size:16px}.output-category-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.output-category-tab-add{color:var(--color-text-secondary, #888);font-size:18px;padding:10px 14px}.output-category-tab-add:hover{color:var(--color-primary, #3b82f6)}.output-category-tabs-list::-webkit-scrollbar{height:4px}.output-category-tabs-list::-webkit-scrollbar-track{background:transparent}.output-category-tabs-list::-webkit-scrollbar-thumb{background:var(--color-border-light, #ddd);border-radius:2px}.category-manage-modal{display:flex;flex-direction:column;gap:24px}.category-manage-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary, #333)}.category-manage-empty{color:var(--color-text-secondary, #888);font-size:13px;padding:12px;background:var(--color-bg-secondary, #f5f5f5);border-radius:6px;text-align:center}.category-manage-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.category-manage-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border-light, #e0e0e0);border-radius:6px}.category-manage-item-icon{font-size:18px}.category-manage-item-name{flex:1;font-size:14px;font-weight:500}.category-manage-item-actions{display:flex;gap:6px}.category-manage-btn{padding:4px 10px;font-size:12px;border:1px solid var(--color-border-light, #ddd);background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.category-manage-btn:hover{background:var(--color-hover-bg, #f0f0f0)}.category-manage-btn-danger{color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626)}.category-manage-btn-danger:hover{background:var(--color-error, #dc2626);color:#fff}.category-manage-form{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border-light, #e0e0e0);border-radius:8px}.category-manage-form-row{display:flex;flex-direction:column;gap:6px}.category-manage-form-row label{font-size:13px;font-weight:500;color:var(--color-text-secondary, #555)}.category-manage-form-row input[type=text]{padding:8px 12px;font-size:14px;border:1px solid var(--color-border-light, #ddd);border-radius:4px;outline:none}.category-manage-form-row input[type=text]:focus{border-color:var(--color-primary, #3b82f6)}.category-manage-form-inline{display:flex;gap:12px;align-items:center;justify-content:space-between}.category-manage-input{flex:1;padding:8px 12px;border:1px solid var(--color-border-light, #ddd);border-radius:4px;font-size:14px}.category-manage-input:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.category-manage-icon-picker{display:flex;gap:6px;flex-wrap:wrap}.category-manage-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--color-border-light, #ddd);background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.category-manage-icon-btn:hover{border-color:var(--color-primary, #3b82f6)}.category-manage-icon-btn.active{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #eff6ff)}.category-manage-template-picker{display:flex;flex-direction:column;gap:8px}.category-manage-template-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.category-manage-template-option input[type=radio]{margin:0}.category-manage-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.column-settings-modal{display:flex;flex-direction:column;gap:24px}.column-settings-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-primary, #333)}.column-settings-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.column-settings-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border-light, #e0e0e0);border-radius:4px;font-size:13px}.column-settings-item.system{background:var(--color-bg-tertiary, #f0f0f0);opacity:.8}.column-settings-item-handle{cursor:grab;color:var(--color-text-secondary, #888);font-size:14px}.column-settings-item-label{flex:1;font-weight:500}.column-settings-item-type,.column-settings-item-unit{color:var(--color-text-secondary, #888);font-size:11px}.column-settings-item-actions{display:flex;gap:4px;align-items:center}.column-settings-item-locked{font-size:11px;color:var(--color-text-secondary, #888);padding:2px 8px;background:var(--color-border-light, #e0e0e0);border-radius:3px}.column-settings-btn{padding:3px 8px;font-size:11px;border:1px solid var(--color-border-light, #ddd);background:#fff;border-radius:3px;cursor:pointer;transition:all .2s}.column-settings-btn:hover:not(:disabled){background:var(--color-hover-bg, #f0f0f0)}.column-settings-btn:disabled{opacity:.5;cursor:not-allowed}.column-settings-btn-danger{color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626)}.column-settings-btn-danger:hover:not(:disabled){background:var(--color-error, #dc2626);color:#fff}.column-settings-btn-formula{color:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6)}.column-settings-btn-formula:hover{background:var(--color-primary, #3b82f6);color:#fff}.column-settings-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-bg-secondary, #f8f9fa);border:1px solid var(--color-border-light, #e0e0e0);border-radius:8px}.column-settings-form-row{display:flex;flex-direction:column;gap:4px}.column-settings-form-row label{font-size:12px;font-weight:500;color:var(--color-text-secondary, #555)}.column-settings-form-row input,.column-settings-form-row select{padding:8px 10px;font-size:13px;border:1px solid var(--color-border-light, #ddd);border-radius:4px;outline:none}.column-settings-form-row input:focus,.column-settings-form-row select:focus{border-color:var(--color-primary, #3b82f6)}.column-settings-form-actions{display:flex;justify-content:flex-end;margin-top:8px}.formula-editor-modal{display:flex;flex-direction:column;gap:20px}.formula-editor-section{display:flex;flex-direction:column;gap:8px}.formula-editor-section label{font-size:13px;font-weight:600;color:var(--color-text-primary, #333)}.formula-editor-input{padding:12px;font-size:14px;font-family:Consolas,Monaco,monospace;border:1px solid var(--color-border-light, #ddd);border-radius:6px;resize:vertical;min-height:60px;outline:none}.formula-editor-input:focus{border-color:var(--color-primary, #3b82f6)}.formula-editor-result{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;font-size:13px}.formula-editor-result.valid{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a);border:1px solid var(--color-success, #16a34a)}.formula-editor-result.invalid{background:var(--color-error-bg, #fee2e2);color:var(--color-error, #dc2626);border:1px solid var(--color-error, #dc2626)}.formula-editor-result-icon{font-weight:700;font-size:16px}.formula-editor-result-deps{margin-left:auto;font-size:11px;opacity:.8}.formula-editor-columns{display:flex;flex-wrap:wrap;gap:6px}.formula-editor-column-btn{padding:6px 12px;font-size:12px;background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border-light, #ddd);border-radius:4px;cursor:pointer;transition:all .2s}.formula-editor-column-btn:hover{background:var(--color-primary-light, #eff6ff);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.formula-editor-column-unit{margin-left:4px;opacity:.6;font-size:10px}.formula-editor-help{padding:12px 16px;background:var(--color-bg-secondary, #f8f9fa);border-radius:6px;font-size:12px;color:var(--color-text-secondary, #666);line-height:1.6}.formula-editor-help strong{color:var(--color-text-primary, #333)}.formula-editor-help-section{margin-bottom:12px}.formula-editor-help-section:last-child{margin-bottom:0}.formula-editor-help-section ul{margin:6px 0 0;padding-left:20px;list-style:none}.formula-editor-help-section ul li{margin:4px 0;position:relative}.formula-editor-help-section ul li:before{content:"•";position:absolute;left:-12px;color:var(--color-primary, #3b82f6)}.formula-editor-help-section code{padding:2px 6px;background:var(--color-bg-tertiary, #e5e7eb);border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:11px;color:var(--color-primary, #3b82f6);font-weight:600}.formula-editor-operators{display:flex;flex-wrap:wrap;gap:6px}.formula-editor-operator-btn{padding:8px 16px;font-size:18px;font-weight:700;background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border-light, #ddd);border-radius:4px;cursor:pointer;transition:all .2s;color:var(--color-text-primary, #333);min-width:44px}.formula-editor-operator-btn:hover{background:var(--color-bg-hover, #e5e5e5);border-color:var(--color-border-medium, #999);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.formula-editor-operator-btn:active{transform:translateY(0);box-shadow:none}.formula-editor-round-buttons{display:flex;flex-wrap:wrap;gap:6px}.formula-editor-round-btn{padding:6px 12px;font-size:12px;font-family:Consolas,Monaco,monospace;background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border-light, #ddd);border-radius:4px;cursor:pointer;transition:all .2s;color:var(--color-primary, #3b82f6);font-weight:600}.formula-editor-round-btn:hover{background:var(--color-primary-light, #eff6ff);border-color:var(--color-primary, #3b82f6)}.formula-editor-round-examples{margin-top:8px;padding:8px 10px;background:var(--color-bg-tertiary, #fef3c7);border-radius:4px;font-size:11px;line-height:1.5}.formula-editor-round-example{color:var(--color-text-secondary, #666)}.formula-editor-round-example:first-child{font-weight:600;color:var(--color-text-primary, #333);margin-bottom:4px}.output-sheet-page{padding-bottom:32px;overflow-x:hidden;width:100%}.output-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 0;border-bottom:1px solid var(--color-border-light, #e0e0e0)}.output-sheet-toolbar-left,.output-sheet-toolbar-right{display:flex;align-items:center;gap:8px}.output-sheet-unsaved-indicator{font-size:12px;color:var(--color-warning, #c2410c);font-weight:500}.output-sheet-category-header{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 0}.output-sheet-category-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #222)}.output-sheet-category-icon{font-size:20px}.output-sheet-category-actions{display:flex;gap:8px;flex-wrap:wrap}.output-sheet-loading{display:flex;align-items:center;gap:10px;padding:20px;color:var(--color-text-secondary, #666)}.output-sheet-spinner{width:18px;height:18px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:output-sheet-spin .8s linear infinite}@keyframes output-sheet-spin{to{transform:rotate(360deg)}}.output-sheet-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:var(--color-text-secondary, #888);text-align:center}.output-sheet-empty p{margin:0;font-size:14px}.output-sheet-shortcuts{margin-top:16px;padding:8px 0;font-size:11px;color:var(--color-text-secondary, #888);text-align:right}.output-sheet-shortcuts span{margin-left:16px}.output-sheet-category-actions .btn-primary{background:var(--color-primary, #3b82f6);color:#fff;border:none}.output-sheet-category-actions .btn-primary:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.output-sheet-category-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.cover-card{background:var(--color-bg-01, #ffffff);border:1px solid var(--color-border-01, #e0e0e0);border-radius:8px;margin-bottom:16px;overflow:hidden;transition:box-shadow .2s ease}.cover-card:hover{box-shadow:0 2px 8px #0000001a}.cover-card-header{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.cover-card-header:hover{background-color:var(--color-bg-02, #f5f5f5)}.cover-card-header-content{flex:1;min-width:0;padding-right:40px}.cover-card-title{font-size:18px;font-weight:600;margin:0;color:var(--color-text-primary, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-card-expand-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;color:var(--color-text-secondary, #666);transition:color .15s ease;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.cover-card-expand-btn:hover{color:var(--color-text-primary, #1a1a1a)}.cover-card-content{padding:0 20px 20px;animation:slideDown .2s ease-out}.cover-content-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px}.cover-image-section{display:flex;flex-direction:column}.cover-card-thumb{width:100%;height:240px;border-radius:8px;overflow:hidden;background:var(--color-bg-01, #ffffff)}.cover-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cover-card-thumb.placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-02, #f5f5f5)}.placeholder-icon{font-size:48px}@media(max-width:1199px){.cover-card-thumb{height:200px}.placeholder-icon{font-size:40px}}@media(max-width:767px){.cover-card-thumb{height:160px}.placeholder-icon{font-size:32px}}.cover-details-section{display:flex;flex-direction:column;gap:20px}.cover-section-title{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary, #1a1a1a);border-bottom:2px solid var(--color-border-02, #ccc);padding-bottom:8px}.cover-costs-summary{padding:16px;background:var(--color-bg-02, #f9f9f9);border-radius:6px}.cover-cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cover-cost-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-01, #ffffff);border-radius:4px}.cover-cost-label{font-size:14px;color:var(--color-text-secondary, #666);font-weight:500}.cover-cost-value{font-size:14px;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.cover-cost-item.cover-cost-total{grid-column:1 / -1;background:var(--color-primary-light, #e3f2fd);border:1px solid var(--color-primary, #1976d2)}.cover-cost-total .cover-cost-label{font-size:15px;font-weight:600;color:var(--color-primary-dark, #0d47a1)}.cover-cost-total .cover-cost-value{font-size:16px;color:var(--color-primary-dark, #0d47a1)}.cover-areas-section{margin-top:8px}.cover-areas-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid var(--color-border-01, #e0e0e0)}.cover-areas-table{width:100%;border-collapse:collapse;font-size:14px}.cover-areas-table thead{background:var(--color-bg-02, #f5f5f5)}.cover-areas-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--color-text-primary, #1a1a1a);border-bottom:2px solid var(--color-border-02, #ccc)}.cover-areas-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-01, #e0e0e0);color:var(--color-text-primary, #333)}.cover-areas-table tbody tr:last-child td{border-bottom:none}.cover-areas-table tbody tr:hover{background-color:var(--color-bg-hover, #fafafa)}.cover-areas-table .text-right{text-align:right}@media(max-width:767px){.cover-content-layout{grid-template-columns:1fr;gap:16px}.cover-card-header{padding:12px 16px}.cover-card-content{padding:0 16px 16px}.cover-cost-grid{grid-template-columns:1fr}.cover-areas-table{font-size:13px}.cover-areas-table th,.cover-areas-table td{padding:8px 10px}}@media(min-width:768px)and (max-width:1199px){.cover-content-layout{grid-template-columns:1fr 1.5fr}}.cover-search-section{padding:16px 20px;border-bottom:1px solid var(--color-border-01, #e0e0e0)}.search-input-group{display:flex;gap:8px;max-width:500px}.search-input{flex:1;padding:10px 14px;border:1px solid var(--color-border-01, #e0e0e0);border-radius:6px;font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary, #1976d2);box-shadow:0 0 0 2px #1976d21a}.search-button{padding:10px 20px;background-color:var(--color-primary, #1976d2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search-button:hover{background-color:var(--color-primary-dark, #0d47a1)}.search-button:active{transform:translateY(1px)}.cover-cards-container{padding:20px}.cover-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary, #666)}.spinner{width:40px;height:40px;border:4px solid var(--color-border-01, #e0e0e0);border-top-color:var(--color-primary, #1976d2);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.cover-loading p{margin:0;font-size:14px}.cover-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.error-message{color:var(--color-error, #d32f2f);font-size:15px;margin:0 0 16px;text-align:center}.retry-button{padding:10px 24px;background-color:var(--color-primary, #1976d2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:var(--color-primary-dark, #0d47a1)}.cover-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary, #666)}.cover-empty p{margin:0;font-size:15px}@media(max-width:767px){.cover-search-section{padding:12px 16px}.search-input-group{max-width:100%}.cover-cards-container{padding:16px}}.outsource-card{background:var(--card-background, #ffffff);border:1px solid var(--border-primary, #e5e7eb);border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .2s ease-in-out}.outsource-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.outsource-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease-in-out}.outsource-card-header:hover{background-color:var(--hover-background, #f9fafb)}.outsource-card-header-content{flex:1;min-width:0}.outsource-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .375rem}.outsource-card-price{font-size:1rem;font-weight:500;color:var(--primary, #3b82f6)}.outsource-card-item-count{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin-top:.25rem}.outsource-card-expand-btn{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:1rem;cursor:pointer;padding:.5rem;margin-left:.75rem;transition:color .15s ease-in-out;flex-shrink:0}.outsource-card-expand-btn:hover{color:var(--text-primary, #111827)}.outsource-card-content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-secondary, #e5e7eb)}.outsource-card-description{padding:1rem 0;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5}.outsource-card-description p{margin:0}.outsource-items-grouped{display:flex;flex-direction:column;gap:1.5rem}.outsource-items-section{margin-top:1rem}.outsource-items-section:first-child{margin-top:0}.outsource-items-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.outsource-items-list{list-style:none;margin:0;padding:0}.outsource-item{padding:.5rem .75rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.375rem;margin-bottom:.375rem;transition:background-color .15s ease-in-out}.outsource-item:last-child{margin-bottom:0}.outsource-item:hover{background-color:var(--hover-background, #f9fafb)}.outsource-item-header{display:flex;align-items:center;gap:.5rem}.outsource-item-name{font-weight:500;color:var(--text-primary, #111827);font-size:.875rem;white-space:nowrap;flex-shrink:0}.outsource-item-separator{color:var(--border-primary, #d1d5db);font-weight:300;flex-shrink:0}.outsource-item-description{font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.outsource-items-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary, #6b7280);font-size:.875rem}.outsource-items-empty p{margin:0}@media(max-width:640px){.outsource-card-header{padding:.875rem 1rem}.outsource-card-content{padding:0 1rem 1rem}.outsource-item-header{flex-wrap:wrap}.outsource-item-name{white-space:normal}.outsource-item-separator{display:none}.outsource-item-description{flex-basis:100%;margin-top:.25rem}}.outsource-settings-body{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:1px;background:var(--border-primary, #e5e7eb);height:70vh;overflow:hidden}.outsource-settings-panel{background:var(--card-background, #ffffff);display:flex;flex-direction:column;overflow:hidden}.outsource-settings-panel.category-panel{background:linear-gradient(to bottom,#f8fafc,#fff);border-right:2px solid var(--border-primary, #e5e7eb)}.outsource-settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-secondary, #e5e7eb);background:var(--hover-background, #f9fafb)}.outsource-settings-panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.category-panel .outsource-settings-panel-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #5a67d8;padding:1.125rem 1.25rem}.category-panel .outsource-settings-panel-header h3{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.outsource-settings-panel-content{flex:1;overflow-y:auto;padding:.75rem}.outsource-settings-btn-add{background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.outsource-settings-btn-add:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.outsource-settings-btn-add:disabled{opacity:.5;cursor:not-allowed}.category-panel .outsource-settings-btn-add{background:#fff;color:#667eea;font-weight:600;box-shadow:0 1px 3px #0000001a}.category-panel .outsource-settings-btn-add:hover:not(:disabled){background:var(--color-white-softer);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.outsource-settings-category-list{list-style:none;margin:0;padding:0}.outsource-settings-category-item{padding:1rem;border:2px solid var(--border-secondary, #e5e7eb);border-radius:.5rem;margin-bottom:.5rem;cursor:pointer;transition:all .15s ease-in-out;position:relative;background:#fff;box-shadow:0 1px 2px #0000000d}.outsource-settings-category-item:hover{background:linear-gradient(to right,#f8fafc,#fff);border-color:#667eea;box-shadow:0 2px 4px #667eea1a;transform:translate(2px)}.outsource-settings-category-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a67d8;box-shadow:0 4px 6px #667eea4d;transform:translate(4px)}.outsource-settings-category-item.active .outsource-settings-category-name,.outsource-settings-category-item.active .outsource-settings-category-price{color:#fff}.outsource-settings-category-name{display:block;font-weight:700;font-size:1rem;color:var(--text-primary, #111827);margin-bottom:.375rem}.outsource-settings-category-price{display:block;font-size:.9375rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.outsource-settings-category-actions{display:flex;gap:.5rem}.outsource-settings-btn-edit,.outsource-settings-btn-delete{border:1px solid var(--border-secondary, #e5e7eb);background:#fff;border-radius:.25rem;padding:.25rem .75rem;font-size:.8125rem;cursor:pointer;transition:all .15s ease-in-out}.outsource-settings-btn-edit:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6);background:var(--primary-light, #dbeafe)}.outsource-settings-btn-delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-light)}.outsource-settings-item-list{list-style:none;margin:0;padding:0}.outsource-settings-item{padding:1rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.375rem;margin-bottom:.5rem;transition:background-color .15s ease-in-out}.outsource-settings-item:hover{background:var(--hover-background, #f9fafb)}.outsource-settings-item-header{display:flex;align-items:center;margin-bottom:.5rem}.outsource-settings-item-name{font-weight:500;color:var(--text-primary, #111827)}.outsource-settings-item-description{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin-bottom:.5rem;line-height:1.4}.outsource-settings-item-actions{display:flex;gap:.5rem}.outsource-settings-loading,.outsource-settings-empty{padding:2rem;text-align:center;color:var(--text-secondary, #6b7280);font-size:.875rem}.outsource-settings-edit-form{display:flex;flex-direction:column;gap:1rem}.outsource-settings-edit-form label{display:block;margin-bottom:1rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.outsource-settings-edit-form input,.outsource-settings-edit-form textarea,.outsource-settings-edit-form select{display:block;width:100%;margin-top:.375rem;padding:.5rem .75rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.375rem;font-size:.875rem;font-family:NanumSquareNeo,sans-serif!important;font-weight:400!important;font-style:normal;transition:border-color .15s ease-in-out;box-sizing:border-box}.outsource-settings-edit-form input:focus,.outsource-settings-edit-form textarea:focus,.outsource-settings-edit-form select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.outsource-settings-edit-form textarea{resize:vertical;min-height:80px}.outsource-settings-edit-form .total-price-input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:.025em}@media(max-width:1024px){.outsource-settings-body{grid-template-columns:1.2fr 1fr}}@media(max-width:768px){.outsource-settings-body{grid-template-columns:1fr;height:auto;max-height:70vh}.outsource-settings-panel.category-panel{border-right:none;border-bottom:2px solid var(--border-primary, #e5e7eb)}}.outsource-site-settings-steps{display:flex;align-items:center;justify-content:center;padding:1.5rem;gap:1rem;border-bottom:1px solid var(--border-secondary, #e5e7eb)}.outsource-site-settings-step{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #9ca3af)}.outsource-site-settings-step.active{color:var(--primary, #3b82f6);font-weight:600}.outsource-site-settings-step.completed{color:var(--success, #10b981)}.outsource-site-settings-step-number{width:2rem;height:2rem;border-radius:50%;background:var(--hover-background, #f3f4f6);color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;border:2px solid transparent}.outsource-site-settings-step.active .outsource-site-settings-step-number{background:var(--primary-light, #dbeafe);color:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6)}.outsource-site-settings-step.completed .outsource-site-settings-step-number{background:var(--success, #10b981);color:#fff}.outsource-site-settings-step-label{font-size:.875rem}.outsource-site-settings-step-divider{width:3rem;height:2px;background:var(--border-secondary, #e5e7eb)}.outsource-site-settings-body{margin-top:1rem}.outsource-site-settings-content{max-width:700px;margin:0 auto}.outsource-site-settings-instruction{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0 0 1.25rem;text-align:center}.outsource-site-settings-site-list{list-style:none;margin:0;padding:0}.outsource-site-settings-site-item{padding:1.25rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.5rem;margin-bottom:.75rem;cursor:pointer;transition:all .15s ease-in-out}.outsource-site-settings-site-item:hover{background:var(--hover-background, #f9fafb);border-color:var(--primary, #3b82f6);box-shadow:0 2px 4px #0000000d}.outsource-site-settings-site-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:.5rem}.outsource-site-settings-site-info{display:flex;align-items:center;gap:1rem;font-size:.875rem}.outsource-site-settings-site-count{color:var(--text-secondary, #6b7280)}.outsource-site-settings-site-price{color:var(--primary, #3b82f6);font-weight:600}.outsource-site-settings-category-header{padding:.75rem 1rem;background:var(--hover-background, #f9fafb);border:1px solid var(--border-secondary, #e5e7eb);border-radius:.375rem;margin-bottom:.75rem}.outsource-site-settings-category-list{list-style:none;margin:0;padding:0}.outsource-site-settings-category-item{padding:1rem;border:1px solid var(--border-secondary, #e5e7eb);border-radius:.375rem;margin-bottom:.5rem;transition:background-color .15s ease-in-out}.outsource-site-settings-category-item:hover{background:var(--hover-background, #f9fafb)}.outsource-site-settings-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.outsource-site-settings-checkbox{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary, #3b82f6)}.outsource-site-settings-category-name-all{font-weight:600;color:var(--text-primary, #111827)}.outsource-site-settings-category-name{flex:1;font-weight:500;color:var(--text-primary, #111827)}.outsource-site-settings-category-price{font-size:.875rem;font-weight:500;color:var(--success, #10b981);margin-left:auto}.outsource-site-settings-category-description{font-size:.8125rem;color:var(--text-secondary, #6b7280);margin-top:.5rem;margin-left:2rem;line-height:1.4}.outsource-site-settings-loading,.outsource-site-settings-empty{padding:3rem 1rem;text-align:center;color:var(--text-secondary, #6b7280);font-size:.875rem}.outsource-site-settings-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-primary, #e5e7eb);justify-content:flex-end}.outsource-site-settings-btn-cancel,.outsource-site-settings-btn-back,.outsource-site-settings-btn-save{border:none;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.outsource-site-settings-btn-cancel,.outsource-site-settings-btn-back{background:var(--hover-background, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-secondary, #e5e7eb)}.outsource-site-settings-btn-cancel:hover,.outsource-site-settings-btn-back:hover{background:var(--color-gray-border-light)}.outsource-site-settings-btn-save{background:var(--primary, #3b82f6);color:#fff}.outsource-site-settings-btn-save:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.outsource-site-settings-btn-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.outsource-site-settings-modal{width:95vw;max-height:90vh}.outsource-site-settings-steps{padding:1rem}.outsource-site-settings-step-label{display:none}.outsource-site-settings-body{padding:1rem}}.outsource-search-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-secondary, #e5e7eb)}.search-input-group{flex:0 0 400px;max-width:400px}.site-settings-btn{height:36px;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.search-input{width:100%;padding:.5rem 1rem;border:1px solid var(--border-primary, #d1d5db);border-radius:.375rem;font-size:.875rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.outsource-content{padding:1.5rem;min-height:400px}.outsource-cards-grid{display:flex;flex-direction:column;gap:1rem}.loading-message,.empty-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.outsource-error{padding:2rem;text-align:center}.outsource-error .error-message{color:var(--danger, #ef4444);font-size:1rem;margin:0}@media(max-width:768px){.outsource-cards-grid{grid-template-columns:1fr}.smart-system-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:flex-end}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.folder-icon{font-size:20px}.folder-label{font-weight:600;font-size:15px;color:var(--color-text-darker)}.folder-meta{font-size:13px;color:var(--color-text-slate)}.settings-section{margin-bottom:14px}.settings-section .section-title{font-size:14px;color:var(--color-text-darker);margin:0 0 10px}.chip-list{display:flex;flex-wrap:wrap;gap:10px}.explorer-page .chip{background:var(--color-soft-02)!important;color:var(--color-dark-accent)!important;border:1px solid rgba(43,47,74,.12)!important;padding:8px 14px!important;border-radius:12px!important;cursor:pointer;font-size:13px!important;font-weight:500;transition:background .12s ease,transform .08s ease,box-shadow .12s ease,border-color .12s ease!important}.explorer-page .chip:hover:not(:disabled){background:var(--color-bg-03)!important;border-color:#2b2f4a33!important;transform:translateY(-2px);box-shadow:0 6px 18px #2b2f4a0f!important}.explorer-page .chip:active:not(:disabled){transform:translateY(0);background:var(--color-cta-2)!important;border-color:#2b2f4a40!important}.explorer-page .chip:focus{outline:3px solid rgba(75,99,255,.15)!important;outline-offset:2px}.explorer-page .chip-disabled{opacity:.5!important;cursor:not-allowed!important;border-color:#2b2f4a14!important}.explorer-page .chip-disabled:hover{background:var(--color-soft-02)!important;transform:none!important;box-shadow:none!important;border-color:#2b2f4a14!important}.explorer-main{padding-right:6px}.settings-dev-mock .settings-mock-label{margin-top:6px;font-size:1.2rem;font-weight:700;color:var(--color-text-slate);opacity:.95}.server-status-popup{display:flex;flex-direction:column;gap:16px;font-family:inherit}.ss-top-row{display:flex;gap:16px}.ss-summary-card{flex:0 0 320px;background:var(--color-bg-01);padding:16px;border-radius:8px;box-shadow:0 4px 12px #0000000f}.ss-summary-title{font-weight:700;margin-bottom:8px}.ss-summary-main{margin-bottom:8px}.ss-ok{color:var(--color-success);font-weight:700}.ss-issue{color:var(--color-danger);font-weight:700}.ss-summary-sub{color:var(--color-text-charcoal);font-size:13px;margin-top:6px}.ss-actions{display:flex;gap:8px}.mini-btn{padding:6px 8px;border-radius:6px;border:1px solid var(--color-border-light);background:var(--color-bg-02);cursor:pointer}.ss-metrics{display:flex;gap:12px;flex:1}.metric-card{flex:1;background:var(--color-bg-01);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.metric-title{font-size:13px;color:#666}.metric-value{font-weight:700;font-size:18px}.metric-bar{height:10px;background:var(--color-bg-gray-light);border-radius:6px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#6c63ff)}.ss-table{overflow:auto}.ss-table table{width:100%;border-collapse:collapse}.ss-table th{text-align:left;padding:8px 12px;color:var(--color-text-medium);border-bottom:1px solid #eee}.ss-table td{padding:8px 10px;border-bottom:1px solid #f6f6f6;font-size:12px;line-height:1.3}.ss-table td.small-text,.ss-table td .link-btn{font-size:12px}.status-badge{padding:6px 8px;border-radius:6px;color:var(--color-white);font-weight:700;font-size:12px}.status-ok{background:var(--color-success)}.status-warn{background:#f59e0b}.status-down{background:var(--color-danger)}.row-down{background:#fff5f5}.row-warn{background:#fffaf0}.cell-bar{position:relative;background:var(--color-bg-01);border-radius:6px;height:16px}.cell-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#34d399,#10b981);border-radius:6px}.cell-num{position:relative;margin-left:8px;font-weight:700;font-size:13px}.node-meta-header{color:var(--color-text-gray);font-size:13px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.node-detail-dialog-body{padding:20px 24px}.nd-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:600;color:var(--color-text-charcoal);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.3px}.status-up{background:#d4edda;color:#155724}.status-down{background:#f8d7da;color:#721c24}.status-unknown{background:#e2e3e5;color:#383d41}.nd-summary-cards{display:grid;grid-template-columns:1fr;gap:12px}.summary-card{background:var(--color-white);padding:16px;border-radius:8px;border:1px solid var(--color-border-light);transition:all .2s ease}.summary-card:hover{border-color:#2b2f4a26;box-shadow:0 2px 8px #0000000f}.summary-label{font-size:12px;color:var(--color-text-gray);margin-bottom:6px;font-weight:500}.summary-value{font-size:15px;font-weight:600;color:var(--color-text-charcoal)}.summary-ip{font-family:Courier New,monospace;color:#6366f1}.nd-placeholder{height:140px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;border:2px dashed var(--color-border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-gray);font-size:13px}.nd-placeholder svg{opacity:.4}.nd-logs{background:var(--color-white);border-radius:8px;border:1px solid var(--color-border-light);overflow:hidden}.log{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-bg-01);font-size:13px;transition:background .15s ease}.log:last-child{border-bottom:none}.log:hover{background:#00000005}.log-level{font-weight:700;font-size:11px;padding:2px 8px;border-radius:4px;font-family:monospace;min-width:52px;text-align:center}.log-info .log-level{background:#d1ecf1;color:#0c5460}.log-warn .log-level{background:#fff3cd;color:#856404}.log-error .log-level{background:#f8d7da;color:#721c24}.log-message{flex:1;color:var(--color-text-charcoal);font-family:Courier New,monospace}.nd-actions{display:flex;gap:12px;padding-top:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn-primary{background:#2b2f4a;color:#fff}.action-btn-primary:hover{background:#1f2235;transform:translateY(-1px);box-shadow:0 4px 12px #2b2f4a4d}.action-btn-secondary{background:#fff;color:var(--color-text-charcoal);border:1px solid var(--color-border-light)}.action-btn-secondary:hover{background:var(--color-bg-01);border-color:#2b2f4a33;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.resource-usage-root{padding:16px}.summary-cards{display:flex;gap:12px;margin-bottom:16px}.summary-cards .card{background:var(--color-white);padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f}.hosts-table table{width:100%;border-collapse:collapse}.hosts-table th,.hosts-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--color-bg-gray-lightest)}.link-btn{background:none;border:none;color:#2b6cb0;cursor:pointer;padding:0}.badge.online{color:#0a0}.badge.degraded{color:#e69500}.ru-actions{display:flex;align-items:center;gap:8px;margin:8px 0 12px}.ru-actions .last-checked{font-size:12px;color:var(--color-text-charcoal)}.resource-drawer-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:flex-end;z-index:10004}.resource-drawer{width:420px;background:var(--color-white);height:100%;padding:16px;box-shadow:-8px 0 24px #0000001f;overflow:auto}.chart-mock{height:120px;background:linear-gradient(90deg,#eef,#dde);margin-bottom:12px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-medium)}.inc-root{padding:12px;display:flex;gap:12px;flex-direction:column}.inc-controls{display:flex;gap:8px;align-items:center;margin-bottom:8px}.inc-controls input{flex:1;padding:6px 8px;border:1px solid var(--color-bg-gray-medium);border-radius:4px}.inc-controls select{padding:6px 8px;border:1px solid var(--color-bg-gray-medium);border-radius:4px}.inc-list{list-style:none;padding:0;margin:0}.inc-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-bg-gray-lightest)}.inc-row .inc-main{display:flex;flex-direction:column}.inc-row .meta{font-size:12px;color:var(--color-text-charcoal)}.inc-actions button{padding:6px 10px;border-radius:4px;border:1px solid var(--color-bg-gray-medium);background:var(--color-white)}.inc-actions button[disabled]{opacity:.6}.inc-pager{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:8px}.inc-detail{display:none}.inc-drawer-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:flex-end;z-index:10004}.inc-drawer{width:420px;max-width:100%;height:100%;background:#f9f9fb;padding:12px;box-shadow:-6px 0 24px #0000001f;overflow:auto}.inc-drawer header{display:flex;justify-content:space-between;align-items:center}.inc-drawer-body{padding-top:12px}.inc-drawer-body h4{margin:8px 0 6px}.drawer-overlay{position:fixed;inset:0;background:#0000002e;z-index:10200;display:flex;justify-content:flex-end}.user-detail-drawer{width:420px;background:var(--color-bg-01);height:100%;box-shadow:-8px 0 24px #0000001f;display:flex;flex-direction:column}.user-detail-drawer header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border-light)}.drawer-body{padding:12px;overflow:auto}.user-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.drawer-footer{padding:10px;display:flex;justify-content:flex-end;gap:8px}.drawer-close{background:none;border:0;font-size:20px;cursor:pointer}.mono{font-family:monospace}.role-pill{padding:4px 8px;border-radius:12px;white-space:nowrap}.role-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.role-inline{display:flex;align-items:center}.role-pill{padding:4px 8px;border-radius:12px;font-size:.9rem;white-space:nowrap}.role-admin{background:#fde68a}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-gray-medium);transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--color-accent)}.switch input:checked+.slider:before{transform:translate(20px)}.login-history{margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.04)}.login-history h4,.activity-history h4{margin:0 0 8px;font-size:1rem}.section-row h4{display:flex;align-items:center;margin:0;font-size:1rem}.activity-divider{height:1px;background:#0000000f;margin:12px 0}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-actions{display:flex;align-items:center}.login-list{list-style:none;padding:0;margin:0}.login-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.04)}.user-detail-drawer select{padding:6px 8px;border-radius:6px;border:1px solid var(--color-border-light);background:#fff}.equal-width{min-width:96px;display:inline-block;text-align:center}.wide-input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--color-border-light);border-radius:6px}.common-popup-back-btn{background:none;border:0;font-size:14px;margin-right:12px;cursor:pointer}.muted{color:#0009}.small{font-size:.9rem}.userlist-popup{display:flex;flex-direction:column;box-sizing:border-box}.userlist-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding-top:0}.userlist-search{flex:1;padding:6px 8px;border:1px solid var(--color-bg-gray-medium);border-radius:4px}.userlist-meta{color:var(--color-text-charcoal);font-size:.9rem}.userlist-table{border-top:1px solid var(--color-bg-gray-lightest);flex:1 1 auto;overflow:auto}.userlist-row{display:grid;grid-template-columns:1.3fr minmax(200px,1.6fr) 1.15fr 1.2fr .6fr .8fr;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--color-bg-gray-lightest);box-sizing:border-box}.userlist-row.header{font-weight:700;color:var(--color-text-darker);background:transparent;position:sticky;top:0;background:var(--color-white);z-index:2}.userlist-row.header>div{cursor:pointer;-webkit-user-select:none;user-select:none}.userlist-row.header .sort-indicator{margin-left:6px;font-size:.85rem;color:var(--muted-color,#666)}.userlist-row .mono{font-family:monospace;color:#0b3}.role-pill{padding:4px 8px;border-radius:12px;font-size:.85rem}.role-admin{background:var(--badge-admin)}.role-dev{background:#dbeafe}.role-user_super{background:#ffd7a8}.role-user_main{background:#c7f9cc}.role-user_normal{background:#e6e6e6}.role-ops{background:#bfdbfe}.role-viewer{background:#e6e6e6}.userlist-pager{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0}.userlist-pager button{padding:6px 12px;border:1px solid var(--color-bg-gray-medium);border-radius:4px;background:var(--color-white);cursor:pointer;font-size:.9rem;transition:all .2s ease}.userlist-pager button:hover:not(:disabled){background:var(--color-bg-gray-lightest);border-color:var(--color-text-charcoal);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.userlist-pager button:active:not(:disabled){transform:translateY(0);box-shadow:none}.userlist-pager button:disabled{opacity:.5;cursor:not-allowed}.userlist-pager span{font-size:.9rem;min-width:80px;text-align:center}.btn-link{background:none;border:none;color:var(--link-color, #0366d6);cursor:pointer}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userlist-row>div:last-child{text-align:center}.muted{color:#6b7280}.small{font-size:.85rem}.status-active{color:#059669;font-weight:600}.status-inactive{color:var(--color-danger-text);font-weight:600}.status-col{text-align:center}.email-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.date-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.passwordreset-popup{display:flex;flex-direction:column;gap:12px;height:100%}.pr-pane{background:var(--color-white);border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:12px;display:flex;flex-direction:column}.pr-top,.pr-bottom{flex:none}.pr-pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pr-title{font-weight:600}.pr-meta{color:var(--color-text-charcoal);font-size:13px}.pr-table{border-top:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:20px}.pr-table>.pr-row{display:grid;grid-template-columns:110px 230px 100px 115px 130px 110px 160px;gap:8px;align-items:center;padding:10px 6px;border-bottom:1px solid rgba(0,0,0,.04);flex:none;text-align:center}.pr-row.header{background:var(--color-bg-gray-lightest);font-weight:600;z-index:2}.pr-row.header div{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center}.pr-row .muted{color:var(--color-text-charcoal)}.pr-row .small{font-size:13px}.pr-row .nowrap{white-space:nowrap}.role-pill{display:inline-block;padding:4px 8px;border-radius:12px;background:#f0f4ff;color:#0b57d0;font-size:12px}.role-admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.pr-pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 0}.pr-pager button{padding:6px 10px}.pr-pager.inside{margin-top:auto;padding:12px 0;background:transparent;align-self:stretch;justify-content:center;width:100%}.pr-pager.inside button{padding:8px 12px}@media(max-width:920px){.pr-row{grid-template-columns:100px 200px 90px 100px 120px 100px 150px}}.log-management-popup{width:100%;max-width:100%;display:flex;flex-direction:column;gap:18px;overflow-x:hidden}.log-controls{display:flex;flex-direction:column;gap:14px;border:1px solid var(--color-gray-border-light);border-radius:12px;padding:16px;background:var(--color-white-softer)}.control-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.control-field{display:flex;flex-direction:column;gap:6px;min-width:180px;flex:1 1 200px}.control-field.small{flex:0 1 140px;min-width:120px}.control-field.full{flex:1 1 100%}.field-label{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--color-text-dark);text-transform:uppercase}.field-input{height:36px;border:1px solid #d8dee6;border-radius:8px;padding:0 10px;font-size:13px;color:var(--color-text-darker);background:var(--color-white);transition:border-color .15s ease,box-shadow .15s ease}.field-input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #60a5fa40}.control-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-dark);padding-bottom:4px}.control-checkbox input{width:18px;height:18px}.control-actions{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.log-button{height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--color-accent, #2563eb);background:var(--color-accent, #2563eb);color:var(--color-white);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border .15s ease,color .15s ease}.log-button:hover{background:var(--color-accent-2, #1d4ed8);border-color:var(--color-accent-2, #1d4ed8)}.log-button:disabled{opacity:.55;cursor:default}.log-button.outline{background:transparent;color:var(--color-accent, #2563eb)}.log-button.outline:hover{background:#2563eb1a}.log-button.small{height:32px;padding:0 12px;font-size:12px}.log-meta{display:flex;gap:12px;align-items:stretch}.log-meta.muted{font-size:12px;color:var(--color-text-charcoal);display:flex;align-items:center;justify-content:center;width:100%;min-height:52px}.meta-item{background:var(--color-white);border:1px solid var(--color-gray-border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0}.meta-label{font-size:11px;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.meta-value{font-size:13px;font-weight:600;color:var(--color-text-darker);word-break:break-word}@media(max-width:960px){.log-meta{flex-wrap:wrap}.meta-item{flex:1 1 calc(50% - 12px)}}@media(max-width:640px){.meta-item{flex:1 1 100%}}.log-viewer{border:1px solid var(--color-text-dark);border-radius:12px;overflow:hidden;background:var(--color-text-darker);display:flex;flex-direction:column;min-height:300px;max-height:600px}.log-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--color-text-darker);color:var(--color-gray-border-light)}.log-viewer-title{display:flex;align-items:center;gap:10px;font-size:14px}.viewer-subtitle{font-size:12px;color:#cbd5f5}.log-viewer-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.log-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.log-chip.info{background:#f97316;color:var(--color-white)}.log-chip.success{background:var(--color-success-light);color:#062816}.log-chip.secondary{background:var(--color-text-dark);color:#cbd5f5}.log-viewer-body{position:relative;flex:1;overflow:auto}.log-viewer-loading{position:absolute;top:14px;right:18px;background:#0f172acc;color:var(--color-white-softer);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;pointer-events:none}.log-output{margin:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6;white-space:pre;color:var(--color-gray-border-light);min-height:240px}.log-output[data-empty=true]{color:#94a3b8}.log-archives{border:1px solid var(--color-gray-border-light);border-radius:12px;padding:16px;background:var(--color-white);display:flex;flex-direction:column;gap:14px}.archives-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.archives-title{margin:0;font-size:15px;color:var(--color-text-darker)}.archives-actions{display:flex;gap:8px}.archives-empty{font-size:13px;color:var(--color-text-charcoal);padding:16px 4px}.archive-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.archive-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--color-gray-border-light);border-radius:10px;padding:12px 14px}.archive-main{display:flex;flex-direction:column;gap:4px;min-width:0}.archive-name{font-weight:600;font-size:13px;color:var(--color-text-darker);word-break:break-all}.archive-range{font-size:12px;color:var(--color-text-charcoal)}.archive-meta{display:flex;align-items:center;gap:10px}.archive-size{font-size:12px;color:var(--color-text-dark)}@media(max-width:900px){.log-management-popup{width:100%}.control-actions{margin-left:0}.log-viewer{min-height:280px}.log-output{font-size:11px}}@media(max-width:600px){.control-field{flex:1 1 100%;min-width:100%}.control-field.small{flex:1 1 100%}.control-actions{width:100%;justify-content:flex-start}.log-viewer-header{flex-direction:column;align-items:flex-start}.log-viewer-status{justify-content:flex-start}.archive-item{flex-direction:column;align-items:flex-start}.archive-meta{width:100%;justify-content:space-between}}.db-admin-popup{display:flex;flex-direction:column;gap:16px;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial);font-size:14px}.db-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.db-admin-title{display:flex;flex-direction:column;gap:4px}.db-admin-title strong{font-size:18px;line-height:1.4;color:var(--color-text-darker)}.db-admin-meta{font-size:13px;color:var(--color-text-charcoal)}.db-admin-actions{display:flex;align-items:center;gap:8px}.db-admin-button{border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;background:#2563eb;color:var(--color-white);transition:background .15s ease,color .15s ease,border-color .15s ease}.db-admin-button:hover:enabled{background:var(--color-info-text)}.db-admin-button:disabled{background:#bfdbfe;cursor:not-allowed}.db-admin-button.outline{background:var(--color-white);border:1px solid var(--color-gray-border);color:var(--color-text-medium)}.db-admin-button.outline:hover:enabled{border-color:#2563eb;background:#2563eb;color:var(--color-white)}.db-admin-button.outline.active{border-color:#2563eb;color:#2563eb;background:#dbeafe}.db-admin-button.danger{background:var(--color-danger);color:var(--color-white);border:1px solid var(--color-danger)}.db-admin-button.danger:hover:enabled{background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.db-rows-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.db-rows-table th.delete-col,.db-rows-table td.delete-col{width:84px;text-align:center}.db-delete-cell-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-weight:700}.db-admin-controls{display:flex;align-items:center;gap:18px;padding:10px 12px;border:1px solid var(--color-gray-border-light);border-radius:10px;background:var(--color-bg-gray-lightest)}.db-admin-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-medium)}.db-admin-checkbox input{width:16px;height:16px}.db-admin-updated{margin-left:auto;font-size:12px;color:var(--color-text-charcoal)}.db-admin-layout{display:flex;gap:16px;align-items:stretch}.db-admin-sidebar{width:240px;display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--color-gray-border-light);border-radius:10px;background:var(--color-white)}.db-sidebar-header{font-weight:600;color:var(--color-text-darker)}.db-admin-error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:8px;background:var(--color-danger-lighter);border:1px solid #fecaca;color:#b91c1c;font-size:13px}.db-admin-error.inline{padding:8px 10px;font-size:12px}.db-admin-error.inline span{flex:1}.db-admin-error button{border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;background:#fee2e2;color:var(--color-danger-darker)}.db-admin-error button:hover:enabled{background:var(--color-danger-border)}.db-admin-empty{text-align:center;color:var(--color-text-charcoal);padding:32px 12px;font-size:14px}.db-admin-empty.small{padding:12px 8px;font-size:12px}.db-sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.db-sidebar-list li button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.db-sidebar-list li button:hover{border-color:var(--color-info-bg);background:var(--color-white-softer)}.db-sidebar-list li.active button{border-color:#2563eb;background:var(--color-info-bg)}.db-name{font-weight:600;color:var(--color-text-darker)}.db-owner{font-size:12px;color:var(--color-text-charcoal)}.db-admin-main{flex:1;display:flex;flex-direction:column;gap:16px}.db-panel{border:1px solid var(--color-gray-border-light);border-radius:10px;background:var(--color-white);padding:14px;display:flex;flex-direction:column;gap:12px}.db-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.db-panel-header h3{margin:0;font-size:16px;color:var(--color-text-darker)}.db-panel-meta{font-size:12px;color:var(--color-text-charcoal)}.db-panel-actions{display:flex;align-items:center;gap:8px}.db-panel-actions.gap{gap:10px;flex-wrap:wrap;justify-content:flex-end}.db-panel-updated{font-size:12px;color:var(--color-text-charcoal)}.db-schema-list{display:flex;flex-wrap:wrap;gap:8px}.db-schema-list button{padding:6px 12px;border-radius:999px;border:1px solid var(--color-gray-border);background:var(--color-white);font-size:13px;cursor:pointer;color:var(--color-text-medium);display:inline-flex;align-items:center;gap:6px;transition:border-color .15s ease,background .15s ease,color .15s ease}.db-schema-list button.active{border-color:#2563eb;color:#2563eb;background:#e0f2fe}.db-schema-list button:disabled{cursor:not-allowed;opacity:.6}.db-chip{padding:2px 6px;border-radius:999px;font-size:11px;background:var(--color-gray-border-light);color:var(--color-text-medium)}.db-table-wrapper{border:1px solid var(--color-gray-border-light);border-radius:8px;overflow:auto}.db-table-list,.db-columns-table,.db-rows-table{width:100%;border-collapse:collapse;min-width:540px}.db-table-list,.db-columns-table,.db-rows-table{font-size:14px}.db-table-list th,.db-table-list td,.db-columns-table th,.db-columns-table td,.db-rows-table th,.db-rows-table td{padding:10px 12px;border:1px solid var(--color-gray-border-light);text-align:left;color:var(--color-text-dark)}.db-table-list th,.db-columns-table th,.db-rows-table th{background:#f8fafc;font-weight:600;color:var(--color-text-medium)}.db-table-list tbody tr{cursor:pointer;transition:background .15s ease}.db-table-list tbody tr:hover{background:var(--color-bg-gray-lightest)}.db-table-list tbody tr.active{background:var(--color-info-bg)}.db-columns-wrapper{border:1px solid var(--color-gray-border-light);border-radius:8px;overflow:auto}.db-columns-table th,.db-columns-table td{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.db-admin-flag{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase}.db-admin-flag.success{background:var(--color-success-bg);color:#166534}.db-admin-flag.danger{background:#fee2e2;color:#b91c1c}.file-management-popup{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.file-search{display:flex;align-items:center;gap:8px}.file-search input{flex:1;padding:8px 10px;border:1px solid #d9dde4;border-radius:8px;font-size:14px}.file-search input:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b840}.search-button{padding:8px 14px;background:var(--color-accent, #1366ff);border:1px solid transparent;border-radius:8px;color:var(--color-white);font-size:13px;cursor:pointer}.search-button:hover{background:var(--color-accent-3, #0f57e6)}.file-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.filter-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-text-slate)}.filter-field select{padding:7px 26px 7px 8px;border:1px solid #d9dde4;border-radius:8px;font-size:13px;background:var(--color-white);color:var(--color-text-dark);appearance:none;background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"%3e%3cpath fill="%236b7280" d="M1.41.59L6 5.17l4.59-4.58L12 1.59 6 7.59 0 1.59z"/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:right 10px center}.file-toggles{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--color-text-slate)}.toggle-field{display:flex;align-items:center;gap:8px}.toggle-field input{width:18px;height:18px;cursor:pointer}.reset-button{background:transparent;border:1px solid #cbd5f5;color:var(--color-text-slate);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px}.summary-card.highlight{border-color:#bfdbfe;background:var(--color-info-bg)}.summary-sub{font-size:12px;color:#94a3b8}.file-table-header{display:grid;grid-template-columns:2.2fr 1.3fr 1.2fr 1.3fr .9fr 1.1fr;gap:12px;font-size:13px;font-weight:600;color:var(--color-text-dark);background:var(--color-bg-gray-lightest);padding:12px 16px;position:sticky;top:0;z-index:1}.file-table-header button{background:transparent;border:none;padding:0;text-align:left;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:6px}.file-table-header button:focus{outline:none;text-decoration:underline}.sort-indicator{font-size:11px;color:#94a3b8}.file-table-row{display:grid;grid-template-columns:2.2fr 1.3fr 1.2fr 1.3fr .9fr 1.1fr;gap:12px;padding:14px 16px;font-size:13px;color:var(--color-text-dark);border-top:1px solid var(--color-bg-gray-lightest);align-items:flex-start}.file-table-row:nth-child(2n){background:var(--color-bg-gray-lightest)}.cell-sub{display:block;margin-top:2px;font-size:12px}.cell-sub.muted{color:#94a3b8}.file-category{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.category-manual{background:var(--color-purple-light);color:var(--color-purple-dark)}.category-checklist{background:var(--color-success-bg);color:var(--color-success-text)}.category-form{background:var(--color-danger-light);color:var(--color-danger-darker)}.category-notice{background:var(--color-warning-light);color:var(--color-warning-text)}.category-policy{background:var(--color-info-bg);color:var(--color-info-text)}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-published{background:var(--color-success-bg);color:var(--color-success-text)}.status-draft{background:var(--color-warning-light);color:var(--color-warning-text)}.status-archived{background:var(--color-gray-border-light);color:var(--color-text-slate)}.ghost-action{background:transparent;border:1px dashed #cbd5f5;color:var(--color-text-slate);padding:5px 8px;border-radius:8px;cursor:pointer;font-size:12px}.ghost-action:hover{background:var(--color-gray-border-light)}.file-actions{display:flex;flex-wrap:wrap;gap:8px}.file-actions button{min-width:90px}.pager-buttons button{min-width:62px}.page-info{font-weight:600}.file-footer-note{font-size:12px;color:var(--color-text-slate)}@media(max-width:1100px){.file-table-header,.file-table-row{grid-template-columns:2.4fr 1.5fr 1.2fr 1.5fr .9fr 1.3fr}.file-table-header>:nth-child(6),.file-table-row>:nth-child(6){display:none}}@media(max-width:900px){.file-table-header,.file-table-row{grid-template-columns:2.4fr 1.5fr 1.2fr 1.5fr 1.3fr}.file-table-header>:nth-child(5),.file-table-row>:nth-child(5){display:none}}@media(max-width:720px){.file-management-popup{min-height:unset}.file-controls{padding:12px}.file-table-header,.file-table-row{grid-template-columns:2.6fr 1.6fr 1.6fr}.file-table-header>:nth-last-child(-n+3),.file-table-row>:nth-last-child(-n+3){display:none}}.file-access-logs-popup{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.file-controls{display:flex;flex-direction:column;gap:12px;border:1px solid var(--color-gray-border-light);border-radius:10px;padding:16px;background:var(--color-white-softer)}.filter-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-text-slate);min-width:160px;flex:1}.filter-label{font-weight:600;color:var(--color-text-dark)}.filter-field select,.filter-field input[type=date]{padding:7px 8px;border:1px solid #d9dde4;border-radius:8px;font-size:13px;background:var(--color-white);color:var(--color-text-dark)}.filter-field select{appearance:none;background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"%3e%3cpath fill="%236b7280" d="M1.41.59L6 5.17l4.59-4.58L12 1.59 6 7.59 0 1.59z"/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}.reset-button{background:transparent;border:1px solid #cbd5f5;color:var(--color-text-slate);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;white-space:nowrap;height:fit-content}.reset-button:hover{background:var(--color-gray-border-light)}.file-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.summary-card{border:1px solid var(--color-gray-border-light);border-radius:12px;padding:14px;background:var(--color-white);display:flex;flex-direction:column;gap:6px;min-height:100px}.summary-label{font-size:12px;font-weight:600;color:var(--color-text-charcoal);letter-spacing:.04em;text-transform:uppercase}.summary-value{font-size:20px;font-weight:700;color:var(--color-text-darker)}.file-table{border:1px solid var(--color-gray-border-light);border-radius:12px;overflow:hidden;background:var(--color-white);display:flex;flex-direction:column;min-height:300px;max-height:500px}.access-logs-header{display:grid;grid-template-columns:1.4fr .9fr 1.1fr 1.6fr .8fr 1fr 1fr .8fr;gap:12px;font-size:13px;font-weight:600;color:var(--color-text-dark);background:var(--color-bg-gray-lightest);padding:12px 16px;position:sticky;top:0;z-index:1}.file-table-body{flex:1;overflow-y:auto}.file-empty{padding:36px;text-align:center;color:#94a3b8;font-size:14px}.access-logs-row{display:grid;grid-template-columns:1.4fr .9fr 1.1fr 1.6fr .8fr 1fr 1fr .8fr;gap:12px;padding:14px 16px;font-size:13px;color:var(--color-text-dark);border-top:1px solid var(--color-bg-gray-lightest);align-items:center}.access-logs-row:nth-child(2n){background:var(--color-bg-gray-lightest)}.row-headline{font-weight:600;color:var(--color-text-darker);word-break:break-word;white-space:normal}.muted{color:#94a3b8}.badge-download,.badge-upload{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-download{background:var(--color-info-bg);color:var(--color-info-text)}.badge-upload{background:var(--color-success-bg);color:var(--color-success-text)}.file-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--color-text-slate);padding:4px 2px 0}.page-meta{white-space:nowrap}.pager-buttons{display:flex;align-items:center;gap:10px}.pager-buttons button{padding:6px 14px;border:1px solid #d9dde4;border-radius:8px;background:var(--color-white);color:var(--color-text-dark);cursor:pointer;font-size:13px}.pager-buttons button:hover:not(:disabled){background:var(--color-gray-border-light)}.pager-buttons button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-weight:600;min-width:60px;text-align:center}@media(max-width:1200px){.access-logs-header,.access-logs-row{grid-template-columns:1.4fr .9fr 1.1fr 1.6fr .8fr 1fr .8fr}.access-logs-header>:nth-child(7),.access-logs-row>:nth-child(7){display:none}}@media(max-width:1000px){.access-logs-header,.access-logs-row{grid-template-columns:1.4fr .9fr 1.1fr 1.6fr 1fr .8fr}.access-logs-header>:nth-child(5),.access-logs-row>:nth-child(5){display:none}}@media(max-width:800px){.access-logs-header,.access-logs-row{grid-template-columns:1.4fr .9fr 1.1fr 1.6fr .8fr}.access-logs-header>:nth-child(6),.access-logs-row>:nth-child(6){display:none}}@media(max-width:640px){.file-access-logs-popup{min-height:unset}.file-controls{padding:12px}.filter-row{flex-direction:column}.filter-field{width:100%;min-width:unset}.access-logs-header,.access-logs-row{grid-template-columns:1.2fr .8fr 1fr 1.4fr}.access-logs-header>:nth-child(8),.access-logs-row>:nth-child(8){display:none}}.log-rotation-settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;min-height:400px}.log-rotation-settings .error-message{padding:1rem;background-color:var(--error-bg, #fee);color:var(--error-text, #c33);border:1px solid var(--error-border, #fcc);border-radius:4px;font-size:.9rem}.log-rotation-settings .service-selector{display:flex;flex-direction:column;gap:.5rem}.log-rotation-settings .field-label{font-weight:600;font-size:.95rem;color:var(--text-primary, #333);display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-width:180px}.log-rotation-settings .checkbox-label{font-weight:500;cursor:pointer;white-space:nowrap;min-width:180px}.log-rotation-settings .form-select,.log-rotation-settings .form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, #ccc);border-radius:4px;font-size:.95rem;background-color:var(--input-bg, #fff);color:var(--text-primary, #333);transition:border-color .2s}.log-rotation-settings .form-select:focus,.log-rotation-settings .form-input:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.log-rotation-settings .form-select:disabled,.log-rotation-settings .form-input:disabled{background-color:var(--disabled-bg, #f5f5f5);cursor:not-allowed;opacity:.6}.log-rotation-settings .form-input.input-error{border-color:var(--error-border, #dc3545)}.log-rotation-settings .form-input.input-error:focus{border-color:var(--error-border, #dc3545);box-shadow:0 0 0 3px #dc35451a}.log-rotation-settings .field-error{display:block;margin-top:4px;font-size:.85rem;color:var(--error-text, #dc3545);font-weight:500}.log-rotation-settings .loading-spinner{display:flex;align-items:center;justify-content:center;padding:2rem;font-size:1rem;color:var(--text-secondary, #666)}.log-rotation-settings .config-form{display:flex;flex-direction:column;gap:1.25rem}.log-rotation-settings .form-group{display:flex;flex-direction:column;gap:.5rem}.log-rotation-settings .field-hint{font-size:.85rem;color:var(--text-secondary, #666);font-style:italic}.log-rotation-settings .config-meta{padding:1rem;background-color:var(--bg-secondary, #f9f9f9);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;display:flex;flex-direction:column;gap:.5rem}.log-rotation-settings .meta-row{display:flex;gap:.5rem;font-size:.9rem}.log-rotation-settings .meta-label{font-weight:600;color:var(--text-secondary, #666);min-width:100px}.log-rotation-settings .meta-value{color:var(--text-primary, #333)}.log-rotation-settings .button-group{display:flex;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--border-color, #e0e0e0);margin:1rem -1rem -1rem;padding:1rem;background-color:var(--color-white);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.log-rotation-settings input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.log-rotation-settings input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.log-rotation-settings{padding:.75rem}.log-rotation-settings .button-group{flex-direction:column}.log-rotation-settings .btn{width:100%}}.user-detail-drawer h3{margin:0 0 8px}.drawer-body{padding:12px}.login-history-list{margin-top:12px}.login-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.login-item{padding:8px;border:1px solid rgba(0,0,0,.04);border-radius:6px}.login-at{font-weight:600}.section-row{display:flex;align-items:center;justify-content:space-between}.section-actions button{margin-left:8px}.pager-compact{display:flex;align-items:center;gap:12px}.pager-indicator{min-width:64px;text-align:center;padding:6px 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-weight:600}.recent-login-popup{display:flex;flex-direction:column;height:100%}.recent-login-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.recent-login-meta{color:var(--muted)}.recent-login-table{display:flex;flex-direction:column;flex:1;overflow:hidden}.rl-row{display:grid;grid-template-columns:1.6fr 2fr 1fr 1.6fr .6fr;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.04)}.rl-row.header{font-weight:600;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}.email-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rl-pager{display:flex;align-items:center;justify-content:center;padding:12px 0}.rl-pager button{margin:0 8px}.role-pill{padding:4px 8px;border-radius:12px;background:var(--color-bg-gray)}.settings-placeholder{padding:36px}.countdown-timer{display:flex;align-items:center;gap:8px;font-family:Roboto Mono,Consolas,monospace;font-weight:700}.countdown-icon{font-size:1.2em}.countdown-text{white-space:nowrap}.countdown-timer-small,.countdown-timer-small .countdown-icon{font-size:1rem}.countdown-timer-medium,.countdown-timer-medium .countdown-icon{font-size:1.5rem}.countdown-timer-large,.countdown-timer-large .countdown-icon{font-size:2rem}.countdown-timer-primary{color:#1976d2}.countdown-timer-error{color:var(--color-error)}.countdown-timer-warning{color:#ed6c02}.simple-countdown{font-size:.875rem;color:var(--color-text-charcoal)}.schedule-info-card{border:1px solid var(--color-bg-gray-medium);border-radius:8px;border-left:4px solid #1976d2;background-color:#fff;box-shadow:0 1px 3px #0000001a}.schedule-info-card.empty{border-left-color:var(--color-gray-disabled)}.schedule-empty-state{padding:48px 24px;text-align:center}.schedule-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.schedule-empty-text{font-size:1rem;color:var(--color-text-charcoal);margin-bottom:24px}.schedule-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-bg-gray-medium)}.schedule-card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-medium);margin:0}.schedule-status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.schedule-status-badge.active{background-color:var(--color-success-bg-alt);color:#155724}.schedule-status-badge.inactive{background-color:var(--color-bg-gray-medium);color:var(--color-text-charcoal)}.schedule-card-body{padding:20px}.schedule-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.schedule-info-item{display:flex;flex-direction:column;gap:4px}.schedule-info-item.full-width{grid-column:1 / -1}.schedule-info-label{font-size:.75rem;font-weight:600;color:var(--color-text-charcoal);text-transform:uppercase;letter-spacing:.5px}.schedule-info-value{font-size:.95rem;color:var(--color-text-medium)}.schedule-info-value.mono{font-family:Consolas,Monaco,monospace;background-color:var(--color-bg-gray-light);padding:4px 8px;border-radius:4px}.schedule-info-value.primary{color:#1976d2;font-weight:600;font-size:1rem}.schedule-info-value.systemd-active{color:#2e7d32;font-weight:600}.schedule-info-value.systemd-inactive{color:var(--color-text-charcoal)}.schedule-info-value.systemd-failed{color:var(--color-error);font-weight:600}.schedule-card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}.schedule-card-actions{display:flex;gap:8px}@media(max-width:768px){.schedule-info-grid{grid-template-columns:1fr}.schedule-card-footer{flex-direction:column;gap:12px;align-items:stretch}.schedule-card-actions{justify-content:stretch}.schedule-card-actions button{flex:1}}.manual-reboot-card{border:1px solid var(--color-bg-gray-medium);border-radius:8px;border-left:4px solid var(--color-error);background-color:#fff;box-shadow:0 1px 3px #0000001a}.manual-reboot-header{padding:16px 20px;border-bottom:1px solid var(--color-bg-gray-medium);background-color:#ffebee}.manual-reboot-title{font-size:1.125rem;font-weight:600;color:#c62828;margin:0;display:flex;align-items:center;gap:8px}.manual-reboot-icon{font-size:1.25rem}.manual-reboot-body{padding:20px}.manual-reboot-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.manual-reboot-field{display:flex;flex-direction:column;gap:6px}.manual-reboot-label{font-size:.875rem;font-weight:600;color:var(--color-text-medium)}.manual-reboot-input,.manual-reboot-textarea{padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.manual-reboot-input:hover,.manual-reboot-textarea:hover{border-color:var(--color-gray-disabled)}.manual-reboot-input:focus,.manual-reboot-textarea:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 2px #d32f2f1a}.manual-reboot-input:disabled,.manual-reboot-textarea:disabled{background-color:var(--color-bg-gray-light);cursor:not-allowed}.manual-reboot-textarea{resize:vertical;min-height:60px}.manual-reboot-helper{font-size:.75rem;color:var(--color-text-charcoal)}.manual-reboot-warning{padding:12px 16px;background-color:var(--color-warning-bg);border-left:3px solid #f57c00;border-radius:4px;font-size:.875rem;color:#e65100}.manual-reboot-warning strong{font-weight:700}.manual-reboot-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}.reboot-confirm-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.reboot-confirm-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:480px;width:90%}.reboot-confirm-header{padding:16px 20px;border-bottom:1px solid var(--color-bg-gray-medium)}.reboot-confirm-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-medium)}.reboot-confirm-body{padding:20px}.reboot-confirm-warning{padding:12px 16px;background-color:var(--color-error-bg);border-left:3px solid var(--color-error);border-radius:4px;margin-bottom:16px;font-size:.9rem;color:var(--color-error-dark)}.reboot-confirm-warning strong{font-weight:700;font-size:1.1em}.reboot-confirm-body p{margin:0 0 16px;line-height:1.6;color:var(--color-text-medium)}.reboot-confirm-notes{padding:10px 12px;background-color:var(--color-bg-gray-light);border-radius:4px;font-size:.85rem;color:var(--color-text-charcoal)}.reboot-confirm-notes strong{color:var(--color-text-medium)}.reboot-confirm-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}@media(max-width:768px){.manual-reboot-footer{flex-direction:column}.manual-reboot-footer button{width:100%}.reboot-confirm-dialog{max-width:95%}}.history-table-container{border:1px solid var(--color-bg-gray-medium);border-radius:8px;background-color:#fff;overflow:hidden}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table thead{background-color:var(--color-bg-gray-light);border-bottom:2px solid var(--color-bg-gray-medium)}.history-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text-medium);white-space:nowrap}.history-table tbody tr{border-bottom:1px solid var(--color-bg-gray-medium);transition:background-color .2s}.history-table tbody tr:hover{background-color:var(--color-bg-gray-lightest)}.history-table tbody tr:last-child{border-bottom:none}.history-table td{padding:12px 16px;color:var(--color-text-slate)}.history-table tbody tr.reboot-type-scheduled{background-color:#e3f2fd}.history-table tbody tr.reboot-type-manual{background-color:var(--color-warning-bg)}.history-table tbody tr.reboot-type-emergency{background-color:var(--color-error-bg)}.history-date{font-family:Consolas,Monaco,monospace;font-size:.85rem;color:var(--color-text-charcoal);white-space:nowrap}.history-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.history-type-badge.reboot-type-scheduled{background-color:#1976d2;color:#fff}.history-type-badge.reboot-type-manual{background-color:#f57c00;color:#fff}.history-type-badge.reboot-type-emergency{background-color:var(--color-error);color:#fff}.history-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.history-status-badge.status-success{background-color:var(--color-success-bg-alt);color:#155724}.history-status-badge.status-failed{background-color:#f8d7da;color:#721c24}.history-status-badge.status-pending{background-color:#fff3cd;color:#856404}.history-uptime{font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:nowrap}.history-user{font-size:.85rem;color:var(--color-text-charcoal)}.history-notes{font-size:.85rem;color:var(--color-text-charcoal);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-loading{text-align:center;padding:40px 20px!important;color:var(--color-gray-disabled);font-style:italic}.history-table-empty{padding:60px 20px;text-align:center;background-color:#fff;border:1px solid var(--color-bg-gray-medium);border-radius:8px}.history-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.history-empty-text{font-size:1rem;color:var(--color-text-charcoal)}.history-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}.history-pagination-info{font-size:.85rem;color:var(--color-text-charcoal)}.history-pagination-controls{display:flex;align-items:center;gap:12px}.history-pagination-current{font-size:.9rem;font-weight:600;color:var(--color-text-medium);min-width:60px;text-align:center}@media(max-width:768px){.history-table{font-size:.8rem}.history-table th,.history-table td{padding:8px 10px}.history-notes{max-width:100px}.history-pagination{flex-direction:column;gap:12px}.history-pagination-info{order:2}.history-pagination-controls{order:1}}.history-table-wrapper::-webkit-scrollbar{height:8px}.history-table-wrapper::-webkit-scrollbar-track{background-color:var(--color-bg-gray-light)}.history-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-bg-gray-medium);border-radius:4px}.history-table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-disabled)}.systemd-status-card{border:1px solid var(--color-bg-gray-medium);border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.systemd-status-card.empty{border-left:4px solid var(--color-gray-disabled)}.systemd-empty-state{padding:48px 24px;text-align:center}.systemd-empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.systemd-empty-text{font-size:1rem;color:var(--color-text-charcoal);margin-bottom:24px}.systemd-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}.systemd-card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-medium);margin:0}.systemd-card-body{padding:20px;display:flex;flex-direction:column;gap:24px}.systemd-section{border:1px solid #e8e8e8;border-radius:6px;padding:16px;background-color:var(--color-bg-gray-lightest)}.systemd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-bg-gray-medium)}.systemd-section-header h4{font-size:1rem;font-weight:600;color:var(--color-text-medium);margin:0}.systemd-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.systemd-status-badge.success{background-color:var(--color-success-bg-alt);color:#155724}.systemd-status-badge.inactive{background-color:var(--color-bg-gray-medium);color:var(--color-text-charcoal)}.systemd-status-badge.error{background-color:#f8d7da;color:#721c24}.systemd-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.systemd-info-item{display:flex;flex-direction:column;gap:4px;background-color:#fff;padding:10px 12px;border-radius:4px;border:1px solid #e8e8e8}.systemd-info-item.full-width{grid-column:1 / -1}.systemd-info-label{font-size:.75rem;font-weight:600;color:var(--color-text-charcoal);text-transform:uppercase;letter-spacing:.3px}.systemd-info-value{font-size:.9rem;color:var(--color-text-medium);font-weight:500}.systemd-info-value.primary{color:#1976d2;font-weight:600}.systemd-info-value.success{color:#2e7d32;font-weight:600}.systemd-info-value.error{color:var(--color-error);font-weight:600}@media(max-width:768px){.systemd-info-grid{grid-template-columns:1fr}.systemd-card-header{flex-direction:column;gap:12px;align-items:flex-start}.systemd-section-header{flex-direction:column;align-items:flex-start;gap:8px}}.cron-expression-builder{display:flex;flex-direction:column;gap:16px}.cron-mode-tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-bg-gray-medium)}.cron-mode-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-charcoal);transition:all .2s;margin-bottom:-2px}.cron-mode-tab:hover{color:var(--color-text-medium);background-color:var(--color-bg-gray-light)}.cron-mode-tab.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:600}.cron-preset-section{display:flex;flex-direction:column;gap:8px}.cron-label{font-size:.875rem;font-weight:500;color:var(--color-text-medium)}.cron-select{padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .2s}.cron-select:hover{border-color:var(--color-gray-disabled)}.cron-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.cron-preset-description{font-size:.8rem;color:var(--color-text-charcoal);padding:8px 12px;background-color:var(--color-bg-gray-light);border-radius:4px;border-left:3px solid #1976d2}.cron-manual-section{display:flex;flex-direction:column;gap:8px}.cron-input{padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;font-family:Consolas,Monaco,monospace;transition:border-color .2s}.cron-input:hover{border-color:var(--color-gray-disabled)}.cron-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.cron-input.error{border-color:var(--color-error)}.cron-input.error:focus{box-shadow:0 0 0 2px #d32f2f1a}.cron-helper-text{font-size:.75rem;color:var(--color-text-charcoal)}.cron-examples{padding:12px;background-color:var(--color-bg-gray-lightest);border-radius:4px;border:1px solid var(--color-bg-gray-medium)}.cron-example-title{font-size:.8rem;font-weight:600;color:var(--color-text-medium);margin-bottom:8px}.cron-example-item{font-size:.8rem;color:var(--color-text-charcoal);margin-bottom:4px}.cron-example-item code{background-color:#e8e8e8;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.85em;color:#1976d2}.cron-error-message{padding:10px 12px;background-color:var(--color-error-bg);border-left:3px solid #d32f2f;border-radius:4px;color:var(--color-error-dark);font-size:.85rem}.cron-human-readable{padding:10px 12px;background-color:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px;font-size:.85rem;color:#1565c0}.cron-human-readable strong{font-weight:600;margin-right:4px}.schedule-edit-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10200}.schedule-edit-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column}.schedule-edit-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-bg-gray-medium)}.schedule-edit-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-medium)}.schedule-edit-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-charcoal);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.schedule-edit-close:hover{background-color:var(--color-bg-gray-light);color:var(--color-text-medium)}.schedule-edit-close:disabled{opacity:.5;cursor:not-allowed}.schedule-edit-body{padding:24px;overflow-y:auto;flex:1}.schedule-edit-field{margin-bottom:20px}.schedule-edit-field:last-child{margin-bottom:0}.schedule-edit-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-medium);margin-bottom:8px}.schedule-edit-label.required:after{content:" *";color:var(--color-error)}.schedule-edit-select,.schedule-edit-textarea{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;font-family:inherit;transition:border-color .2s}.schedule-edit-select:hover,.schedule-edit-textarea:hover{border-color:var(--color-gray-disabled)}.schedule-edit-select:focus,.schedule-edit-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.schedule-edit-select.error,.schedule-edit-textarea.error{border-color:var(--color-error)}.schedule-edit-select.error:focus,.schedule-edit-textarea.error:focus{box-shadow:0 0 0 2px #d32f2f1a}.schedule-edit-select:disabled,.schedule-edit-textarea:disabled{background-color:var(--color-bg-gray-light);cursor:not-allowed}.schedule-edit-textarea{resize:vertical;min-height:60px}.schedule-edit-helper{font-size:.75rem;color:var(--color-text-charcoal);margin-top:4px;display:flex;justify-content:space-between;align-items:center}.schedule-edit-error{font-size:.75rem;color:var(--color-error);margin-top:4px}.schedule-edit-error-inline{color:var(--color-error);margin-left:8px}.schedule-edit-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.schedule-edit-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.schedule-edit-checkbox:has(input:disabled){opacity:.5;cursor:not-allowed}.schedule-edit-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-lightest)}@media(max-width:768px){.schedule-edit-dialog{max-width:95%;max-height:95vh}.schedule-edit-header{padding:16px 20px}.schedule-edit-body{padding:20px}.schedule-edit-footer{padding:12px 16px;flex-direction:column}.schedule-edit-footer button{width:100%}}.reboot-schedule-popup{display:flex;flex-direction:column;gap:0;height:100%;min-height:600px}.reboot-tabs{display:flex;border-bottom:2px solid var(--color-bg-gray-medium);background-color:var(--color-bg-gray-light);padding:0;margin:0 0 24px}.reboot-tab{flex:1;padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:var(--color-text-charcoal);transition:all .2s ease;position:relative;top:2px}.reboot-tab:hover{background-color:var(--color-white);color:var(--color-text-medium)}.reboot-tab.active{color:#1976d2;border-bottom-color:#1976d2;background-color:var(--color-white);font-weight:600}.reboot-tab-content{flex:1;overflow-y:auto;padding:0 8px 8px}.reboot-schedule-tab{display:flex;flex-direction:column;gap:24px}.reboot-history-tab,.reboot-systemd-tab{display:flex;flex-direction:column;height:100%}@media(max-width:1024px){.reboot-schedule-popup{min-height:500px}.reboot-tabs{margin-bottom:16px}.reboot-tab{padding:12px 16px;font-size:14px}.reboot-tab-content{padding:0 4px 4px}}@media(max-width:768px){.reboot-schedule-popup{min-height:400px}.reboot-tabs{margin-bottom:12px}.reboot-tab{padding:10px 12px;font-size:13px}.reboot-schedule-tab{gap:16px}}.reboot-tab-content::-webkit-scrollbar{width:8px}.reboot-tab-content::-webkit-scrollbar-track{background:var(--color-bg-gray-lightest);border-radius:4px}.reboot-tab-content::-webkit-scrollbar-thumb{background:var(--color-gray-disabled);border-radius:4px}.reboot-tab-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-slate)}.sidebar{background-color:transparent;border-right:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:NanumSquareNeo,sans-serif;flex-shrink:0;height:calc(100vh - 56px);min-height:calc(100vh - 56px);overflow:visible;position:relative;width:6%;padding:0}.sidebar-icon-list{position:fixed;top:56px;left:0;width:6%;height:calc(100vh - 56px);display:flex;flex-direction:column;gap:.5em;align-items:center;padding:1.5rem .5em 2em;z-index:92;background-color:var(--color-white);border-right:.1em solid var(--color-bg-gray-medium);box-sizing:border-box;opacity:1;pointer-events:auto;transform:translate(0);transition:opacity .15s ease,transform .3s cubic-bezier(.4,0,.2,1)}.icon-highlight-rect{position:absolute;left:.5em;right:.5em;width:calc(100% - 1em);background-color:#456cff26;border-radius:.4em;pointer-events:none;z-index:0;transition:top .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sidebar-expanded .sidebar-icon-list{opacity:0;pointer-events:auto;transform:translate(-100%);transition:opacity .15s ease,transform .3s cubic-bezier(.4,0,.2,1)}.menu-scroll{position:fixed;top:56px;left:0;width:6%;height:calc(100vh - 56px);padding:1.5rem .5em 2em;background-color:var(--color-white);border-right:.1em solid var(--color-bg-gray-medium);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;z-index:91;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-100%);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .15s ease,padding .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s}.sidebar-expanded .menu-scroll{width:15%;padding:1.5rem 1.5em 2em;opacity:1;visibility:visible;pointer-events:auto;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 12px #00000040;transform:translate(0);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .15s ease,padding .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility 0s}.sidebar-closing .sidebar-icon-list{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-closing .menu-scroll{width:6%;padding:1.5rem .5em 2em;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transform:translate(-100%);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .15s ease,padding .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s}.sidebar-icon-item{width:100%;height:auto;display:flex;align-items:center;justify-content:center;border-radius:.4em;cursor:pointer;transition:transform .2s ease;padding:.75em 0;position:relative;z-index:1}.sidebar-icon-item:hover{background-color:#456cff0f;transition:background-color .2s ease}.sidebar-icon-item.active{transition:none}.sidebar-icon-item.active:hover{background-color:transparent}.sidebar-icon-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:var(--color-primary);border-radius:0 2px 2px 0;z-index:2}.sidebar-icon-item img{width:24px;height:24px}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:90;opacity:1;transition:opacity .3s ease}.sidebar-overlay.closing{opacity:0}.sidebar .logo{font-family:Paperlogy,sans-serif;font-size:1.6em;font-weight:800;line-height:1.2;cursor:pointer;transition:transform .2s ease,color .2s ease}.sidebar .logo:hover{transform:scale(1.02);color:var(--color-primary)}.sidebar .logo span{display:block;font-size:.8em;font-weight:400;color:var(--color-text-slate)}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5em;position:relative}.sidebar-icon .menu-list{opacity:0;transition:opacity .1s ease}.sidebar-expanded .menu-list{opacity:1;transition:opacity .2s ease .15s}.sidebar-closing .menu-list{opacity:0;transition:opacity .1s ease}.menu-scroll{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border, #e5e7eb);margin-top:auto;background-color:var(--color-white)}.sidebar-footer .licenses-button{background-color:transparent;border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;color:var(--color-text-slate, #64748b);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;text-align:center;transition:all .2s ease;width:100%}.sidebar-footer .licenses-button:hover{background-color:var(--color-bg-slate, #f8fafc);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.sidebar-footer .copyright-text{color:var(--color-text-muted, #9ca3af);font-size:.75rem;text-align:center;line-height:1.2}.sidebar-icon .sidebar-footer{display:none}.sidebar-expanded .sidebar-footer{display:flex}.menu-list li{display:flex;color:var(--color-text-slate);align-items:center;border-radius:.4em;transition:background-color .2s ease,color .2s ease,transform .2s ease;cursor:pointer;gap:.6em;font-size:1em;padding:.75em .5em .75em 1em;position:relative;z-index:1;min-width:0}.menu-list li:hover:not(.active){background-color:#456cff0f;transform:translate(2px);color:var(--color-primary)}.menu-list{min-width:0}.menu-icon{font-size:1em;line-height:1;display:inline-block}.menu-list li.active{font-weight:700;position:relative;z-index:1;color:#000!important}.highlight-rect{position:absolute;pointer-events:none;z-index:0;border-radius:.4em;box-sizing:border-box;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease,opacity .2s ease;width:calc(100% - 1em);height:3em;background:linear-gradient(90deg,var(--color-primary) 6px,rgba(192,196,255,.4) 6px)}.highlight-rect[data-type=sub]{width:calc(100% - 1.4em);height:2.48em}.highlight-rect.no-transition{transition:none!important}.menu-list>li,.menu-list li{position:relative;z-index:2}.submenu-list{list-style:none;padding:.2em 0 .2em 2.2em;margin:0;display:flex;flex-direction:column;gap:.2em;max-height:0;overflow:hidden;will-change:max-height,opacity;overflow-anchor:none;transition:max-height .22s cubic-bezier(.22,.9,.18,1),padding .18s cubic-bezier(.22,.9,.18,1),opacity .18s ease}.submenu-list.submenu-expand{max-height:3000px;padding-top:.2em;padding-bottom:.2em;opacity:1;overflow:hidden}.submenu-list.submenu-collapse{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.submenu-list li{background:none;font-weight:400;color:var(--color-text-slate);border-radius:.3em;padding:.5em .5em .5em .9em;font-size:.98em;display:flex;align-items:center;cursor:pointer;transition:background .15s;position:relative;z-index:3}.submenu-list li.active{background:transparent!important;color:#000!important;font-weight:700}@media(max-width:1280px){.sidebar{width:20%;padding:1.5em 1em}.menu-list li{font-size:.9em;padding:.5em}}@media(max-width:1024px){.sidebar{width:18%;padding:1.2em .8em}.sidebar .logo{font-size:1.2em}.menu-list li{font-size:.8em}}.opensource-licenses-popup{display:flex;flex-direction:column;min-height:70vh;max-height:85vh}.opensource-licenses-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.opensource-licenses-popup .popup-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.opensource-licenses-popup .close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.opensource-licenses-popup .close-btn:hover{color:#1f2937}.opensource-licenses-popup .popup-content{flex:1;overflow-y:auto;padding:1.5rem}.opensource-licenses-popup .intro-text{color:#4b5563;line-height:1.6;margin-bottom:2rem}.opensource-licenses-popup .license-section{margin-bottom:2rem}.opensource-licenses-popup .license-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3b82f6}.opensource-licenses-popup .license-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.opensource-licenses-popup .license-table thead{background-color:#f3f4f6}.opensource-licenses-popup .license-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.opensource-licenses-popup .license-table td{padding:.75rem 1rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.opensource-licenses-popup .license-table tbody tr:hover{background-color:#f9fafb}.opensource-licenses-popup .license-table td strong{color:#1f2937;font-weight:600}.opensource-licenses-popup .license-summary{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1.5rem;margin-top:2rem}.opensource-licenses-popup .license-summary h4{font-size:1.125rem;font-weight:600;color:#1e40af;margin-top:0;margin-bottom:1rem}.opensource-licenses-popup .license-summary ul{margin:0 0 1rem;padding-left:1.5rem}.opensource-licenses-popup .license-summary li{color:#1e3a8a;line-height:1.8}.opensource-licenses-popup .license-summary .note{color:#3730a3;font-size:.9rem;line-height:1.6;margin:0}.opensource-licenses-popup .popup-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:1rem;background-color:#f9fafb}.opensource-licenses-popup .popup-content::-webkit-scrollbar{width:8px}.opensource-licenses-popup .popup-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.opensource-licenses-popup .popup-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.opensource-licenses-popup .popup-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.password-form{display:flex;flex-direction:column;gap:20px;padding:24px}.password-form>div{display:flex;flex-direction:column;gap:4px}.password-form label{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.password-form input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box}.password-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-form{display:flex;flex-direction:column;gap:20px;padding:24px}.profile-form>div{display:flex;flex-direction:column;gap:4px}.profile-form label{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.profile-form input,.profile-form select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box}.profile-form input:focus,.profile-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-form input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.profile-form .custom-select{border:2px solid #d1d5db;border-radius:8px;transition:all .2s ease}.profile-form .custom-select:hover{border-color:#9ca3af}.profile-form .custom-select.open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-menu-backdrop{position:fixed;inset:0;background:#0003;z-index:10200}.profile-menu-popup{position:fixed;top:80px;right:24px;width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:10201;overflow:hidden;animation:slideDown .2s ease-out}.profile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.profile-menu-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.profile-menu-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.profile-menu-header .close-btn:hover{color:#1f2937}.profile-menu-list{padding:8px}.profile-menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;gap:12px;text-align:left}.profile-menu-item:hover{background-color:#f3f4f6}.profile-menu-item .menu-item-icon{font-size:20px;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.profile-menu-item .menu-item-label{flex:1;font-size:14px;font-weight:500;color:#1f2937}.notification-menu-backdrop{position:fixed;inset:0;background:#0003;z-index:1050}.notification-menu-popup{position:fixed;top:80px;right:24px;width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1051;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.notification-menu-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.notification-menu-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-menu-header .close-btn:hover{color:#1f2937}.notification-menu-list{padding:8px}.notification-menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;gap:12px;position:relative;text-align:left}.notification-menu-item:hover{background-color:#f3f4f6}.menu-item-icon{font-size:20px;flex-shrink:0}.menu-item-icon-img{width:20px;height:20px;flex-shrink:0;object-fit:contain}.menu-item-label{flex:1;font-size:14px;font-weight:500;color:#374151}.menu-item-badge{position:absolute;top:8px;right:12px;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.bug-report-list{width:100%}.bug-report-list li{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.bug-report-list details,.bug-report-list summary,.bug-report-list pre,.bug-report-list code,.bug-report-list div{max-width:100%}.bug-report-list details{overflow-wrap:anywhere;word-break:break-word}.bug-report-list summary{overflow-wrap:anywhere;word-break:break-word}.bug-report-response-pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background:var(--color-bg-gray-lightest);padding:8px;border-radius:6px;max-width:100%}.notification-bubble{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;background:var(--color-error);color:#fff;font-weight:700;border-radius:50%;font-size:1em;line-height:1;margin-left:.3em;box-shadow:0 1px 4px #00000014;padding:0}.notification-bubble>span{font-size:.7em}.popup .notice-list li .notification-bubble{vertical-align:middle;transform:translateY(.05em)}.popup .notice-list li .title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.popup .notice-list li .title-row .title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup .notice-list li .title-row .notification-bubble{flex:0 0 auto;margin-left:0}.notice-box{position:relative}.notice-box .notification-bubble{position:absolute;top:6px;right:10px;transform:none}.notification-button-wrapper{--notif-size: 2.5rem;position:relative;display:inline-grid;width:var(--notif-size);height:var(--notif-size);place-items:center}.notification-button-wrapper .notification-bubble{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.topbar-pulldown{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:999;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#64748b}.topbar-pulldown:hover{background:#fff;color:var(--color-primary, #2734ea);padding-bottom:6px;box-shadow:0 6px 16px #0000001f}.topbar-pulldown svg{transition:transform .2s ease;width:16px;height:16px}.topbar-pulldown:hover svg{transform:translateY(2px)}.topbar-popup-overlay{position:fixed;inset:0;background:#0000004d;z-index:1050;pointer-events:none}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:56px;position:fixed;top:0;left:0;right:0;z-index:100;width:100vw;box-sizing:border-box}.top-bar-left{display:flex;align-items:center;gap:16px}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease}.brand-logo:hover{background:#2734ea0d;transform:scale(1.05)}.brand-logo:active{transform:scale(.98)}.brand-logo-img{height:32px;width:auto}.brand-info{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:16px;font-weight:700;color:var(--color-text-primary, #1a202c);margin:0;line-height:1.2;letter-spacing:-.01em}.brand-title-highlight{background:linear-gradient(135deg,#2734ea,#5865f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.brand-subtitle{font-size:10px;font-weight:500;color:var(--color-text-tertiary, #718096);margin:0;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.top-bar-right{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f7fafccc;border-radius:6px;cursor:help;transition:all .2s ease}.status-indicator:hover{background:#f1f5f9}.status-dot{width:8px;height:8px;border-radius:50%;position:relative;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.3;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status-dot.status-online{background:#10b981}.status-dot.status-maintenance,.status-dot.status-warning{background:#f59e0b}.status-dot.status-offline{background:#ef4444}.status-text{font-size:13px;font-weight:600;color:var(--color-text-secondary, #4a5568)}.session-time-display{display:flex;align-items:center;justify-content:center;min-width:72px;font-family:NanumSquareNeo,sans-serif}.session-time{font-size:12px;font-weight:600;color:var(--color-text-secondary, #4a5568);letter-spacing:.5px}.session-time-warning{color:#ef4444!important;animation:textBlink 1.5s ease-in-out infinite}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.4}}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;outline:none;background:#f7fafccc;border-radius:8px;cursor:pointer;color:var(--color-text-secondary, #4a5568);transition:all .2s ease;font-size:0;padding:0}.refresh-btn:focus{outline:none;box-shadow:none}.refresh-btn:hover{background:#f1f5f9;color:var(--color-primary, #2734ea);transform:translateY(-1px) rotate(90deg)}.refresh-btn:active{transform:translateY(0) rotate(180deg)}.refresh-btn svg,.recent-uploads-btn svg,.notification-btn svg{width:16px;height:16px}.recent-uploads-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;outline:none;background:#f7fafccc;border-radius:8px;cursor:pointer;color:var(--color-text-secondary, #4a5568);transition:all .2s ease;font-size:0;padding:0}.recent-uploads-btn:focus{outline:none;box-shadow:none}.recent-uploads-btn:hover{background:#f1f5f9;color:var(--color-primary, #2734ea);transform:translateY(-1px)}.recent-uploads-btn:active{transform:translateY(0)}.recent-uploads-badge{position:absolute;top:-3px;right:-3px;min-width:16px;width:16px;height:16px;padding:0;display:flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border-radius:8px;font-size:10px;font-weight:700;line-height:1;border:2px solid white;box-shadow:0 2px 4px #00000026}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f7fafccc;border-radius:8px;cursor:pointer;color:var(--color-text-secondary, #4a5568);transition:all .2s ease;font-size:0;padding:0}.notification-btn:hover{background:#f1f5f9;color:var(--color-primary, #2734ea);transform:translateY(-1px)}.notification-btn:active{transform:translateY(0)}.notification-badge{position:absolute;top:-3px;right:-3px;min-width:16px;width:16px;height:16px;padding:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;color:#fff;background:#ef4444;border-radius:50%;border:1.5px solid white;box-shadow:0 1px 3px #00000026}.divider{width:1px;height:28px;background:linear-gradient(to bottom,transparent,rgba(203,213,225,.5) 20%,rgba(203,213,225,.5) 80%,transparent)}.user-section-wrapper{position:relative}.user-section{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 10px;background:#f7fafccc;border-radius:10px;cursor:pointer;transition:all .2s ease}.user-section:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000f}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-size:13px;font-weight:600;color:var(--color-text-primary, #1a202c);line-height:1.2}.user-role{font-size:10px;font-weight:500;color:var(--color-text-tertiary, #718096);line-height:1.2}.user-avatar{width:34px;height:34px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea4d}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-initials{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.02em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media(max-width:768px){.top-bar{padding:12px 16px;height:64px}.brand-title{font-size:16px}.brand-subtitle{font-size:10px}.brand-icon{font-size:28px}.user-info,.status-text{display:none}.top-bar-right{gap:12px}}@media(max-width:480px){.brand-subtitle{display:none}.status-indicator{padding:6px}}.manual-sections{margin-top:24px;display:flex;flex-direction:column;gap:32px}.manual-section{border-radius:12px;background:var(--color-bg-01);border:1px solid var(--color-border-light);padding:20px;box-shadow:0 2px 8px #060a280a}.manual-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-border-light)}.manual-section-header .section-icon{width:22px;height:22px;display:inline-flex;object-fit:contain}.manual-section-header .section-title{font-size:17px;font-weight:700;margin:0;color:var(--color-text-strong, #2b3138)}.manual-upload-btn{margin-left:8px;background:var(--color-bg-02);border:1px solid var(--color-border-light);padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--color-dark-label)}.manual-upload-btn:hover{background:var(--color-bg-03);border-color:var(--color-border-2);color:var(--color-dark-label)}.manual-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-sizing:border-box}.manual-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-bg-02);box-shadow:0 1px 3px #060a280d;min-height:48px;transition:all .2s ease}.manual-card:hover{background:var(--color-bg-01);border-color:var(--color-primary);box-shadow:0 2px 8px #2734ea1f;transform:translateY(-1px)}.manual-card-meta{display:flex;flex-direction:column;gap:4px;overflow:hidden;flex:1 1 auto;min-width:0}.manual-card-name{font-weight:700;font-size:13px;color:var(--color-text-strong);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;line-height:1.4}.manual-card-date{font-size:11px;color:var(--color-gray-text);opacity:.6}.manual-card-download{background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;background-image:var(--download-icon);background-size:20px 20px;background-repeat:no-repeat;background-position:center;flex-shrink:0;position:relative;overflow:hidden}.manual-card-download:hover{background-image:var(--download-hover-icon);background-size:20px 20px}@media(max-width:1100px){.manual-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.manual-card-grid{grid-template-columns:1fr}}@media(max-width:700px){.manual-section-header{flex-wrap:wrap}.manual-upload-btn{margin-left:0;margin-top:8px}}.template-changes-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:13000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-changes-popup{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;height:80vh;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;z-index:13001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-changes-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-gray-border-light);flex-shrink:0}.template-changes-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-dark)}.close-btn{background:none;border:none;font-size:28px;color:var(--color-text-charcoal);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.close-btn:hover{background-color:var(--color-bg-01);color:var(--color-text-dark)}.template-changes-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 24px}.empty-state{display:flex;align-items:center;justify-content:center;padding:40px 0;color:var(--color-text-charcoal)}.changes-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-border-light)}.select-all-btn{background:var(--color-bg-01);border:1px solid var(--color-border-light);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.select-all-btn:hover{background:var(--color-border-light)}.selected-count{font-size:14px;color:var(--color-text-charcoal)}.changes-list{display:flex;flex-direction:column;gap:12px}.change-item{border:2px solid var(--color-border-light);border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:12px}.change-item:hover{border-color:var(--color-cta);background-color:var(--color-bg-01)}.change-item.selected{border-color:var(--color-cta);background-color:var(--color-info-bg)}.change-checkbox{margin-top:4px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.change-info{flex:1;min-width:0;overflow:hidden}.change-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.change-info h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.change-badge.created{background-color:var(--color-success-bg);color:var(--color-success-text)}.change-badge.updated{background-color:var(--color-info-bg);color:var(--color-info-text)}.change-badge.deleted{background-color:var(--color-danger-light);color:var(--color-danger-darker)}.change-description{margin:8px 0}.change-summary{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-medium)}.change-details{display:flex;gap:12px;font-size:12px;color:var(--color-text-charcoal);margin-top:8px}.template-key{font-family:monospace;background-color:var(--color-bg-01);padding:2px 6px;border-radius:4px}.change-date{white-space:nowrap}.template-changes-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-gray-border-light);flex-shrink:0;background:#fff}.cancel-btn{background:var(--color-bg-01);border:1px solid var(--color-border-light);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background:var(--color-border-light)}.reject-btn{background:var(--color-danger);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.reject-btn:hover:not(:disabled){background:var(--color-danger-dark)}.reject-btn:disabled{background:var(--color-gray-disabled);cursor:not-allowed}.acknowledge-btn{background:var(--color-cta);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.acknowledge-btn:hover:not(:disabled){background:var(--color-cta-3)}.acknowledge-btn:disabled{background:var(--color-border-light);cursor:not-allowed}.template-changes-notification{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-cta);border:none;box-shadow:0 4px 12px #3b82f666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:12500}.template-changes-notification:hover{background:var(--color-cta-3);transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.template-changes-notification.has-changes{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #3b82f666}50%{box-shadow:0 4px 20px #ef444499}}.bell-icon{width:28px;height:28px;color:#fff;pointer-events:none}.changes-badge{position:absolute;top:8px;right:8px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:640px){.template-changes-popup{width:95%;max-height:90vh}.template-changes-header{padding:16px}.template-changes-content,.template-changes-footer{padding:12px 16px}.change-item{padding:10px 12px}.template-changes-notification{bottom:16px;right:16px;width:48px;height:48px}.bell-icon{width:24px;height:24px}.changes-badge{top:6px;right:6px;font-size:10px;min-width:18px;height:18px}}.cl-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:10500}.cl-modal{position:relative;z-index:10501;width:880px;max-width:96%;max-height:90vh;background:var(--color-bg-01);border-radius:14px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;overflow:auto}.cl-settings-panel{position:relative;margin:0;width:100%;max-width:100%;max-height:calc(100vh - 120px);z-index:12000;background:var(--color-bg-01);border-radius:10px;border:1px solid var(--color-border-light);box-shadow:0 8px 30px #0e142814;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.cl-settings-body{display:flex;gap:12px;flex:1;min-height:0;overflow:hidden}.cl-settings-list{width:220px;padding:8px;background:var(--color-bg-02);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:0 4px 12px #0e14280a;overflow:auto;box-sizing:border-box}.cl-settings-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-bottom:8px;border-radius:8px;cursor:pointer;border:1px solid transparent;background:transparent;transition:background .12s ease,transform .06s ease,box-shadow .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.cl-settings-list-item:hover{background:var(--color-bg-03);transform:translateY(-2px);box-shadow:0 8px 20px #0e14280f;border-color:var(--color-border-2)}.cl-settings-list-item:active{transform:translateY(0);box-shadow:0 6px 14px #0e14280f}.cl-settings-list-item.active{background:linear-gradient(180deg,var(--color-soft-01) 0%,var(--color-soft-02) 100%);border-color:var(--color-border-2);box-shadow:0 10px 28px #4b63ff14}.cl-settings-list-item:focus{outline:none;box-shadow:0 0 0 4px #4b63ff1f;border-color:var(--color-border-2)}.cl-settings-list-item .label{font-weight:700;color:var(--color-text-darker)}.cl-settings-list-item .meta{color:var(--color-text-charcoal);font-size:.86rem}.cl-settings-list-item .actions{display:flex;gap:6px;align-items:center}.cl-settings-list-item .actions button{appearance:none;border:0;background:transparent;padding:6px;border-radius:6px;cursor:pointer;color:var(--color-text-slate)}.cl-settings-list-item .actions button:hover{background:#0e14280a;color:var(--color-text-darker)}.cl-settings-edit{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.cl-settings-edit .ag-theme-alpine{height:100%;overflow:auto;border-radius:6px}.cl-settings-header{display:flex;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--color-bg-03)}.cl-settings-header>strong{font-size:1.05rem;color:var(--color-text-darker);line-height:1}.cl-settings-header>div:last-child{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.cl-step{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}.cl-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text-dark)}.cl-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.cl-type-btn{padding:14px 10px;border-radius:10px;background:var(--color-bg-02);border:1px solid var(--color-border-light);cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-text-medium);transition:.15s}.cl-type-btn:hover{background:var(--color-bg-03);transform:translateY(-2px);box-shadow:0 8px 20px #0e14280a}.cl-type-btn.active{background:var(--color-cta);color:var(--color-white);border-color:var(--color-cta);box-shadow:0 0 0 2px #4b63ff1f}.cl-field{display:flex;flex-direction:column;gap:6px}.cl-field span{font-size:.8rem;font-weight:600;color:var(--color-text-charcoal);letter-spacing:.5px}.cl-field input{padding:10px 12px;border:1px solid #d9dee6;border-radius:8px;font-size:.92rem;box-sizing:border-box}.cl-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cl-grid-toolbar .right{display:flex;gap:8px;flex-wrap:wrap}.cl-badge{background:var(--color-soft-02);color:var(--color-primary);font-size:.72rem;padding:4px 8px;border-radius:20px;font-weight:600;letter-spacing:.5px}.cl-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.cl-btn:hover{background:var(--color-bg-02);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cl-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.cl-btn.primary:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 6px 16px #00000026}.cl-btn.primary:active{transform:translateY(0);box-shadow:0 3px 8px #0000001f}.cl-btn.ghost{background:transparent;border-color:transparent;color:var(--color-text-slate)}.cl-btn.ghost:hover{background:var(--color-bg-gray-lightest);transform:translateY(-1px)}.cl-btn.ghost:active{transform:translateY(0)}.cl-btn.small{padding:8px 14px;font-size:.8rem;min-width:fit-content;width:auto}.cl-btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.cl-grid{border:1px solid var(--color-border-light);border-radius:8px;overflow:hidden;background:var(--color-bg-01)}.cl-settings-toggle{position:absolute;top:12px;right:16px;z-index:11000;padding:6px 10px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-bg-01);cursor:pointer;font-weight:700}.cl-settings-toggle:hover{background:var(--color-bg-02)}.ag-theme-alpine .cl-grid-header-center .ag-header-cell-label{justify-content:center}.ag-theme-alpine .ag-row.ag-row-new{background-color:#fef3c7!important;border-left:3px solid #f59e0b}.ag-theme-alpine .ag-row[data-is-new=true]:hover{background-color:#fde68a!important}.ag-theme-alpine .ag-cell.ag-cell-changed{background-color:#fef3c7!important;border-left:2px solid #f59e0b;font-weight:500}.ag-theme-alpine .ag-cell.ag-cell-changed:hover{background-color:#fde68a!important}.cl-settings-list-item.changed-from-global{background-color:var(--color-warning-light);border-left:3px solid #f59e0b}.cl-settings-list-item.changed-from-global:before{content:"⚠";color:#f59e0b;margin-right:6px;font-size:12px}@media(max-width:900px){.cl-settings-panel{padding:10px}.cl-settings-list{width:180px}.cl-modal{width:94%;padding:16px}}@media(max-width:640px){.cl-settings-body{flex-direction:column}.cl-settings-list{width:100%;display:flex;gap:8px;flex-wrap:wrap}.cl-settings-list-item{flex:1 1 calc(50% - 12px);margin-bottom:10px}.cl-settings-header>div{margin-left:auto}}.role-tabs{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.role-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.role-tab:hover{color:#374151;background-color:#f3f4f6}.role-tab.active{color:var(--color-primary, #456cff);border-bottom-color:var(--color-primary, #456cff);background-color:#fff}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group>label:first-child{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.toggle-label{display:flex;align-items:center;cursor:pointer;font-weight:400!important}.toggle-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0 8px 0 0;flex-shrink:0;vertical-align:text-bottom}.template-list{border:1px solid #e5e7eb;border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}.template-item{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.template-item:hover{background-color:#f9fafb}.template-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0 8px 0 0;flex-shrink:0;vertical-align:text-bottom}.no-templates{margin:0;padding:16px;text-align:center;color:#9ca3af;font-size:14px}.role-select{display:flex;gap:16px}.role-select label{display:flex;align-items:center;gap:6px;cursor:pointer}.role-select input[type=radio]{width:16px;height:16px;cursor:pointer;margin:0 8px 0 0;flex-shrink:0;vertical-align:text-bottom}.days-select{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.days-select:last-child{margin-bottom:0}.day-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;-webkit-user-select:none;user-select:none}.day-item:has(input:disabled){cursor:not-allowed;background-color:#f9fafb}.day-item:not(:has(input:disabled)):hover{border-color:var(--color-primary, #456cff);background-color:#456cff0d}.day-item input[type=checkbox],.day-item input[type=radio]{width:16px;height:16px;cursor:pointer;margin:0 8px 0 0;padding:0;flex-shrink:0;vertical-align:text-bottom}.day-item input[type=checkbox]:disabled,.day-item input[type=radio]:disabled{cursor:not-allowed;opacity:1}.day-item span{line-height:1}.deadline-input{display:flex;align-items:center;gap:8px}.deadline-input input[type=number]{width:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.deadline-input input[type=number]:focus{outline:none;border-color:var(--color-primary, #456cff);box-shadow:0 0 0 3px #456cff1a}.deadline-input span{font-size:14px;color:#6b7280}.explorer-page{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;height:100%;min-height:0}.explorer-page{width:100%;height:100%;box-sizing:border-box}.explorer-page .card{display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box}.explorer-card{grid-row:1 / -1;align-self:stretch;justify-self:stretch;height:100%;min-height:0;box-sizing:border-box}.explorer-card .explorer-main{flex:1 1 auto;min-height:0}.explorer-header{display:flex;justify-content:space-between;align-items:center}.explorer-title{font-weight:700;font-size:1.15rem}.explorer-actions{display:flex;gap:8px}.explorer-breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-link{background:transparent;border:0;padding:6px 8px;cursor:pointer;color:var(--color-text-dark);font-weight:600}.btn-link:hover{text-decoration:underline}.explorer-main{border:1px solid var(--color-border-2);box-shadow:0 6px 18px #0e14280a;background:var(--color-white);display:block;flex:1 1 auto;min-height:0;overflow:auto;width:100%;box-sizing:border-box;padding:.5rem 1.25rem 1.25rem;border-radius:8px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.explorer-main .folder-grid{margin-top:8px}.folder{box-sizing:border-box;width:100%;border-radius:8px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:linear-gradient(180deg,var(--color-bg-03) 0%,var(--color-bg-02) 100%);border:1px solid var(--color-border-2);transition:transform .14s ease,box-shadow .14s ease,background .12s ease;min-height:72px;overflow:hidden}.folder:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0e14281f;background:linear-gradient(180deg,var(--color-soft-02) 0%,var(--color-bg-02) 100%);border-color:var(--color-cta-2)}.folder-icon{font-size:30px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.folder-label{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-align:center;color:var(--color-text-darker);font-size:.98rem}.folder-meta{color:var(--color-text-slate);font-size:.85rem}.folder-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;border-radius:4px;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;opacity:0;transition:opacity .2s ease,transform .1s ease,background .1s ease;z-index:10;box-shadow:0 2px 8px #0003}.folder:hover .folder-delete-btn{opacity:1}.folder-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.folder-delete-btn:active{transform:scale(.95)}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;border:1px solid var(--color-border-2);background:var(--color-white);transition:background .12s ease,box-shadow .12s ease,transform .08s ease}.file-item:hover{background:var(--color-bg-03);transform:translateY(-4px);box-shadow:0 12px 28px #0e142814;border-color:var(--color-border-2)}.file-icon{font-size:20px}.file-body{flex:1}.file-title{font-weight:700}.file-meta{color:var(--color-text-charcoal);font-size:.85rem}.empty-state{padding:24px;color:var(--color-text-charcoal);text-align:center}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:2000}.modal-card{width:420px;max-width:92%;background:var(--color-white);border-radius:8px;padding:16px;box-sizing:border-box;border:1px solid var(--color-border-light)}.modal-title{font-weight:700;margin-bottom:8px}.modal-body{color:var(--color-text-medium);margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.view-toggle{padding:6px 10px;border-radius:8px;border:1px solid var(--color-border-2);background:var(--color-bg-03);cursor:pointer;font-weight:700;color:var(--color-text-dark)}.view-toggle[aria-pressed=true]{background:var(--color-cta);color:var(--color-white);border-color:var(--color-cta-2);box-shadow:0 6px 18px #3b54ff1f}@media(max-width:720px){.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.folder-grid{grid-template-columns:repeat(1,1fr)}}.smart-system-header{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:.75rem}.add-site-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:13px;line-height:1.2;border:1px solid var(--color-border-light);background:var(--color-white);color:var(--color-dark-bg);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.add-site-btn:hover{border-color:var(--color-accent);background:var(--color-soft-01);color:var(--color-dark-bg-alt)}.smart-sites-list{display:flex;flex-direction:column;gap:22px;width:100%;margin-top:20px}.smart-site-card{position:relative;background:var(--color-white);border:1px solid var(--color-border-2);border-radius:10px;padding:14px 18px 16px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}.smart-site-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 2px #6268f226;background:var(--color-white-soft)}.smart-site-card .edit-btn{position:absolute;top:10px;right:12px;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:6px;padding:4px 10px;font-size:12px;line-height:1;color:var(--color-dark-text);opacity:0;transform:translateY(-4px);pointer-events:none;white-space:nowrap;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background-color .15s}.smart-site-card:hover .edit-btn{opacity:1;transform:translateY(0);pointer-events:auto}.smart-site-card .edit-btn:hover{border-color:var(--color-accent);background:var(--color-soft-01);color:var(--color-dark-bg)}.smart-site-card .card-top{display:flex;gap:16px}.smart-site-card .thumb{width:120px;height:80px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:var(--color-bg-03)}.smart-site-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.smart-site-card .meta{font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:4px}.smart-site-card .site-name{font-size:15px;font-weight:600}.smart-site-card .expanded-area{display:block;border-top:1px solid #eceff5;padding-top:16px;margin-top:8px}.smart-site-card .expanded-area{max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height .3s ease,opacity .2s ease,transform .3s ease}.smart-site-card.expanded .expanded-area{max-height:600px;opacity:1;transform:translateY(0)}.room-name-bar{margin-top:8px}.room-name-bar .room-chip{border:1px solid var(--color-border-light, #e5e7eb);background:var(--color-white);color:var(--color-text-dark);padding:6px 10px;border-radius:999px;font-size:12px;line-height:1.2;cursor:pointer;transition:background .12s ease,transform .08s ease,box-shadow .12s ease,border-color .12s ease}.room-name-bar .room-chip:hover{background:var(--color-soft-01, #f8fafc);transform:translateY(-1px);box-shadow:0 4px 10px #0000000a}.room-name-bar .room-chip:active{transform:translateY(0)}.room-name-bar .room-chip.active{background:var(--color-soft-02, #eef2ff);border-color:var(--color-border-2, #d1d5db);box-shadow:inset 0 0 0 1px #6366f140}.smart-site-card .detail-image-wrapper{border:1px solid var(--color-border-2);background:var(--color-bg-01);border-radius:6px;overflow:auto;max-height:420px}.smart-site-card .detail-image-wrapper img{display:block;width:100%;height:auto}.smart-site-card .detail-desc{border:1px solid #dfe3ec;border-radius:6px;padding:24px;background:var(--color-bg-01);min-height:120px;font-size:14px;line-height:1.5;color:var(--color-text-medium)}.empty-hint{padding:48px 0;text-align:center;color:var(--color-dark-border);font-size:14px}.dashboard-main>.smart-system-page{grid-column:1 / -1;width:100%;min-width:0;display:block;padding:0}.smart-system-page>.smart-system-panel.card{width:100%;display:flex;flex-direction:column}.dashboard-main:has(>.smart-system-page){display:block;padding:2rem 0 2rem 2rem;height:auto;min-height:100%}.dashboard-main:has(>.smart-system-page) .smart-system-page{margin:0}.smart-system-panel .smart-sites-list{padding:0 var(--title-indent);box-sizing:border-box}.smart-system-panel .smart-sites-list .smart-site-card{width:100%}.smart-system-subnav .active-subnav{color:var(--color-cta);font-weight:700;border-bottom:2px solid var(--color-cta-2);padding-bottom:2px}.smart-site-card .action-buttons .edit-btn{position:static;top:auto;right:auto;pointer-events:auto}.smart-site-card .action-buttons .delete-btn{position:static;border-color:var(--color-danger-light);color:var(--color-danger);pointer-events:auto}.smart-site-card:hover .delete-btn{border-color:var(--color-danger-light);background:var(--color-danger-bg);color:var(--color-danger-dark)}.smart-site-card{overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}.smart-site-card .expanded-area{max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height .35s ease,opacity .25s ease,transform .35s ease;padding-top:0;margin-top:0;border-top:0}.smart-site-card.expanded .expanded-area{max-height:500px;opacity:1;transform:translateY(0);padding-top:16px;border-top:1px solid #eceff5}.smart-site-card .expanded-top{display:flex;gap:14px;padding-right:4px;animation:fadeSlideIn .35s ease}.smart-site-card .expanded-top .thumb.small{width:68px;height:48px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:var(--color-bg-02);transition:width .3s ease,height .3s ease}.smart-site-card .expanded-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;font-size:13px;line-height:1.4}.smart-site-card .expanded-info .row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.smart-site-card .expanded-info .row1 .site-name{font-size:15px;font-weight:600}.smart-site-card .expanded-info .sep-dot{opacity:.45;font-size:12px;line-height:1}.smart-site-card .expanded-info .addr{color:var(--color-text-medium)}.smart-site-card .expanded-info .row2{font-size:12.5px;opacity:.95}.smart-site-card .expanded-info .row2 .spacer{flex:1 1 auto}.smart-site-card .expanded-info .row2 .amount{white-space:nowrap}.smart-site-card .expanded-info .row2 .comma{opacity:.6}.smart-site-card .card-top:not(.expanded-top){transition:padding .3s ease}.smart-site-card .action-buttons{position:absolute;top:10px;right:12px;display:flex;gap:6px;pointer-events:none}.smart-site-card .action-buttons .edit-btn,.smart-site-card .action-buttons .delete-btn{position:static;pointer-events:auto}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bp-upload{display:flex;flex-direction:column;gap:10px}.bp-dropzone{border:2px dashed var(--color-border-light);border-radius:10px;background:var(--color-white-softer);min-height:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:background .15s,border-color .15s}.bp-dropzone:hover{background:var(--color-bg-03);border-color:var(--color-cta-2)}.bp-hint{color:var(--color-dark-border);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.bp-preview{display:block;width:100%;height:auto;border-radius:8px}.bp-box{position:absolute;border:2px solid rgba(98,104,242,.9);background:#6268f21f;border-radius:4px;pointer-events:none}.bp-text{position:absolute;font-size:12px;background:#ffffffd9;padding:2px 4px;border-radius:3px;border:1px solid var(--color-border-light);color:var(--color-dark-accent);pointer-events:none}.bp-actions{display:flex;gap:8px;flex-wrap:wrap}.bp-actions .card-action-btn{width:auto;min-width:96px;height:32px;padding:0 10px;font-size:13px;line-height:30px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box}.bp-canvas-wrapper{position:relative;width:100%;overflow:auto;border-radius:8px}.bp-analyze-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:16px;height:46px;padding:0 20px;border-radius:23px;border:1px solid var(--color-cta-2);background:var(--color-white);color:var(--color-dark-accent);box-shadow:0 6px 16px #6268f22e;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.bp-analyze-btn:hover:not(:disabled){background:var(--color-bg-03);border-color:var(--color-accent)}.bp-analyze-btn:disabled{opacity:.7;cursor:default}.bp-actions{display:flex;gap:8px;margin-top:8px}.bp-actions .card-action-btn{width:auto;min-width:92px;height:32px;padding:0 10px;font-size:13px;line-height:30px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.smart-site-card{box-sizing:border-box;overflow:visible}.smart-site-card:not(.expanded){height:120px;overflow:hidden}.smart-site-card.expanded{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.smart-site-card.expanded .expanded-area{height:auto!important;max-height:none!important;overflow:visible!important}.smart-site-card.expanded .expanded-area .blueprint-scroll{max-height:100vh;overflow-y:auto;overflow-x:hidden}.smart-site-card-list,.smart-site-cards,.smart-site-wrapper{overflow:visible}.smart-site-card .blueprint-scroll{max-height:none!important;overflow:visible!important;padding-bottom:0!important}.bp-canvas-wrapper,.smart-site-card .detail-image-wrapper{max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;box-sizing:border-box}.smart-site-card .detail-image-wrapper img,.bp-preview,.bp-canvas-wrapper img,.bp-canvas-wrapper svg{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;line-height:0!important;box-sizing:border-box!important}.smart-site-card .detail-image-wrapper,.bp-canvas-wrapper,.bp-preview{min-height:0!important;max-height:none!important}.header-actions .card-action-btn.active,.card-action-btn.active{background:var(--color-accent);border-color:var(--color-accent-2);color:var(--color-white);box-shadow:0 6px 18px #6268f22e}.card-action-btn.edit-button.active{background-color:var(--color-accent);background-image:var(--edit-icon, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIbSURBVHgB7djNbcIwFAfw58Chx4zACHQC6AbdoPRaFTATlE5AyofErbABI8AEpRM0I3BEgsR9zxCTBEIDJHYO/UuAvyL95NgRDkDBw8BQOOc2rNc23N2tHMdZJY3TDuSvr3Vg7A2L9VCzyxhzev3+R3y8ViBvt3vg+/zMEBc2mwdnPHaDBm1A3mx+4k8jxVAXSqX74LZboCEJuAl+nkGId4k6pALbrZrlMuScBNyzMxhM1BjOJ+B5X1i0ZQNjT/jdpWKuM5gGR8Hb6eJMhjdIRe7yPIFpcSqMuZE6PYIgJ+DFOIoQ9XA12MmZA6/BdVqtp/2620WIeVDMFHgtTggR6WeWpeqZ7eKscLRZeoPBNKhm8qDOEDd1hsNGuOlmYJ64m4F5424C6sBdDdSFuwqoE3cxUDfuIqAJXGqgKVwqoEncn0DTuLPAIuASgUXBUY7+bsmjYUFwJ4F4bm1AQXCUyP9BeeoPTlYU3+84o9EEDOEo8Rl8jNQ8bwYGcZQ4sKZKjC3DryBM4CgKiOfQCqKqqsf3F2AYRzmswe22isBwX+T2yoO077cR1wVNuCgwvv7K5aXcNJZF7TVcj9Wjq3PGSYYqMVaL9HjeD7bZiDh9pQYcRa5B/vJCs1OJ9dkJ16zoaKgDR9nNYKlUPTuKTvqW9Y1rcEa3/twr26xT3gPc2AYhAG2SBeJnOkHxKJV8zHheHV/BzpOef/85kV9LcNKIS04vGQAAAABJRU5ErkJggg==))}.bulk-edit-hint{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#0a0c1ef5;color:var(--color-white);padding:10px 14px;border-radius:20px;font-size:13px;z-index:12000;box-shadow:0 8px 30px #060a284d;pointer-events:none}.smart-site-card.bulk-edit-mode{cursor:grab;border-color:var(--color-cta-2);box-shadow:0 4px 18px #2734ea0f}.smart-site-card.bulk-edit-mode:active{cursor:grabbing}.smart-site-card.dragging{opacity:0;border-style:dashed;background:#ffffff05;pointer-events:none}.smart-site-card.drag-source-visual{transform:translateY(-6px);box-shadow:0 18px 40px #060a2838;opacity:1!important}.smart-site-card.drag-over{transform:translateY(8px);transition:transform .12s ease}.smart-site-card .action-buttons{pointer-events:auto}.drag-clone{transform-origin:0 0;border-radius:10px;box-shadow:0 18px 40px #060a282e;background:var(--color-white);overflow:visible;opacity:.95;pointer-events:none;transition:transform .08s linear;will-change:transform}.smart-site-card.drag-source-visual{display:none}.card-action-btn[disabled],.card-action-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;filter:grayscale(.05);pointer-events:none}.smart-site-card .edit-btn[disabled],.smart-site-card .edit-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;border-color:var(--color-border-light);background:var(--color-soft-01);color:var(--color-gray-text)}.smart-site-card.bulk-edit-mode .action-buttons,.smart-site-card.bulk-edit-mode .edit-btn,.smart-site-card.bulk-edit-mode .delete-btn{display:none!important;visibility:hidden!important;pointer-events:none!important}.smart-system-panel.card{overflow:hidden}.reorder-controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:auto;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:9000}.smart-site-card.bulk-edit-mode .reorder-controls{opacity:.98}.smart-site-card.bulk-edit-mode:hover .reorder-controls,.smart-site-card.bulk-edit-mode .reorder-controls{opacity:1}.reorder-btn{width:34px;height:28px;border-radius:6px;border:1px solid var(--color-border-2);background:var(--color-white);color:var(--color-dark-text);font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px #060a280a;transition:transform .08s ease,background .08s ease,border-color .08s ease}.reorder-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-accent);background:var(--color-soft-01);color:var(--color-dark-bg)}.reorder-btn:disabled,.reorder-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;border-color:var(--color-border-light);background:var(--color-white-soft);color:var(--color-gray-text)}.reorder-controls .reorder-btn.up{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.reorder-controls .reorder-btn.down{border-top-left-radius:6px;border-top-right-radius:6px}.smart-site-card .action-buttons{right:12px}.smart-site-card.focused,.smart-site-card:focus{outline:3px solid rgba(98,104,242,.16);box-shadow:0 10px 30px #6268f214;border-color:var(--color-accent)}.smart-site-card:focus{outline-offset:2px}.smart-site-card .reorder-controls{display:none!important}@font-face{font-family:Paperlogy;src:url(/static/assets/Paperlogy-8ExtraBold-C8PsdfHw.woff2) format("woff2");font-weight:800}@font-face{font-family:NanumSquareNeo;src:url(/static/assets/NanumSquareNeoOTF-Bd-CBceSZRc.woff2) format("woff2");font-weight:700}html,body{margin:0;padding:0;height:100%;width:100%;font-family:NanumSquareNeo,sans-serif;box-sizing:border-box}.effect-hover-lift{--hover-lift-y: -2px;--hover-bg: rgba(0, 0, 0, .12);--hover-shadow: 0 6px 14px rgba(0,0,0,.12);border-radius:10px;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease}.effect-hover-lift:hover,.effect-hover-lift.cl-btn:hover,.effect-hover-lift.cl-btn.ghost:hover{transform:translateY(var(--hover-lift-y));background-color:var(--hover-bg);box-shadow:var(--hover-shadow)}.spinner{width:40px;height:40px;border:4px solid var(--color-border-01, #e0e0e0);border-top-color:var(--color-primary, #1976d2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary, #666);gap:16px}.loading-container p{margin:0;font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-text);border-radius:8px;border:2px solid var(--color-border-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-text)}::-webkit-scrollbar-thumb:active{background:var(--color-gray-text)}html{scrollbar-width:thin;scrollbar-color:#c5ccf5 transparent}.dashboard-main,.right-panel,.settings-popup,body{scrollbar-gutter:stable}:root{--setting-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMcSURBVHgBlVU9ViJBEK4e2PfIFm+AJxATnyF7gtUTCJmBwJhtBpzAAQ3MHE+wcALZbJ+J7gnkBju5DLVfVfe0PcAq1nvz0931+9VPG9qR4l5vQMyxLqIoTcbjy13kKrswxf3+FZT/wG9NH+bj46Mj8/vxcf6RbHVDWRzXabls4lkkt7cL3Vyt2vp9fd2nGmzk+QsZ08fOUGUuLlr4iNyzl3FkwsVlr9dn5qEyC0VRAmW/oOynLJPra+WPu92/wmOMaYNfjLdCNeBLikUUeN4Ac6LKmZ/xzeB5XCgHpV4F8739cOqUZ1hM3elAUVg3oLBYmiU3N4dUqRxCaK7GmEdY+6TiXJLd0XNjxoDuEHunzrF6oOsNIsXRmAf1RgTWsPyIBAHA+aQGkKtCPgq8muMzV4ZqNabPUp7fkYV3HDpXriIcIooW/g62eCcKmmQLYAovL0tRMtchSyaKHkJZjUCaCJUhpSdKhCmlzdBbVFQX0Ql9+fIUn583Al0za4enUmXaO2LAdegQ/w0X4v3VZHIfhH5V7CPRe3j2XRXVYeTO81WrSVFdeoYKRF6HpqhpHH4D03OSJFkJnm6X9SdInJZhnotchprfozVyUb/IeVimi3XljuxerRae1de+/6UqPJ8B+zOE+wK4pI6nyWQyCnhkryVQAfORGsrzgTublTwX3GWs5Lk1DMgiLckCO+am5EOw81KVSsdF0RYnHDRtsv3iyxlQtrXzbVTS2SNpyEhgwU9bEyjdKRRF3wtBnC9cV089ZNLBm814Ji+ZT5IX6BxaiN4UZQjxAF7I9CzlQo0QndJ7xPxHesgNP1+FpWHnQsyQ8A59lqRMLZQtN77ttmdYLhvSiXj0HvAGmQ8QdlrqDXI3nDQcs+SiI1EiD3PZQ6N+LfhMEEHd1a4dBeXOFUqBbccrt81ZUCaOaZEIbR120gOrVVGeJ2SbT8b1Kbkq8nN+tTpxfB2dX5a3SfYOKc2o0o3mImm4eZ65CUs6p2SU2G5fuEilhPe0OKxMY9sk2DCwjbQvjBmsbXvI3qOIdiCtabnVLFTypOEN9x79A+JbznEEfb81AAAAAElFTkSuQmCC);--setting-hover-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALuSURBVHgBlVY7dhpBEJxFBM68Cnkk+ARaPoFDfAKjExhOYJQ5EzoBcAJB5sxwAuEcED4BZJB5QwV8XDXUrIcFCdTv7Ztv91RXfyAwF0qpVLoPgqDJOcbeeDy+u0Tv6pJLMN6G0R+YftD3OZfLBcvlcnRON5veiKIozGaz0Xq9Xsxms4UQ1zluNptPFtXV1Rx73zFtcV2pVKq73S7E+czpOAn8RblcdkqhDHeg+BvTX1xPJpNA9/7qTl1f1dnA/bvpdNpx64yHvICBByEuzTDGGJvOOKTnYel7e0QfYxwI1D1ZOHoAbkeaDoGgCHeLmI/4GJQesE6CCk+a2G/wHF93u90WsXcrYJbiI4rE4xOR03iay3NCBgDymQ8wVk4/8QBpNxKiMJPJNM07BcYfzT4uXR9cOou6+Kqg5OYEOhqIZGRAynxDzCLoMQZPvq71gEWEb47po/Z75tj1qoxTatxTYjgZ6qEBswyUt+0DqtAWvoIM9BGwvud62+0D9bVqgeehvLKCQHfM/+xiJjZhuxW4nMYDX1BcLJTYdxHnO45+4JiGME69GGCuTUrkNRmJkyCrcmNzLHFqtAhT46vCB4aiYg6XnklZ6s5M520iI3pkmbsz9C+yZ5ERoaf0M3CdKWm5A00R40HunBLOG0JfpyKpYW9i9UrXGa+r25L/mMXJgsyQFkzqDKCqk/I1gQ/eVdW2FagtjFi9fprC4DdN6+gE16grCzLrGYqB4kaXD2IhQ7fmDcHDf6BXNfvml2ThQbOji3K9Yd4pSlMCq7LtuP3EAzSoAoxzan8HlGrklF71/NqgKBlq9JaAqIMAj7iH76O7F3gehIq+bQXmsHKNHmk440wG74ytfcEk4eJks2MMcOlBy5qMj8yee5tFXp/nuVFSsH+xUCNlz0GPOvhFkyekhukaq8OymulZQdW+cHnOzCMw6pDiU53g6IFTYnsKfqlS2wllb8lF/yr47yGfzweggBy/4LGfbNer1erlnO4/UAmzVzJi58wAAAAASUVORK5CYII=)}.settings-button{display:inline-block;width:42px;height:42px;padding:8px;border-radius:10px;border:1px solid var(--color-border-light);background-color:var(--color-white);background-image:var(--setting-icon);background-repeat:no-repeat;background-position:center;--settings-icon-size: 1.2em;background-size:var(--settings-icon-size) var(--settings-icon-size);cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease}.dashboard-header .settings-button{width:36px;height:36px;padding:6px}.settings-button:hover{transform:translateY(var(--hover-lift-y, -2px));background-color:var(--hover-bg, rgba(0,0,0,.12));box-shadow:var(--hover-shadow, 0 6px 14px rgba(0,0,0,.12));background-image:var(--setting-hover-icon)}.settings-button.active{border-color:var(--color-text-medium)}.settings-button:focus{outline:2px solid rgba(98,104,242,.18);outline-offset:2px}.card-action-btn.settings-button{background-image:var(--setting-icon);background-repeat:no-repeat;background-position:center;background-size:var(--settings-icon-size) var(--settings-icon-size);background-color:var(--color-white);border:1px solid var(--color-border-light)}.card-action-btn.settings-button:hover{transform:translateY(var(--hover-lift-y, -2px));background-color:var(--hover-bg, rgba(0,0,0,.12));box-shadow:var(--hover-shadow, 0 6px 14px rgba(0,0,0,.12));background-image:var(--setting-hover-icon)}.card-action-btn.edit-button{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:10px;background-image:var(--edit-icon, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIbSURBVHgB7djNbcIwFAfw58Chx4zACHQC6AbdoPRaFTATlE5AyofErbABI8AEpRM0I3BEgsR9zxCTBEIDJHYO/UuAvyL95NgRDkDBw8BQOOc2rNc23N2tHMdZJY3TDuSvr3Vg7A2L9VCzyxhzev3+R3y8ViBvt3vg+/zMEBc2mwdnPHaDBm1A3mx+4k8jxVAXSqX74LZboCEJuAl+nkGId4k6pALbrZrlMuScBNyzMxhM1BjOJ+B5X1i0ZQNjT/jdpWKuM5gGR8Hb6eJMhjdIRe7yPIFpcSqMuZE6PYIgJ+DFOIoQ9XA12MmZA6/BdVqtp/2620WIeVDMFHgtTggR6WeWpeqZ7eKscLRZeoPBNKhm8qDOEDd1hsNGuOlmYJ64m4F5424C6sBdDdSFuwqoE3cxUDfuIqAJXGqgKVwqoEncn0DTuLPAIuASgUXBUY7+bsmjYUFwJ4F4bm1AQXCUyP9BeeoPTlYU3+84o9EEDOEo8Rl8jNQ8bwYGcZQ4sKZKjC3DryBM4CgKiOfQCqKqqsf3F2AYRzmswe22isBwX+T2yoO077cR1wVNuCgwvv7K5aXcNJZF7TVcj9Wjq3PGSYYqMVaL9HjeD7bZiDh9pQYcRa5B/vJCs1OJ9dkJ16zoaKgDR9nNYKlUPTuKTvqW9Y1rcEa3/twr26xT3gPc2AYhAG2SBeJnOkHxKJV8zHheHV/BzpOef/85kV9LcNKIS04vGQAAAABJRU5ErkJggg==));background-repeat:no-repeat;background-position:center;background-size:20px 20px;font-size:0;position:relative;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.card-action-btn.edit-button:after{content:"";position:absolute;inset:0;background-image:var(--edit-hover-icon, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIRSURBVHgB7dhNboJAGAbgT8W4My6b+BN6A3uC0hv0BtITtD1Be4OWExRv4BHwBLUnKNGNSzUuWhO170fADhOwKDCw6JsQZoYhPhlmiANRyVOjgtJCLhAufyFx/SqkOJ1Ox6hUKk84DKHZxfE6nU4tub9SYK/Xe8Hp4UgXd7PZ3MznczdoUAbsdrtvGDUzQVd3tVpdLRCuKJmDMTh7v99baP9AWcfR8ttbjUbje7lcOlzJfQSjcIDdzWYzO6jryG63exeQLubjJReqlGOS4DwNgpO4QHRe5bkCk+KEa65YzxV4Ks6PIVb8USWNMs45OLx+BjgNgjrud4JypiOYAmdL99iZA7PCIRZW8DCoZPKayXDkhrjHFNtSA/PEpQbmjUsFVIE7G6gKdxZQJe5koGrcScAicImBReESAYvE/QksGncUWAZcLLAsOI4W8UO8NTSpBDhO1N8tk0qC44SAvOun350V57FIHMnAarV6K9VHVCDOM0j1a6E8CTYuclThOAcgPjTpOPWFa2MqGMc5rOJ6vS7iCDv90OPlfWqz2bxH8ZkU4UJAJDT/1uv1hBeNPy/50fflm/PGhYB4MYvzjzBanxRe0aGowHG8Odhut3l0dOlaHI4/i1kqcBxvBPEY+8c6YbQc/kzG81LTNF7dC1IUzQe4AIjtDBihfVyr1UYqQXIOKv5Gt91uDYCcuPfffyLyA7t64jUM04aUAAAAAElFTkSuQmCC));background-repeat:no-repeat;background-position:center;background-size:20px 20px;opacity:0;transition:opacity .18s ease;pointer-events:none}.card-action-btn.edit-button:hover:after{opacity:1}.card-action-btn.edit-button:hover{transform:translateY(-2px);background-color:#0000001f;box-shadow:0 6px 14px #0000001f}.card-action-btn.edit-button.active{border-color:var(--color-text-medium)}.card-action-btn.add-button{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:10px;color:#706d6d;font-size:1.35rem;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}.card-action-btn.add-button:hover:not([disabled]):not([aria-disabled=true]){transform:translateY(-2px);background-color:#0000001f;box-shadow:0 6px 14px #0000001f;color:#000}.card-action-btn.add-button[disabled],.card-action-btn.add-button[aria-disabled=true]{color:#c4cbd4;cursor:not-allowed;opacity:.5}