@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.sidebar{background:#ffffffe6;height:100vh;position:relative;display:flex;flex-direction:column;box-shadow:20px 20px 60px #0000000d,-20px -20px 60px #fffc;z-index:1000;overflow:hidden;transition:width .3s ease}.sidebar.expanded{width:280px}.sidebar.collapsed{width:80px}@media (max-width: 770px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;background:#fff}.sidebar.expanded{transform:translate(0);width:100%;max-width:280px}.sidebar.collapsed{transform:translate(-100%)}}.sidebar-header{display:flex;align-items:center;position:relative;height:70px}.sidebar-header .sidebar-toggle-inner{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:15px;transition:all .3s ease;width:100%}.sidebar-header .sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:15px;transition:all .3s ease;flex-shrink:0}.sidebar-header .sidebar-toggle-btn:hover{background-color:#0000000d}.sidebar-header .sidebar-toggle-btn .toggle-icon{font-size:1.5rem;color:#1e293b}.sidebar-header .logo-text-wrapper{display:flex;align-items:center;gap:.5rem;margin-left:.25rem;min-width:0}.sidebar-header .logo{height:24px;width:auto;object-fit:contain;flex-shrink:0}.sidebar-header .logo-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1rem 0rem 0rem;overflow-y:auto;flex:1}.sidebar-nav .nav-item{display:flex;align-items:center;padding:.5rem;border-radius:15px;color:#1e293b;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.sidebar-nav .nav-item:hover{background:linear-gradient(135deg,#2ecc711a,#3498db1a)}.sidebar-nav .nav-item .icon-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sidebar-nav .nav-item .nav-icon{font-size:1.2rem;color:#1e293b}.sidebar-nav .nav-item .nav-label{margin-left:1rem;font-size:.9rem;white-space:nowrap}.sidebar-nav .nav-item.active{background:linear-gradient(135deg,#2ecc7126,#3498db26);box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #fffc;transform:translate(5px)}.sidebar-nav .nav-item.active .nav-icon{background:linear-gradient(135deg,#2ecc71,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav .nav-item.active .nav-label{font-weight:600;color:#2ecc71}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(to bottom,#2ecc71,#3498db);border-radius:0 4px 4px 0}.team-info{margin-top:auto;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:15px;border:1px solid #e2e8f0;-webkit-backdrop-filter:none;backdrop-filter:none;height:120px}.team-info h3{color:#2ecc71;font-size:.95rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-info p{color:#636e72;font-size:.85rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{position:fixed;top:16px;left:16px;z-index:1001;background:#ffffffe6;border:none;border-radius:12px;padding:8px;cursor:pointer;box-shadow:20px 20px 60px #0000000d,-20px -20px 60px #fffc;transition:all .3s ease;color:#1e293b}.sidebar-toggle:hover{transform:scale(1.05);color:#6366f1}.sidebar-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}@media (max-width: 770px){.sidebar-overlay{display:block}}.user-profile .profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-profile .profile-header .profile-image{width:50px;height:50px;border-radius:50%;overflow:hidden;box-shadow:20px 20px 60px #0000000d,-20px -20px 60px #fffc;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;transition:all .3s ease}.user-profile .profile-header .profile-image img{width:100%;height:100%;object-fit:cover}.user-profile .profile-header .profile-image .initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:inherit}.user-profile .profile-header .profile-info h2{font-size:1.2rem;color:#2d3436;margin-bottom:.25rem}.user-profile .profile-header .profile-info .position,.user-profile .profile-header .profile-info .department{font-size:.9rem;color:#636e72}.user-profile .experience-info{background:#ffffffb3;border-radius:15px;padding:1rem;border:1px solid rgba(255,255,255,.18)}.user-profile .experience-info .experience-item{display:flex;justify-content:space-between;align-items:center}.user-profile .experience-info .experience-item .label{font-size:.9rem;color:#636e72}.user-profile .experience-info .experience-item .value{font-size:1rem;font-weight:600;color:#2d3436}.user-profile.compact .profile-header{margin-bottom:0;gap:.5rem}.user-profile.compact .profile-header .profile-image{width:32px;height:32px;font-size:1rem}.user-profile.compact .profile-header .profile-info h2{font-size:.9rem;margin-bottom:0}.user-profile.compact .profile-header .profile-info .position{font-size:.8rem}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.custom-modal-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.custom-modal-content{background-color:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;width:100%;max-width:500px;position:relative;transform:scale(.9);transition:transform .3s ease}.open .custom-modal-content{transform:scale(1)}.light-mode .custom-modal-content,.custom-modal-content.light-mode{background-color:#fff!important;color:#1e293b!important}.light-mode .custom-modal-content .modal-header .modal-title,.custom-modal-content.light-mode .modal-header .modal-title{color:#1e293b!important}.light-mode .custom-modal-content .modal-header .close-button,.custom-modal-content.light-mode .modal-header .close-button{color:#64748b!important}.light-mode .custom-modal-content .modal-header .close-button:hover,.custom-modal-content.light-mode .modal-header .close-button:hover{color:#1e293b!important}.custom-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.custom-modal-content .modal-header .modal-title{font-size:18px;font-weight:600;color:#2d3436}.custom-modal-content .modal-header .close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#636e72;padding:4px;line-height:1}.custom-modal-content .modal-header .close-button:hover{color:#2d3436}.custom-modal-content .modal-body{max-height:70vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.custom-modal-content .modal-body::-webkit-scrollbar{width:0;background:transparent}@media (max-width: 576px){.custom-modal-content{max-width:90%;padding:16px}.custom-modal-content .modal-header .modal-title{font-size:16.2px}}.settings-modal-content{padding:1rem}.settings-modal-content .settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-modal-content .setting-group{padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.settings-modal-content .setting-group h3{font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;color:#333;padding-bottom:.75rem;border-bottom:1px solid #eee}.settings-modal-content .theme-color-group .color-presets{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.settings-modal-content .theme-color-group .color-presets .color-preset{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s}.settings-modal-content .theme-color-group .color-presets .color-preset:hover{transform:scale(1.1)}.settings-modal-content .theme-color-group .color-presets .color-preset.selected{border-color:#333;box-shadow:0 0 5px #0003}.settings-modal-content .theme-color-group .color-picker-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-modal-content .theme-color-group .color-picker-container .color-input{width:40px;height:40px;border:1px solid #ccc;border-radius:4px;padding:0;cursor:pointer;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-modal-content .theme-color-group .color-picker-container .color-input::-webkit-color-swatch-wrapper{padding:0}.settings-modal-content .theme-color-group .color-picker-container .color-input::-webkit-color-swatch{border:none;border-radius:3px}.settings-modal-content .theme-color-group .color-picker-container .color-input::-moz-color-swatch{border:none;border-radius:3px}.settings-modal-content .theme-color-group .color-picker-container span{font-size:.9rem;color:#555}.settings-modal-content .theme-color-group .confirm-theme-btn{padding:.6rem 1.2rem;background-color:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.settings-modal-content .theme-color-group .confirm-theme-btn:hover{background-color:var(--primary-color-dark, #1565c0)}.settings-modal-content .schedule-style-group .schedule-style-options{display:flex;flex-direction:row;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.settings-modal-content .schedule-style-group .schedule-style-options label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%;max-width:150px;padding:.5rem;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s}.settings-modal-content .schedule-style-group .schedule-style-options label:hover{background-color:#f9f9f9;border-color:#ccc}.settings-modal-content .schedule-style-group .schedule-style-options label.active,.settings-modal-content .schedule-style-group .schedule-style-options label input[type=radio]:checked+.style-preview{border-color:var(--primary-color, #1976d2);background-color:#1976d20d;box-shadow:0 0 5px #1976d233}.settings-modal-content .schedule-style-group .schedule-style-options label input[type=radio]{margin:.25rem 0;accent-color:var(--primary-color, #1976d2);background-color:#fff}.settings-modal-content .schedule-style-group .schedule-style-options label .style-name{font-size:.9rem;font-weight:500;color:#555;margin-top:.25rem}.settings-modal-content .schedule-style-group .schedule-style-options label .style-preview{width:100%;padding:.75rem;background-color:#f5f5f5;border-radius:4px;margin-top:.25rem}.settings-modal-content .schedule-style-group .schedule-style-options label .style-preview .preview-item{height:18px;font-size:.8rem;overflow:hidden;display:flex;align-items:center}.settings-modal-content .schedule-style-group .schedule-style-options label .default-style .preview-item{background-color:#1976d21a;border-left:3px solid #1976d2;border-radius:3px;padding:3px 5px;display:flex;justify-content:space-between}.settings-modal-content .schedule-style-group .schedule-style-options label .default-style .preview-item .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-modal-content .schedule-style-group .schedule-style-options label .default-style .preview-item .time{font-size:.7rem;opacity:.8;margin-left:.25rem}.settings-modal-content .schedule-style-group .schedule-style-options label .dot-style .preview-item{display:flex;align-items:center;gap:.35rem}.settings-modal-content .schedule-style-group .schedule-style-options label .dot-style .preview-item .dot{width:8px;height:8px;border-radius:50%;background-color:#1976d2;flex-shrink:0;display:block}.settings-modal-content .schedule-style-group .schedule-style-options label .dot-style .preview-item .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-modal-content .schedule-style-group .schedule-style-options label .dot-style .preview-item .time{font-size:.7rem;opacity:.8;margin-left:.25rem}.settings-modal-content .schedule-style-group .schedule-style-options label .compact-style .preview-item{background-color:#1976d21a;border-radius:3px;padding:3px 5px}.settings-modal-content .schedule-style-group .schedule-style-options label .compact-style .preview-item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-modal-content .badge-style-group .badge-style-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.settings-modal-content .badge-style-group .badge-style-options label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;padding:.75rem .5rem;border-radius:4px;border:1px solid #e0e0e0;transition:all .2s}.settings-modal-content .badge-style-group .badge-style-options label:hover{background-color:#f5f5f5}.settings-modal-content .badge-style-group .badge-style-options label.active,.settings-modal-content .badge-style-group .badge-style-options label input[type=radio]:checked+.badge-preview{border-color:var(--primary-color, #1976d2);background-color:#1976d20d;box-shadow:0 0 5px #1976d233}.settings-modal-content .badge-style-group .badge-style-options label input[type=radio]{margin:.25rem 0;accent-color:var(--primary-color, #1976d2);background-color:#fff}.settings-modal-content .badge-style-group .badge-style-options label .badge-preview{width:100%;padding:.5rem;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:center;margin-top:.25rem}.settings-modal-content .badge-style-group .badge-style-options label .badge-text span{color:#1976d2;font-size:.8rem;font-weight:500}.settings-modal-content .badge-style-group .badge-style-options label .badge-bg span{background-color:#1976d21a;color:#1976d2;font-size:.8rem;padding:2px 8px;border-radius:12px}.settings-modal-content .badge-style-group .badge-style-options label .badge-border span{border:1px solid #1976d2;color:#1976d2;font-size:.8rem;padding:2px 8px;border-radius:12px}.settings-modal-content .badge-style-group .badge-style-options label .badge-bg-border span{background-color:#1976d21a;border:1px solid #1976d2;color:#1976d2;font-size:.8rem;padding:2px 8px;border-radius:12px}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #00000026}.settings-modal .settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:1}.settings-modal .settings-modal-header h2{font-size:1.5rem;color:#333;margin:0}.settings-modal .settings-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#666;cursor:pointer;border-radius:50%;transition:all .3s}.settings-modal .settings-modal-header .close-btn:hover{background:#f5f5f5;color:#333}.settings-modal .settings-modal-content{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 80px)}.settings-modal .settings-modal-content .settings-section{margin-bottom:2rem}.settings-modal .settings-modal-content .settings-section:last-child{margin-bottom:0}.settings-modal .settings-modal-content .settings-section .avatar-preview{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;border:2px solid #e0e0e0}.settings-modal .settings-modal-content .settings-section .avatar-preview .color-code{color:#fff;font-size:.75rem;text-align:center;word-break:break-all;width:100%;padding:0 .5rem}.settings-modal .settings-modal-content .settings-section .color-palette-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center;justify-content:center}.settings-modal .settings-modal-content .settings-section .color-palette-button{width:30px;height:30px;border-radius:50%;border:1px solid #ccc;cursor:pointer;background:none;padding:0;transition:all .2s}.settings-modal .settings-modal-content .settings-section .color-palette-button:hover{transform:scale(1.1)}.settings-modal .settings-modal-content .settings-section .color-palette-button.selected{border:2px solid var(--primary-color, #6366f1);box-shadow:0 0 5px #6366f14d}.settings-modal .settings-modal-content .settings-section .color-input{width:34px;height:34px;border:none;background:none;cursor:pointer;padding:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-modal .settings-modal-content .settings-section .color-input::-webkit-color-swatch-wrapper{padding:0}.settings-modal .settings-modal-content .settings-section .color-input::-webkit-color-swatch{border:none;border-radius:3px}.settings-modal .settings-modal-content .settings-section .color-input::-moz-color-swatch{border:none;border-radius:3px}.settings-modal .settings-modal-content .settings-section .color-modal-dropdown{position:absolute;top:100%;left:0;width:100%;min-width:220px;background:#fff;border-radius:1rem;box-shadow:0 8px 32px #0000002e;padding:1.2rem 1rem 1rem;z-index:10;display:flex;flex-direction:column;align-items:center;margin-top:.5rem}@media (max-width: 480px){.settings-modal .settings-modal-content .settings-section .color-modal-dropdown{min-width:140px;padding:.7rem .3rem}}.settings-modal .settings-modal-content .settings-section h3{font-size:1.2rem;color:#333;margin:0 0 1rem}.settings-modal .settings-modal-content .settings-section .setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.settings-modal .settings-modal-content .settings-section .setting-item:last-child{border-bottom:none}.settings-modal .settings-modal-content .settings-section .setting-item label{font-size:1rem;color:#333}.settings-modal .settings-modal-content .settings-section .setting-item input[type=color]{width:50px;height:30px;border:none;border-radius:4px;cursor:pointer}.settings-modal .settings-modal-content .settings-section .setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.settings-modal .settings-modal-content .color-settings .color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0}.settings-modal .settings-modal-content .color-settings .color-grid .color-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s}.settings-modal .settings-modal-content .color-settings .color-grid .color-item:hover{background:#f5f5f5}.settings-modal .settings-modal-content .color-settings .color-grid .color-item.selected{background:#f0f7f0}.settings-modal .settings-modal-content .color-settings .color-grid .color-item .color-preview{width:100%;height:60px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-modal .settings-modal-content .color-settings .color-grid .color-item .color-name{font-size:.9rem;color:#666}.settings-modal .settings-modal-footer{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:1rem;background:#fff;position:sticky;bottom:0}.settings-modal .settings-modal-footer button{padding:.5rem 1.5rem;border-radius:6px;border:none;cursor:pointer;font-size:1rem;transition:all .3s}.settings-modal .settings-modal-footer button.cancel-btn{background:#f5f5f5;color:#666}.settings-modal .settings-modal-footer button.cancel-btn:hover{background:#e0e0e0}.settings-modal .settings-modal-footer button.confirm-btn{background:var(--primary-color, #4caf50);color:#fff}.settings-modal .settings-modal-footer button.confirm-btn:hover{background:var(--secondary-color, #45a049)}.layout{display:grid;grid-template-columns:auto 1fr;min-height:100vh;max-height:100vh;background-color:#f8fafc;position:relative;overflow:hidden;width:100vw}@media (max-width: 768px){.layout{grid-template-columns:1fr}}.layout-content{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%;flex:1}.layout-header{padding:1rem 2rem;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;align-items:center;height:50px;width:100%;position:relative;z-index:100;flex-wrap:nowrap}@media (max-width: 768px){.layout-header{justify-content:flex-end;padding:.75rem 1rem}}.layout-header .mobile-menu-button{position:absolute;left:1rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#000;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.layout-header .mobile-menu-button:hover{background-color:#0000000d}@media (max-width: 770px){.layout-header .mobile-menu-button{display:flex;align-items:center;justify-content:center}}.layout-header .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;flex-shrink:0}.layout-header .header-actions .notification-button-wrapper{position:relative;flex-shrink:0}.layout-header .header-actions .notification-button-wrapper .notification-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3436;cursor:pointer;transition:all .2s;font-size:18px;position:relative}.layout-header .header-actions .notification-button-wrapper .notification-button:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.layout-header .header-actions .notification-button-wrapper .notification-button .notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#f44336;color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003;line-height:1}.layout-header .profile-section{flex-shrink:0}.profile-section{cursor:pointer;padding:.5rem;border-radius:15px;transition:background-color .2s ease}.profile-section:hover{background-color:#0000000d}.layout-main{flex:1;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 70px);width:100%;max-width:100%;min-width:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--primary-theme-color, #1976d2) #f1f1f1}.layout-main::-webkit-scrollbar{width:10px;height:10px}.layout-main::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.layout-main::-webkit-scrollbar-thumb{background-color:var(--primary-theme-color, #1976d2);border-radius:5px;border:2px solid #f1f1f1}.layout-main::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--primary-theme-color, #1976d2) 85%,black)}@media (max-width: 768px){.layout-main{padding:1rem}}.profile-overview{position:fixed;top:70px;right:2rem;width:380px;max-height:calc(100vh - 100px);background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;z-index:1000;overflow:hidden;transform-origin:top right;display:flex;flex-direction:column}@media (max-width: 1024px){.profile-overview{right:1.5rem;width:280px}}@media (max-width: 768px){.profile-overview{right:1rem;left:1rem;width:calc(100% - 2rem)}}.profile-overview .profile-overview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(var(--gradient-direction, to bottom right),var(--gradient-start-color, var(--primary-theme-color, #1976d2)),var(--gradient-end-color, color-mix(in srgb, var(--primary-theme-color, #1976d2) 80%, black)));position:relative;flex-shrink:0}.profile-overview .profile-overview-header .profile-title{color:#fff;font-size:1.1rem;font-weight:500}.profile-overview .profile-overview-header .header-buttons{display:flex;gap:.5rem}.profile-overview .profile-overview-header .profile-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:all .2s;padding:0}.profile-overview .profile-overview-header .profile-button:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000026}.profile-overview .profile-overview-header .profile-button svg{width:20px;height:20px;color:var(--primary-theme-color, #1976d2);stroke:none}.profile-overview .profile-content{display:flex;flex-direction:column;height:100%;min-height:400px;overflow:hidden}.notification-dropdown{position:fixed;top:calc(50px + .5rem);right:2rem;width:380px;max-width:calc(100vw - 2rem);max-height:500px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000026;z-index:99999;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.notification-dropdown{position:fixed;top:72px;left:12px;width:auto;max-height:calc(100vh - 120px);margin:0;border-radius:12px;box-shadow:0 8px 32px #0000002e;transform:none!important;inset-inline:12px;inset-block-end:auto;right:12px}}.notification-dropdown .notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fff}.notification-dropdown .notification-dropdown-header h3{margin:0;font-size:18px;font-weight:600;color:#2d3436}.notification-dropdown .notification-dropdown-header .mark-all-read-button{padding:.375rem .75rem;font-size:14px;color:var(--primary-theme-color, #1976d2);background:transparent;border:1px solid var(--primary-theme-color, #1976d2);border-radius:8px;cursor:pointer;transition:all .2s}.notification-dropdown .notification-dropdown-header .mark-all-read-button:hover:not(:disabled){background:var(--primary-theme-color, #1976d2);color:#fff}.notification-dropdown .notification-dropdown-header .mark-all-read-button:disabled{opacity:.5;cursor:not-allowed}.notification-dropdown .notification-dropdown-content{flex:1;overflow-y:auto;overflow-x:hidden}.notification-dropdown .notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown .notification-dropdown-content::-webkit-scrollbar-track{background:#f1f1f1}.notification-dropdown .notification-dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-dropdown .notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-dropdown .notification-dropdown-content .notification-loading,.notification-dropdown .notification-dropdown-content .notification-empty{padding:2rem;text-align:center;color:#636e72;font-size:14px}.notification-dropdown .notification-dropdown-content .notification-list{display:flex;flex-direction:column}.notification-dropdown .notification-dropdown-content .notification-list .notification-item{display:flex;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .2s;position:relative}.notification-dropdown .notification-dropdown-content .notification-list .notification-item:hover{background-color:#f1f5f9}.notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread{background-color:rgba(var(--primary-theme-color-rgb, 25, 118, 210),.05)}.notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread:hover{background-color:rgba(var(--primary-theme-color-rgb, 25, 118, 210),.1)}.notification-dropdown .notification-dropdown-content .notification-list .notification-item:last-child{border-bottom:none}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content{flex:1;min-width:0}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content .notification-message{font-size:16px;color:#2d3436;margin-bottom:.5rem;line-height:1.5;word-wrap:break-word}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content .notification-meta{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#636e72}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content .notification-meta .notification-sender{font-weight:500}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content .notification-meta .notification-time:before{content:"·";margin-right:.5rem}.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--primary-theme-color, #1976d2);margin-left:.75rem;margin-top:.5rem;flex-shrink:0}.auth-expired-modal-content{display:flex;flex-direction:column;gap:24px}.auth-expired-message{font-size:16px;color:#2d3436;line-height:1.6;text-align:center;margin:0}.auth-expired-actions{display:flex;gap:16px;justify-content:center;margin-top:8px}.auth-expired-btn{padding:8px 24px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}.auth-expired-btn:hover{transform:translateY(-1px);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.auth-expired-btn:active{transform:translateY(0)}.auth-expired-btn-primary{color:#fff;background-color:#6366f1}.auth-expired-btn-primary:hover{opacity:.9}.auth-expired-btn-secondary{color:#2d3436;background-color:#f1f5f9;border:1px solid #e2e8f0}.auth-expired-btn-secondary:hover{background-color:#f8fafc}.signature-canvas-container{width:100%;display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.signature-canvas-container .canvas-wrapper{width:100%;border:2px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;position:relative;cursor:crosshair;margin:0;padding:0}.signature-canvas-container .canvas-wrapper .signature-canvas{width:100%!important;height:100%!important;display:block;touch-action:none;margin:0;padding:0;box-sizing:border-box}.signature-canvas-container .canvas-actions{display:flex;gap:8px;justify-content:flex-end;margin:0;padding:0}.signature-canvas-container .canvas-actions button{padding:8px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin:0}.signature-canvas-container .canvas-actions button.clear-button{background:#f1f5f9;color:#2d3436;border:1px solid #e2e8f0}.signature-canvas-container .canvas-actions button.clear-button:hover:not(:disabled){background:#e2e8f0}.signature-canvas-container .canvas-actions button.clear-button:disabled{opacity:.5;cursor:not-allowed}.signature-canvas-container .canvas-actions button.save-button{background:var(--primary-color, #6366f1);color:#fff}.signature-canvas-container .canvas-actions button.save-button:hover:not(:disabled){background:var(--primary-color, #6366f1);opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.signature-canvas-container .canvas-actions button.save-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 576px){.signature-canvas-container .canvas-wrapper .signature-canvas{min-height:200px}.signature-canvas-container .canvas-actions{flex-direction:column}.signature-canvas-container .canvas-actions button{width:100%}}.auth-button{width:100%;padding:8px 16px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:inherit;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease;margin-top:8px;margin-bottom:16px}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button-secondary{background-color:#fff;color:#2d3436;border:1px solid #e2e8f0}.auth-button-secondary:hover:not(:disabled){background-color:rgba(var(--primary-color-rgb, 99, 102, 241),.1);border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.approval-settings-modal{width:100%;max-width:700px}.approval-settings-modal .settings-section{margin-bottom:32px}.approval-settings-modal .settings-section .section-title{font-size:18px;font-weight:600;color:#2d3436;margin-bottom:8px}.approval-settings-modal .settings-section .section-description{font-size:14px;color:#636e72;margin-bottom:24px;line-height:1.6}.approval-settings-modal .settings-section .signature-section .signature-preview{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;border:2px dashed #e2e8f0;border-radius:12px;background:#f1f5f9}.approval-settings-modal .settings-section .signature-section .signature-preview img{max-width:100%;max-height:200px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.approval-settings-modal .settings-section .signature-section .signature-preview .change-signature-button{padding:8px 24px;background:#f1f5f9;color:#2d3436;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.approval-settings-modal .settings-section .signature-section .signature-preview .change-signature-button:hover{background:rgba(var(--primary-color-rgb, 99, 102, 241),.1);border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.approval-settings-modal .canvas-container{min-height:400px;display:flex;flex-direction:column;gap:16px;margin:0;padding:0}.approval-settings-modal .edit-actions{display:flex;gap:16px;justify-content:flex-end;margin:0;padding:0}@media (max-width: 576px){.approval-settings-modal .settings-actions{flex-direction:column}.approval-settings-modal .settings-actions button{width:100%}}.task-overview h3{color:#2d3436;margin-bottom:1rem;font-size:1rem}.task-overview .task-stats{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.task-overview .task-stats .stat-item{display:flex;flex-direction:column;padding:1rem;gap:.5rem;background:#ffffffb3;border-radius:15px;border:1px solid rgba(255,255,255,.18);transition:transform .2s ease}.task-overview .task-stats .stat-item .label{font-size:.8rem;color:#636e72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-overview .task-stats .stat-item:hover{transform:translateY(-2px)}.task-overview .task-stats .stat-item .icon{font-size:1.5rem;color:#2ecc71}.task-overview .task-stats .stat-item .icon.completed{color:#27ae60}.task-overview .task-stats .stat-item .icon.in-progress{color:#3498db}.task-overview .task-stats .stat-item .stat-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;gap:.5rem}.task-overview .task-stats .stat-item .stat-info .value{font-size:1rem;font-weight:600;color:#2d3436}.project-status h3{color:#2d3436;margin-bottom:1.5rem;font-size:1.1rem}.project-status .progress-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.project-status .progress-container .progress-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.project-status .progress-container .progress-circle .progress-inner{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 4px 4px 8px #ffffff80,inset -4px -4px 8px #0000000d}.project-status .progress-container .progress-circle .progress-inner .progress-value{font-size:1.5rem;font-weight:600;color:#2ecc71}.project-status .progress-container .status-details{width:100%;display:flex;justify-content:space-between;gap:1rem}.project-status .progress-container .status-details .status-item{flex:1;background:#ffffffb3;padding:1rem;border-radius:15px;border:1px solid rgba(255,255,255,.18);text-align:center}.project-status .progress-container .status-details .status-item .label{font-size:.9rem;color:#636e72;margin-bottom:.5rem}.project-status .progress-container .status-details .status-item .value{font-size:1.25rem;font-weight:600;color:#2d3436}.profile-tabs{display:flex;flex-direction:column;height:100%;width:100%;min-height:400px}.profile-tabs .profile-tabs-nav{display:flex;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e2e8f0;position:relative;flex-shrink:0}.profile-tabs .profile-tabs-nav .profile-tab-button{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#636e72;transition:all .2s ease;z-index:1}.profile-tabs .profile-tabs-nav .profile-tab-button .tab-icon{display:flex;align-items:center;font-size:1rem}.profile-tabs .profile-tabs-nav .profile-tab-button .tab-label{white-space:nowrap}.profile-tabs .profile-tabs-nav .profile-tab-button:hover{color:#2d3436;background:#0000000d}.profile-tabs .profile-tabs-nav .profile-tab-button.active{color:var(--primary-theme-color, #1976d2);font-weight:600}.profile-tabs .profile-tabs-nav .profile-tab-button .tab-indicator{position:absolute;bottom:-.75rem;left:0;right:0;height:2px;background:var(--primary-theme-color, #1976d2);border-radius:2px 2px 0 0}.profile-tabs .profile-tabs-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;min-height:0}.profile-tabs .profile-tabs-content .tab-panel{width:100%;min-height:100%}.work-tab-content{display:flex;flex-direction:column;gap:1rem}.work-tab-content>*{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.work-tab-content>*:hover{box-shadow:0 3px 8px #00000026}.approval-tab-content{display:flex;flex-direction:column;gap:1rem}.approval-tab-content .approval-settings-section{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.approval-tab-content .approval-settings-section h4{margin:0 0 .5rem;font-size:18px;font-weight:600;color:#2d3436}.approval-tab-content .approval-settings-section .section-description{margin:0 0 1rem;font-size:14px;color:#636e72;line-height:1.5}.approval-tab-content .approval-settings-section .signature-settings-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-theme-color, #1976d2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.approval-tab-content .approval-settings-section .signature-settings-button svg{width:20px;height:20px}.approval-tab-content .approval-settings-section .signature-settings-button:hover{background:color-mix(in srgb,var(--primary-theme-color, #1976d2) 90%,black);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.approval-tab-content .approval-settings-section .signature-settings-button:active{transform:translateY(0)}.auth-input-container{margin-bottom:16px;text-align:left}.auth-input-container .auth-label{display:block;margin-bottom:4px;font-weight:500;color:#2d3436!important}.auth-input-container .auth-input{width:100%;padding:8px 16px;border:1px solid #e2e8f0;border-radius:4px;font-size:16px;background-color:#fff;color:#2d3436;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.auth-input-container .auth-input:-webkit-autofill,.auth-input-container .auth-input:-webkit-autofill:hover,.auth-input-container .auth-input:-webkit-autofill:focus,.auth-input-container .auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#2d3436!important;box-shadow:0 0 0 30px #fff inset!important;background-color:#fff!important}.auth-input-container .auth-input:focus{outline:none;border-color:var(--primary-color, #6366f1)!important;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 99, 102, 241),.2)!important}.auth-input-container .auth-input:hover:not(:disabled):not(:focus){border-color:var(--primary-color, #6366f1)!important}.auth-input-container .auth-input::placeholder{color:#636e72;opacity:.7}.auth-input-container .auth-input-error{border-color:#e74c3c}.auth-input-container .auth-input-error:focus{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.auth-input-container .error-message{margin-top:4px;font-size:14px;color:#e74c3c}.auth-input-container.approval-input-wrapper .auth-input{border:1px solid #e2e8f0}.auth-input-container.approval-input-wrapper .auth-input:focus{border-color:var(--primary-color, #6366f1)!important;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 99, 102, 241),.2)!important}.auth-input-container.approval-input-wrapper .auth-input:hover:not(:disabled):not(:focus){border-color:var(--primary-color, #6366f1)!important}.signup-form .form-actions{margin-top:1.5rem}.signup-form .login-link a,.signup-form .login-link .link-button{color:#6366f1;font-weight:500;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:inherit}.signup-form .error-message-inline,.signup-form .success-message-inline{font-size:.875em;margin-top:4px;display:block}.signup-form .error-message-inline{color:#dc3545}.signup-form .success-message-inline{color:var(--primary-theme-color, #28a745)}.signup-form .form-row{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-bottom:1rem}.signup-form .form-row>.auth-input-container{flex:1;margin-bottom:0}.signup-form .auth-input-container{margin-bottom:1rem}.signup-form .auth-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color-normal, #333333)}.signup-form .auth-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #ced4da);border-radius:.375rem;background-color:var(--input-bg, #ffffff);font-size:1rem;line-height:1.5;color:var(--input-color, #495057);box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.signup-form .auth-input:disabled{background-color:var(--input-disabled-bg, #e9ecef);opacity:.7}.signup-form .form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.signup-form .login-link{margin-top:1.5rem;font-size:.875rem;text-align:center}.signup-form .login-link a,.signup-form .login-link .link-button{color:var(--primary-theme-color, #6366f1);font-weight:500;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:inherit}.signup-form .login-link a:hover,.signup-form .login-link .link-button:hover{text-decoration:underline}.signup-form .error-message{color:#dc3545;text-align:center;margin-top:.5rem;font-size:.9rem}.signup-form .custom-dropdown-wrapper{position:relative;width:100%}.signup-form .custom-dropdown{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #ced4da);border-radius:.375rem;background-color:var(--input-bg, #ffffff);font-size:1rem;line-height:1.5;color:var(--input-color, #495057);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.signup-form .custom-dropdown:hover:not(.disabled){border-color:#6366f1}.signup-form .custom-dropdown.disabled{background-color:var(--input-disabled-bg, #e9ecef);opacity:.7;cursor:not-allowed}.signup-form .custom-dropdown .dropdown-value{flex:1;text-align:left}.signup-form .custom-dropdown .dropdown-icon{font-size:.75rem;color:#6366f1;transition:transform .2s}.signup-form .dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:#fff;border:1px solid var(--border-color, #ced4da);border-radius:.375rem;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;overflow-x:hidden}.signup-form .dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease-in-out;border-bottom:1px solid var(--border-color, #f0f0f0)}.signup-form .dropdown-item:last-child{border-bottom:none}.signup-form .dropdown-item:hover{background-color:#6658dd1a}.signup-form .dropdown-item.selected{background-color:#6658dd26;color:#6366f1;font-weight:500}.approval-layout{display:flex;height:100%;width:100%;background-color:#f8f9fa;overflow:hidden}.approval-layout .approval-lnb{width:260px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0}.approval-layout .approval-lnb .lnb-header{padding:24px 20px 16px;border-bottom:1px solid #f0f0f0}.approval-layout .approval-lnb .lnb-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a1a}.approval-layout .approval-lnb .lnb-content{flex:1;overflow-y:hidden;padding:16px 12px}.approval-layout .approval-lnb .lnb-content::-webkit-scrollbar{width:6px}.approval-layout .approval-lnb .lnb-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.approval-layout .approval-lnb .lnb-content .lnb-group{margin-bottom:24px}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-group-title{display:block;font-size:.75rem;font-weight:600;color:#888;margin-bottom:8px;padding-left:12px}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;color:#4a4a4a;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;margin-bottom:2px}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item .lnb-icon{font-size:1.1rem;margin-right:12px;color:#777}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item:hover{background-color:#f1f5f9;color:#1a1a1a}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item:hover .lnb-icon{color:var(--primary-theme-color, #2563eb)}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item.active{background-color:#ebf5ff;color:var(--primary-theme-color, #2563eb);font-weight:600}.approval-layout .approval-lnb .lnb-content .lnb-group .lnb-item.active .lnb-icon{color:var(--primary-theme-color, #2563eb)}.approval-layout .approval-main{flex:1;overflow-y:auto;position:relative;padding:0}@media (max-width: 768px){.approval-layout .approval-lnb{display:none!important}}.dept-layout{display:flex;height:100%;overflow:hidden}.dept-lnb{width:220px;min-width:220px;background:var(--surface-color, #fff);border-right:1px solid var(--border-color, #e8e8e8);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.dept-lnb .lnb-header{padding:20px 16px 12px;border-bottom:1px solid var(--border-color, #e8e8e8)}.dept-lnb .lnb-header h2{font-size:15px;font-weight:700;color:var(--text-color, #1a1a2e);margin:0;letter-spacing:-.3px}.dept-lnb .lnb-content{flex:1;padding:12px 8px}.dept-lnb .lnb-group{margin-bottom:20px}.dept-lnb .lnb-group-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted, #8b8fa8);text-transform:uppercase;letter-spacing:.8px;padding:4px 8px 8px}.dept-lnb .lnb-group-title .lnb-group-icon{font-size:13px}.dept-lnb .lnb-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--text-secondary, #4a5568);text-decoration:none;transition:all .15s ease;margin-bottom:2px}.dept-lnb .lnb-item:hover{background:var(--hover-bg, rgba(0, 0, 0, .04));color:var(--text-color, #1a1a2e)}.dept-lnb .lnb-item.active{background:rgba(var(--primary-theme-color-rgb, 37, 99, 235),.1);color:var(--primary-theme-color, #2563eb);font-weight:600}.dept-lnb .lnb-item .lnb-icon{font-size:16px;flex-shrink:0}.dept-main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-color, #f8f9fc)}.dept-hub{padding:24px 16px;background:var(--bg-color, #f8f9fc);min-height:100%}.dept-hub .dept-hub-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.dept-hub .dept-hub-header .dept-hub-icon{font-size:32px;color:var(--primary-theme-color, #2563eb);flex-shrink:0}.dept-hub .dept-hub-header .dept-hub-title{font-size:20px;font-weight:700;color:var(--text-color, #1a1a2e);margin:0 0 2px}.dept-hub .dept-hub-header .dept-hub-sub{font-size:13px;color:var(--text-muted, #8b8fa8);margin:0}.dept-hub .dept-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.dept-hub .template-card,.dept-layout .dept-main .template-card{display:flex;flex-direction:column;padding:20px;background:var(--surface-color, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;cursor:pointer;transition:all .2s}.dept-hub .template-card:hover,.dept-layout .dept-main .template-card:hover{border-color:color-mix(in srgb,var(--primary-theme-color, #2563eb) 40%,white);box-shadow:0 10px 25px -5px #00000012;transform:translateY(-2px)}.dept-hub .template-card:hover .icon-wrapper,.dept-layout .dept-main .template-card:hover .icon-wrapper{background:color-mix(in srgb,var(--primary-theme-color, #2563eb) 10%,white)!important;color:var(--primary-theme-color, #2563eb)!important}.dept-hub .template-card .card-header,.dept-layout .dept-main .template-card .card-header{display:flex;align-items:center;margin-bottom:12px}.dept-hub .template-card .card-header .icon-wrapper,.dept-layout .dept-main .template-card .card-header .icon-wrapper{padding:12px;background:#f1f5f9;color:#475569;border-radius:12px;transition:all .2s ease;margin-right:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dept-hub .template-card .card-header .title-area .badge,.dept-layout .dept-main .template-card .card-header .title-area .badge{display:inline-block;font-size:11px;font-weight:700;color:var(--primary-theme-color, #2563eb);background:color-mix(in srgb,var(--primary-theme-color, #2563eb) 10%,white);padding:2px 6px;border-radius:4px;margin-bottom:6px}.dept-hub .template-card .card-header .title-area h3,.dept-layout .dept-main .template-card .card-header .title-area h3{font-size:16px;font-weight:700;color:var(--text-color, #1f2937);margin:0}.dept-hub .template-card .desc,.dept-layout .dept-main .template-card .desc{color:var(--text-muted, #6b7280);font-size:13px;line-height:1.55;flex:1;margin-bottom:16px}.dept-hub .template-card .card-actions,.dept-layout .dept-main .template-card .card-actions{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--border-color, #f3f4f6)}.dept-hub .template-card .card-actions .btn-select,.dept-layout .dept-main .template-card .card-actions .btn-select{background:var(--primary-theme-color, #2563eb);color:#fff;font-size:13px;font-weight:700;padding:7px 20px;border-radius:8px;border:none;cursor:pointer;transition:filter .15s}.dept-hub .template-card .card-actions .btn-select:hover,.dept-layout .dept-main .template-card .card-actions .btn-select:hover{filter:brightness(1.08)}.dept-hub .fade-in,.dept-layout .dept-main .fade-in{animation:deptFadeIn .28s ease-in-out}.dept-hub .dept-empty-state,.dept-layout .dept-main .dept-empty-state{grid-column:1/-1;padding:60px 20px;background:var(--surface-color, #fff);border:2px dashed var(--border-color, #e5e7eb);border-radius:16px;text-align:center;color:var(--text-muted, #6b7280);font-size:14px}.dept-hub .lnb-no-menus,.dept-layout .dept-main .lnb-no-menus{padding:12px 16px;color:var(--text-muted, #8b8fa8);font-size:12px;font-style:italic}.dept-hub .dept-welcome,.dept-layout .dept-main .dept-welcome{display:flex;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.dept-hub .dept-welcome .welcome-content,.dept-layout .dept-main .dept-welcome .welcome-content{max-width:480px;display:flex;flex-direction:column;align-items:center}.dept-hub .dept-welcome .welcome-content .welcome-icon,.dept-layout .dept-main .dept-welcome .welcome-content .welcome-icon{font-size:64px;color:color-mix(in srgb,var(--primary-theme-color, #2563eb) 20%,transparent);margin-bottom:24px}.dept-hub .dept-welcome .welcome-content h1,.dept-layout .dept-main .dept-welcome .welcome-content h1{font-size:28px;font-weight:800;color:var(--text-color, #1a1a2e);margin:0 0 12px;letter-spacing:-.5px}.dept-hub .dept-welcome .welcome-content p,.dept-layout .dept-main .dept-welcome .welcome-content p{font-size:16px;color:var(--text-secondary, #4a5568);line-height:1.6;margin:0 0 32px}.dept-hub .dept-welcome .welcome-content .coming-soon-badge,.dept-layout .dept-main .dept-welcome .welcome-content .coming-soon-badge{display:inline-block;background:var(--primary-theme-color, #2563eb);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #2563eb33}.dept-mobile-page{height:100%;overflow-y:auto;background:var(--bg-color, #f8f9fc)}@keyframes deptFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .dept-lnb{background:var(--surface-color, #1e1e2e);border-right-color:var(--border-color, #2d2d44)}[data-theme=dark] .dept-lnb .lnb-header h2{color:var(--text-color, #e2e8f0)}[data-theme=dark] .dept-main,[data-theme=dark] .dept-hub,[data-theme=dark] .dept-mobile-page{background:var(--bg-color, #13131f)}[data-theme=dark] .dept-hub .template-card{background:var(--surface-color, #1e1e2e);border-color:var(--border-color, #2d2d44)}[data-theme=dark] .dept-hub .template-card .card-header .icon-wrapper{background:#2a2a3e;color:#94a3b8}@media (max-width: 769px){.dept-layout .dept-lnb{display:none}.dept-layout .dept-main{width:100%}.dept-hub{padding:20px 12px}.dept-hub .dept-hub-grid{grid-template-columns:1fr}}.admin-layout{min-height:100%;display:flex;flex-direction:column}.admin-top-bar{display:flex;align-items:center;gap:.75rem;padding:.65rem 2rem;background:var(--surface-color, #fff);border-bottom:1.5px solid var(--border-color, #e2e8f0);position:sticky;top:0;z-index:20}@media (max-width: 768px){.admin-top-bar{padding:.6rem 1rem;gap:.5rem}}@media (max-width: 480px){.admin-top-bar{flex-wrap:wrap}}.admin-top-back{display:flex;align-items:center;gap:.3rem;padding:.38rem .75rem;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:transparent;color:var(--text-secondary, #64748b);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s,color .2s,background .2s}.admin-top-back:hover{border-color:var(--primary-theme-color, #6366f1);color:var(--primary-theme-color, #6366f1);background:#6366f10d}@media (max-width: 480px){.admin-top-back{font-size:.78rem;padding:.32rem .6rem}}.admin-tabs{display:flex;gap:.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}@media (max-width: 480px){.admin-tabs{width:100%}}.admin-tab{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:9px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.admin-tab:hover{background:var(--surface-alt, #f1f5f9);color:var(--text-primary, #1e293b)}.admin-tab.active{background:#6366f11a;color:var(--primary-theme-color, #6366f1);font-weight:600}@media (max-width: 640px){.admin-tab{padding:.38rem .8rem;font-size:.82rem}}@media (max-width: 480px){.admin-tab{flex:1;justify-content:center}}:root[data-theme=dark] .admin-top-bar,.dark-mode .admin-top-bar{background:var(--surface-color)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px;gap:20px}.error-container h1{font-size:2.5rem;color:#333;margin-bottom:10px}.error-container p{font-size:1.2rem;color:#666;margin:10px 0}.error-container p i{color:#999;font-size:1rem}.error-container .home-button{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.error-container .home-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.error-container .home-button:active{transform:translateY(0)}:export{primary:#2ecc71;primaryLight:#55d98d;primaryDark:#27ae60;secondary:#3498db;secondaryLight:#5dade2;secondaryDark:#2980b9;background:#f8fafc;backgroundLight:#f1f5f9;surface:#ffffff;text:#2d3436;textLight:#636e72;glassBackground:rgba(255,255,255,.7);glassBorder:1px solid rgba(255,255,255,.18);glassShadow:0 8px 32px 0 rgba(31,38,135,.15);clayInset:inset 4px 4px 8px rgba(255,255,255,.5),inset -4px -4px 8px rgba(0,0,0,.05);cardShadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);cardShadowHover:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);cardBackground:#ffffff;mobile:576px;tablet:768px;desktop:1024px;large:1200px;sidebarWidth:280px;sidebarCollapsedWidth:80px;headerHeight:70px;borderRadius:15px;primaryColor:#6366f1;secondaryColor:#8b5cf6;backgroundColor:#f8fafc;textColor:#1e293b;borderColor:#e2e8f0;clayBackground:rgba(255,255,255,.9);clayShadow:20px 20px 60px rgba(0,0,0,.05),-20px -20px 60px rgba(255,255,255,.8);clayBorder:1px solid rgba(255,255,255,.1);contentMaxWidth:1440px;borderRadiusSm:8px;borderRadiusMd:12px;borderRadiusLg:16px;spacingXs:4px;spacingSm:8px;spacingMd:16px;spacingLg:24px;spacingXl:32px;fontFamily:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;fontSizeXs:12px;fontSizeSm:14px;fontSizeMd:16px;fontSizeLg:18px;fontSizeXl:24px;zIndexSidebar:1000;zIndexHeader:900;zIndexModal:1100;zIndexDropdown:1050}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#2d3436;background-color:#f8fafc;min-width:320px}h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,select,label,li,td,th{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}input,textarea,select{font-weight:400}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}.clay-card{background:#ffffffe6;border-radius:12px;box-shadow:20px 20px 60px #0000000d,-20px -20px 60px #fffc;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.clay-card:hover{transform:translateY(-2px);box-shadow:25px 25px 75px #00000012,-25px -25px 75px #ffffffe6}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color, #6366f1);border-radius:4px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color, #27ae60)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color, #6366f1) var(--scrollbar-track-color, #f1f5f9)}@media (max-width: 576px){html{font-size:14px}}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}: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}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.new-project-btn{padding:.5rem .75rem;background:linear-gradient(var(--gradient-direction, to bottom right),var(--gradient-start-color, #1976d2),var(--gradient-end-color, #115293));color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.875rem;white-space:nowrap;transition:all .2s}.new-project-btn:hover{background:color-mix(in srgb,var(--primary-theme-color, #1976d2) 90%,black)}