*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.btn{display:inline-block;text-align:center}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#e2e8f0}.btn-secondary:hover{background-color:#cbd5e1}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.input{border-radius:6px;padding:12px;transition:border-color .2s}.form-group{margin-bottom:16px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}.header{background:#111;border-bottom:none;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:44px;justify-content:space-between;padding:0 24px}.header-content,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:28px}.logo{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.logo-img{display:block;height:20px;width:auto}.header-service-info{align-items:center;display:flex;margin-left:-12px}.service-name{background:#ffffff1a;border-radius:20px;color:#ffffffb3;font-size:12px;font-weight:500;padding:3px 10px}.nav{display:flex;gap:4px}.nav-link{border-radius:6px;color:#ffffff8c;font-size:13px;font-weight:500;letter-spacing:-.01em;padding:5px 9px;text-decoration:none;transition:color .15s}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff1f;color:#fff}.consultation-link{position:relative}.consultation-red-dot{background:#ef4444;border-radius:50%;display:block;height:5px;position:absolute;right:2px;top:4px;width:5px}.header-right,.user-section{align-items:center;display:flex}.user-section{gap:4px}.notification-wrapper{position:relative}.notification-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;padding:6px;position:relative;transition:background .15s;width:32px}.notification-btn:hover{background:#ffffff1a;color:#fff}.notification-badge{align-items:center;background:#ef4444;border:1.5px solid #111;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;position:absolute;right:2px;top:2px;width:15px}.notification-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.notification-dropdown{background:#fff;border:1px solid #ebebeb;border-radius:14px;box-shadow:0 12px 32px #0003;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:101}.notification-header{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:14px 18px}.notification-header h4{color:#111;font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0}.notification-header-actions{align-items:center;display:flex;gap:8px}.notification-count{background:#f5f5f5;border-radius:10px;color:#888;font-size:11px;padding:2px 7px}.header-mark-all-btn{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px;transition:background .12s}.header-mark-all-btn:hover{background:#f5f5f5}.notification-list{max-height:280px;overflow-y:auto}.notification-item{border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;padding:11px 16px;position:relative;transition:background .12s}.notification-item.unread,.notification-item:hover{background:#fafafa}.notification-content{flex:1 1;min-width:0;padding-right:14px}.notification-content h5{align-items:center;color:#111;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:space-between;letter-spacing:-.01em;margin:0 0 3px}.notification-desc{color:#777;font-size:12px;line-height:1.4}.notification-time{color:#bbb;flex-shrink:0;font-size:10px;font-weight:500}.notification-dot{background:#111;border-radius:50%;height:6px;position:absolute;right:14px;top:14px;width:6px}.notification-footer{border-top:1px solid #f5f5f5;padding:10px 16px}.view-all-btn{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:7px;transition:background .12s;width:100%}.view-all-btn:hover{background:#f5f5f5}.hdr-profile-wrapper{position:relative}.hdr-profile-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:2px;transition:opacity .15s}.hdr-profile-btn:hover{opacity:.85}.hdr-profile-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.hdr-profile-dropdown{background:#fff;border:1px solid #ebebeb;border-radius:14px;box-shadow:0 12px 32px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:101}.hdr-profile-info{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:14px 16px}.hdr-profile-avatar{align-items:center;background:#111;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.hdr-profile-details{flex:1 1;min-width:0}.hdr-profile-email{color:#111;font-size:13px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-profile-uid{color:#aaa;font-family:monospace;font-size:11px}.hdr-profile-divider{display:none}.hdr-profile-actions{padding:6px 0}.hdr-profile-action-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:-.01em;padding:10px 16px;text-align:left;transition:background .12s;width:100%}.hdr-profile-action-btn:hover{background:#f5f5f5}.hdr-logout-btn{color:#666}.hdr-logout-btn:hover{background:#f5f5f5;color:#111}.hdr-action-icon{flex-shrink:0;font-size:14px;text-align:center;width:18px}.user-section .notification-btn,.user-section .notification-btn svg{color:#ffffffb3}.user-avatar{background:#ffffff26;border:1px solid #ffffff40;font-size:12px;font-weight:700;height:28px;width:28px}.user-name{color:#fffc;font-size:13px;font-weight:500}@media (max-width:1024px){.nav{gap:2px}.nav-link{font-size:12px}}@media (max-width:768px){.nav{display:none}.header-left{gap:16px}.logo-img{height:18px}.service-name,.user-avatar{font-size:11px}.user-avatar{height:26px;width:26px}.hdr-profile-dropdown{right:-10px;width:220px}.notification-dropdown{right:-30px;width:280px}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:400px;width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:40px}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#64748b;font-size:14px}.login-form{margin-bottom:24px}.login-btn{margin-top:8px;width:100%}.divider{color:#64748b;font-size:14px;margin:24px 0;position:relative;text-align:center}.divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.divider span{background:#fff;padding:0 16px;position:relative;z-index:2}.social-login{display:flex;flex-direction:column;gap:12px}.social-btn{font-weight:500;justify-content:center;width:100%}.google-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.google-btn:hover{background:#f9fafb}.kakao-btn{background:#fee500;color:#3c1e1e}.kakao-btn:hover{background:#fdd800}.naver-btn{background:#03c75a;color:#fff}.naver-btn:hover{background:#02b351}.login-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.login-footer a{color:#3b82f6;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:24px}.login-header h1{font-size:24px}}.service-select-page{background-color:#f8fafc;min-height:100vh;padding:40px 0}.page-header{margin-bottom:48px}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1000px}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;min-height:220px;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.service-card.clickable{cursor:pointer}.service-card.clickable:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.service-info{display:flex;flex-direction:column;height:100%;padding-top:8px}.service-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.service-info h3{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0;text-align:left;white-space:normal;word-break:keep-all}.team-info{background:#f1f5f9;border-radius:16px;color:#475569;display:inline-block;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.personal-stats{display:flex;flex:1 1;flex-direction:row;gap:12px}.personal-stat-item{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60px;padding:16px;text-align:center}.personal-stat-label{color:#1e40af;font-size:12px;font-weight:500;line-height:1.3;margin-bottom:6px;white-space:nowrap}.personal-stat-value{color:#1e40af;font-size:16px;font-weight:700}.delete-btn{background:none;font-size:16px;opacity:.6;padding:8px;position:absolute;right:12px;top:12px;z-index:2}.delete-btn:hover{background:#fef2f2;opacity:1;transform:scale(1.1)}.create-card{background:#f8fafc;border:2px dashed #cbd5e1}.create-service-btn{background:none;border:none;cursor:pointer;padding:0;text-align:center;transition:all .2s;width:100%}.create-service-btn:hover{transform:scale(1.02)}.create-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 16px;transition:all .2s;width:48px}.create-service-btn:hover .create-icon{background:#3b82f6;color:#fff}.create-service-btn h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.create-service-btn p{color:#64748b;font-size:14px}.create-form{width:100%}.create-form textarea{min-height:80px;resize:vertical}.form-actions{margin-top:16px}.form-actions .btn{flex:1 1}@media (max-width:768px){.services-grid{grid-template-columns:1fr;padding:0 16px}.form-actions{flex-direction:column}.delete-btn{font-size:14px;padding:6px;right:8px;top:8px}.service-header{gap:8px;margin-bottom:16px}.service-info h3{font-size:16px}.team-info{font-size:11px;padding:4px 10px}.personal-stats{flex-direction:column;gap:8px}.personal-stat-item{align-items:center;flex-direction:row;justify-content:space-between;min-height:40px;padding:10px 14px}.personal-stat-label{font-size:12px;margin-bottom:0;margin-right:8px}.personal-stat-value{font-size:14px}}.create-form-container{max-height:500px;overflow-y:auto;width:100%}.create-form-header{margin-bottom:24px}.create-form-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.step-indicator{gap:24px;margin-bottom:24px}.step-number{font-size:14px;height:32px;width:32px}.form-step{animation:fadeIn .3s ease-in-out}.label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.input,.label{font-size:14px}.input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input.error{border-color:#ef4444}.input.success{border-color:#10b981}.textarea{font-family:inherit;min-height:80px;resize:vertical}.logo-upload-section{align-items:flex-start;display:flex;gap:16px}.logo-preview{align-items:center;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.logo-preview img{height:100%;object-fit:cover;width:100%}.logo-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;text-align:center}.logo-placeholder span{font-size:24px;margin-bottom:4px}.logo-placeholder p{font-size:10px;margin:0}.logo-upload-controls{flex:1 1}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.upload-hint{margin:8px 0 0}.subdomain-input-group{position:relative}.subdomain-input:focus{box-shadow:none}.subdomain-status{align-items:center;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px}.subdomain-status.checking .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.subdomain-status.available{color:#10b981;font-weight:700}.subdomain-status.unavailable{color:#ef4444;font-weight:700}@media (max-width:768px){.step-indicator{gap:16px}.step-number{font-size:12px;height:28px;width:28px}.step span{font-size:11px}.logo-upload-section{flex-direction:column;gap:12px}.logo-preview{align-self:center;height:60px;width:60px}.subdomain-input-group{flex-direction:column}.subdomain-suffix{border-left:none;border-top:1px solid #e2e8f0;text-align:center;width:100%}.subdomain-status{right:16px;top:20px}}.create-service-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.create-service-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;width:100%}.create-service-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:24px 32px}.back-button{color:#64748b;font-size:14px}.back-button:hover{color:#3b82f6}.create-service-header h1{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.step-indicator{align-items:center;display:flex;gap:16px;justify-content:center}.step{gap:8px}.step-number{transition:all .3s}.step.active .step-number{transform:scale(1.1)}.step span{color:#64748b;font-size:12px;font-weight:500}.step.active span{color:#1e293b;font-weight:600}.step-line{background:#e2e8f0;border-radius:1px;height:2px;width:60px}.step-content{animation:fadeIn .4s ease-in-out;padding:32px}.step-title{margin-bottom:32px}.step-title h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.step-title p{color:#64748b;font-size:14px;margin:0}.form-group.icon-group,.form-section{margin-bottom:32px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-label.required:after{color:#ef4444;content:" *"}.icon-upload-area{align-items:center;display:flex;flex-direction:column;gap:16px}.icon-preview-large{align-items:center;background:#fafbfc;border:3px dashed #d1d5db;border-radius:20px;cursor:pointer;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:140px}.icon-preview-large:hover{background:#f0f7ff;border-color:#3b82f6;transform:scale(1.02)}.icon-preview-large.dragging{background:#f0fdf4;border-color:#10b981;border-style:solid;transform:scale(1.05)}.icon-preview-large.has-image{border-color:#e2e8f0;border-style:solid}.icon-preview-large.has-image:hover{border-color:#3b82f6}.icon-preview-large img{border-radius:17px;height:100%;object-fit:cover;width:100%}.icon-overlay{align-items:center;background:#3b82f6e6;border-radius:17px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.icon-preview-large:hover .icon-overlay{opacity:1}.icon-overlay span{font-size:24px;margin-bottom:4px}.icon-overlay p{color:#fff;font-size:12px;font-weight:500;margin:0}.icon-placeholder-large{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center;width:100%}.icon-placeholder-large span{font-size:36px;margin-bottom:12px;transition:all .3s ease}.icon-preview-large.dragging .icon-placeholder-large span{transform:scale(1.2)}.icon-placeholder-large p{color:#6b7280;font-size:15px;font-weight:600;margin:0 0 6px}.icon-placeholder-large small{color:#9ca3af;font-size:11px;line-height:1.3}.upload-hint{color:#6b7280;margin:0;text-align:center}.form-input.large{font-size:16px;font-weight:500;padding:16px 20px}.input-hint{color:#6b7280;font-size:12px;margin:4px 0 0}.input-hint-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px 16px}.input-hint-box .input-hint{margin:2px 0}.subdomain-input-container{align-items:flex-start;display:flex;gap:12px}.subdomain-input-group{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;flex:1 1;overflow:hidden;transition:border-color .2s,box-shadow .2s}.subdomain-input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.subdomain-input{background:#0000;border:none;flex:1 1;font-size:14px;padding:12px 16px}.subdomain-input:focus{outline:none}.subdomain-input.error{border-color:#ef4444}.subdomain-input.success{border-color:#10b981}.subdomain-suffix{background:#f8fafc;border-left:1px solid #e2e8f0;color:#64748b;font-size:14px;padding:12px 16px;white-space:nowrap}.check-btn{align-items:center;display:flex;gap:8px;white-space:nowrap}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:14px;width:14px}.error-message{color:#ef4444}.error-message,.success-message{align-items:center;display:flex;font-size:12px;gap:4px;margin:4px 0 0}.success-message{color:#10b981}.skip-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px;text-align:center}.skip-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.skip-info p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.btn{border-radius:8px;gap:8px;padding:12px 24px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-ghost{background:#0000;border:1px solid #d1d5db;color:#64748b}.btn-ghost:hover{background:#f8fafc;color:#374151}.form-actions{border-top:1px solid #e2e8f0;gap:12px;justify-content:space-between;padding-top:24px}@media (max-width:768px){.create-service-page{align-items:flex-start;padding:40px 16px 16px}.create-service-container{max-width:100%}.create-service-header{padding:20px 24px}.step-content{padding:24px}.step-indicator{gap:12px}.step-number{font-size:14px;height:36px;width:36px}.step-line{width:40px}.icon-preview-large{height:120px;width:120px}.subdomain-input-container{flex-direction:column;gap:8px}.check-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.dashboard-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.dashboard-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px}.welcome-section h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px;white-space:nowrap}.current-time{color:#64748b;font-size:14px;font-weight:500;white-space:nowrap}.work-status-section{align-items:center;display:flex;gap:20px}.not-working-display,.working-display{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.status-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;height:8px;width:8px}.status-indicator.working{background:#10b981}.status-indicator.not-working{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.work-details{display:flex;flex-direction:column}.work-label{color:#374151;font-size:12px;font-weight:600;white-space:nowrap}.work-time{color:#10b981;font-family:Monaco,Consolas,monospace;font-size:16px;font-weight:700;white-space:nowrap}.work-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.work-toggle-btn.checkin{background:#10b981;color:#fff}.work-toggle-btn.checkout{background:#ef4444;color:#fff}.work-toggle-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(12,1fr)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.card-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.dashboard-header-left{align-items:center;display:flex;gap:8px}.count-badge{color:#64748b;font-size:14px;font-weight:500}.dashboard-view-all-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s}.dashboard-view-all-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.dashboard-stats-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;grid-column:1/-1;margin-bottom:8px;padding:32px;position:relative}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.stat-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px;white-space:nowrap}.stat-content p{color:#64748b;font-size:12px;font-weight:500;margin:0;white-space:nowrap}.stat-card.new-assigned .stat-icon{background:#dbeafe;color:#3b82f6}.stat-card.waiting .stat-icon{background:#fef3c7;color:#f59e0b}.stat-card.in-progress .stat-icon{background:#ede9fe;color:#8b5cf6}.stat-card.completed .stat-icon{background:#d1fae5;color:#10b981}.stat-card.payment-rate .stat-icon{background:#fce7f3;color:#ec4899}.stat-card.total-payment .stat-icon{background:#dcfce7;color:#22c55e}.ranking-card{grid-column:span 4}.dashboard-ranking-header-left{display:flex;flex-direction:column;gap:12px}.dashboard-ranking-radio-group{background:#f1f5f9;border-radius:6px;display:flex;gap:4px;padding:2px}.dashboard-ranking-radio-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:4px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dashboard-ranking-radio-input{display:none}.dashboard-ranking-radio-input:checked+.dashboard-ranking-radio-text{background:#fff;box-shadow:0 1px 2px #0000001a;color:#3b82f6;font-weight:600}.dashboard-ranking-radio-text{border-radius:3px;color:#64748b;font-size:12px;font-weight:500;padding:2px 8px;transition:all .2s ease}.dashboard-ranking-radio-label:hover .dashboard-ranking-radio-text:not(.dashboard-ranking-radio-input:checked+.dashboard-ranking-radio-text){background:#e2e8f0;color:#374151}.ranking-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow:hidden}.ranking-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.ranking-item:hover{background:#f1f5f9}.ranking-item.my-rank{background:#eff6ff;border:1px solid #bfdbfe}.rank-position{align-items:center;display:flex;gap:6px;min-width:50px}.rank-number{color:#3b82f6;font-size:14px;font-weight:700}.medal{font-size:16px}.user-avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar,.user-info{align-items:center;display:flex}.user-info{flex:1 1;justify-content:space-between}.user-info .name{color:#1e293b;font-size:14px;font-weight:600;white-space:nowrap}.user-info .team{color:#64748b;font-size:11px;margin-top:2px}.user-info .sales{color:#64748b;font-size:12px;font-weight:500;white-space:nowrap}.change.positive{background:#d1fae5;border-radius:4px;color:#10b981;font-size:12px;font-weight:600;padding:2px 6px;white-space:nowrap}.customers-card{grid-column:span 8}.customers-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto}.customer-item{align-items:flex-start;background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.customer-item:hover{background:#f1f5f9;border-left-color:#3b82f6}.customer-main{align-items:flex-start;display:flex;flex:1 1;gap:16px;justify-content:space-between}.customer-name-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.customer-phone{color:#64748b;font-size:12px;font-weight:400}.customer-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0;white-space:nowrap}.source-badge{background:#e0f2fe;border-radius:4px;color:#0891b2;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.customer-info .service{color:#64748b;font-size:12px;font-weight:400}.customer-meta{align-items:center;display:flex;justify-content:flex-end}.assigned-time{color:#64748b;font-size:12px;font-weight:500}.calendar-card{grid-column:span 12}.calendar-controls{gap:16px}.calendar-controls,.month-nav{align-items:center;display:flex}.month-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.month-nav:hover{background:#f1f5f9;border-color:#d1d5db}.current-month{color:#1e293b;font-size:16px;font-weight:600;min-width:120px;text-align:center}.calendar-main-layout{display:flex;gap:20px;margin-top:20px;max-width:100%;overflow:hidden}.calendar-wrapper{flex:0 0 66%;min-width:0}.calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{background:#f8fafc;border-radius:4px;color:#64748b;font-size:12px;font-weight:600;padding:8px;text-align:center}.calendar-grid{grid-gap:1px;background:#e2e8f0;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden;width:100%}.calendar-day{background:#fff;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:80px;max-height:80px;min-height:80px;overflow:hidden;padding:6px;position:relative;transition:background-color .2s ease;width:100%}.calendar-day:hover{background:#f8fafc}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.has-events{background:#fefce8}.calendar-day.selected{background:#e0f2fe!important;position:relative}.calendar-day.selected:before{border:2px solid #0891b2;border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.day-number{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:4px;justify-content:center;margin-bottom:4px;text-align:center}.calendar-day.selected .day-number{color:#0891b2}.today-badge{background:#3b82f6;border-radius:6px;color:#fff;font-size:8px;font-weight:600;letter-spacing:.5px;line-height:1;padding:1px 4px;text-transform:uppercase}.day-events{flex:1 1;flex-direction:column;gap:1px;max-height:50px;min-height:0}.calendar-event,.day-events{display:flex;overflow:hidden}.calendar-event{align-items:center;border-radius:2px;cursor:pointer;flex-shrink:0;font-size:8px;gap:2px;height:12px;line-height:1;max-width:100%;padding:1px 2px;transition:all .2s ease;width:100%}.calendar-event:hover{transform:scale(1.02)}.calendar-event.meeting{background:#dbeafe;color:#1e40af}.calendar-event.consultation{background:#fef3c7;color:#92400e}.calendar-event.contract{background:#d1fae5;color:#065f46}.calendar-event.task{background:#ede9fe;color:#5b21b6}.calendar-event.call{background:#dbeafe;color:#1e40af}.calendar-event.callback{background:#ede9fe;color:#5b21b6}.calendar-event.calling{background:#fee2e2;color:#991b1b}.calendar-event.appointment{background:#d1fae5;color:#065f46}.calendar-event.training{background:#fef3c7;color:#92400e}.calendar-event.analysis{background:#cffafe;color:#155e75}.calendar-event.follow-up{background:#fce7f3;color:#be185d}.calendar-event.report{background:#ede9fe;color:#5b21b6}.calendar-event.survey{background:#ccfbf1;color:#134e4a}.calendar-event.preparation{background:#f3e8ff;color:#6b21a8}.calendar-event.planning{background:#e0f2fe;color:#0c4a6e}.calendar-event.closing{background:#fee2e2;color:#991b1b}.event-dot{border-radius:50%;flex-shrink:0;height:2px;width:2px}.calendar-event.meeting .event-dot{background:#3b82f6}.calendar-event.consultation .event-dot{background:#f59e0b}.calendar-event.contract .event-dot{background:#10b981}.calendar-event.task .event-dot{background:#8b5cf6}.event-text{flex:1 1;font-size:10px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{align-items:center;border-radius:2px;color:#64748b;display:flex;flex-shrink:0;font-size:9px;font-weight:500;height:10px;justify-content:center;margin-top:4px;padding:1px 2px;text-align:center}.selected-date-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:0 0 32%;min-width:0;overflow:hidden;padding:16px}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.calendar-schedule-header-left{display:flex;flex-direction:column;gap:4px}.calendar-schedule-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.calendar-schedule-add-btn:hover{background:#2563eb;transform:translateY(-1px)}.panel-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.events-count{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px}.panel-content{max-height:350px;overflow-y:auto}.detailed-events-list{display:flex;flex-direction:column;gap:12px}.detailed-event{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.detailed-event:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.event-time-badge{border-radius:6px;color:#fff;flex-shrink:0;font-family:Monaco,Consolas,monospace;font-size:12px;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.detailed-event.call .event-time-badge,.event-time-badge{background:#3b82f6}.detailed-event.callback .event-time-badge{background:#8b5cf6}.detailed-event.calling .event-time-badge{background:#ef4444}.detailed-event.appointment .event-time-badge{background:#10b981}.detailed-event.training .event-time-badge{background:#f59e0b}.detailed-event.analysis .event-time-badge{background:#06b6d4}.detailed-event.task .event-time-badge{background:#6b7280}.detailed-event.follow-up .event-time-badge{background:#ec4899}.detailed-event.consultation .event-time-badge{background:#84cc16}.detailed-event.report .event-time-badge{background:#8b5cf6}.detailed-event.meeting .event-time-badge{background:#3b82f6}.detailed-event.survey .event-time-badge{background:#14b8a6}.detailed-event.preparation .event-time-badge{background:#a855f7}.detailed-event.planning .event-time-badge{background:#0ea5e9}.detailed-event.closing .event-time-badge{background:#dc2626}.event-details{flex:1 1;min-width:0}.event-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.event-type-label{color:#64748b;font-size:12px;font-weight:500}.no-events-message,.select-date-message{color:#9ca3af;font-size:14px;font-style:italic;line-height:1.5;padding:40px 20px;text-align:center}.customers-list::-webkit-scrollbar{width:4px}.customers-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.customers-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.customers-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.customers-card,.ranking-card{grid-column:span 6}.calendar-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.work-status-section{justify-content:center}.welcome-section h1{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.calendar-card,.customers-card,.ranking-card{grid-column:span 1}.stat-card{padding:16px}.stat-icon{font-size:20px;height:32px;width:32px}.stat-content h3{font-size:18px}.customer-main{flex-direction:column;gap:8px}.customer-meta{justify-content:flex-start}.header-left{align-items:flex-start;flex-direction:column;gap:4px}.dashboard-view-all-btn{align-self:flex-end;margin-top:8px}.card{padding:16px}.calendar-controls{flex-direction:column;gap:12px}.calendar-main-layout{flex-direction:column;gap:16px}.calendar-wrapper,.selected-date-panel{flex:none;width:100%}.calendar-day{height:60px;max-height:60px;min-height:60px;padding:4px}.day-number{font-size:12px;gap:2px}.today-badge{border-radius:4px;font-size:6px;padding:1px 2px}.day-events{max-height:35px}.calendar-event{font-size:7px;height:10px;padding:1px 2px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.work-toggle-btn{font-size:12px;padding:10px 16px}.ranking-item{padding:10px}.customer-item{padding:12px}.customer-meta{justify-content:flex-start}.calendar-day{height:50px;max-height:50px;min-height:50px;padding:3px}.day-events{max-height:30px}.today-badge{border-radius:3px;font-size:5px;padding:0 2px}.calendar-event{padding:1px}.calendar-event,.more-events{font-size:6px;height:8px}.dashboard-recent-notices{margin-top:16px}.dashboard-notices-header{margin-bottom:12px}.dashboard-notices-header h3{font-size:16px;margin-bottom:6px}.dashboard-notices-more-btn{font-size:11px;padding:4px 10px}.dashboard-notice-item{margin-bottom:8px;padding:12px}.dashboard-notice-title-row{margin-bottom:4px}.dashboard-notice-title{font-size:13px;margin-bottom:0}.dashboard-notice-badge{font-size:9px;padding:1px 4px}.dashboard-notice-meta{font-size:10px;gap:8px}}.dashboard-recent-notices{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-top:24px;padding:24px}.dashboard-notices-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dashboard-notices-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.dashboard-notices-more-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.dashboard-notices-more-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.dashboard-notices-list{display:flex;flex-direction:column;gap:0}.dashboard-notice-item{border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;padding:16px 0;transition:background-color .2s}.dashboard-notice-item:last-child{border-bottom:none}.dashboard-notice-item:hover{background:#f8fafc;border-radius:8px;margin:0 -24px;padding:16px 24px}.dashboard-notice-content{flex:1 1}.dashboard-notice-title-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.dashboard-notice-title{color:#1e293b;font-size:14px;font-weight:500;line-height:1.4;margin:0}.dashboard-notice-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.dashboard-notice-meta{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:12px;margin-top:6px}.dashboard-notice-author{color:#64748b;font-weight:500}.dashboard-notice-date{color:#94a3b8}.calendar-schedule-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.calendar-schedule-modal-content{animation:calendar-schedule-modal-appear .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:480px;overflow:hidden;width:90%}@keyframes calendar-schedule-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-schedule-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.calendar-schedule-modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.calendar-schedule-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.calendar-schedule-modal-close:hover{background:#e2e8f0;color:#374151}.calendar-schedule-modal-body{padding:24px}.calendar-schedule-modal-date-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.calendar-schedule-modal-field{margin-bottom:16px}.calendar-schedule-modal-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.calendar-schedule-modal-input,.calendar-schedule-modal-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.calendar-schedule-modal-input:focus,.calendar-schedule-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.calendar-schedule-modal-input::placeholder{color:#9ca3af}.calendar-schedule-modal-select{cursor:pointer}.calendar-schedule-modal-time-picker{align-items:center;display:flex;gap:8px}.calendar-schedule-modal-ampm{flex-shrink:0;width:80px}.calendar-schedule-modal-hour,.calendar-schedule-modal-minute{flex-shrink:0;width:100px}.calendar-schedule-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.calendar-schedule-modal-cancel,.calendar-schedule-modal-submit{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.calendar-schedule-modal-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.calendar-schedule-modal-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.calendar-schedule-modal-submit{background:#3b82f6;color:#fff}.calendar-schedule-modal-submit:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.dashboard-grid{gap:20px;grid-template-columns:1fr}.stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:20px;text-align:center}.work-status-section{justify-content:center}.calendar-schedule-modal-time-picker{flex-direction:column;gap:12px}.calendar-schedule-modal-ampm,.calendar-schedule-modal-hour,.calendar-schedule-modal-minute{width:100%}}.dqot-header-quote{border-top:1px solid #f1f5f9;margin-top:12px;padding:8px 0}.dqot-header-text{color:#64748b;display:block;font-size:13px;font-style:italic;line-height:1.4;margin-bottom:4px;max-width:400px}.dqot-header-author{color:#94a3b8;display:block;font-size:11px;font-weight:500}@media (max-width:768px){.dqot-header-quote{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:12px;text-align:center}.dqot-header-text{font-size:12px;max-width:none}.dqot-header-author{font-size:10px}}.cim-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.cim-customer-modal{animation:cim-modal-appear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}@keyframes cim-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cim-modal-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 28px}.cim-header-left{flex:1 1}.cim-header-content{align-items:center;display:flex;flex:1 1;gap:20px;min-height:40px}.cim-chat-connection-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:8px 12px}.cim-chat-thumbnail{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.cim-chat-thumbnail img{height:100%;object-fit:cover;width:100%}.cim-chat-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.cim-chat-details{flex:1 1;min-width:0}.cim-chat-platform{align-items:center;display:flex;gap:4px;margin-bottom:2px}.cim-platform-icon{align-items:center;display:flex;font-size:12px;justify-content:center}.cim-platform-icon-img{height:14px;object-fit:contain;width:14px}.cim-platform-name{color:#6b7280;font-size:11px;font-weight:500}.cim-chat-name{color:#374151;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cim-disconnect-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.cim-disconnect-btn:hover{background:#fef2f2;transform:scale(1.1)}.cim-disconnect-icon{filter:grayscale(.3);height:16px;object-fit:contain;transition:all .2s ease;width:16px}.cim-disconnect-btn:hover .cim-disconnect-icon{filter:grayscale(0);transform:scale(1.1)}.cim-modal-header h2,.cim-title{color:#1f2937;font-size:22px;font-weight:700;margin:0}.cim-status-stepper{background:#0000;gap:0;padding:4px 8px}.cim-status-step,.cim-status-stepper{align-items:center;border-radius:6px;display:flex}.cim-status-step{cursor:pointer;flex-direction:column;gap:6px;min-width:70px;padding:6px 10px;position:relative;transition:all .3s ease}.cim-status-step:hover{background:#3b82f60d;transform:translateY(-1px)}.cim-step-indicator{align-items:center;background:#e5e7eb;border:2px solid #e5e7eb;border-radius:50%;display:flex;height:28px;justify-content:center;position:relative;transition:all .3s ease;width:28px}.cim-status-step.active .cim-step-indicator{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.cim-status-step.completed .cim-step-indicator{background:#10b981;border-color:#10b981}.cim-step-number{color:#6b7280;font-size:14px;font-weight:700}.cim-status-step.active .cim-step-number{color:#fff}.cim-status-step.completed .cim-step-number{display:none}.cim-step-check{color:#fff;font-size:16px;font-weight:700;position:absolute}.cim-step-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.cim-status-step.active .cim-step-label{color:#3b82f6}.cim-status-step.completed .cim-step-label{color:#10b981}.cim-step-connector{background:#e5e7eb;height:2px;left:calc(100% - 12px);position:absolute;top:16px;transition:all .3s ease;width:24px}.cim-status-step.completed .cim-step-connector{background:#10b981}.cim-status-step.active .cim-step-connector{background:linear-gradient(90deg,#3b82f6 50%,#e5e7eb 0)}.cim-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.cim-close-btn:hover{background:#f3f4f6;color:#374151}.cim-modal-content{flex:1 1;overflow:hidden;padding:28px}.cim-two-column-layout{display:flex;gap:24px;height:calc(90vh - 200px);max-height:calc(90vh - 150px);min-height:600px}.cim-left-column{flex:1 1;height:100%;min-width:0;overflow-y:auto;padding-right:12px}.cim-right-column{border-left:2px solid #e5e7eb;flex:0 0 420px;min-width:0;overflow:hidden;padding-left:12px}.cim-consultation-section,.cim-right-column{display:flex;flex-direction:column;height:100%}.cim-consultation-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:0;min-height:600px;padding:20px}.cim-consultation-section .cim-consultation-input{display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:16px}.cim-consultation-section .cim-consultation-list-full{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;max-height:calc(90vh - 300px);min-height:500px;overflow-y:auto}.cim-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:20px}.cim-section-title{align-items:center;border-bottom:3px solid #3b82f6;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:10px}.cim-section-title:before{background:#3b82f6;border-radius:2px;content:"";height:18px;width:4px}.cim-field-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cim-field{display:flex;flex-direction:column;gap:6px}.cim-field.cim-full-width{grid-column:1/-1}.cim-field label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.cim-input,.cim-select,.cim-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 14px;transition:all .2s ease}.cim-input:focus,.cim-select:focus,.cim-textarea:focus{outline:none;transform:translateY(-1px)}.cim-input.cim-readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.cim-textarea{min-height:80px;resize:vertical}.cim-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.cim-phone-field .cim-phone-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:110px 1fr}.cim-ssn-field .cim-ssn-group{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:130px auto 130px;max-width:300px}.cim-ssn-separator{color:#6b7280;font-size:16px;font-weight:700;text-align:center;width:20px}.cim-messenger-input{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:110px 1fr auto;margin-bottom:12px}.cim-messenger-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:140px;overflow-y:auto}.cim-messenger-item{grid-gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:90px 1fr auto;padding:8px 12px}.cim-messenger-item:last-child{border-bottom:none}.cim-messenger-platform{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:12px;font-weight:500;padding:2px 6px;text-align:center}.cim-messenger-id{color:#374151;font-size:14px;font-weight:500}.cim-messenger-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:.7;transition:all .2s ease;width:24px}.cim-messenger-delete-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1)}.cim-subsection{border-top:1px solid #f3f4f6;margin-top:28px;padding-top:20px}.cim-subsection-title{border-left:4px solid #10b981;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 14px;padding-left:12px}.cim-payment-input{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:170px 120px 100px 1fr auto;margin-bottom:16px}.cim-payment-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:180px;overflow-y:auto}.cim-payment-item{grid-gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:120px 110px 80px 1fr;padding:10px 14px}.cim-payment-item:last-child{border-bottom:none}.cim-payment-date{color:#6b7280;font-size:12px;font-weight:500}.cim-payment-amount{color:#059669;font-size:14px;font-weight:600}.cim-payment-method{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:12px;font-weight:500;padding:2px 6px;text-align:center}.cim-payment-desc{color:#374151;font-size:14px}.cim-schedule-input{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:170px auto 1fr auto;margin-bottom:16px}.cim-time-picker-v2{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:6px;min-width:160px;padding:6px 10px;transition:all .2s ease}.cim-time-picker-v2:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.cim-time-picker-v2.cim-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.cim-ampm-select{background:#0000;border:none;color:#374151;font-size:12px;font-weight:600;padding:4px 6px;width:50px}.cim-ampm-select:focus{outline:none}.cim-time-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;box-shadow:none;color:#374151;font-size:12px;font-weight:500;min-width:45px;padding:4px 6px}.cim-time-select:focus{border:none;box-shadow:none;outline:none;transform:none}.cim-time-separator{color:#6b7280;font-size:16px;font-weight:700;margin:0 2px}.cim-schedule-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:180px;overflow-y:auto}.cim-schedule-item{grid-gap:14px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:14px;grid-template-columns:180px 1fr auto;padding:10px 14px}.cim-schedule-item:last-child{border-bottom:none}.cim-schedule-datetime{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 8px}.cim-schedule-content{color:#374151;font-size:14px}.cim-schedule-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:.7;transition:all .2s ease;width:24px}.cim-schedule-delete-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1)}.cim-consultation-input{grid-gap:10px;display:grid;gap:10px;grid-template-columns:120px 1fr auto;margin-bottom:16px}.cim-consultation-section .cim-consultation-input-row{align-items:center;display:flex;gap:8px}.cim-consultation-section .cim-consultation-category{flex:0 0 120px}.cim-consultation-section .cim-btn-sm{flex-shrink:0;white-space:nowrap}.cim-consultation-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cim-consultation-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;line-height:1.5;padding:8px 12px;word-break:break-word}.cim-consultation-category{flex-shrink:0;min-width:120px}.cim-consultation-category-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;margin-right:8px;padding:3px 8px;white-space:nowrap}.cim-consultation-category-badge.cim-category-부재{background:#ef4444}.cim-consultation-category-badge.cim-category-재상담{background:#f59e0b}.cim-consultation-category-badge.cim-category-관리중{background:#10b981}.cim-consultation-category-badge.cim-category-AS요청{background:#8b5cf6}.cim-consultation-category-badge.cim-category-AS확정{background:#6366f1}.cim-consultation-category-badge.cim-category-실패{background:#dc2626}.cim-consultation-category-badge.cim-category-결제완료{background:#059669}.cim-consultation-category-badge.cim-category-무료방안내{background:#0891b2}.cim-consultation-category-badge.cim-category-무료방입장{background:#0284c7}.cim-consultation-category-badge.cim-category-결제유력{background:#16a34a}.cim-consultation-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:280px;overflow-y:auto}.cim-consultation-item{border-bottom:1px solid #e5e7eb;padding:12px 16px}.cim-consultation-item:last-child{border-bottom:none}.cim-consultation-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.cim-consultation-author{color:#6b7280;font-size:13px;font-weight:500;white-space:nowrap}.cim-consultation-content-inline{color:#4b5563;flex:1 1;font-size:13px;line-height:1.4;min-width:200px}.cim-consultation-timestamp{color:#6b7280;font-size:11px;margin-left:auto;white-space:nowrap}.cim-consultation-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;margin-left:8px;opacity:.7;transition:all .2s ease;width:24px}.cim-consultation-delete-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1)}.cim-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.cim-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.cim-btn-primary{background:#3b82f6;color:#fff}.cim-btn-primary:hover{background:#2563eb}.cim-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cim-btn-secondary:hover{background:#e5e7eb}.cim-btn-assign{background:#059669;color:#fff}.cim-btn-assign:hover{background:#047857}.cim-btn-sm{font-size:12px;padding:8px 16px}.cim-btn-xs{font-size:10px;padding:4px 8px}.cim-btn-danger{background:#ef4444}.cim-btn-danger:hover{background:#dc2626}.cim-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px 28px}.cim-consultation-list::-webkit-scrollbar,.cim-left-column::-webkit-scrollbar,.cim-messenger-list::-webkit-scrollbar,.cim-modal-content::-webkit-scrollbar,.cim-payment-list::-webkit-scrollbar,.cim-right-column::-webkit-scrollbar,.cim-schedule-list::-webkit-scrollbar{width:6px}.cim-consultation-list::-webkit-scrollbar-track,.cim-left-column::-webkit-scrollbar-track,.cim-messenger-list::-webkit-scrollbar-track,.cim-modal-content::-webkit-scrollbar-track,.cim-payment-list::-webkit-scrollbar-track,.cim-right-column::-webkit-scrollbar-track,.cim-schedule-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.cim-consultation-list::-webkit-scrollbar-thumb,.cim-left-column::-webkit-scrollbar-thumb,.cim-messenger-list::-webkit-scrollbar-thumb,.cim-modal-content::-webkit-scrollbar-thumb,.cim-payment-list::-webkit-scrollbar-thumb,.cim-right-column::-webkit-scrollbar-thumb,.cim-schedule-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cim-consultation-list::-webkit-scrollbar-thumb:hover,.cim-left-column::-webkit-scrollbar-thumb:hover,.cim-messenger-list::-webkit-scrollbar-thumb:hover,.cim-modal-content::-webkit-scrollbar-thumb:hover,.cim-payment-list::-webkit-scrollbar-thumb:hover,.cim-right-column::-webkit-scrollbar-thumb:hover,.cim-schedule-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.cim-field-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cim-payment-input{grid-template-columns:160px 110px 90px 1fr auto}.cim-schedule-input{grid-template-columns:160px auto 1fr auto}.cim-messenger-input{grid-template-columns:100px 1fr auto}.cim-header-content{gap:14px}.cim-status-stepper{padding:6px 10px}.cim-status-step{min-width:70px;padding:6px 8px}.cim-step-indicator{height:28px;width:28px}.cim-step-number{font-size:12px}.cim-step-label{font-size:10px}.cim-time-picker-v2{min-width:140px}.cim-right-column{flex:0 0 380px}.cim-two-column-layout{gap:20px;min-height:550px}.cim-consultation-section .cim-consultation-list-full{min-height:450px}}@media (max-width:768px){.cim-customer-modal{max-height:95vh;width:95%}.cim-modal-content,.cim-modal-footer,.cim-modal-header{padding:16px 20px}.cim-two-column-layout{flex-direction:column;gap:20px;height:auto;min-height:auto}.cim-left-column{max-height:60vh;overflow-y:auto;padding:0}.cim-left-column,.cim-right-column{border-left:none;flex:none;height:auto;min-width:auto}.cim-right-column{border-top:2px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;padding:20px 0 0}.cim-consultation-section{display:flex;flex-direction:column;height:auto;max-height:50vh;min-height:400px}.cim-consultation-section .cim-consultation-list-full{flex:1 1;max-height:none;min-height:300px;overflow-y:auto}.cim-field-grid{gap:14px;grid-template-columns:1fr}.cim-phone-field .cim-phone-group{gap:8px;grid-template-columns:1fr}.cim-ssn-field .cim-ssn-group{gap:8px;grid-template-columns:1fr 1fr;max-width:none}.cim-ssn-separator{display:none}.cim-payment-input{gap:8px;grid-template-columns:1fr}.cim-payment-item{gap:4px;grid-template-columns:1fr;text-align:left}.cim-consultation-input,.cim-schedule-input,.cim-schedule-item{gap:8px;grid-template-columns:1fr}.cim-consultation-section .cim-consultation-input-row{flex-direction:column;gap:8px}.cim-consultation-section .cim-consultation-category{flex:none}.cim-consultation-category{min-width:auto}.cim-messenger-input{gap:8px;grid-template-columns:1fr}.cim-messenger-item{gap:8px;grid-template-columns:auto 1fr auto}.cim-header-content{align-items:flex-start;flex-direction:column;gap:12px}.cim-status-stepper{width:100%}.cim-status-step{flex:1 1;min-width:auto}.cim-modal-footer{flex-wrap:wrap;justify-content:center}.cim-time-picker-v2{justify-content:center;min-width:auto}.cim-date-input{min-width:auto}.cim-consultation-header,.cim-consultation-meta{align-items:flex-start;flex-direction:column;gap:6px}.cim-consultation-content-inline{min-width:auto}.cim-consultation-timestamp{align-self:flex-end;margin-left:0}}@media (max-width:480px){.cim-customer-modal{max-height:98vh;width:98%}.cim-modal-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.cim-close-btn{align-self:flex-end;margin-top:-36px}.cim-header-content{width:100%}.cim-status-stepper{flex-direction:column;gap:8px;width:100%}.cim-status-step{flex-direction:row;gap:12px;justify-content:flex-start;width:100%}.cim-step-connector{display:none}.cim-section{padding:12px}.cim-modal-content{padding:14px}.cim-btn{font-size:11px;padding:8px 12px}.cim-ssn-field .cim-ssn-group{gap:8px;grid-template-columns:1fr}.cim-left-column{max-height:50vh}.cim-consultation-section{max-height:45vh;min-height:350px}.cim-consultation-section .cim-consultation-list-full{min-height:250px}}.cim-field{animation:cim-field-appear .3s ease-out}@keyframes cim-field-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cim-input:focus,.cim-select:focus,.cim-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.cim-input::placeholder,.cim-textarea::placeholder{color:#9ca3af;font-style:italic}.cim-section{transition:all .2s ease}.cim-section:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.cim-date-input{height:38px;min-width:170px}.cim-date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px}.cim-input.cim-error,.cim-select.cim-error,.cim-textarea.cim-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.cim-input.cim-error:focus,.cim-select.cim-error:focus,.cim-textarea.cim-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.cim-disconnect-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.cim-disconnect-modal{animation:cim-modal-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;overflow:hidden;width:90%}.cim-disconnect-modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.cim-disconnect-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.cim-disconnect-modal-content{padding:20px 24px}.cim-disconnect-warning{text-align:center}.cim-warning-icon{display:block;font-size:48px;margin-bottom:16px}.cim-disconnect-warning p{color:#374151;font-size:16px;margin:0 0 12px}.cim-warning-text{color:#6b7280!important;font-size:14px!important;line-height:1.5}.cim-disconnect-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.cim-btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff}.cim-btn-danger:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}@media (max-width:768px){.cim-chat-connection-info{gap:8px;padding:6px 8px}.cim-chat-thumbnail{height:28px;width:28px}.cim-chat-name{font-size:12px}.cim-platform-name{font-size:10px}.cim-platform-icon-img{height:12px;width:12px}.cim-disconnect-icon{height:14px;width:14px}}.assignment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.assignment-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.assignment-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.assignment-modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:12px}.mode-toggle-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.mode-toggle-btn:hover{background:#2563eb}.current-user-info{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:13px;padding:4px 8px}.assignment-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:20px;padding:4px;transition:all .2s}.assignment-modal-close:hover{background:#e2e8f0;color:#374151}.assignment-modal-content{flex:1 1;overflow-y:auto;padding:24px}.modal-description{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 16px;text-align:center}.modal-description .assignment-description-icon{font-size:16px}.modal-description.highlighted{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;color:#1e40af;transform:scale(1.02)}.modal-description.highlighted .assignment-description-icon{color:#3b82f6}.assignment-description{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.assignment-description-icon{flex-shrink:0;font-size:20px}.assignment-description p{color:#1e40af;font-size:14px;font-weight:500;line-height:1.4;margin:0}.selected-customers-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.selected-customers-info h3{color:#374151;font-size:14px;font-weight:600;margin:0}.assignment-section{margin-bottom:24px}.assignment-section:last-child{margin-bottom:0}.assignment-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.team-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto}.team-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;flex-basis:calc(33.333% - 6px);flex-grow:0;flex-shrink:0;min-width:0;padding:8px 12px;transition:all .15s}.team-item:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f61a}.team-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f633}.team-item.fixed{background:#f1f5f9;border-color:#94a3b8;cursor:not-allowed}.team-item.fixed.selected{background:#e2e8f0;border-color:#64748b}.assign-modal-team-info{align-items:center;display:flex;justify-content:space-between;width:100%}.assign-modal-team-main-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.assign-modal-team-name{color:#1e293b;font-size:13px;font-weight:600}.assign-modal-team-leader,.assign-modal-team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-modal-team-leader{color:#64748b;font-size:11px;font-weight:400}.team-member-count{align-self:flex-start;background:#f1f5f9;border-radius:3px;color:#64748b;font-size:10px;padding:1px 4px}.member-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.member-item{background:#fff;border:1px solid #e2e8f0;cursor:pointer;padding:12px 16px;transition:all .2s}.member-item:hover{background:#f8fafc;border-color:#3b82f6}.member-item.selected{background:#dbeafe;border-color:#3b82f6}.member-name{min-width:80px}.member-role{background:#d1fae5;border-radius:4px;color:#059669;font-size:12px;min-width:40px;padding:2px 6px;text-align:center}.required-mark{color:#ef4444;font-weight:600;margin-left:4px}.no-members-message{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;padding:20px;text-align:center}.assignment-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-secondary{color:#64748b}.btn-secondary:hover{color:#475569}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-primary:disabled:hover{background:#94a3b8}@media (max-width:768px){.assignment-modal{max-height:90vh;width:95%}.assignment-modal-content,.assignment-modal-footer,.assignment-modal-header{padding:16px}.header-controls{align-items:flex-end;flex-direction:column;gap:8px}.team-list{flex-direction:row;gap:6px}.team-item{flex-basis:calc(50% - 3px);flex-grow:0;flex-shrink:0;min-width:0}.team-info{gap:8px}.member-info,.team-info{align-items:flex-start;flex-direction:column}.member-info{gap:6px}.member-name,.member-role{min-width:auto}}@media (max-width:480px){.assignment-modal{margin:10px;width:98%}.assignment-modal-header h2{font-size:16px}.assignment-description{padding:12px}.header-controls{align-items:flex-end;flex-direction:column;gap:6px}.team-list{flex-direction:column;gap:4px}.team-item{flex:1 1;min-width:0}.member-info,.team-info{align-items:flex-start;flex-direction:column;gap:4px}}.crm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.crm-customer-modal{animation:crm-modal-appear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.crm-customer-modal form{display:flex;flex:1 1;flex-direction:column;min-height:0}@keyframes crm-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.crm-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 28px}.crm-title{color:#1f2937;font-size:22px;font-weight:700;margin:0}.crm-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.crm-close-btn:hover{background:#f3f4f6;color:#374151}.crm-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px 28px}.crm-section{margin-bottom:32px}.crm-section:last-child{margin-bottom:0}.crm-section-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.crm-field-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.crm-field{display:flex;flex-direction:column}.crm-field label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.crm-required:after{color:#ef4444;content:" *";font-weight:600}.crm-input,.crm-select,.crm-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease}.crm-input:focus,.crm-select:focus,.crm-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.crm-input::placeholder{color:#9ca3af}.crm-select{cursor:pointer}.crm-textarea{min-height:80px;resize:vertical}.crm-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.crm-error-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px}.crm-phone-field .crm-phone-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:100px 1fr}.crm-ssn-field .crm-ssn-group{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.crm-ssn-separator{color:#6b7280;font-weight:600;text-align:center}.crm-special-notes-field{grid-column:1/-1}.crm-input-readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.crm-input-readonly:focus{border-color:#d1d5db;box-shadow:none}.crm-messenger-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.crm-messenger-title{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.crm-messenger-input{margin-bottom:16px}.crm-messenger-group{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:120px 1fr auto}.crm-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.crm-add-btn:hover{background:#2563eb;transform:translateY(-1px)}.crm-add-btn:active{transform:translateY(0)}.crm-messenger-list{display:flex;flex-direction:column;gap:8px}.crm-messenger-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.crm-messenger-platform{background:#3b82f6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center}.crm-messenger-account{color:#374151;flex:1 1;font-size:14px}.crm-remove-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.crm-remove-btn:hover{background:#dc2626}.crm-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.crm-cancel-btn,.crm-submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.crm-cancel-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.crm-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.crm-submit-btn{background:#3b82f6;color:#fff}.crm-submit-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.crm-submit-btn:active{transform:translateY(0)}@media (max-width:768px){.crm-customer-modal{max-height:80vh;overflow:hidden;width:95%}.crm-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.crm-modal-content,.crm-modal-footer,.crm-modal-header{padding:16px 20px}.crm-field-grid{gap:16px;grid-template-columns:1fr}.crm-phone-field .crm-phone-group{gap:8px;grid-template-columns:1fr}.crm-ssn-field .crm-ssn-group{gap:8px;grid-template-columns:1fr 1fr}.crm-ssn-separator{display:none}.crm-messenger-group{gap:8px;grid-template-columns:1fr}.crm-messenger-item{align-items:flex-start;flex-direction:column;gap:8px}.crm-messenger-platform{align-self:flex-start}.crm-modal-footer{flex-direction:column}.crm-cancel-btn,.crm-submit-btn{width:100%}}@media (max-width:480px){.crm-customer-modal{height:85vh;margin:10px;overflow:hidden;width:98%}.crm-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.crm-modal-content,.crm-modal-footer,.crm-modal-header{padding:12px 16px}.crm-section-title{font-size:16px}.crm-title{font-size:20px}}.consultation-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.consultation-container{margin:0 auto;max-width:1200px}.consultation-layout{display:grid;grid-template-columns:300px 1fr 350px;height:calc(100vh - 112px)}.chat-sidebar{background:#fff;border-right:1px solid #e2e8f0}.chat-sidebar,.sidebar-header{display:flex;flex-direction:column}.sidebar-header{border-bottom:1px solid #e2e8f0;justify-content:center;min-height:140px;padding:20px 24px}.cp-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cp-header-actions{display:flex;gap:8px}.cp-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.cp-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.cp-layout-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;overflow:hidden}.cp-layout-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;transition:all .2s;width:32px}.cp-layout-option:not(:last-child){border-right:1px solid #e2e8f0}.cp-layout-option:hover{background:#f8fafc}.cp-layout-option.cp-layout-active{background:#3b82f6;color:#fff}.cp-grid-icon{align-items:center;display:flex;justify-content:center}.cp-grid-dots{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);height:12px;width:12px}.cp-grid-dots span{background:currentColor;border-radius:50%;height:2px;width:2px}.cp-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;margin-bottom:12px;padding:4px}.cp-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s}.cp-tab:hover{background:#ffffff80}.cp-tab-active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6;font-weight:600}.sidebar-header h2{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.chat-stats{color:#64748b;display:flex;font-size:12px;gap:12px}.platform-filters{border-bottom:1px solid #f1f5f9;display:flex;gap:8px;overflow-x:auto;padding:16px 20px}.platform-filter{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.platform-filter:hover{background:#f8fafc;border-color:#cbd5e1}.platform-filter.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.chat-list{overflow-y:auto}.chat-item{border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background-color .2s}.chat-item:hover{background:#f8fafc}.chat-item.active{background:#eff6ff;border-right:3px solid #3b82f6}.chat-avatar-section{flex-shrink:0;position:relative}.chat-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.platform-badge{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-2px;font-size:10px;height:18px;right:-2px;width:18px}.chat-info{flex:1 1;min-width:0}.chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.customer-name{color:#1e293b;font-size:14px;font-weight:600}.chat-time{color:#94a3b8;font-size:11px}.chat-preview{align-items:center;display:flex;gap:6px;margin-bottom:6px;min-height:18px}.last-message{color:#64748b;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status{justify-content:flex-end;min-height:18px;width:30px}.chat-status,.unread-count{align-items:center;display:flex}.unread-count{background:#ef4444;border-radius:8px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:1px 5px;text-align:center}.platform-icon{height:16px;object-fit:contain;width:16px}.filter-icon{height:20px;object-fit:contain;width:20px}.customer-name-with-icon{align-items:center;display:flex;flex:1 1;gap:8px}.platform-badge{align-items:center;background:#3b82f61a;border-radius:4px;display:flex;justify-content:center;padding:2px 4px}.platform-badge .platform-icon{height:14px;width:14px}.platform-badge-header .platform-icon{height:18px;width:18px}.platform-badge-sidebar .platform-icon{height:16px;width:16px}.customer-title-with-icon{align-items:center;display:flex;gap:8px;margin-bottom:4px}.customer-title-with-icon h3{margin:0}.profile-title-with-icon{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.profile-title-with-icon h4{margin:0 0 4px}.chat-main{background:#fff;display:flex;flex-direction:column}.chat-header-section{align-items:center;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;justify-content:space-between;min-height:84px;padding:20px 24px}.customer-info{align-items:center;display:flex;gap:12px}.customer-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.customer-details h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.customer-details p{color:#64748b;font-size:14px}.chat-actions{align-items:center;display:flex;gap:12px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.message{display:flex}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{border-radius:18px;max-width:60%;padding:12px 16px;position:relative}.message.sent .message-content{background:#3b82f6;border-bottom-right-radius:6px;color:#fff}.message.received .message-content{background:#f1f5f9;border-bottom-left-radius:6px;color:#1e293b}.message-content p{font-size:14px;line-height:1.4;margin:0 0 4px}.message-time{font-size:11px;opacity:.7}.message-input-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.input-tools{display:flex;gap:8px;margin-bottom:12px}.tool-btn{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.tool-btn:hover{background:#f1f5f9}.message-input-area{align-items:center;display:flex;gap:8px}.message-input{border:1px solid #e2e8f0;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.message-input:focus{border-color:#3b82f6}.send-button{background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#cbd5e1;cursor:not-allowed}.no-chat-selected{align-items:center;display:flex;height:100%;justify-content:center}.empty-state{color:#64748b;text-align:center}.empty-state h3{color:#374151;font-size:18px;margin-bottom:8px}.customer-sidebar{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;padding:0}.customer-profile{border-bottom:1px solid #e2e8f0;flex-shrink:0;min-height:183px;padding:16px;width:100%}.profile-header-compact{align-items:center;display:flex;gap:12px;margin-bottom:16px}.consultation-profile-avatar-small{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.profile-info-compact{flex:1 1;min-width:0}.profile-info-compact h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.profile-fields-compact{margin-bottom:16px}.field-group-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.field-group-compact label{color:#64748b;font-size:11px;font-weight:500;margin:0}.field-group-compact span{color:#1e293b;font-size:12px;text-align:right}.profile-actions-compact{display:flex;gap:8px}.btn-small{flex:1 1;font-size:12px;padding:6px 12px}.customer-profile-empty{display:flex;flex-direction:column;gap:20px;height:100%;padding:20px}.empty-customer-illustration{padding:20px 0;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.empty-customer-illustration h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.empty-customer-illustration p{color:#64748b;font-size:14px;margin:0}.quick-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.stat-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{font-size:12px}.stat-value{color:#1e293b;font-size:14px;font-weight:600}.empty-tips{display:flex;flex-direction:column;gap:12px}.tip-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:12px;gap:12px;padding:12px}.tip-icon{flex-shrink:0;font-size:16px}.ai-chat-section{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:16px}.ai-chat-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.ai-chat-header h5{color:#1e293b;font-size:14px;font-weight:600;margin:0}.ai-status{background:#d1fae5;border-radius:8px;color:#10b981;font-size:11px;padding:2px 6px}.ai-chat-messages{flex:1 1;margin-bottom:12px;min-height:250px;overflow-y:auto;padding:8px 0}.ai-welcome{color:#64748b;padding:20px;text-align:center}.ai-welcome p{font-size:12px;line-height:1.4;margin:0}.ai-message{margin-bottom:12px}.ai-message.user{text-align:right}.ai-message.ai{text-align:left}.ai-message-content{border-radius:12px;display:inline-block;font-size:12px;line-height:1.4;max-width:80%;padding:8px 12px}.ai-message.user .ai-message-content{background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.ai-message.ai .ai-message-content{background:#f1f5f9;border-bottom-left-radius:4px;color:#1e293b}.ai-message-content p{margin:0 0 4px}.ai-message-time{font-size:10px;opacity:.7}.ai-chat-input{align-items:center;display:flex;gap:8px;margin-top:auto}.ai-input{border:1px solid #e2e8f0;border-radius:16px;flex:1 1;font-size:12px;outline:none;padding:8px 12px;transition:border-color .2s}.ai-input:focus{border-color:#3b82f6}.ai-send-button{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.ai-send-button:hover:not(:disabled){background:#2563eb}.ai-send-button:disabled{background:#cbd5e1;cursor:not-allowed}.profile-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px;text-align:center}.consultation-profile-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.profile-header h4{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:4px}.profile-header p{color:#64748b;font-size:14px}.profile-fields{margin-bottom:24px}.field-group{margin-bottom:16px}.field-group label{color:#64748b;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.field-group span{color:#1e293b;font-size:14px}.profile-actions{display:flex;flex-direction:column;gap:8px}.profile-actions .btn{justify-content:center;width:100%}@media (max-width:1024px){.consultation-layout{grid-template-columns:280px 1fr}.customer-sidebar{display:none}}@media (max-width:768px){.consultation-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.consultation-layout.mobile-chat-open .chat-sidebar{display:flex;height:calc(100vh - 64px);left:0;position:fixed;top:64px;width:280px;z-index:100}.chat-main{height:calc(100vh - 64px)}}.ai-chat-messages::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#f1f5f9}.ai-chat-messages::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cp-compact-layout{grid-gap:6px;display:grid;gap:6px;grid-auto-rows:minmax(70px,auto);grid-template-columns:repeat(3,1fr);padding:12px}.cp-compact-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;max-height:70px;min-height:70px;padding:10px!important;position:relative;transition:all .2s}.cp-compact-item:hover{background:#f8fafc!important;border-color:#cbd5e1}.cp-compact-item.active{background:#eff6ff!important;border-color:#3b82f6;border-right:3px solid #3b82f6}.cp-compact-content{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;text-align:center}.cp-compact-name{color:#1e293b;font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-compact-platform{align-items:center;display:flex;justify-content:center}.cp-compact-platform .platform-icon{height:20px;width:20px}.cp-compact-unread{background:#ef4444;border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:16px;min-width:16px;padding:1px 5px;position:absolute;right:4px;top:4px}.cp-compact-unread,.cp-filter-modal-overlay{align-items:center;display:flex;justify-content:center}.cp-filter-modal-overlay{background:#00000080;bottom:0;left:0;overflow:visible;position:fixed;right:0;top:0;z-index:1000}.cp-filter-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:90vw;overflow:visible;position:relative;width:400px}.cp-filter-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.cp-filter-modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.cp-filter-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:20px;height:32px;transition:all .2s;width:32px}.cp-filter-modal-close:hover{background:#f1f5f9;color:#1e293b}.cp-filter-modal-content{gap:20px;padding:24px}.cp-filter-group,.cp-filter-modal-content{display:flex;flex-direction:column;overflow:visible}.cp-filter-group{gap:8px}.cp-filter-group label{color:#374151;font-size:14px;font-weight:500}.cp-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.cp-filter-select:focus{border-color:#3b82f6}.cp-filter-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cp-filter-btn-apply,.cp-filter-btn-reset{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cp-filter-btn-reset{background:#fff;color:#64748b}.cp-filter-btn-reset:hover{background:#f8fafc;border-color:#cbd5e1}.cp-filter-btn-apply{background:#3b82f6;border-color:#3b82f6;color:#fff}.cp-filter-btn-apply:hover{background:#2563eb;border-color:#2563eb}.cp-filter-icon{color:#64748b;height:16px;width:16px}.cp-filter-btn:hover .cp-filter-icon{color:#374151}.cp-platform-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.cp-platform-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:48px;padding:12px 8px;transition:all .2s}.cp-platform-btn:hover{background:#f8fafc;border-color:#cbd5e1}.cp-platform-btn.cp-platform-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cp-platform-icon{height:24px;object-fit:contain;width:24px}.cp-status-filter-container{display:flex;flex-direction:column;gap:12px;overflow:visible}.cp-status-dropdown-container{overflow:visible;position:relative}.cp-dropdown-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s;width:100%}.cp-dropdown-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.cp-dropdown-text{font-weight:500}.cp-dropdown-icon{color:#64748b;height:20px;transition:transform .2s;width:20px}.cp-dropdown-icon-open{transform:rotate(180deg)}.cp-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;max-height:250px;min-width:200px;overflow-y:auto;position:fixed;z-index:1100}.cp-dropdown-options{max-height:200px;overflow-y:auto}.cp-dropdown-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.cp-dropdown-option:hover{background:#f8fafc}.cp-checkbox{accent-color:#3b82f6;margin:0}.cp-checkbox-label{color:#374151;flex:1 1;font-size:14px}.cp-no-results{color:#64748b;font-size:14px;padding:12px;text-align:center}.cp-dropdown-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:12px}.cp-clear-all,.cp-dropdown-close{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.cp-clear-all{background:#fff;color:#64748b}.cp-clear-all:hover{background:#f8fafc;border-color:#cbd5e1}.cp-dropdown-close{background:#3b82f6;border-color:#3b82f6;color:#fff}.cp-dropdown-close:hover{background:#2563eb;border-color:#2563eb}.cp-selected-tags{display:flex;flex-wrap:wrap;gap:6px}.cp-category-tag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.cp-category-tag,.cp-tag-remove{align-items:center;color:#3b82f6}.cp-tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:16px}.cp-tag-remove:hover{background:#dbeafe}.consult-link-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.consult-link-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:1000px;overflow:hidden;width:90vw}.consult-link-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.consult-link-modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.consult-link-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.consult-link-modal-close:hover{background:#e2e8f0;color:#374151}.consult-link-modal-body{flex:1 1;overflow:auto;padding:24px 32px}.consult-link-search-section{margin-bottom:24px}.consult-link-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:16px}.consult-link-search-wrapper{max-width:400px;position:relative}.consult-link-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s ease;width:100%}.consult-link-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.consult-link-search-icon{color:#64748b;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.consult-link-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.consult-link-table{border-collapse:collapse;width:100%}.consult-link-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:600;text-align:left}.consult-link-table td,.consult-link-table th{color:#374151;font-size:14px;padding:12px 16px;white-space:nowrap}.consult-link-table td{border-bottom:1px solid #f1f5f9}.consult-link-customer-row:hover{background:#f8fafc}.consult-link-customer-name{color:#1e293b;font-weight:600}.consult-link-customer-age{color:#64748b}.consult-link-customer-phone{font-family:Monaco,Consolas,monospace;font-size:13px}.consult-link-customer-team{font-size:14px}.consult-link-customer-assignee,.consult-link-customer-team{color:#374151;font-weight:500}.consult-link-customer-app-time,.consult-link-customer-assign-time{color:#64748b;font-family:Monaco,Consolas,monospace;font-size:12px}.consult-link-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.consult-link-btn:hover{background:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.consult-link-no-results{color:#64748b;font-style:italic;padding:40px 16px;text-align:center}.consult-link-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 32px}.consult-link-cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.consult-link-cancel-btn:hover{background:#4b5563}.btn.btn-warning{background:#f59e0b;border:1px solid #f59e0b;color:#fff}.btn.btn-warning:hover{background:#d97706;border-color:#d97706;box-shadow:0 2px 4px #f59e0b4d;transform:translateY(-1px)}@media (max-width:768px){.consult-link-modal-content{max-height:90vh;width:95vw}.consult-link-modal-body,.consult-link-modal-footer,.consult-link-modal-header{padding:16px 20px}.consult-link-table-wrapper{overflow-x:auto}.consult-link-table{min-width:700px}.consult-link-search-wrapper{max-width:100%}}.consult-link-modal-body::-webkit-scrollbar{width:6px}.consult-link-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.consult-link-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.consult-link-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.consult-link-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:16px 0}.consult-link-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.consult-link-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.consult-link-pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.5}.consult-link-pagination-info{align-items:center;color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px}.consult-link-pagination-total{color:#6b7280;font-size:12px;font-weight:400}.cplcm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cplcm-modal-content{animation:cplcm-modal-appear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes cplcm-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cplcm-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.cplcm-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.cplcm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.cplcm-modal-close:hover{background:#f3f4f6;color:#374151}.cplcm-modal-body{padding:0 24px 24px}.cplcm-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:32px;text-align:center}.cplcm-choice-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cplcm-choice-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;min-height:160px;padding:24px 20px;text-align:center;transition:all .3s ease}.cplcm-choice-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.cplcm-new-customer:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.cplcm-existing-customer:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.cplcm-btn-icon{font-size:32px;margin-bottom:8px}.cplcm-btn-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.cplcm-btn-content p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.consult-link-clickable-cell{cursor:pointer;position:relative;transition:background-color .2s ease}.consult-link-clickable-cell:hover{background-color:#f8fafc}.consult-link-clickable-cell:active{background-color:#e2e8f0}@media (max-width:768px){.cplcm-modal-content{margin:20px;width:95%}.cplcm-choice-buttons{gap:12px;grid-template-columns:1fr}.cplcm-choice-btn{min-height:120px;padding:20px 16px}.cplcm-btn-icon{font-size:24px}.cplcm-modal-header{padding:20px 20px 0}.cplcm-modal-body{padding:0 20px 20px}.cplcm-description{font-size:14px;margin-bottom:24px}}.notice-page{min-height:calc(100vh - 64px);padding:24px 0}.notice-board{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.board-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.search-section{flex:1 1;max-width:340px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{outline:none;padding:12px 48px 12px 16px;transition:border-color .2s;width:100%}.search-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;position:absolute;right:12px;transition:color .2s}.search-btn:hover{color:#3b82f6}.header-buttons{display:flex;gap:12px}.notice-list-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600}.notice-item,.notice-list-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 120px 120px;padding:16px 24px}.notice-item{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s}.notice-item:hover{background:#f8fafc}.notice-item.important{background:#fffbeb;border-left:4px solid #f59e0b}.notice-item.important:hover{background:#fef3c7}.col-title{align-items:center;display:flex;gap:8px}.important-badge{font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.title{color:#1e293b;font-weight:500}.col-author,.col-date,.col-views{align-items:center;color:#64748b;display:flex;font-size:14px}.pagination{justify-content:center;padding:24px}.page-btn{border:none}.notice-detail{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.notice-header{border-bottom:1px solid #e2e8f0;padding:24px}.back-btn{margin-bottom:16px}.notice-title-section h1{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:12px}.important-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.notice-meta{color:#64748b;display:flex;font-size:14px;gap:24px}.notice-content{color:#374151;font-size:16px;line-height:1.7;padding:32px 24px}.notice-write{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.write-form{padding:32px 24px}.form-group{margin-bottom:24px}.form-group label{font-weight:600;margin-bottom:8px}.checkbox-wrapper{align-items:flex-start;display:flex;gap:12px;padding:12px 0}.checkbox-input{accent-color:#3b82f6;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-size:14px;font-weight:500;line-height:1.5;margin:0}.form-input,.form-textarea{font-size:16px;outline:none;transition:border-color .2s}.form-textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;line-height:1.5;min-height:200px;padding:12px 16px;resize:vertical;width:100%}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:32px;padding-top:0}.form-bottom .checkbox-wrapper{margin:0;padding:0}.form-bottom .btn{font-size:14px;max-width:150px;padding:8px 16px}.modal-content{box-shadow:0 10px 25px #0003;max-width:400px;overflow:hidden}.modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close-btn:hover{background:#f1f5f9}.modal-body{padding:32px 24px;text-align:center}.permission-icon{font-size:48px;margin-bottom:16px}.modal-body p{color:#64748b;line-height:1.5;margin:8px 0}.modal-body p:first-of-type{color:#1e293b;font-size:16px;font-weight:600}.modal-footer{justify-content:center}@media (max-width:768px){.notice-item,.notice-list-header{gap:8px;grid-template-columns:1fr}.col-author,.col-date,.col-views{display:none}.board-header{align-items:stretch;flex-direction:column;gap:16px}.search-section{max-width:none}.form-bottom{align-items:stretch;flex-direction:column;gap:16px}.header-buttons{flex-direction:column;width:100%}.notice-meta{flex-direction:column;gap:8px}.pagination{flex-wrap:wrap}}.notification-page{background:#f8fafc;padding:24px}.notification-page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.notification-header-content h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.notification-header-content p{color:#64748b;font-size:16px;margin:0}.notification-mark-all-btn{font-size:14px;padding:8px 16px;white-space:nowrap}.notifications-board{background:#0000}.notifications-tabs{align-items:center;background:#0000;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.notifications-tab-group{display:flex}.notifications-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.notifications-tab-btn:hover{color:#3b82f6}.notifications-tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.notifications-mark-all-btn{font-size:13px;padding:6px 12px;white-space:nowrap}.notifications-content{padding:0}.notifications-list{display:flex;flex-direction:column;gap:16px}.notifications-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;position:relative;transition:all .2s}.notifications-card:hover{background:#f8fafc;border-color:#cbd5e1}.notifications-card.unread{background:#fefce8;border-color:#fbbf24}.notifications-card.unread:hover{background:#fef3c7}.notifications-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;margin-top:2px;width:40px}.notifications-body{flex:1 1;min-width:0}.notifications-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px}.notifications-header h4{color:#1e293b;font-size:15px;font-weight:600;line-height:1.3;margin:0}.notifications-time{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:500;margin-right:10px}.notifications-message{color:#64748b;font-size:14px;line-height:1.4;margin:0}.notifications-unread-dot{background:#3b82f6;border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.notifications-loading{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;justify-content:center;padding:32px 20px}.loading-spinner{height:20px;width:20px}.notifications-load-more{display:flex;justify-content:center;padding:24px 20px}.load-more-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.load-more-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.notifications-end{border-top:1px solid #f1f5f9;color:#64748b;font-size:14px;margin-top:16px;padding:24px 20px;text-align:center}.notifications-end p{margin:0;opacity:.8}.notifications-empty-state{padding:60px 20px;text-align:center}.notifications-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.notifications-empty-state h3{color:#374151;font-size:20px;font-weight:600;margin-bottom:8px}.notifications-empty-state p{color:#64748b;font-size:14px;margin:0}@media (max-width:768px){.notification-page{padding:16px}.notification-page-header{align-items:stretch;flex-direction:column;gap:16px}.notification-header-content h1{font-size:24px}.notifications-tabs{align-items:stretch;flex-direction:column;gap:12px;overflow-x:auto;padding:16px;white-space:nowrap}.notifications-tab-group{width:100%}.notifications-tab-btn{font-size:13px;padding:12px 20px}.notifications-mark-all-btn{width:100%}.notifications-content{padding:16px}.notifications-card{padding:14px 16px}.notifications-icon{font-size:20px;height:32px;width:32px}.notifications-unread-dot{right:14px;top:14px}.notifications-loading{font-size:13px;padding:24px 16px}.load-more-btn{font-size:13px;padding:10px 20px}.notifications-end{font-size:13px;padding:20px 16px}.notifications-empty-state{padding:40px 20px}.notifications-empty-icon{font-size:48px}}@media (max-width:480px){.notification-header-content h1{font-size:20px}.notifications-card{padding:12px}.notifications-header h4{font-size:14px}.notifications-message{font-size:13px}}.csms-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.csms-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0f172a40;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;padding:28px;width:920px}.csms-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.csms-header h2{color:#0f172a;font-size:24px;margin:0}.csms-header p{color:#475569;font-size:14px;margin:4px 0 0}.csms-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:28px;line-height:1}.csms-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.25fr .75fr;overflow-y:auto;padding-right:4px}.csms-form-column{gap:16px}.csms-field,.csms-form-column{display:flex;flex-direction:column}.csms-field{gap:8px}.csms-field label{color:#0f172a;font-size:14px;font-weight:600}.csms-field input[type=date],.csms-field input[type=text],.csms-field input[type=time],.csms-field select,.csms-field textarea{border:1px solid #cbd5f5;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.csms-field textarea{min-height:120px;resize:vertical}.csms-recipient-badges{display:flex;flex-wrap:wrap;gap:8px}.csms-recipient-chip{background:#e2e8f0;border-radius:999px;color:#0f172a;font-size:13px;padding:6px 12px}.csms-recipient-chip-muted{background:#cbd5f5;color:#475569}.csms-type-pill{align-items:center;background:#e0f2fe;border-radius:999px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.csms-byte-info{color:#64748b;font-size:12px}.csms-radio-group{color:#0f172a;display:flex;font-size:14px;gap:20px}.csms-radio-group input{margin-right:6px}.csms-attachment-row{align-items:center;display:flex;gap:12px}.csms-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600}.csms-attachment-preview{background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px;margin-top:10px;padding:12px}.csms-attachment-preview img{border-radius:8px;max-width:100%}.csms-schedule-row{display:flex;gap:12px;margin-top:10px}.csms-preview-card,.csms-preview-column{display:flex;flex-direction:column}.csms-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;gap:18px;height:-webkit-fit-content;height:fit-content;padding:20px}.csms-preview-header{align-items:center;color:#0f172a;display:flex;font-weight:600;justify-content:space-between}.csms-status-tag{border-radius:999px;font-size:12px;font-weight:700;padding:4px 12px}.csms-status-sms{background:#dcfce7;color:#166534}.csms-status-lms{background:#fee2e2;color:#b91c1c}.csms-status-mms{background:#ede9fe;color:#5b21b6}.csms-preview-device{background:#0f172a;border-radius:30px;display:flex;justify-content:center;padding:20px 16px}.csms-preview-bubble{background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:10px;min-height:200px;padding:14px;width:100%}.csms-preview-title{color:#0f172a;font-size:14px;font-weight:700}.csms-preview-text{color:#475569;font-size:13px;margin:0;white-space:pre-wrap}.csms-preview-image img{border-radius:10px;margin-top:8px;width:100%}.csms-preview-meta{grid-gap:10px;color:#334155;display:grid;font-size:13px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.csms-meta-label{color:#94a3b8;display:block;font-size:12px;margin-bottom:2px}.csms-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.csms-primary-btn,.csms-secondary-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px}.csms-secondary-btn{background:#e2e8f0;color:#0f172a}.csms-primary-btn{background:#2563eb;color:#fff}.csms-primary-btn:disabled{background:#94a3b8;cursor:not-allowed}.csms-error-text{color:#dc2626;font-size:13px;margin-top:12px;text-align:right}.applications-page{min-height:calc(100vh - 64px);padding:24px 0}.page-header{margin-bottom:32px;text-align:center}.page-header h1{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:12px}.page-header p{color:#64748b;font-size:16px}.applications-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.ap-filter-container,.apcl-filter-container{margin-bottom:16px;padding:20px}.ap-action-container,.ap-filter-container,.apcl-filter-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.ap-action-container{margin-bottom:24px;padding:16px 20px}.ap-action-section{display:flex;gap:12px;justify-content:flex-end}.apcl-filter-section{display:flex;flex:1 1;flex-direction:column;gap:16px}.apcl-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.apcl-filter-row-right{justify-content:flex-end;margin-left:auto;max-width:400px}.apcl-consultation-content-group{flex:1 1;max-width:600px}.apcl-consultation-content-input{max-width:500px;min-width:300px;width:100%}.apcl-filter-group{align-items:center;display:flex;gap:8px}.apcl-filter-group label{color:#374151;font-size:14px;font-weight:500;min-width:60px;white-space:nowrap}.apcl-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s}.apcl-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.apcl-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s}.apcl-filter-select:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.apcl-date-group{align-items:center}.apcl-filter-date{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:140px;padding:8px 12px}.apcl-date-separator{color:#6b7280;font-weight:500;margin:0 8px}.ap-filter-section{display:flex;flex:1 1;flex-direction:column;gap:16px}.ap-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ap-filter-group{align-items:center;display:flex;gap:8px}.ap-filter-group label{color:#374151;font-size:14px;font-weight:500;min-width:60px;white-space:nowrap}.ap-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s}.ap-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ap-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s}.ap-filter-select:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.ap-date-group{align-items:center}.ap-filter-date{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:140px;padding:8px 12px}.ap-date-separator{color:#6b7280;font-weight:500;margin:0 8px}.apcl-filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.apcl-filter-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.apcl-filter-apply{background:#3b82f6;color:#fff}.apcl-filter-apply:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.apcl-filter-reset{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.apcl-filter-reset:hover{background:#e5e7eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ap-filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.ap-filter-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.ap-filter-apply{background:#3b82f6;color:#fff}.ap-filter-apply:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.ap-filter-reset{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.ap-filter-reset:hover{background:#e5e7eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.apcl-consultation-category-group{align-items:center;flex:1 1;flex-direction:row;gap:12px;min-width:auto}.apcl-category-filter-container{align-items:center;display:flex;flex:1 1;gap:12px}.apcl-category-dropdown-container{flex-shrink:0;position:relative;width:200px}.ap-consultation-category-group{align-items:center;flex:1 1;flex-direction:row;gap:12px;min-width:auto}.ap-category-filter-container{align-items:center;display:flex;flex:1 1;gap:12px}.ap-category-dropdown-container{flex-shrink:0;position:relative;width:200px}.apcl-selected-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-height:20px}.apcl-category-tag{align-items:center;animation:apcl-tag-appear .2s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}@keyframes apcl-tag-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.apcl-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-left:2px;padding:0;transition:all .2s ease;width:16px}.apcl-tag-remove:hover{background:#fff3;transform:scale(1.1)}.ap-selected-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-height:20px}.ap-category-tag{align-items:center;animation:ap-tag-appear .2s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}@keyframes ap-tag-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ap-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;margin-left:2px;padding:0;transition:all .2s ease;width:16px}.ap-tag-remove:hover{background:#fff3;transform:scale(1.1)}.apcl-dropdown-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:space-between;padding:8px 12px;transition:all .2s ease;width:100%}.apcl-dropdown-trigger:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.apcl-dropdown-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.apcl-dropdown-text{font-weight:500}.apcl-dropdown-icon{color:#6b7280;height:20px;transition:transform .2s ease;width:20px}.apcl-dropdown-icon-open{transform:rotate(180deg)}.ap-dropdown-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:space-between;padding:8px 12px;transition:all .2s ease;width:100%}.ap-dropdown-trigger:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ap-dropdown-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.ap-dropdown-text{font-weight:500}.ap-dropdown-icon{color:#6b7280;height:20px;transition:transform .2s ease;width:20px}.ap-dropdown-icon-open{transform:rotate(180deg)}.apcl-dropdown-menu{animation:apcl-dropdown-appear .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}@keyframes apcl-dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ap-dropdown-menu{animation:ap-dropdown-appear .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}@keyframes ap-dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ap-dropdown-search{border-bottom:1px solid #f3f4f6;padding:12px}.ap-search-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.ap-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.apcl-dropdown-options{max-height:200px;overflow-y:auto}.apcl-dropdown-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.apcl-dropdown-option:hover{background:#f8fafc}.apcl-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.apcl-checkbox-label{color:#374151;cursor:pointer;font-size:14px}.apcl-no-results{color:#9ca3af;font-size:14px;font-style:italic;padding:12px;text-align:center}.apcl-dropdown-actions{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 12px}.apcl-clear-all{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.apcl-clear-all:hover{background:#f3f4f6;color:#374151}.apcl-dropdown-close{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.apcl-dropdown-close:hover{background:#2563eb;transform:translateY(-1px)}.ap-dropdown-options{max-height:200px;overflow-y:auto}.ap-dropdown-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.ap-dropdown-option:hover{background:#f8fafc}.ap-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.ap-checkbox-label{color:#374151;cursor:pointer;font-size:14px}.ap-no-results{color:#9ca3af;font-size:14px;font-style:italic;padding:12px;text-align:center}.ap-dropdown-actions{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 12px}.ap-clear-all{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.ap-clear-all:hover{background:#f3f4f6;color:#374151}.ap-dropdown-close{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.ap-dropdown-close:hover{background:#2563eb;transform:translateY(-1px)}.action-section{display:flex;gap:12px}.applications-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:visible;position:relative}.ap-table-scroll-wrapper{border-radius:12px;overflow:auto}.applications-table{border-collapse:collapse;font-size:13px;width:100%}.applications-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.applications-table td{border-bottom:1px solid #f1f5f9;padding:12px 8px;vertical-align:middle}.applications-table tr:hover{background:#f8fafc}.memo-cell{cursor:help;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-completed{background:#bbf7d0;color:#166534}.status-progress{background:#fed7aa;color:#9a3412}.status-waiting{background:#fef3c7;color:#92400e}.status-pending{background:#e2e8f0;color:#475569}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s}.btn-icon:hover{background:#f1f5f9}.edit-btn{font-size:14px}.table-footer{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.table-info{color:#64748b;font-size:14px}.pagination{align-items:center;display:flex;gap:16px}.page-numbers{display:flex;gap:8px}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;height:32px;transition:all .2s;width:32px}.page-btn:hover{background:#f1f5f9}.page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination .btn:disabled{border-color:#e2e8f0;cursor:not-allowed}.pagination .btn:disabled,.pagination .btn:disabled:hover{background:#f8fafc;color:#94a3b8}@media (max-width:1200px){.applications-table-container{overflow-x:auto}.applications-table{min-width:1400px}}@media (max-width:768px){.applications-controls{align-items:stretch;flex-direction:column;gap:16px}.ap-action-container,.apcl-filter-container{padding:16px}.apcl-filter-section{gap:12px}.apcl-filter-row{align-items:stretch;flex-direction:column;gap:12px}.apcl-filter-group{align-items:flex-start;flex-direction:column;gap:4px}.apcl-consultation-category-group{align-items:flex-start;flex-direction:column;gap:8px;min-width:auto}.apcl-category-filter-container{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.apcl-category-dropdown-container{max-width:none;width:100%}.apcl-selected-tags{justify-content:flex-start;width:100%}.apcl-category-tag{font-size:11px;padding:3px 6px}.apcl-dropdown-trigger{font-size:13px;padding:8px 10px}.apcl-dropdown-menu{left:0;right:0}.apcl-filter-date,.apcl-filter-input,.apcl-filter-select{min-width:auto;width:100%}.apcl-date-group{align-items:flex-start;flex-direction:column;gap:8px}.apcl-date-separator{display:none}.apcl-filter-actions{justify-content:center;margin-top:16px;padding-top:12px}.apcl-consultation-content-group{max-width:none;width:100%}.apcl-consultation-content-input{max-width:none;min-width:auto}.ap-action-container,.ap-filter-container{padding:16px}.ap-filter-section{gap:12px}.ap-filter-row{align-items:stretch;flex-direction:column;gap:12px}.ap-filter-group{align-items:flex-start;flex-direction:column;gap:4px}.ap-consultation-category-group{align-items:flex-start;flex-direction:column;gap:8px;min-width:auto}.ap-category-filter-container{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.ap-category-dropdown-container{max-width:none;width:100%}.ap-selected-tags{justify-content:flex-start;width:100%}.ap-category-tag{font-size:11px;padding:3px 6px}.ap-dropdown-trigger{font-size:13px;padding:8px 10px}.ap-dropdown-menu{left:0;right:0}.ap-filter-date,.ap-filter-input,.ap-filter-select{min-width:auto;width:100%}.ap-date-group{align-items:flex-start;flex-direction:column;gap:8px}.ap-date-separator{display:none}.ap-filter-actions{justify-content:center;margin-top:16px;padding-top:12px}.ap-action-section{flex-wrap:wrap}.action-section,.ap-action-section{justify-content:center}.table-footer{flex-direction:column;gap:16px}.applications-table{font-size:12px;min-width:1000px}.applications-table td,.applications-table th{padding:8px 6px}.ap-consultation-tooltip{max-width:300px;min-width:250px}}.ap-dropdown-options::-webkit-scrollbar,.ap-table-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.ap-dropdown-options::-webkit-scrollbar-track,.ap-table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ap-dropdown-options::-webkit-scrollbar-thumb,.ap-table-scroll-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ap-dropdown-options::-webkit-scrollbar-thumb:hover,.ap-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ap-table-scroll-wrapper::-webkit-scrollbar-corner{background:#f1f5f9}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f1f5f9!important}.ap-global-tooltip{animation:ap-tooltip-fade-in .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0003;max-width:400px;min-width:300px;padding:12px;pointer-events:none;position:fixed;z-index:9999}@keyframes ap-tooltip-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ap-bold-cell{color:#1e293b;font-weight:700}.ap-tooltip-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:6px}.ap-consultation-list{display:flex;flex-direction:column;gap:8px}.ap-consultation-item{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;padding:8px}.ap-consultation-content{color:#374151;font-size:13px;line-height:1.4;margin-bottom:4px}.ap-consultation-time{color:#6b7280;font-size:11px}.ap-no-consultation{color:#9ca3af;font-size:13px;font-style:italic;padding:12px;text-align:center}.apcl-select-header{overflow:visible;position:relative}.apcl-select-container{display:inline-block;position:relative}.apcl-select-tooltip{left:0;margin-top:8px;position:absolute;top:100%;z-index:1100}.apcl-tooltip-content{animation:apcl-tooltip-appear .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:200px;padding:8px;position:relative;z-index:1110}@keyframes apcl-tooltip-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.apcl-tooltip-content:before{border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:20px;position:absolute;top:-6px;width:0}.apcl-tooltip-option{background:none;border:none;border-radius:4px;color:#374151;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.apcl-tooltip-option:hover{background:#f8fafc}.apcl-tooltip-option:first-child{margin-bottom:4px}.apcl-tooltip-desc{color:#64748b;font-size:12px;font-weight:400;margin-left:8px}.apcl-tooltip-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}@media (max-width:768px){.apcl-tooltip-content{font-size:13px;min-width:180px}.apcl-tooltip-option{font-size:13px;padding:10px 12px}.apcl-tooltip-desc{font-size:11px}}.excel-upload-modal{max-width:600px;width:90%}.excel-upload-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.excel-upload-guide h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.guide-list{list-style:none;margin:0 0 16px;padding:0}.guide-list li{color:#475569;font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.guide-list li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.guide-list li strong{color:#1e293b;font-weight:600}.guide-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;margin-top:16px;padding-top:16px}.btn-download-template{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-download-template:hover{background:#2563eb}.link-guide{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.link-guide:hover{color:#2563eb;text-decoration:underline}.file-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s}.file-upload-area:hover{background:#f1f5f9;border-color:#3b82f6}.file-upload-area.dragging{background:#eff6ff;border-color:#3b82f6}.file-upload-area.has-file{cursor:default}.file-upload-area.has-file,.file-upload-area.has-file:hover{background:#fff;border-color:#10b981}.upload-placeholder{pointer-events:none}.upload-icon{font-size:48px;margin-bottom:16px}.upload-text{color:#475569;font-size:14px;margin-bottom:8px}.upload-text strong{color:#1e293b;font-weight:600}.upload-hint{color:#94a3b8;font-size:12px}.file-info{align-items:center;background:#fff;border-radius:6px;display:flex;gap:16px;padding:16px}.file-icon{flex-shrink:0;font-size:32px}.file-details{flex:1 1;text-align:left}.file-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px;word-break:break-all}.file-size{color:#64748b;font-size:12px}.btn-remove-file{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-file:hover{background:#ef4444;color:#fff}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:14px;margin-right:8px;width:14px}.upload-success-modal{max-width:500px;width:90%}.success-message{padding:20px 0;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.success-message h5{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.success-message p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.success-message p strong{color:#1e293b;font-weight:600}@media (max-width:768px){.excel-upload-modal,.upload-success-modal{max-width:none;width:95%}.file-upload-area{padding:30px 20px}.guide-actions{align-items:stretch;flex-direction:column}.btn-download-template{width:100%}.link-guide{text-align:center}.upload-icon{font-size:36px}}.stats-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.stats-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px;text-align:center}.stats-header h1{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:8px}.stats-header p{color:#64748b;font-size:16px;font-weight:500}.stats-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px}.stats-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.stats-section-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.stats-section-header p{color:#64748b;font-size:14px;margin:4px 0 0}.stats-period-selector{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;padding:4px}.stats-period-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.stats-period-btn.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#3b82f6}.stats-period-btn:hover:not(.active){background:#e2e8f0;color:#374151}.stats-radio-group{background:#f1f5f9;border-radius:8px;display:flex;gap:8px;padding:4px}.stats-radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.stats-radio-input{display:none}.stats-radio-input:checked+.stats-radio-text{background:#fff;box-shadow:0 1px 2px #0000001a;color:#3b82f6;font-weight:600}.stats-radio-text{border-radius:4px;color:#64748b;font-size:14px;font-weight:500;padding:4px 12px;transition:all .2s ease}.stats-radio-label:hover .stats-radio-text:not(.stats-radio-input:checked+.stats-radio-text){background:#e2e8f0;color:#374151}.stats-filter-group{align-items:center;display:flex;gap:12px}.stats-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.stats-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stats-tab-navigation{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:32px;overflow-x:auto;padding:4px}.stats-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.stats-tab-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.stats-tab-btn:hover:not(.active){background:#e2e8f0;color:#374151}.stats-tab-icon{font-size:16px}.stats-tab-name{font-size:14px}.stats-tab-content{min-height:400px}.stats-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.stats-content-single{display:flex;flex-direction:column;gap:24px}.stats-full-width{grid-column:1/-1}.stats-chart-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.stats-chart-container h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.stats-line-chart{height:400px;padding:20px 0;width:100%}.stats-line-svg{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:100%;width:100%}.stats-line-label,.stats-line-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stats-chart{align-items:end;display:flex;gap:12px;height:200px;padding:20px 0}.stats-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.stats-bar{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;padding-top:8px;position:relative;transition:all .3s ease;width:100%}.stats-bar:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.stats-bar-value{color:#fff;font-size:12px;font-weight:600}.stats-bar-label{color:#64748b;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.stats-payment-chart{align-items:end;display:flex;gap:16px;height:200px;padding:20px 0}.stats-payment-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.stats-payment-bar{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px 4px 0 0;cursor:pointer;display:flex;justify-content:center;min-height:20px;padding-top:8px;position:relative;transition:all .3s ease;width:100%}.stats-payment-bar:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.stats-payment-bar-value{color:#fff;font-size:11px;font-weight:600}.stats-payment-bar-label{color:#64748b;font-size:12px;font-weight:500;margin-top:8px;text-align:center}.stats-payment-bar-count{color:#94a3b8;font-size:11px;margin-top:4px;text-align:center}.stats-assignment-chart{display:flex;flex-direction:column;gap:16px}.stats-assignment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.stats-assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stats-team-name{color:#1e293b;font-size:16px;font-weight:600}.stats-assignment-count{color:#3b82f6;font-size:16px;font-weight:700}.stats-assignment-bars{display:flex;flex-direction:column;gap:8px}.stats-assignment-bar-wrapper{align-items:center;display:flex;gap:12px}.stats-assignment-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.stats-assignment-bar-fill.assigned{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%}.stats-assignment-bar-fill.completed{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%}.stats-assignment-label{color:#64748b;font-size:12px;font-weight:500;min-width:80px}.stats-donut-chart{align-items:center;display:flex;flex-direction:column;gap:20px}.stats-donut-wrapper{border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:200px;overflow:hidden;position:relative;width:200px}.stats-donut-segment{cursor:pointer;height:100%;transition:all .3s ease}.stats-donut-segment:hover{filter:brightness(1.1)}.stats-donut-center{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.stats-total-count{color:#1e293b;font-size:24px;font-weight:700}.stats-total-label{color:#64748b;font-size:12px;font-weight:500}.stats-status-bar-chart{display:flex;flex-direction:column;gap:16px;padding:20px 0}.stats-status-bar-item{display:flex;flex-direction:column;gap:8px}.stats-status-bar-header{align-items:center;display:flex;justify-content:space-between}.stats-status-values{align-items:center;display:flex;gap:8px}.stats-status-bar-wrapper{width:100%}.stats-status-bar{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden;width:100%}.stats-status-bar-fill{border-radius:6px;height:100%;transition:all .3s ease}.stats-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-status-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.stats-status-color{border-radius:50%;height:12px;width:12px}.stats-status-info{flex:1 1}.stats-status-name{color:#1e293b;display:block;font-size:14px;font-weight:600}.stats-status-details{display:flex;gap:8px;margin-top:2px}.stats-status-count{color:#374151;font-size:14px;font-weight:600}.stats-status-percent{color:#64748b;font-size:12px}.stats-table-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.stats-table-container h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.stats-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.stats-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:600;text-align:left}.stats-table td,.stats-table th{color:#374151;font-size:14px;padding:12px 16px}.stats-table td{border-bottom:1px solid #f1f5f9}.stats-table tbody tr:hover{background:#f8fafc}.stats-member-name{color:#1e293b;font-weight:600}.stats-team-badge{background:#dbeafe;border-radius:4px;color:#1d4ed8;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.stats-count{color:#374151;font-weight:600}.stats-rate{color:#10b981;font-weight:600}.stats-amount{color:#1e293b;font-weight:600}.stats-average{color:#64748b;font-size:13px}.stats-change.positive{color:#10b981;font-weight:600}.stats-change.negative{color:#ef4444;font-weight:600}.stats-ranking-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.stats-ranking-container h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.stats-ranking-list{display:flex;flex-direction:column;gap:12px}.stats-ranking-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.stats-ranking-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.stats-ranking-rank{align-items:center;display:flex;gap:8px;min-width:60px}.stats-rank-number{color:#374151;font-size:16px;font-weight:700}.stats-medal{font-size:18px}.stats-ranking-info{flex:1 1}.stats-ranking-name{color:#1e293b;font-size:16px;font-weight:600}.stats-ranking-team{color:#64748b;font-size:12px;margin-top:2px}.stats-ranking-sales{color:#374151;font-size:14px;font-weight:600;margin-top:4px}.stats-ranking-growth{background:#dcfce7;border-radius:4px;color:#166534;font-size:14px;font-weight:600;padding:4px 8px}@media (max-width:1200px){.stats-content-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-page{padding:16px}.stats-section{padding:20px}.stats-section-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-header h1{font-size:24px}.stats-chart,.stats-payment-chart{height:150px}.stats-line-chart{height:200px}.stats-tab-navigation{flex-wrap:wrap;gap:8px}.stats-tab-btn{flex:1 1;justify-content:center;min-width:120px}.stats-radio-group{flex-direction:column;width:100%}.stats-radio-label{justify-content:center}.stats-filter-group{align-items:stretch;flex-direction:column;width:100%}.stats-select{width:100%}}@keyframes stats-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-section{animation:stats-fadeInUp .6s ease-out}.stats-bar,.stats-payment-bar{animation:stats-fadeInUp .8s ease-out}.stats-ranking-item{animation:stats-fadeInUp .6s ease-out}.stats-loading{align-items:center;color:#64748b;display:flex;font-size:16px;height:200px;justify-content:center}.stats-loading:after{animation:stats-spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:20px;margin-left:10px;width:20px}@keyframes stats-spin{to{transform:rotate(1turn)}}.stats-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;margin:20px 0;padding:40px;text-align:center}.stats-table-container::-webkit-scrollbar{height:6px;width:6px}.stats-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.stats-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.stats-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stapp-table-header{gap:16px;justify-content:space-between;margin-bottom:16px}.stapp-date-filter,.stapp-table-header{align-items:center;display:flex;flex-wrap:wrap}.stapp-date-filter{gap:12px}.stapp-date-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:140px;padding:8px 12px;transition:border-color .2s}.stapp-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stapp-date-separator{color:#6b7280;font-weight:500}.stapp-reset-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.stapp-reset-btn:hover{background:#e5e7eb;border-color:#9ca3af}.stapp-applicants{color:#6b7280;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stapp-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:16px 0}.stapp-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.stapp-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.stapp-pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.5}.stapp-pagination-info{align-items:center;color:#374151;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px}.stapp-pagination-total{color:#6b7280;font-size:12px;font-weight:400}@media (max-width:768px){.stapp-table-header{align-items:stretch;flex-direction:column}.stapp-date-filter{justify-content:center}.stapp-date-input{min-width:120px}.stapp-applicants{max-width:150px}.stapp-pagination{flex-wrap:wrap;gap:12px}}.stapp-method-count{color:#374151;font-weight:500;text-align:center}.ststat-vertical-chart{align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;height:300px;justify-content:space-around;padding:20px}.ststat-vertical-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:80px}.ststat-bar-container{align-items:flex-end;height:200px;width:100%}.ststat-bar,.ststat-bar-container{display:flex;justify-content:center}.ststat-bar{align-items:flex-start;border-radius:6px 6px 0 0;min-height:20px;padding-top:8px;position:relative;transition:all .3s ease;width:40px}.ststat-bar:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ststat-bar-value{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #0000004d}.ststat-bar-info{text-align:center;width:100%}.ststat-status-name{color:#374151;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:4px;word-break:keep-all}.ststat-status-percent{color:#6b7280;font-size:11px;font-weight:500}@media (max-width:1024px){.ststat-vertical-chart{flex-wrap:wrap;gap:20px;height:auto;padding:20px 16px}.ststat-vertical-item{max-width:60px}.ststat-bar-container{height:150px}.ststat-bar{width:30px}}@media (max-width:768px){.ststat-vertical-chart{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));height:auto;padding:16px}.ststat-vertical-item{max-width:none}.ststat-bar-container{height:120px}.ststat-status-name{font-size:11px}.ststat-status-percent{font-size:10px}}.attn-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px}.container{margin:0 auto;max-width:1200px}.attn-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px;text-align:center}.attn-header h1{color:#1e293b;font-size:32px;font-weight:700;margin-bottom:8px}.attn-header p{color:#64748b;font-size:16px;font-weight:500}.attn-date-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px}.attn-date-selector{gap:24px}.attn-date-arrow,.attn-date-selector{align-items:center;display:flex;justify-content:center}.attn-date-arrow{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:18px;font-weight:700;height:48px;transition:all .2s;width:48px}.attn-date-arrow:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.attn-date-display{position:relative}.attn-date-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;min-width:280px;padding:16px 32px;text-align:center;transition:all .2s}.attn-date-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.attn-calendar-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 25px #00000026;left:50%;margin-top:8px;min-width:320px;padding:20px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}.attn-calendar-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.attn-calendar-nav{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.attn-calendar-nav:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.attn-calendar-title{color:#1e293b;font-size:16px;font-weight:600}.attn-calendar-grid{width:100%}.attn-calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.attn-calendar-weekday{color:#64748b;font-size:12px;font-weight:600;padding:8px;text-align:center}.attn-calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.attn-calendar-day{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.attn-calendar-day:hover{background:#f0f9ff;color:#3b82f6}.attn-calendar-day.other-month{color:#cbd5e1}.attn-calendar-day.today{background:#3b82f6;color:#fff;font-weight:700}.attn-calendar-day.selected{background:#1e40af;color:#fff;font-weight:700}.attn-calendar-day.today.selected{background:#1e40af}.attn-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:32px}.attn-table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.attn-table-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.attn-summary{display:flex;gap:24px}.attn-summary-item{background:#f1f5f9;border-radius:8px;color:#475569;font-size:14px;font-weight:600;padding:8px 16px}.attn-table-container{overflow-x:auto}.attn-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.attn-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;text-align:left}.attn-table td,.attn-table th{color:#374151;font-size:14px;padding:16px}.attn-table td{border-bottom:1px solid #f1f5f9}.attn-table tbody tr:last-child td{border-bottom:none}.attn-table tbody tr:hover{background:#f8fafc}.attn-name{color:#1e293b;font-weight:600}.attn-clickable-name{border-radius:6px;cursor:pointer;margin:-8px -12px;padding:8px 12px!important;transition:all .2s}.attn-clickable-name:hover{background:#f0f9ff;color:#3b82f6;transform:translateX(2px)}.attn-team{font-weight:500}.attn-position,.attn-team{color:#64748b}.attn-time{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.attn-hours{color:#374151;font-weight:500}.attn-no-data{color:#64748b;font-style:italic;padding:40px!important;text-align:center}@media (max-width:1024px){.attn-date-selector{gap:16px}.attn-date-btn{font-size:16px;min-width:240px;padding:14px 24px}.attn-calendar-dropdown{min-width:280px}}@media (max-width:768px){.attn-page{padding:16px}.attn-header{padding:24px 20px}.attn-header h1{font-size:28px}.attn-header p{font-size:14px}.attn-date-section{padding:20px}.attn-date-selector{gap:12px}.attn-date-arrow{font-size:16px;height:40px;width:40px}.attn-date-btn{font-size:15px;min-width:200px;padding:12px 20px}.attn-calendar-dropdown{min-width:260px;padding:16px}.attn-table-section{padding:20px}.attn-table-header{align-items:flex-start;flex-direction:column;gap:16px}.attn-summary{flex-wrap:wrap;gap:12px}.attn-summary-item{font-size:13px;padding:6px 12px}.attn-table td,.attn-table th{font-size:13px;padding:12px 8px}.attn-table td:nth-child(3),.attn-table th:nth-child(3){display:none}}@media (max-width:480px){.attn-date-btn{font-size:14px;min-width:180px}.attn-calendar-dropdown{left:0;min-width:240px;transform:none}.attn-table td,.attn-table th{font-size:12px;padding:10px 6px}.attn-table td:nth-child(2),.attn-table th:nth-child(2){display:none}}.global-emp-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.global-emp-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:80vh;max-width:600px;padding:0;width:90%}.global-emp-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.global-emp-modal-header h4{color:#1e293b;font-size:20px;font-weight:700;margin:0}.global-emp-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.global-emp-modal-close:hover{background:#f1f5f9;color:#1e293b}.global-emp-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 24px 24px}.global-emp-info-section{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.global-emp-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.global-emp-profile-photo{border-radius:50%;height:100%;object-fit:cover;width:100%}.global-emp-details h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.global-emp-email{color:#64748b;font-size:14px;margin:0}.global-emp-phone{color:#64748b;font-size:14px;margin:4px 0 0}.global-emp-team-name{background:#dbeafe;border-radius:6px;color:#3b82f6;display:inline-block;font-size:14px;font-weight:600;margin:8px 0 0;padding:4px 8px}.global-emp-team-management{align-items:center;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.global-emp-team-management.center-layout{justify-content:center}.global-emp-team-info-left{flex:1 1;text-align:left}.global-emp-team-name-display{color:#1e293b;font-size:18px;font-weight:700;margin:0}.global-emp-team-actions-right{flex-shrink:0}.global-emp-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.global-emp-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.global-emp-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.global-emp-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.global-emp-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.global-emp-btn-danger.disabled,.global-emp-btn-danger:disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.global-emp-btn-danger.disabled:hover,.global-emp-btn-danger:disabled:hover{background:#9ca3af;transform:none}.global-emp-modal-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:24px}.global-emp-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.global-emp-modal-tab:hover{background:#f8fafc;color:#3b82f6}.global-emp-modal-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.global-emp-tab-content{flex:1 1;overflow-y:auto;padding-right:4px}.global-emp-tab-content::-webkit-scrollbar{width:6px}.global-emp-tab-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.global-emp-tab-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.global-emp-tab-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.global-emp-subordinates-section h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.global-emp-subordinates-tree-container{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.global-emp-no-subordinates{color:#94a3b8;font-style:italic;padding:32px;text-align:center}.global-emp-sample-subordinates{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.sample-tree-node{margin-bottom:4px}.sample-tree-node:last-child{margin-bottom:0}.sample-node-content{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s ease}.sample-node-content:hover{background:#f8fafc;border-color:#cbd5e1}.sample-node-info{align-items:center;display:flex;flex:1 1}.sample-member-node-compact{align-items:center;display:flex;gap:12px;width:100%}.sample-member-thumbnail{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.sample-member-name{color:#1e293b;font-size:14px;font-weight:500}.global-emp-admin-info-section{padding:0}.global-emp-admin-info-section h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.global-emp-admin-info-content{display:flex;flex-direction:column;gap:24px}.global-emp-admin-personal-info{background:#f8fafc;border-radius:8px;padding:16px}.global-emp-admin-field{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.global-emp-admin-field:last-child{border-bottom:none}.global-emp-admin-field label{color:#475569;font-size:14px;font-weight:600}.global-emp-admin-field span{color:#1e293b;font-size:14px}.global-emp-admin-comments h6,.global-emp-admin-team-history h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.global-emp-history-list{background:#f8fafc;border-radius:8px;padding:12px}.global-emp-history-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.global-emp-history-item:last-child{border-bottom:none}.global-emp-history-date,.global-emp-history-position,.global-emp-history-team{color:#64748b;font-size:13px}.global-emp-comments-list{background:#f8fafc;border-radius:8px;padding:12px}.global-emp-no-comments{color:#94a3b8;font-size:13px;font-style:italic;text-align:center}.global-emp-comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:12px}.global-emp-comment-item:last-child{margin-bottom:0}.global-emp-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.global-emp-comment-author{color:#1e293b;font-size:13px;font-weight:600}.global-emp-comment-date{color:#64748b;font-size:12px}.global-emp-comment-text{color:#374151;font-size:13px;line-height:1.4}.global-emp-team-creation-form{display:flex;flex-direction:column;gap:8px;min-width:200px}.global-emp-team-name-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.global-emp-team-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.global-emp-team-creation-buttons{display:flex;gap:6px;justify-content:flex-end}.global-emp-btn-small{font-size:12px;min-width:auto;padding:6px 12px}.global-emp-btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.global-emp-btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.global-emp-team-management-in-tab{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.global-emp-team-management-in-tab.center-layout{justify-content:center}.tree-node{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tree-node-content{align-items:center;border-radius:6px;cursor:grab;display:flex;margin:2px 0;padding:8px 12px;position:relative;transition:all .2s ease}.tree-node-content:active{cursor:grabbing}.tree-node-content:hover{background-color:#f5f5f5}.tree-node-content.team-node{background-color:#fafafa;border:1px solid #e1e5e9;min-height:48px;padding:8px 12px}.tree-node-content.team-node:hover{background-color:#f0f4f8;border-color:#d1d9e0}.tree-node-content.member-node{background-color:#fff;border:1px solid #f0f0f0}.tree-node-content.member-node:hover{background-color:#f8f9fa;border-color:#e9ecef}.tree-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:4px;transition:all .2s ease}.tree-toggle:hover{background-color:#e9ecef;color:#495057}.tree-toggle.expanded svg{transform:rotate(90deg)}.tree-toggle.collapsed svg{transform:rotate(0deg)}.tree-node-icon{align-items:center;color:#6c757d;display:flex;margin-right:10px}.team-node .tree-node-icon{color:#06c}.member-node .tree-node-icon{color:#28a745}.tree-node-info{flex:1 1;gap:8px}.tree-node-info,.tree-node-main{display:flex;flex-direction:column}.tree-node-main{gap:2px}.tree-node-name{color:#212529;font-size:14px;font-weight:600}.tree-node-description{color:#6c757d;font-size:12px}.tree-node-count{color:#06c;font-size:11px;font-weight:500}.tree-node-position{color:#6c757d;font-size:12px;font-style:italic}.tree-node-leader-badge{align-items:center;color:#ffc107;display:flex;margin-left:8px}.team-node-compact{align-items:center;display:flex;gap:12px;width:100%}.leader-thumbnail{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 6px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.leader-name-compact{color:#1e293b;flex-shrink:0;font-size:14px;font-weight:600}.team-name-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 2px 6px #3b82f64d;color:#fff;flex-shrink:0;font-size:13px;font-weight:500;padding:4px 12px}.member-node-compact{align-items:center;display:flex;gap:12px;width:100%}.member-thumbnail{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 6px #10b9814d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.member-name{flex:1 1}.tree-node-content.dragging{background-color:#e3f2fd;border:2px dashed #2196f3;cursor:grabbing;opacity:.5;transform:scale(.95)}.tree-node-content.drag-over{background-color:#e8f5e8;border:2px solid #4caf50;box-shadow:0 4px 12px #4caf504d;transform:scale(1.02)}.tree-node-content.drag-invalid{background-color:#ffebee;border:2px solid #f44336;cursor:not-allowed}.tree-node-content.drag-over:after{background:#4caf50;content:"여기에 드롭하세요"}.tree-node-content.drag-invalid:after,.tree-node-content.drag-over:after{border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}.tree-node-content.drag-invalid:after{background:#f44336;content:"드롭할 수 없습니다"}.tree-node,.tree-node-children{position:relative}.tree-node:before{background-color:#94a3b8;content:"";height:1px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.tree-node[style*="marginLeft: 0px"]:before{display:none}.tree-node-children:after{background-color:#94a3b8;content:"";height:calc(100% + 24px);left:-15px;position:absolute;top:-24px;width:1px}.tree-node-children .tree-node:last-child:after{background-color:#fff;content:"";height:50%;left:-15px;position:absolute;top:50%;width:1px;z-index:1}@media (max-width:768px){.tree-node-content{padding:6px 8px}.tree-node-name{font-size:13px}.tree-node-description,.tree-node-position{font-size:11px}.tree-node-count{font-size:10px}}.members-page{width:100%}.members-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.members-header h3{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.members-header p{color:#64748b;font-size:16px}.members-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.members-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.members-table{width:100%}.table-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;padding:16px 20px}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 80px}.table-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:20px;transition:background-color .2s}.table-row:hover{background:#fff}.table-row:last-child{border-bottom:none}.member-info{gap:12px}.member-avatar{font-size:16px;height:40px;width:40px}.member-details{flex:1 1}.member-name{font-weight:600;margin-bottom:4px}.member-name.clickable-name{cursor:pointer;transition:color .2s ease}.member-name.clickable-name:hover{color:#3b82f6;text-decoration:underline}.member-email{color:#64748b;font-size:14px}.position-text,.team-text{color:#1e293b;font-size:14px;font-weight:500}.team-text.no-team{color:#94a3b8;font-style:italic}.role-badge{border-radius:10px;font-size:10px;font-weight:500;padding:2px 8px;white-space:nowrap}.role-owner{background:#fef3c7;color:#92400e}.role-manager{background:#dbeafe;color:#1d4ed8}.role-staff{background:#d1fae5;color:#065f46}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fecaca;color:#991b1b}.remove-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;opacity:.6;padding:8px;transition:all .2s}.remove-btn:hover{background:#fef2f2;opacity:1;transform:scale(1.1)}.invite-form{padding:0 24px 24px}@media (max-width:768px){.members-header{align-items:stretch;flex-direction:column;gap:16px}.members-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.col-member,.table-row{margin-bottom:12px}.col-position,.col-status,.col-team{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.col-position:before{color:#64748b;content:"직급: ";font-size:14px}.col-team:before{color:#64748b;content:"소속: ";font-size:14px}.col-status:before{color:#64748b;content:"상태: ";font-size:14px}.col-joined:before{color:#64748b;content:"가입일: ";font-size:14px}.col-joined{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.modal-content{margin:16px;max-width:calc(100% - 32px)}}.teams-page{width:100%}.teams-tree-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.teams-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.teams-header h3{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.teams-header p{color:#64748b;font-size:16px}.teams-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#3b82f6;display:block;font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px;font-weight:500}.teams-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.team-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-card-modern:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-card-modern:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.team-card-modern:hover:before{opacity:1}.team-card-header{justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.team-badge,.team-card-header{align-items:center;display:flex}.team-badge{gap:12px}.team-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#fff;height:48px;justify-content:center;width:48px}.team-icon,.team-stats-badge{align-items:center;display:flex}.team-stats-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;flex-direction:column;padding:8px 12px}.member-count{color:#3b82f6;font-size:18px;font-weight:700;line-height:1}.member-label{color:#3b82f6;font-size:11px;font-weight:500}.team-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#64748b1a;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-btn:hover{transform:scale(1.05)}.edit-btn:hover{background:#3b82f61a;color:#3b82f6}.delete-btn:hover{background:#ef44441a;color:#ef4444}.team-content{padding:0 24px}.team-title-section{margin-bottom:24px}.team-name{color:#1e293b;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:8px}.team-description{color:#64748b;font-size:15px;line-height:1.5;margin:0}.team-leader-modern{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid #3b82f61a;border-radius:16px;gap:16px;margin-bottom:24px;padding:16px 20px}.leader-avatar,.team-leader-modern{align-items:center;display:flex;position:relative}.leader-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 12px #f59e0b4d;color:#fff;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.leader-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.leader-name{color:#1e293b;font-size:16px}.leader-role{align-self:flex-start;background:#3b82f61a;border-radius:8px;color:#3b82f6;font-size:13px;font-weight:500;padding:2px 8px}.leader-crown{color:#f59e0b;opacity:.8}.team-members-preview{margin-bottom:24px}.members-avatars{align-items:center;display:flex;margin-bottom:12px}.member-avatar-small{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-left:-8px;position:relative;transition:all .2s ease;width:36px}.member-avatar-small:first-child{margin-left:0}.member-avatar-small.is-leader{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.member-avatar-small.more-members{background:#e2e8f0;color:#64748b;font-size:12px;font-weight:500}.member-avatar-small:hover{transform:translateY(-2px);z-index:10!important}.members-count-text{color:#64748b;font-size:14px;font-weight:500}.team-footer-modern{align-items:center;border-top:1px solid #e2e8f080;display:flex;justify-content:space-between;margin-top:24px;padding:20px 24px 24px}.created-info{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.created-info svg{opacity:.7}.manage-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.manage-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.team-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.team-info h4{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.team-info p{color:#64748b;font-size:14px;line-height:1.5}.delete-team-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.6;padding:8px;transition:all .2s}.delete-team-btn:hover{background:#fef2f2;opacity:1;transform:scale(1.1)}.team-leader{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:12px 16px}.leader-info{align-items:center;display:flex;justify-content:space-between}.leader-label{color:#1e40af;font-size:12px;font-weight:500}.leader-name{color:#1e40af;font-size:14px;font-weight:600}.team-members{margin-bottom:20px}.members-header{margin-bottom:12px}.members-title{color:#374151;font-size:14px;font-weight:600}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:8px 12px;transition:background-color .2s}.member-item:hover{background:#f1f5f9}.member-avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.member-avatar,.member-info{align-items:center;display:flex}.member-info{flex:1 1;justify-content:space-between}.member-name{color:#1e293b;font-size:14px;font-weight:500}.member-position{background:#e2e8f0;border-radius:10px;color:#64748b;font-size:12px;padding:2px 8px}.team-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:16px}.created-date{color:#94a3b8;font-size:12px}.btn-sm{font-size:12px;padding:8px 16px}.modal-content{border-radius:16px;max-width:480px;padding:0;width:100%}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-header h4{font-size:20px;font-weight:700}.modal-close{border-radius:6px;color:#64748b;padding:8px}.modal-close:hover{background:#f1f5f9;color:#1e293b}.create-team-form{padding:0 24px 24px}.create-team-form textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1 1}@media (max-width:768px){.teams-header{align-items:stretch;flex-direction:column;gap:16px}.teams-stats{grid-template-columns:repeat(2,1fr)}.teams-grid{gap:20px;grid-template-columns:1fr}.team-card-modern{border-radius:16px}.team-card-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 20px 0}.team-badge{align-self:stretch;justify-content:space-between}.team-actions{align-self:flex-end}.team-content{padding:0 20px}.team-name{font-size:20px}.team-leader-modern{padding:16px}.leader-avatar{font-size:16px;height:44px;width:44px}.team-members-preview{margin-bottom:20px}.member-avatar-small{font-size:12px;height:32px;margin-left:-6px;width:32px}.team-footer-modern{align-items:stretch;flex-direction:column;gap:12px;padding:16px 20px 20px}.manage-btn{justify-content:center}.tmm-modal-content-modern{border-radius:20px;margin:16px;max-height:calc(100% - 32px);max-width:calc(100% - 32px)}.tmm-modal-header-modern{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 20px 16px}.tmm-modal-title-section{align-self:stretch}.tmm-modal-team-icon{height:48px;width:48px}.tmm-modal-title-text h4{font-size:20px}.tmm-modal-close-modern{align-self:flex-end}.tmm-modal-body-modern{padding:16px 20px}.tmm-section-header{flex-wrap:wrap;gap:8px}.tmm-section-icon{height:36px;width:36px}.tmm-section-header h5{font-size:16px}.tmm-leader-card-modern{flex-direction:column;gap:16px;padding:20px;text-align:center}.tmm-leader-avatar-large{font-size:20px;height:56px;width:56px}.tmm-leader-info-modern{align-items:center}.tmm-candidate-item-modern,.tmm-member-item-modern{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.tmm-candidate-info,.tmm-member-main-info{align-self:stretch}.tmm-member-actions-modern{align-self:stretch;margin-left:0}.tmm-btn-modern{justify-content:center;width:100%}.tmm-modal-footer-modern{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px 20px}.tmm-team-summary{justify-content:center}.tmm-btn-close{width:100%}.modal-content{margin:16px;max-width:calc(100% - 32px)}}.tmm-modal-overlay-modern{align-items:center;animation:tmm-fade-in .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes tmm-fade-in{0%{opacity:0}to{opacity:1}}.tmm-modal-content-modern{animation:tmm-slide-up .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:100%}@keyframes tmm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tmm-modal-header-modern{align-items:center;background:linear-gradient(135deg,#3b82f605,#8b5cf605);border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:28px 32px 20px}.tmm-modal-title-section{align-items:center;display:flex;gap:16px}.tmm-modal-team-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:18px;box-shadow:0 8px 20px #3b82f64d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.tmm-modal-title-text h4{color:#1e293b;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 4px}.tmm-modal-title-text p{color:#64748b;font-size:15px;font-weight:500;margin:0}.tmm-modal-close-modern{align-items:center;background:#64748b1a;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.tmm-modal-close-modern:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.tmm-modal-body-modern{max-height:60vh;overflow-y:auto;padding:24px 32px;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.tmm-modal-body-modern::-webkit-scrollbar{width:6px}.tmm-modal-body-modern::-webkit-scrollbar-track{background:#0000}.tmm-modal-body-modern::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.tmm-modal-body-modern::-webkit-scrollbar-thumb:hover{background:#3b82f680}.tmm-section-modern{margin-bottom:32px}.tmm-section-header{align-items:center;border-bottom:2px solid #e2e8f04d;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.tmm-section-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;color:#3b82f6;display:flex;height:40px;justify-content:center;width:40px}.tmm-section-header h5{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.tmm-member-counter{background:#3b82f61a;border-radius:20px;color:#3b82f6;font-size:13px;font-weight:600;padding:4px 12px}.tmm-current-leader-modern{margin-bottom:32px}.tmm-leader-card-modern{align-items:center;background:linear-gradient(135deg,#f59e0b0d,#d977060d);border:2px solid #f59e0b33;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative}.tmm-leader-card-modern:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tmm-leader-avatar-large{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px #f59e0b4d;flex-shrink:0;font-size:24px;font-weight:700;height:64px;position:relative;width:64px}.tmm-leader-avatar-large,.tmm-leader-crown-badge{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.tmm-leader-crown-badge{background:#fbbf24;border:2px solid #fff;box-shadow:0 2px 8px #0000001a;height:24px;position:absolute;right:-4px;top:-4px;width:24px}.tmm-leader-info-modern{display:flex;flex:1 1;flex-direction:column;gap:8px}.tmm-leader-name-modern{color:#1e293b;font-size:20px;font-weight:700}.tmm-leader-badge{align-self:flex-start;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b;font-size:14px;font-weight:600;padding:6px 12px}.tmm-leader-candidates-modern{display:flex;flex-direction:column;gap:12px}.tmm-candidate-item-modern{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:16px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.tmm-candidate-item-modern:hover{background:#3b82f605;border-color:#3b82f633;transform:translateY(-1px)}.tmm-candidate-info{align-items:center;display:flex;flex:1 1;gap:16px}.tmm-member-avatar-modern{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;position:relative;width:44px}.tmm-member-avatar-modern.in-team{background:linear-gradient(135deg,#10b981,#059669)}.tmm-member-crown{align-items:center;background:#fbbf24;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.tmm-member-details-modern{display:flex;flex-direction:column;gap:4px}.tmm-member-name-modern{color:#1e293b;font-size:15px;font-weight:600}.tmm-member-position-modern{align-self:flex-start;background:#64748b1a;border-radius:8px;color:#64748b;font-size:13px;padding:2px 8px}.tmm-all-members-modern{display:flex;flex-direction:column;gap:8px}.tmm-member-item-modern{align-items:center;background:#f8fafc99;border:1px solid #e2e8f04d;border-radius:16px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.tmm-member-item-modern.is-team-member{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b98133}.tmm-member-item-modern:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.tmm-member-main-info{align-items:center;display:flex;flex:1 1;gap:16px}.tmm-member-info-section{display:flex;flex-direction:column;gap:6px}.tmm-member-basic-info{display:flex;flex-direction:column;gap:4px}.tmm-member-teams-modern{align-items:center;align-self:flex-start;background:#7c3aed1a;border-radius:8px;color:#7c3aed;display:flex;font-size:12px;gap:6px;padding:4px 8px}.tmm-empty-state{background:#f8fafc80;border:2px dashed #e2e8f080;border-radius:16px;color:#64748b;padding:32px 20px;text-align:center}.tmm-empty-state p{font-size:15px;margin:0}.tmm-btn-modern{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.tmm-btn-modern:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.tmm-btn-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tmm-btn-modern:hover:before{left:100%}.tmm-btn-promote{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.tmm-btn-promote:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.tmm-btn-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.tmm-btn-add:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.tmm-btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.tmm-btn-remove:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.tmm-btn-leader{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d;color:#fff}.tmm-btn-close{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:15px;font-weight:600;padding:12px 24px}.tmm-btn-close:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.tmm-modal-footer-modern{align-items:center;background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border-top:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:24px 32px 28px}.tmm-team-summary{align-items:center;display:flex;gap:12px}.tmm-summary-text{color:#64748b;font-size:15px;font-weight:500}.tmm-member-actions-modern{flex-shrink:0;margin-left:auto}.tmm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.tmm-modal-header h4{color:#1e293b;font-size:20px;font-weight:700;margin:0}.tmm-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.tmm-modal-close:hover{background:#f1f5f9;color:#1e293b}.tmm-modal-body{max-height:70vh;overflow-y:auto;padding:0 24px}.tmm-modal-footer{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;padding:24px}.tmm-current-leader{margin-bottom:32px}.tmm-current-leader h5{color:#374151;font-size:16px;font-weight:600;margin-bottom:12px}.tmm-leader-card{align-items:center;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:12px;display:flex;gap:12px;padding:16px}.tmm-section{margin-bottom:32px}.tmm-section h5{color:#374151;font-size:16px;font-weight:600;margin-bottom:16px}.tmm-leader-candidates{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tmm-candidate-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.tmm-candidate-item:hover{background:#f1f5f9}.tmm-all-members{display:flex;flex-direction:column;gap:8px}.tmm-member-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.tmm-member-item:hover{background:#f1f5f9}.tmm-member-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.tmm-member-info{display:flex;flex-direction:column;gap:2px}.tmm-member-name{color:#1e293b;font-size:14px;font-weight:500}.tmm-member-position{align-self:flex-start;background:#e2e8f0;border-radius:10px;color:#64748b;font-size:12px;padding:2px 8px}.tmm-member-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.tmm-member-teams{align-self:flex-start;background:#f3e8ff;border-radius:8px;color:#7c3aed;font-size:11px;padding:2px 6px}.tmm-member-actions{margin-left:auto}.tmm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;text-decoration:none;transition:all .2s}.tmm-btn:disabled{cursor:not-allowed;opacity:.5}.tmm-btn-sm{font-size:12px;padding:6px 12px}.tmm-btn-primary{background:#3b82f6;color:#fff}.tmm-btn-primary:hover:not(:disabled){background:#2563eb}.tmm-btn-secondary{background:#6b7280;color:#fff}.tmm-btn-secondary:hover:not(:disabled){background:#4b5563}.tmm-btn-danger{background:#ef4444;color:#fff}.tmm-btn-danger:hover:not(:disabled){background:#dc2626}.tmm-btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.tmm-btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff}@media (max-width:768px){.tmm-modal-content{margin:16px;max-height:calc(100% - 32px);max-width:calc(100% - 32px)}.tmm-modal-header{margin-bottom:16px;padding:16px 16px 0}.tmm-modal-body{padding:0 16px}.tmm-modal-footer{padding:16px}.tmm-member-item{align-items:flex-start;flex-direction:column;gap:8px}.tmm-member-actions{align-self:stretch;margin-left:0}.tmm-btn{width:100%}}.node-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:100%}.node-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.node-modal-header h4{color:#1e293b;font-size:20px;font-weight:700;margin:0}.node-modal-body{padding:0 24px 24px}.node-info-section{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.node-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;overflow:hidden;width:60px}.profile-photo{border-radius:50%;height:100%;object-fit:cover;width:100%}.node-details h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.node-position{background:#3b82f61a;border-radius:6px;color:#3b82f6;display:inline-block;font-size:14px;font-weight:500;margin:0 0 8px;padding:4px 8px}.node-email{margin:0}.node-email,.node-phone{color:#64748b;font-size:14px}.node-phone{margin:4px 0 0}.node-team-name{background:#3b82f61a;border-radius:6px;color:#3b82f6;display:inline-block;font-size:14px;font-weight:600;margin:8px 0 0;padding:4px 8px}.team-management-section{align-items:center;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.team-management-section.center-layout{justify-content:center}.team-info-left{flex:1 1;text-align:left}.team-name-display{color:#1e293b;font-size:18px;font-weight:700;margin:0}.team-actions-right{flex-shrink:0}.team-management-section .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-danger.disabled,.btn-danger:disabled{background:#9ca3af;color:#6b7280;cursor:not-allowed;opacity:.6}.btn-danger.disabled:hover,.btn-danger:disabled:hover{background:#9ca3af;transform:none}.subordinates-section h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.subordinates-tree-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;overflow-y:auto;padding:16px}.subordinates-tree{display:flex;flex-direction:column;gap:8px}.subordinate-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.subordinate-item:hover{background:#f8fafc;border-color:#cbd5e1}.subordinate-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.subordinate-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.subordinate-name{color:#1e293b;font-size:14px;font-weight:600}.subordinate-position{color:#64748b;font-size:12px}.subordinate-type{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:11px;font-weight:500;padding:2px 8px}.no-subordinates{color:#94a3b8;font-style:italic;padding:32px;text-align:center}.move-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:0;width:90%}.move-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.move-modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.move-modal-body{padding:0 24px 24px}.move-info{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:24px}.move-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.move-item:last-child{margin-bottom:0}.move-label{color:#475569;font-weight:600}.move-value{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-weight:700;padding:8px 12px}.move-value.current-location{background:#fef3c7;border-color:#f59e0b;color:#92400e}.move-value.new-location{background:#dcfce7;border-color:#16a34a;color:#15803d}.move-arrow{color:#3b82f6;font-size:24px;margin:16px 0;text-align:center}.move-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.modal-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:24px}.modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.modal-tab:hover{background:#f8fafc;color:#3b82f6}.modal-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.admin-info-section{padding:0}.admin-info-section h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.admin-info-content{display:flex;flex-direction:column;gap:24px}.admin-personal-info{background:#f8fafc;border-radius:8px;padding:16px}.admin-field{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.admin-field:last-child{border-bottom:none}.admin-field label{color:#475569;font-size:14px;font-weight:600}.admin-field span{color:#1e293b;font-size:14px}.admin-comments h6,.admin-team-history h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.history-list{background:#f8fafc;border-radius:8px;padding:12px}.history-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.history-item:last-child{border-bottom:none}.history-date,.history-position,.history-team{color:#64748b;font-size:13px}.comments-list{background:#f8fafc;border-radius:8px;padding:12px}.no-comments{color:#94a3b8;font-size:13px;font-style:italic;text-align:center}.channel-settings{max-width:1200px;padding:24px}.channel-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-content h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#64748b;font-size:16px;margin:0;max-width:600px}.header-stats{align-items:center;display:flex}.connected-count{background:#dbeafe;border-radius:20px;color:#1d4ed8;font-size:14px;font-weight:500;padding:8px 16px}.channel-filters{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.category-tabs{display:flex;gap:8px}.category-tab{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.category-tab:hover{background:#f8fafc;border-color:#cbd5e1}.category-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.search-box{position:relative}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 40px 10px 16px;width:300px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.channels-section h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 24px}.channels-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.channel-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:relative;transition:all .2s}.channel-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.channel-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.channel-icon{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.channel-icon img{height:32px;object-fit:contain;width:32px}.channel-badges{display:flex;gap:8px}.badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.popular{background:#dcfce7;color:#166534}.badge.beta{background:#dbeafe;color:#1d4ed8}.channel-info{margin-bottom:20px}.channel-name{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.channel-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.channel-actions{align-items:center;display:flex;justify-content:flex-end}.connected-state{align-items:center;display:flex;gap:12px}.connection-status{background:#ecfdf5;color:#10b981;font-size:12px;padding:4px 8px}.btn,.connection-status{border-radius:6px;font-weight:500}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.back-button{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 0;transition:color .2s}.back-button:hover{color:#2563eb}.setup-content{margin:0 auto;max-width:800px}.setup-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.setup-instructions{margin-bottom:32px}.setup-instructions h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px}.instruction-steps{color:#64748b;line-height:1.6}.instruction-steps p{margin:0 0 12px}.instruction-steps ol{margin:12px 0;padding-left:20px}.instruction-steps li{margin-bottom:8px}.instruction-steps code{background:#f1f5f9;border-radius:4px;color:#1e293b;font-family:Monaco,Menlo,monospace;font-size:14px;padding:2px 6px}.setup-form{margin-top:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px}.form-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.btn-large{font-size:16px;padding:12px 24px}.step-indicator,.steps{margin-bottom:32px}.steps{display:flex;justify-content:space-between;position:relative}.steps:before{background:#e2e8f0;content:"";height:2px;left:20px;position:absolute;right:20px;top:20px;z-index:1}.step{flex-direction:column;position:relative;z-index:2}.step,.step-number{align-items:center;display:flex}.step-number{background:#e2e8f0;border-radius:50%;color:#64748b;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;transition:all .2s;width:40px}.step.active .step-number{background:#3b82f6;color:#fff}.step-title{color:#64748b;font-size:12px;font-weight:500;text-align:center}.step.active .step-title{color:#1e293b;font-weight:600}.step-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.webhook-url{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin:16px 0;padding:16px}.webhook-url code{background:none;color:#1e293b;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:14px;padding:0;word-break:break-all}.copy-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}@media (max-width:768px){.channel-settings{padding:16px}.channel-filters,.channel-header{align-items:stretch;flex-direction:column;gap:16px}.category-tabs{overflow-x:auto;padding-bottom:8px}.search-input{width:100%}.channels-grid{grid-template-columns:1fr}.channel-card{padding:20px}.channel-actions{justify-content:stretch}.connected-state{justify-content:space-between;width:100%}.btn{flex:1 1;min-width:auto}.setup-card{padding:24px}.steps{flex-direction:column;gap:16px}.steps:before{display:none}.step{align-items:center;flex-direction:row;gap:12px;justify-content:flex-start}.step-number{margin-bottom:0}.step-title{text-align:left}.webhook-url{align-items:stretch;flex-direction:column;gap:12px}.webhook-url code{word-break:break-all}.copy-btn{align-self:flex-end}.form-actions{justify-content:stretch}.btn-large{width:100%}}.bulk-import-history{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.bulk-header{margin-bottom:24px}.bulk-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.bulk-description{color:#666;font-size:14px;margin:0}.bulk-table-container{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;overflow-x:auto}.bulk-table{border-collapse:collapse;font-size:14px;width:100%}.bulk-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.bulk-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:middle}.bulk-table tbody tr:hover{background:#f9fafb}.bulk-table tbody tr:last-child td{border-bottom:none}.bulk-filename{color:#1f2937;cursor:help;font-weight:500;max-width:250px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.bulk-filename:hover{color:#2563eb}.bulk-filename[title]:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;content:attr(title);font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:400px;padding:8px 12px;position:absolute;top:100%;white-space:nowrap;white-space:normal;word-break:break-all;z-index:1000}.bulk-number{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;text-align:right}.bulk-success{color:#059669;font-weight:500}.bulk-date{color:#6b7280;font-size:13px}.bulk-failure-link{background:none;border:none;color:#2563eb;cursor:pointer;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;padding:0;text-decoration:underline}.bulk-failure-link:hover{color:#1d4ed8}.bulk-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.bulk-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.bulk-page-numbers{display:flex;gap:4px}.bulk-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.bulk-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.bulk-page-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-page-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.bulk-pagination-info{color:#6b7280;font-size:14px;text-align:center}.bulk-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bulk-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.bulk-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 16px}.bulk-modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.bulk-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.bulk-modal-close:hover{background:#f3f4f6;color:#374151}.bulk-modal-body{flex:1 1;overflow-y:auto;padding:0 24px}.bulk-failure-info{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;padding:16px}.bulk-file-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.bulk-upload-time{color:#6b7280;font-size:13px;margin:0}.bulk-failure-summary{flex-shrink:0;text-align:right}.bulk-failure-summary p{color:#6b7280;font-size:14px;margin:0 0 4px}.bulk-failure-note{color:#9ca3af!important;font-size:12px!important;font-style:italic}.bulk-failure-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:4px}.bulk-failure-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s ease}.bulk-failure-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.bulk-failure-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:8px}.bulk-failure-row-number{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;font-weight:600;padding:4px 8px}.bulk-failure-card-body{align-items:center;display:flex;min-height:24px}.bulk-failure-error-type{color:#dc2626;font-size:14px;font-weight:500;line-height:1.4}.bulk-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.bulk-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.bulk-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.bulk-import-history{padding:16px}.bulk-table{font-size:12px}.bulk-table td,.bulk-table th{padding:8px 12px}.bulk-filename{max-width:150px}.bulk-filename[title]:hover:after{font-size:11px;max-width:300px;padding:6px 10px}.bulk-modal-content{max-height:90vh;width:95%}.bulk-modal-body,.bulk-modal-footer,.bulk-modal-header{padding-left:16px;padding-right:16px}.bulk-failure-info{flex-direction:column;gap:16px}.bulk-failure-summary{text-align:left}.bulk-failure-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:300px}.bulk-failure-card{padding:12px}.bulk-failure-row-number{font-size:11px;padding:3px 6px}.bulk-failure-error-type{font-size:13px}}.customer-api-page{max-width:100%;padding:0}.api-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.api-header h3{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.api-description{color:#64748b;font-size:16px;line-height:1.5;margin:0}.api-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.api-info-section h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px}.api-info-grid{gap:24px}.api-info-grid,.api-info-item{display:flex;flex-direction:column}.api-info-item{gap:8px}.api-info-item label{color:#374151;font-size:14px;font-weight:500}.api-value-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.api-value{background:none;border:none;color:#1e293b;flex:1 1;font-family:Monaco,Menlo,monospace;font-size:14px;padding:0;word-break:break-all}.api-key{filter:blur(3px);transition:filter .2s}.api-key:hover{filter:none}.api-key-actions{display:flex;gap:8px}.copy-btn,.regenerate-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.copy-btn{background:#3b82f6;color:#fff}.copy-btn:hover{background:#2563eb}.regenerate-btn{background:#ef4444;color:#fff}.regenerate-btn:hover{background:#dc2626}.api-key-warning{align-items:center;color:#f59e0b;display:flex;font-size:12px;gap:4px;margin:8px 0 0}.api-keys-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-api-key-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.create-api-key-btn:hover{background:#2563eb}.empty-api-keys{color:#64748b;padding:48px 24px;text-align:center}.empty-api-keys p{font-size:14px;margin:0}.api-keys-list{display:flex;flex-direction:column;gap:24px}.api-key-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.api-key-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.api-key-name-section{display:flex;flex-direction:column;gap:4px}.api-key-name{color:#1e293b;font-size:16px;font-weight:600;margin:0}.api-key-date{color:#64748b;font-size:12px}.api-key-item-actions{display:flex;gap:8px}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.delete-btn:hover{background:#dc2626}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-input{border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:#f3f4f6;cursor:not-allowed}.form-help{color:#64748b;font-size:12px;margin:0}.primary-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.primary-btn:hover{background:#2563eb}.api-spec-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.api-spec-section h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 24px}.api-endpoint-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.endpoint-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.http-method{background:#10b981;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.endpoint-path,.http-method{font-family:Monaco,Menlo,monospace;font-weight:600}.endpoint-path{color:#1e293b;font-size:16px}.endpoint-description{color:#64748b;font-size:14px;margin:0}.api-section{margin-bottom:32px}.api-section:last-child{margin-bottom:0}.api-section h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.api-section h6{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.code-block{background:#1e293b;border-radius:8px;overflow-x:auto;padding:16px}.code-block pre{color:#e2e8f0;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.request-fields{display:flex;flex-direction:column;gap:24px}.field-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.field-list{display:flex;flex-direction:column;gap:8px}.field-item{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:200px 80px 1fr;padding:8px 0}.field-item:last-child{border-bottom:none}.field-name{color:#1e293b;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600}.field-type{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 6px;text-align:center}.field-desc{color:#64748b;font-size:13px}.response-section{margin-bottom:20px}.response-section:last-child{margin-bottom:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.regenerate-warning{text-align:center}.warning-icon{font-size:48px;margin-bottom:16px}.regenerate-warning h5{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.regenerate-warning p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.warning-list{margin:16px 0;padding-left:20px;text-align:left}.warning-list li{color:#64748b;font-size:14px;margin-bottom:4px}.cancel-btn,.danger-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.danger-btn{background:#ef4444;color:#fff}.danger-btn:hover{background:#dc2626}.regenerating-state{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.customer-api-page{padding:16px}.api-info-section,.api-spec-section{padding:20px}.api-value-container{align-items:stretch;flex-direction:column;gap:8px}.api-key-actions{justify-content:flex-end}.api-keys-header{align-items:stretch;flex-direction:column;gap:12px}.create-api-key-btn{width:100%}.api-key-header{flex-direction:column;gap:12px}.api-key-item-actions{align-self:flex-end}.field-item{gap:4px;grid-template-columns:1fr;padding:12px 0}.field-name{font-weight:600}.field-type{align-self:flex-start;width:-webkit-fit-content;width:fit-content}.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px 20px}.modal-footer{flex-direction:column}.cancel-btn,.danger-btn,.primary-btn{width:100%}}.sms-settings-page{padding:0}.sms-settings-header{margin-bottom:30px}.sms-settings-header h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.sms-settings-description{color:#6b7280;font-size:14px;margin:0}.sms-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:30px}.sms-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.sms-tab:hover{color:#374151}.sms-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.sms-tab-content{min-height:400px}.sender-numbers-tab{padding:0}.sms-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sms-section-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.sms-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.sms-add-btn:hover:not(:disabled){background:#2563eb}.sms-add-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.sms-numbers-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.sms-empty-state{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.sms-numbers-table{border-collapse:collapse;width:100%}.sms-numbers-table thead{background:#f9fafb}.sms-numbers-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.sms-numbers-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px}.sms-numbers-table tr:last-child td{border-bottom:none}.sms-number-cell{color:#3b82f6;font-family:monospace;font-weight:500;white-space:nowrap}.sms-verify-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.sms-verify-badge.verified{background:#d1fae5;color:#065f46}.sms-verify-badge.unverified{background:#fee2e2;color:#991b1b}.sms-delete-btn{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.sms-delete-btn:hover{background:#fecaca}.sms-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sms-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.sms-detail-modal,.sms-project-modal{max-width:700px}.sms-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.sms-modal-header h4{color:#1f2937;font-size:18px;font-weight:600;margin:0}.sms-modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.sms-modal-close:hover{color:#1f2937}.sms-modal-body{padding:24px}.sms-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.sms-form-field{margin-bottom:20px}.sms-form-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.sms-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.sms-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sms-input-hint{color:#6b7280;font-size:12px;margin:6px 0 0}.sms-verify-section{background:#f9fafb;border-radius:6px;margin-top:20px;padding:16px}.sms-verify-info{color:#6b7280;font-size:13px;margin:0 0 12px}.sms-verify-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.sms-verify-btn:hover:not(:disabled){background:#059669}.sms-verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.sms-btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.sms-btn-primary:hover:not(:disabled){background:#2563eb}.sms-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.sms-btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.sms-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.sms-history-tab{padding:0}.sms-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.sms-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.sms-stat-card.sms-stat-success{background:#f0fdf4;border-color:#10b981}.sms-stat-card.sms-stat-failure{background:#fef2f2;border-color:#ef4444}.sms-stat-label{color:#6b7280;font-size:13px;margin-bottom:8px}.sms-stat-value{color:#1f2937;font-size:24px;font-weight:600}.sms-stat-success .sms-stat-value{color:#059669}.sms-stat-failure .sms-stat-value{color:#dc2626}.sms-history-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;overflow:hidden}.sms-history-table{border-collapse:collapse;width:100%}.sms-history-table thead{background:#f9fafb}.sms-history-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.sms-history-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px;white-space:nowrap}.sms-history-table tr:last-child td{border-bottom:none}.sms-history-row{cursor:pointer;transition:background .2s}.sms-history-row:hover{background:#f9fafb}.sms-empty-cell{color:#9ca3af;padding:40px 20px!important;text-align:center}.sms-type-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.sms-type-badge.sms-type-sms{background:#dbeafe;color:#1e40af}.sms-type-badge.sms-type-lms{background:#e0e7ff;color:#3730a3}.sms-type-badge.sms-type-mms{background:#fce7f3;color:#831843}.sms-status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.sms-status-badge.sms-status-success{background:#d1fae5;color:#065f46}.sms-status-badge.sms-status-failure{background:#fee2e2;color:#991b1b}.sms-status-badge.sms-status-partial{background:#fef3c7;color:#92400e}.sms-status-badge.sms-status-pending,.sms-status-badge.sms-status-processing{background:#dbeafe;color:#1e40af}.sms-status-badge.sms-status-approved{background:#d1fae5;color:#065f46}.sms-status-badge.sms-status-rejected{background:#fee2e2;color:#991b1b}.sms-status-cell{align-items:center;display:flex;gap:12px}.sms-status-wrapper{align-items:center;display:flex;gap:8px}.sms-rejection-tooltip-wrapper{display:inline-block;position:relative}.sms-rejection-info-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.sms-rejection-info-btn:hover{background:#fecaca;transform:scale(1.1)}.sms-rejection-info-btn svg{height:14px;width:14px}.sms-success-cell{color:#059669;font-weight:500;white-space:nowrap}.sms-failure-cell{color:#dc2626;font-weight:500;white-space:nowrap}.sms-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px}.sms-page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s}.sms-page-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.sms-page-btn:disabled{cursor:not-allowed;opacity:.5}.sms-page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sms-page-numbers{display:flex;gap:4px}.sms-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.sms-detail-item{display:flex;flex-direction:column;gap:8px}.sms-detail-item.sms-detail-full{grid-column:1/-1}.sms-detail-item label{color:#6b7280;font-size:13px;font-weight:500}.sms-detail-item>div{color:#1f2937;font-size:14px}.sms-message-body{background:#f9fafb;border-radius:6px;padding:12px;white-space:pre-wrap;word-break:break-word}.sms-documents-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.sms-documents-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 20px}.sms-document-item{margin-bottom:24px}.sms-document-item:last-child{margin-bottom:0}.sms-document-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.sms-document-required{color:#dc2626;font-weight:600;margin-left:4px}.sms-document-optional{color:#6b7280;font-weight:400;margin-left:4px}.sms-document-desc{color:#6b7280;font-size:12px;line-height:1.5;margin:0 0 8px}.sms-file-upload{align-items:center;display:flex;gap:12px}.sms-file-label{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;transition:all .2s}.sms-file-label:hover{background:#f3f4f6;border-color:#9ca3af}.sms-file-remove{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s}.sms-file-remove:hover{background:#fecaca}.sms-idcard-type-selector{display:flex;gap:24px;margin-bottom:12px}.sms-radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.sms-radio-label input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.sms-radio-label span{-webkit-user-select:none;user-select:none}.sms-rejection-modal{max-width:600px}.sms-modal-header-content{align-items:center;display:flex;gap:16px}.sms-modal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.sms-modal-icon-error{background:#fef2f2;color:#dc2626}.sms-modal-header-content h4{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.sms-modal-subtitle{color:#6b7280;font-size:14px;margin:0}.sms-rejection-content{padding:0}.sms-rejection-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.sms-rejection-alert-icon{align-items:flex-start;color:#dc2626;display:flex;flex-shrink:0}.sms-rejection-alert-content{flex:1 1}.sms-rejection-alert-content h5{color:#991b1b;font-size:16px;font-weight:600;margin:0 0 4px}.sms-rejection-alert-content p{color:#7f1d1d;font-size:14px;line-height:1.5;margin:0}.sms-rejection-reason-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.sms-rejection-reason-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.sms-rejection-reason-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sms-rejection-reason-text{color:#1f2937;font-size:14px;line-height:1.7;padding:16px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.sms-stats-grid{grid-template-columns:repeat(2,1fr)}.sms-detail-grid{grid-template-columns:1fr}.sms-history-table-container{overflow-x:auto}}.settings-page{min-height:calc(100vh - 64px);padding:24px 0}.settings-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:280px 1fr;height:calc(100vh - 112px)}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:24px}.settings-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.settings-header h2{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:8px}.settings-header p{color:#64748b;font-size:14px}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-link{align-items:center;border-radius:8px;color:#64748b;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.settings-nav-link:hover{background:#f8fafc;color:#3b82f6}.settings-nav-link.active{background:#eff6ff;border-left:3px solid #3b82f6;color:#3b82f6}.nav-icon{font-size:16px;text-align:center;width:20px}.nav-text{font-size:14px}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;padding:32px}.settings-section{padding:20px 0}.settings-section h3{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.settings-section p{color:#64748b;font-size:16px}.stgs-profile-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.stgs-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.stgs-section-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.stgs-edit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.stgs-edit-btn:hover{background:#2563eb}.stgs-profile-content{align-items:flex-start;display:flex;gap:24px}.stgs-profile-image-section{text-align:center}.stgs-profile-image{border:3px solid #e2e8f0;border-radius:50%;height:80px;margin-bottom:12px;overflow:hidden;width:80px}.stgs-profile-image img{height:100%;object-fit:cover;width:100%}.stgs-profile-placeholder{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:28px;font-weight:600;height:100%;justify-content:center;width:100%}.stgs-upload-btn{background:#6b7280;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.stgs-upload-btn:hover{background:#4b5563}.stgs-profile-info{flex:1 1}.stgs-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stgs-info-field{display:flex;flex-direction:column;gap:8px}.stgs-info-field label{color:#374151;font-size:14px;font-weight:500}.stgs-info-value{color:#1e293b;font-size:16px;padding:8px 0}.stgs-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.stgs-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stgs-profile-actions{display:flex;gap:12px;justify-content:flex-end}.stgs-cancel-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.stgs-cancel-btn:hover{background:#4b5563}.stgs-save-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.stgs-save-btn:hover{background:#059669}.stgs-menu-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.stgs-service-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.stgs-service-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.stgs-admin-badge{background:#fbbf24;border-radius:12px;color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.stgs-menu-option{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.stgs-option-info label{color:#1e293b;display:block;font-size:16px;font-weight:500;margin-bottom:4px}.stgs-option-info p{color:#64748b;font-size:14px;margin:0}.stgs-toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:48px}.stgs-toggle input{height:0;opacity:0;width:0}.stgs-toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.stgs-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.stgs-toggle input:checked+.stgs-toggle-slider{background-color:#3b82f6}.stgs-toggle input:checked+.stgs-toggle-slider:before{transform:translateX(24px)}.stgs-notification-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.stgs-notification-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.stgs-notification-option{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.stgs-notification-option:last-child{border-bottom:none}.stgs-push-guide{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:24px;padding:20px}.stgs-guide-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stgs-guide-icon{font-size:18px}.stgs-guide-header h5{color:#1e40af;font-size:16px;font-weight:600;margin:0}.stgs-guide-content p{color:#1e40af;font-size:14px;line-height:1.5;margin:0 0 12px}.stgs-guide-list{color:#1e40af;font-size:14px;margin:0 0 12px 20px;padding:0}.stgs-guide-list li{margin-bottom:4px}.stgs-guide-note{background:#dbeafe;border-left:3px solid #3b82f6;border-radius:4px;font-size:13px!important;margin:12px 0 0!important;padding:8px 12px}.stgs-guide-note strong{color:#1e40af}.stgs-push-status{background:#dcfce7;border-left:4px solid #10b981;border-radius:6px;margin-top:16px;padding:12px}.stgs-push-status p{color:#166534;font-size:14px;margin:0}.stgs-security-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.stgs-security-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.stgs-security-option{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.stgs-2fa-info{background:#dcfce7;border-left:4px solid #10b981;border-radius:6px;margin-top:16px;padding:12px}.stgs-2fa-info p{color:#166534;font-size:14px;margin:0}.stgs-2fa-setup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.stgs-setup-step{margin-bottom:32px}.stgs-setup-step:last-child{margin-bottom:0}.stgs-setup-step h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.stgs-setup-step p{color:#64748b;font-size:14px;margin:0 0 16px}.stgs-qr-section{align-items:flex-start;display:flex;gap:24px}.stgs-qr-code{flex-shrink:0}.stgs-qr-code img{border:1px solid #e2e8f0;border-radius:8px;height:150px;width:150px}.stgs-qr-info{flex:1 1}.stgs-qr-info p{color:#374151;font-size:14px;margin:0 0 8px}.stgs-manual-code{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#1f2937;display:inline-block;font-family:Courier New,monospace;font-size:14px;letter-spacing:1px;padding:8px 12px}.stgs-qr-note{color:#6b7280;font-size:12px;margin-top:12px}.stgs-verify-section{max-width:300px}.stgs-verify-input{border:2px solid #d1d5db;border-radius:8px;font-family:Courier New,monospace;font-size:18px;letter-spacing:4px;margin-bottom:16px;padding:12px 16px;text-align:center;transition:border-color .2s;width:100%}.stgs-verify-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stgs-verify-actions{display:flex;gap:12px;justify-content:flex-end}.stgs-verify-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.stgs-verify-btn:hover:not(:disabled){background:#059669}.stgs-verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.stgs-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stgs-modal-content{animation:stgs-modal-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes stgs-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.stgs-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.stgs-modal-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.stgs-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.stgs-modal-close:hover{background:#f3f4f6;color:#374151}.stgs-modal-body{flex:1 1;overflow-y:auto;padding:24px}.stgs-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.stgs-delete-modal{max-width:600px}.stgs-danger-header{background:#fef2f2}.stgs-warning-icon{font-size:48px;margin-bottom:16px}.stgs-delete-warning h5{font-weight:600}.stgs-delete-warning p{color:#374151;font-size:16px}.stgs-delete-list{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.stgs-confirm-section{margin-top:24px}.stgs-confirm-section label{margin-bottom:8px}.stgs-confirm-input{border:2px solid #fecaca;border-radius:6px;font-size:16px;text-align:center;transition:border-color .2s}.stgs-danger-btn:disabled{background:#9ca3af}.stgs-password-change-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.stgs-password-change-btn:hover{background:#2563eb}.stgs-password-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.stgs-modal-body .stgs-password-form{max-width:none}.stgs-password-field{display:flex;flex-direction:column;gap:6px}.stgs-password-field label{color:#374151;font-size:14px;font-weight:500}.stgs-password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.stgs-danger-section{background:#fef2f2;border:1px solid #fecaca}.stgs-danger-text{margin:0 0 16px}.stgs-danger-btn{background:#dc2626;border-radius:6px;padding:10px 20px;transition:background-color .2s}.stgs-danger-btn:hover{background:#b91c1c}@media (max-width:768px){.settings-layout{gap:20px;grid-template-columns:1fr;height:auto}.settings-sidebar{order:2}.settings-content{order:1;padding:24px}.settings-nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px}.settings-nav-link{flex-shrink:0;white-space:nowrap}.stgs-profile-content{align-items:center;flex-direction:column;text-align:center}.stgs-info-grid{grid-template-columns:1fr}.stgs-profile-actions{justify-content:center}.stgs-menu-option,.stgs-notification-option,.stgs-security-option{align-items:flex-start;flex-direction:column;gap:12px}.stgs-toggle{align-self:flex-end}.stgs-qr-section{align-items:center;flex-direction:column;text-align:center}.stgs-qr-code img{height:120px;width:120px}.stgs-verify-section{max-width:none}.stgs-verify-actions{justify-content:center}.stgs-modal-content{margin:20px;width:95%}.stgs-modal-body,.stgs-modal-footer,.stgs-modal-header{padding:16px 20px}.stgs-modal-footer{justify-content:center}.stgs-delete-warning h5{font-size:18px}.stgs-warning-icon{font-size:40px}}.stgs-section-description{color:#64748b;font-size:14px;line-height:1.5;margin:-16px 0 24px}.stgs-service-name-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.stgs-service-name-content{margin-top:16px}.stgs-service-name-display{padding:12px 0}.stgs-service-name-value{color:#374151;font-size:18px;font-weight:600}.stgs-service-name-edit{display:flex;flex-direction:column;gap:16px}.stgs-service-name-actions{display:flex;gap:12px;justify-content:flex-end}.stgs-service-delete-section{margin-bottom:24px}.stgs-danger-section{background:linear-gradient(135deg,#fef2f2,#fff1f1);border:2px solid #fecaca;border-radius:12px;padding:24px;position:relative}.stgs-danger-section:before{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stgs-danger-text{background:#dc26260d;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;line-height:1.6;margin:8px 0 20px;padding:12px 16px}.stgs-danger-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 2px 4px #dc262633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.stgs-danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.stgs-danger-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.stgs-delete-modal{max-width:560px}.stgs-danger-header{background:linear-gradient(135deg,#fef2f2,#fff1f1);border-bottom-color:#fecaca;position:relative}.stgs-danger-header:before{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stgs-danger-header h4{color:#dc2626;font-weight:600}.stgs-delete-warning{text-align:center}.stgs-warning-icon{animation:stgs-pulse 2s infinite;font-size:56px;margin-bottom:20px}@keyframes stgs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stgs-delete-warning h5{color:#dc2626;font-size:20px;font-weight:700;margin:0 0 16px}.stgs-delete-warning p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 20px}.stgs-delete-list{background:#f8fafc;border-left:4px solid #dc2626;border-radius:8px;margin:20px 0;padding:16px 20px;text-align:left}.stgs-delete-list li{color:#475569;font-size:14px;margin-bottom:8px;padding-left:8px;position:relative}.stgs-delete-list li:before{color:#dc2626;content:"•";font-weight:700;left:-8px;position:absolute}.stgs-confirm-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:28px;padding:20px;text-align:left}.stgs-confirm-section label{color:#374151;display:block;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:12px}.stgs-confirm-input{border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s;width:100%}.stgs-confirm-input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.stgs-status-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.stgs-status-section h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.stgs-status-add{display:flex;gap:12px;margin-bottom:20px}.stgs-status-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .2s}.stgs-status-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stgs-add-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s;white-space:nowrap}.stgs-add-btn:hover:not(:disabled){background:#2563eb}.stgs-add-btn:disabled{background:#94a3b8;cursor:not-allowed}.stgs-status-list{display:flex;flex-direction:column;gap:8px}.stgs-status-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;transition:all .2s}.stgs-status-item:hover{background:#f1f5f9;border-color:#cbd5e1}.stgs-status-display{align-items:center;display:flex;justify-content:space-between}.stgs-status-name{color:#374151;font-size:14px;font-weight:500}.stgs-status-actions{display:flex;gap:8px}.stgs-cancel-btn,.stgs-delete-btn,.stgs-edit-btn,.stgs-save-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.stgs-edit-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}.stgs-edit-btn:hover{background:#f1f5f9;border-color:#94a3b8}.stgs-delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.stgs-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.stgs-save-btn{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.stgs-save-btn:hover{background:#dcfce7;border-color:#86efac}.stgs-cancel-btn{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.stgs-cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.stgs-status-edit{align-items:center;display:flex;gap:12px}.stgs-status-edit .stgs-status-input{flex:1 1;margin:0}@media (max-width:768px){.stgs-status-add,.stgs-status-display{flex-direction:column}.stgs-status-display{align-items:flex-start;gap:12px}.stgs-status-actions{align-self:stretch;justify-content:flex-end}.stgs-status-edit{align-items:stretch;flex-direction:column}.stgs-status-edit .stgs-status-actions{justify-content:center}}.stgs-service-data-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.stgs-service-data-content{margin-top:16px}.stgs-service-data-edit{display:flex;flex-direction:column;gap:24px}.stgs-service-data-display{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.stgs-field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.stgs-icon-upload-section{align-items:flex-start;display:flex;gap:16px}.stgs-icon-preview{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.stgs-icon-preview:hover{background:#f0f7ff;border-color:#3b82f6;transform:scale(1.02)}.stgs-icon-preview.dragging{background:#f0fdf4;border-color:#10b981;border-style:solid;transform:scale(1.05)}.stgs-icon-preview.has-image{border-color:#e2e8f0;border-style:solid}.stgs-icon-preview.has-image:hover{border-color:#3b82f6}.stgs-icon-preview img{border-radius:10px;height:100%;object-fit:cover;width:100%}.stgs-icon-overlay{align-items:center;background:#3b82f6e6;border-radius:10px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stgs-icon-preview:hover .stgs-icon-overlay{opacity:1}.stgs-icon-overlay span{font-size:20px;margin-bottom:4px}.stgs-icon-overlay p{color:#fff;font-size:11px;font-weight:500;margin:0}.stgs-icon-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.stgs-icon-placeholder span{font-size:28px;margin-bottom:6px;transition:all .3s ease}.stgs-icon-preview.dragging .stgs-icon-placeholder span{transform:scale(1.2)}.stgs-icon-placeholder p{color:#6b7280;font-size:11px;font-weight:500;margin:0}.stgs-upload-hint{color:#6b7280;font-size:12px;margin:8px 0 0}.stgs-subdomain-input-group{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.stgs-subdomain-input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stgs-subdomain-input{background:#0000;border:none;flex:1 1;font-size:14px;padding:12px 16px}.stgs-subdomain-input:focus{box-shadow:none;outline:none}.stgs-subdomain-input.error{border-color:#ef4444}.stgs-subdomain-input.success{border-color:#10b981}.stgs-subdomain-suffix{background:#f8fafc;border-left:1px solid #e2e8f0;color:#64748b;font-size:14px;padding:12px 16px;white-space:nowrap}.stgs-subdomain-status{align-items:center;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px}.stgs-subdomain-status.checking .stgs-loading-spinner{animation:stgs-spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes stgs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stgs-subdomain-status.available{color:#10b981;font-weight:700}.stgs-subdomain-status.unavailable{color:#ef4444;font-weight:700}.stgs-error-message{color:#ef4444;font-size:12px;margin:4px 0 0}.stgs-success-message{color:#10b981;font-size:12px;margin:4px 0 0}.stgs-input-hint{color:#6b7280;font-size:12px;margin:4px 0 0}.stgs-service-data-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.stgs-current-icon,.stgs-current-subdomain{display:flex;flex-direction:column;gap:8px}.stgs-domain-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.stgs-domain-display code{color:#1e293b;font-family:Monaco,Menlo,monospace;font-size:14px}@media (max-width:768px){.stgs-service-data-display{gap:16px;grid-template-columns:1fr}.stgs-icon-upload-section{flex-direction:column;gap:12px}.stgs-icon-preview{align-self:center;height:80px;width:80px}.stgs-subdomain-input-group{flex-direction:column}.stgs-subdomain-suffix{border-left:none;border-top:1px solid #e2e8f0;text-align:center;width:100%}.stgs-subdomain-status{right:16px;top:20px}.stgs-service-data-actions{flex-direction:column}}.personal-settings-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:24px 0}.psettings-layout{display:flex;gap:32px;margin:0 auto;max-width:1200px;padding:0 24px}.psettings-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;width:280px}.psettings-header{border-bottom:1px solid #e2e8f0;padding:24px}.psettings-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 4px}.psettings-header p{color:#64748b;font-size:14px;margin:0}.psettings-nav{padding:16px 0}.psettings-nav-link{align-items:center;border-left:3px solid #0000;color:#64748b;display:flex;gap:12px;padding:12px 24px;text-decoration:none;transition:all .2s}.psettings-nav-link:hover{background:#f8fafc;color:#475569}.psettings-nav-link.active{background:#eff6ff;border-left-color:#3b82f6;color:#3b82f6}.psettings-nav-icon{font-size:16px;text-align:center;width:20px}.psettings-nav-text{font-size:14px;font-weight:500}.psettings-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:32px}.psettings-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:24px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.pstgs-profile-section{margin-bottom:32px}.pstgs-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pstgs-section-header h4{color:#374151;font-size:18px;font-weight:600;margin:0}.pstgs-edit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.pstgs-edit-btn:hover{background:#2563eb}.pstgs-profile-content{align-items:flex-start;display:flex;gap:32px}.pstgs-profile-image-section{align-items:center;display:flex;flex-direction:column;gap:16px}.pstgs-profile-image{border:4px solid #e2e8f0;border-radius:50%;height:120px;overflow:hidden;width:120px}.pstgs-profile-image img{height:100%;object-fit:cover;width:100%}.pstgs-profile-placeholder{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:36px;font-weight:600;height:100%;justify-content:center;width:100%}.pstgs-upload-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.pstgs-upload-btn:hover{background:#e2e8f0;border-color:#94a3b8}.pstgs-profile-info{flex:1 1}.pstgs-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.pstgs-field-full{grid-column:1/-1}.pstgs-info-field{display:flex;flex-direction:column;gap:6px}.pstgs-info-field label{color:#374151;font-size:14px;font-weight:500}.pstgs-input,.pstgs-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.pstgs-input:focus,.pstgs-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pstgs-textarea{min-height:80px;resize:vertical}.pstgs-info-value{color:#374151;font-size:14px;padding:10px 0}.pstgs-readonly{color:#64748b}.pstgs-field-note{color:#64748b;font-size:12px;margin-top:4px}.pstgs-profile-actions{display:flex;gap:12px;justify-content:flex-end}.pstgs-cancel-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.pstgs-cancel-btn:hover{background:#f1f5f9;border-color:#94a3b8}.pstgs-save-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.pstgs-save-btn:hover{background:#059669}.pstgs-notification-section{margin-bottom:32px}.pstgs-notification-section h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.pstgs-notification-option{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 0}.pstgs-notification-option:last-child{border-bottom:none}.pstgs-option-info{flex:1 1}.pstgs-option-info label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:4px}.pstgs-option-info p{color:#64748b;font-size:13px;line-height:1.4;margin:0}.pstgs-toggle{display:inline-block;height:28px;position:relative;width:50px}.pstgs-toggle input{height:0;opacity:0;width:0}.pstgs-toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.pstgs-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.pstgs-toggle input:checked+.pstgs-toggle-slider{background-color:#3b82f6}.pstgs-toggle input:checked+.pstgs-toggle-slider:before{transform:translateX(22px)}.pstgs-push-status{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:16px;padding:12px}.pstgs-push-status p{color:#166534;font-size:14px;margin:0}.pstgs-account-section,.pstgs-security-section{margin-bottom:32px}.pstgs-danger-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px}.pstgs-danger-text{color:#dc2626;font-size:14px;line-height:1.5;margin:8px 0 16px}.pstgs-danger-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.pstgs-danger-btn:hover:not(:disabled){background:#b91c1c}.pstgs-danger-btn:disabled{background:#94a3b8;cursor:not-allowed}.pstgs-security-section h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 20px}.pstgs-security-option{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.pstgs-2fa-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:12px;padding:12px}.pstgs-2fa-info p{color:#166534;font-size:14px;margin:0}.pstgs-2fa-setup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:24px}.pstgs-setup-step{margin-bottom:24px}.pstgs-setup-step:last-child{margin-bottom:0}.pstgs-setup-step h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.pstgs-setup-step p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.pstgs-qr-section{align-items:flex-start;display:flex;gap:24px}.pstgs-qr-code{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:160px;justify-content:center;overflow:hidden;width:160px}.pstgs-qr-code img{height:100%;object-fit:contain;width:100%}.pstgs-qr-info{flex:1 1}.pstgs-manual-code{background:#f1f5f9;border:1px solid #d1d5db;border-radius:4px;color:#374151;display:inline-block;font-family:monospace;font-size:14px;margin:8px 0;padding:8px 12px}.pstgs-qr-note{color:#64748b;font-size:12px;margin-top:8px}.pstgs-verify-section{align-items:flex-end;display:flex;gap:12px}.pstgs-verify-input{border:1px solid #d1d5db;border-radius:6px;font-family:monospace;font-size:16px;letter-spacing:2px;padding:10px 12px;text-align:center;width:120px}.pstgs-verify-actions{display:flex;gap:8px}.pstgs-verify-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.pstgs-verify-btn:hover:not(:disabled){background:#2563eb}.pstgs-verify-btn:disabled{background:#94a3b8;cursor:not-allowed}.pstgs-password-change-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.pstgs-password-change-btn:hover{background:#2563eb}.pstgs-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pstgs-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.pstgs-delete-modal{max-width:520px}.pstgs-danger-header{background:#fef2f2;border-bottom-color:#fecaca}.pstgs-danger-header h4{color:#dc2626}.pstgs-delete-warning{text-align:center}.pstgs-warning-icon{font-size:48px;margin-bottom:16px}.pstgs-delete-warning h5{color:#dc2626;font-size:18px;font-weight:600;margin:0 0 12px}.pstgs-delete-warning p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.pstgs-delete-list{margin:16px 0;padding-left:20px;text-align:left}.pstgs-delete-list li{color:#64748b;font-size:14px;margin-bottom:4px}.pstgs-confirm-section{margin-top:24px;text-align:left}.pstgs-confirm-section label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.pstgs-confirm-input{border:2px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.pstgs-confirm-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.pstgs-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.pstgs-modal-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0}.pstgs-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s}.pstgs-modal-close:hover{background:#f1f5f9}.pstgs-modal-body{padding:24px}.pstgs-password-form{display:flex;flex-direction:column;gap:20px}.pstgs-password-field{display:flex;flex-direction:column;gap:6px}.pstgs-password-field label{color:#374151;font-size:14px;font-weight:500}.pstgs-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.psettings-layout{flex-direction:column;gap:20px;padding:0 16px}.psettings-sidebar{width:100%}.psettings-content{padding:24px 20px}.pstgs-profile-content{align-items:center;flex-direction:column;text-align:center}.pstgs-info-grid{gap:16px;grid-template-columns:1fr}.pstgs-qr-section{align-items:center;flex-direction:column;text-align:center}.pstgs-verify-section{align-items:stretch;flex-direction:column}.pstgs-verify-input{width:100%}.pstgs-modal-content{margin:16px;max-width:none}}.scl-page{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,Pretendard,Apple SD Gothic Neo,sans-serif;height:calc(100vh - 44px);overflow:hidden}.scl-progress-track{background:#e8e8e8;flex-shrink:0;height:2px}.scl-progress-fill{background:#111;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.scl-layout{display:grid;flex:1 1;grid-template-columns:220px 1fr;margin:0 auto;max-width:1200px;min-height:0;overflow:hidden;padding:0 24px;width:100%}.scl-sidebar{background:#fafafa;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;overflow:hidden}.scl-sidebar-body{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:24px 16px 0}.scl-client-row{gap:10px}.scl-avatar,.scl-client-row{align-items:center;display:flex}.scl-avatar{background:#111;border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.scl-client-name{color:#111;font-size:14px;font-weight:700;letter-spacing:-.02em}.scl-client-sub{color:#999;font-size:11px;margin-top:1px}.scl-kpi-grid{background:#fff;border:1px solid #ebebeb;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.scl-kpi{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:11px 14px}.scl-kpi:last-child{border-bottom:none}.scl-kpi-label{color:#aaa;font-size:11px}.scl-kpi-val{color:#111;font-size:14px;font-weight:700;letter-spacing:-.02em}.scl-kpi-val.neg{color:#888}.scl-kpi-val em{color:#bbb;font-size:10px;font-style:normal;font-weight:400;margin-left:2px}.scl-steps{display:flex;flex:1 1;flex-direction:column;gap:2px}.scl-step-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:9px;padding:8px 10px;text-align:left;transition:background .12s;width:100%}.scl-step-item:hover{background:#efefef}.scl-step-item.active{background:#111}.scl-step-item.active .scl-step-label{color:#fff;font-weight:600}.scl-step-item.active .scl-step-dot{background:#fff3;color:#fff}.scl-step-item.done:not(.active) .scl-step-dot{background:#111;color:#fff}.scl-step-dot{align-items:center;background:#e8e8e8;border-radius:50%;color:#999;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.scl-step-label{color:#444;font-size:12px;letter-spacing:-.01em}.scl-sidebar-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px}.scl-analyze-btn{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:-.01em;padding:11px 0;transition:background .12s;width:100%}.scl-analyze-btn:hover{background:#333}.scl-back-result-btn{background:#0000;border:1px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:-.01em;padding:9px 0;transition:all .12s;width:100%}.scl-back-result-btn:hover{background:#f5f5f5;color:#111}.scl-main{display:flex;justify-content:center;overflow-y:auto;padding:40px 24px}.scl-form-wrap{display:flex;flex-direction:column;gap:0;width:100%}.scl-section-head{margin-bottom:28px}.scl-section-title{color:#111;font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.scl-section-desc{color:#aaa;font-size:13px;letter-spacing:-.01em;margin:0}.scl-form{display:flex;flex:1 1;flex-direction:column;gap:22px}.scl-row-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.scl-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.scl-field{display:flex;flex-direction:column;gap:8px}.scl-label{align-items:center;color:#777;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.02em;text-transform:uppercase}.scl-hint{color:#bbb;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.scl-chips{display:flex;flex-wrap:wrap;gap:7px}.scl-chip{background:#fff;border:1.5px solid #e8e8e8;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:-.01em;padding:8px 14px;transition:all .13s;white-space:nowrap}.scl-chip:hover{border-color:#bbb;color:#333}.scl-chip.on{background:#111;border-color:#111;color:#fff;font-weight:600}.scl-input{-webkit-appearance:none;background:#f6f6f6;border:2px solid #0000;border-radius:10px;color:#111;font-family:inherit;font-size:14px;letter-spacing:-.01em;outline:none;padding:12px 14px;transition:background .15s,border-color .15s;width:100%}.scl-input:focus{background:#fff;border-color:#111}.scl-input::placeholder{color:#ccc}.scl-textarea{line-height:1.6;min-height:100px;resize:vertical}.scl-sub-input{background:#f6f6f6}.scl-switch-row{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;letter-spacing:-.01em;padding:2px 0}.scl-switch{background:#e0e0e0;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:40px}.scl-switch.on{background:#111}.scl-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.scl-switch.on .scl-switch-thumb{transform:translateX(16px)}.scl-note{color:#bbb;font-size:12px}.scl-note,.scl-sub-heading{letter-spacing:-.01em;margin:0}.scl-sub-heading{color:#555;font-size:13px;font-weight:700}.scl-sum-line{align-items:center;border-top:1px solid #f0f0f0;color:#aaa;display:flex;font-size:13px;justify-content:space-between;padding:14px 0}.scl-sum-line strong{color:#111;font-size:18px;font-weight:800;letter-spacing:-.03em}.scl-income-summary{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.scl-income-row{align-items:center;border-bottom:1px solid #f5f5f5;color:#666;display:flex;font-size:13px;justify-content:space-between;letter-spacing:-.01em;padding:12px 16px}.scl-income-row:last-child{border-bottom:none}.scl-income-row.total{background:#fff;color:#111;font-size:14px;font-weight:600}.scl-income-row.total strong{color:#111;font-size:16px;font-weight:800;letter-spacing:-.02em}.scl-income-row.total strong.warn{color:#888}.scl-check-list{gap:9px}.scl-check-card,.scl-check-list{display:flex;flex-direction:column}.scl-check-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;gap:10px;padding:14px 16px;transition:border-color .15s}.scl-check-card.expanded{border-color:#111}.scl-check-row{color:#222;cursor:pointer;font-size:13px;font-weight:500;justify-content:space-between;letter-spacing:-.01em}.scl-analyzing,.scl-check-row{align-items:center;display:flex}.scl-analyzing{background:#fff;font-family:-apple-system,Pretendard,Apple SD Gothic Neo,sans-serif;height:calc(100vh - 44px);justify-content:center}.scl-analyzing-card{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.scl-analyzing-spinner{animation:scl-rotate 1.2s linear infinite}@keyframes scl-rotate{to{transform:rotate(1turn)}}.scl-spinner-arc{transform-origin:center}.scl-analyzing-title{color:#111;font-size:20px;font-weight:800;letter-spacing:-.03em;margin:4px 0 0}.scl-analyzing-sub{color:#aaa;font-size:13px;letter-spacing:-.01em;line-height:1.7;margin:0}.scl-analyzing-dots{display:flex;gap:7px;margin-top:4px}.scl-analyzing-dots span{animation:scl-dot-pulse 1.2s ease-in-out infinite;background:#ccc;border-radius:50%;height:7px;width:7px}.scl-analyzing-dots span:nth-child(2){animation-delay:.2s}.scl-analyzing-dots span:nth-child(3){animation-delay:.4s}@keyframes scl-dot-pulse{0%,80%,to{background:#ccc;transform:scale(1)}40%{background:#111;transform:scale(1.3)}}.scl-nav-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:28px}.scl-btn-prev{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#555;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:12px 22px;transition:background .12s}.scl-btn-prev:hover{background:#f5f5f5}.scl-btn-next{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:-.01em;padding:12px 28px;transition:background .12s}.scl-btn-next:hover{background:#333}.sdp-page{background:#fff;color:#111;font-family:-apple-system,Pretendard,Apple SD Gothic Neo,sans-serif;min-height:100vh}.sdp-body,.sdp-page{display:flex;flex-direction:column}.sdp-body{margin:0 auto;max-width:1200px;padding:0 24px 60px;width:100%}.sdp-topnav{justify-content:space-between;margin-bottom:0;padding:16px 0 4px;position:relative}.sdp-topnav,.sdp-topnav-client{align-items:center;display:flex}.sdp-topnav-client{color:#888;font-size:13px;gap:7px;letter-spacing:-.01em}.sdp-topnav-right{align-items:center;display:flex;gap:10px}.sdp-topnav-date{color:#bbb;font-size:12px}.sdp-print{font-size:12px!important;padding:6px 12px!important}.sdp-section-label{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 14px;text-transform:uppercase}.sdp-divider{background:#f5f5f5;height:1px;margin:24px 0}.sdp-section{border-bottom:1px solid #f5f5f5;padding:36px 0}.sdp-section:last-child{border-bottom:none}.sdp-cols2{grid-gap:0 48px;border-bottom:1px solid #f5f5f5;display:grid;gap:0 48px;grid-template-columns:1fr 1fr}.sdp-cols2 .sdp-section{border-bottom:none;padding-left:0;padding-right:0}.sdp-cols2 .sdp-section:first-child{border-right:1px solid #f5f5f5;padding-right:48px}.sdp-hero{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:32px;justify-content:space-between;padding:48px 0 36px}.sdp-hero-left{flex:1 1}.sdp-hero-eyebrow{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 10px;text-transform:uppercase}.sdp-hero-h1{color:#111;font-size:44px;font-weight:900;letter-spacing:-.04em;line-height:1;margin:0 0 14px}.sdp-hero-sub{color:#666;font-size:14px;letter-spacing:-.01em;line-height:1.7;margin:0 0 20px}.sdp-hero-tags{display:flex;flex-wrap:wrap;gap:7px}.sdp-tag{background:#f5f5f5;border-radius:20px;color:#555;display:inline-block;font-size:12px;font-weight:500;letter-spacing:-.01em;padding:5px 11px}.sdp-hero-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.sdp-hero-score-label{color:#aaa;font-size:12px;letter-spacing:-.01em;margin:0}.sdp-options{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.sdp-option-row{grid-gap:16px;align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:grid;gap:16px;grid-template-columns:180px 1fr 70px 50px;padding:14px 12px;transition:background .12s,border-color .12s}.sdp-option-row:hover{background:#fafafa}.sdp-option-row.selected{background:#fafafa;border-color:#111}.sdp-option-name{align-items:center;color:#111;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:-.02em}.sdp-option-tag{background:#111;border-radius:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 8px}.sdp-option-bar-wrap{align-items:center;display:flex}.sdp-option-bar{background:#f0f0f0;border-radius:3px;height:5px;overflow:hidden;width:100%}.sdp-option-fill{background:#111;border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.sdp-option-row:not(.recommended) .sdp-option-fill{background:#ccc}.sdp-option-score{align-items:baseline;display:flex;gap:2px;justify-content:flex-end;text-align:right}.sdp-option-score strong{color:#111;font-size:18px;font-weight:800;letter-spacing:-.02em}.sdp-option-score span{color:#bbb;font-size:11px}.sdp-option-grade{font-size:12px;font-weight:700;text-align:right}.sdp-option-grade.g-양호{color:#111}.sdp-option-grade.g-보통{color:#666}.sdp-option-grade.g-낮음{color:#bbb}.sdp-option-reasons{display:none}.sdp-condition-panel{border:1px solid #ebebeb;border-radius:14px;margin-top:12px;overflow:hidden}.sdp-condition-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:14px 18px}.sdp-condition-title{color:#111;font-size:13px;font-weight:700;letter-spacing:-.02em}.sdp-condition-legend{align-items:center;display:flex;gap:8px}.sdp-cond-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:-.01em;padding:3px 9px}.sdp-cond-badge.pass{background:#dcfce7;color:#15803d}.sdp-cond-badge.caution{background:#fef9c3;color:#a16207}.sdp-cond-badge.risk{background:#fee2e2;color:#b91c1c}.sdp-condition-list{padding:8px 0}.sdp-cond{align-items:flex-start;border-bottom:1px solid #f8f8f8;display:flex;gap:12px;padding:11px 18px;transition:background .1s}.sdp-cond:last-child{border-bottom:none}.sdp-cond:hover{background:#fafafa}.sdp-cond-pass:hover{background:#f0fdf4}.sdp-cond-caution:hover{background:#fefce8}.sdp-cond-risk:hover{background:#fff1f2}.sdp-cond-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;width:22px}.sdp-cond-text{color:#333;font-size:13px;letter-spacing:-.01em;line-height:1.6}.sdp-cond-pass .sdp-cond-text{color:#111}.sdp-cond-caution .sdp-cond-text{color:#78350f}.sdp-cond-risk .sdp-cond-text{color:#991b1b}.sdp-stat-list{grid-gap:20px 32px;display:grid;gap:20px 32px;grid-template-columns:1fr 1fr;margin-bottom:0}.sdp-stat{display:flex;flex-direction:column;gap:5px}.sdp-stat-label{color:#aaa;font-size:12px;letter-spacing:-.01em}.sdp-stat-val{color:#111;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.sdp-stat-val em{color:#bbb;font-size:13px;font-style:normal;font-weight:400;margin-left:3px}.sdp-bars{display:flex;flex-direction:column;gap:10px}.sdp-bar-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:75px 1fr 34px 80px}.sdp-bar-label{color:#666;font-size:12px;letter-spacing:-.01em}.sdp-bar-track{background:#f0f0f0;border-radius:3px;height:5px;overflow:hidden}.sdp-bar-fill{background:#333;border-radius:3px;height:100%}.sdp-bar-pct{color:#aaa;font-size:11px;text-align:right}.sdp-bar-amt{color:#111;font-size:12px;font-weight:600;letter-spacing:-.01em;text-align:right}.sdp-plan-kv{border:1px solid #f0f0f0;border-radius:12px;display:flex;flex-direction:column;gap:0;margin-bottom:20px;overflow:hidden}.sdp-kv{align-items:center;border-bottom:1px solid #f8f8f8;color:#666;display:flex;font-size:13px;justify-content:space-between;letter-spacing:-.01em;padding:13px 18px}.sdp-kv:last-child{border-bottom:none}.sdp-kv strong{color:#111;font-size:15px;font-weight:700;letter-spacing:-.02em}.sdp-exempt-box{background:#fafafa;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:18px 20px}.sdp-exempt-label{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.sdp-exempt-val{color:#111;font-size:28px;font-weight:900;letter-spacing:-.04em;margin:4px 0}.sdp-exempt-desc{color:#aaa;font-size:12px;letter-spacing:-.01em;line-height:1.5;margin:0}.sdp-cautions{display:flex;flex-direction:column;gap:6px;margin:0;padding:0 0 0 14px}.sdp-cautions li{color:#777;font-size:13px;letter-spacing:-.01em;line-height:1.5}.sdp-cautions strong{color:#111}.sdp-script-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.sdp-script-tab{background:#fff;border:1px solid #e8e8e8;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:-.01em;padding:7px 15px;transition:all .15s}.sdp-script-tab.on{background:#111;border-color:#111;color:#fff;font-weight:700}.sdp-script-body{background:#fafafa;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:24px}.sdp-script-speaker{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sdp-script-quote{border-left:3px solid #111;color:#111;font-size:15px;letter-spacing:-.02em;line-height:1.8;margin:0;padding-left:16px}.sdp-copy-btn{align-self:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:9px 18px;transition:background .12s}.sdp-copy-btn:hover{background:#f5f5f5}.sdp-steps{display:flex;flex-direction:column;gap:0}.sdp-step{display:flex;gap:18px}.sdp-step-left{flex-direction:column}.sdp-step-circle,.sdp-step-left{align-items:center;display:flex;flex-shrink:0}.sdp-step-circle{background:#111;border-radius:50%;color:#fff;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.sdp-step-line{background:#f0f0f0;flex:1 1;margin:4px 0;min-height:24px;width:1px}.sdp-step-body{flex:1 1;padding:4px 0 28px}.sdp-step-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.sdp-step-name{color:#111;font-size:14px;font-weight:700;letter-spacing:-.02em}.sdp-step-period{background:#f5f5f5;border-radius:10px;color:#aaa;font-size:11px;font-weight:500;padding:3px 9px}.sdp-step-desc{color:#888;font-size:13px;letter-spacing:-.01em;line-height:1.5;margin:0}.sdp-btn-ghost{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#444;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:-.01em;padding:11px 20px;transition:background .12s}.sdp-btn-ghost:hover{background:#f5f5f5}.sdp-btn-primary{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:-.01em;padding:11px 28px;transition:background .12s}.sdp-btn-primary:hover{background:#333}.sdp-chat-section{background:#f9f9f9;border:1px solid #efefef;border-bottom:1px solid #efefef!important;border-radius:16px;margin:0 -4px;padding:28px 28px 32px}.sdp-chat-section-header{align-items:center;display:flex;gap:10px;margin-bottom:18px}.sdp-sparkle-icon{display:block;flex-shrink:0}.sdp-chat-quick{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.sdp-chat-quick-btn{background:#fff;border:1.5px solid #e8e8e8;border-radius:20px;color:#555;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:-.01em;padding:7px 14px;transition:all .13s;white-space:nowrap}.sdp-chat-quick-btn:hover:not(:disabled){border-color:#111;color:#111}.sdp-chat-quick-btn:disabled{cursor:not-allowed;opacity:.4}.sdp-chat-messages{background:#fff;border:1px solid #ebebeb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;max-height:380px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.sdp-chat-msg{align-items:flex-start;display:flex;gap:10px}.sdp-chat-msg.user{flex-direction:row-reverse}.sdp-chat-ai-icon{align-items:center;background:#111;border-radius:50%;display:flex;flex-shrink:0;height:26px;justify-content:center;margin-top:2px;width:26px}.sdp-chat-bubble{border-radius:14px;font-size:13px;letter-spacing:-.01em;line-height:1.7;max-width:72%;padding:12px 16px}.sdp-chat-msg.ai .sdp-chat-bubble{background:#fff;border:1px solid #ebebeb;border-top-left-radius:4px;color:#222}.sdp-chat-msg.user .sdp-chat-bubble{background:#111;border-top-right-radius:4px;color:#fff}.sdp-chat-typing{align-items:center;display:flex;gap:5px;padding:14px 18px}.sdp-chat-typing span{animation:sdp-dot-bounce 1.2s ease-in-out infinite;background:#bbb;border-radius:50%;height:6px;width:6px}.sdp-chat-typing span:nth-child(2){animation-delay:.2s}.sdp-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes sdp-dot-bounce{0%,80%,to{background:#ccc;transform:scale(1)}40%{background:#888;transform:scale(1.4)}}.sdp-chat-input-row{display:flex;gap:8px}.sdp-chat-input{background:#f6f6f6;border:1.5px solid #0000;border-radius:12px;color:#111;flex:1 1;font-family:inherit;font-size:13px;letter-spacing:-.01em;outline:none;padding:12px 16px;transition:background .15s,border-color .15s}.sdp-chat-input:focus{background:#fff;border-color:#111}.sdp-chat-input::placeholder{color:#ccc}.sdp-chat-input:disabled{opacity:.5}.sdp-chat-send{align-items:center;background:#111;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:background .12s;width:44px}.sdp-chat-send:hover:not(:disabled){background:#333}.sdp-chat-send:disabled{background:#e0e0e0;cursor:not-allowed}.sdp-cta-row{display:flex;gap:8px;justify-content:flex-end;padding:32px 0 0}*,:after,:before{box-sizing:border-box}.cll-page{background:#f8f8f8;color:#111;font-family:-apple-system,Pretendard,Apple SD Gothic Neo,sans-serif;min-height:calc(100vh - 44px)}.cll-body{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:32px 24px 60px}.cll-page-header{align-items:flex-end;display:flex;justify-content:space-between}.cll-page-title{color:#111;font-size:24px;font-weight:900;letter-spacing:-.04em;margin:0 0 4px}.cll-page-sub{color:#aaa;margin:0}.cll-btn-primary,.cll-page-sub{font-size:13px;letter-spacing:-.01em}.cll-btn-primary{background:#111;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .12s;white-space:nowrap}.cll-btn-primary:hover{background:#333}.cll-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.cll-stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:20px 22px}.cll-stat-label{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cll-stat-val{color:#111;font-size:32px;font-weight:900;letter-spacing:-.05em;line-height:1}.cll-stat-val em{color:#bbb;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;margin-left:3px}.cll-stat-sub{color:#bbb;font-size:12px;letter-spacing:-.01em}.cll-stat-bar{background:#f0f0f0;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.cll-stat-bar-fill{background:#111;border-radius:2px;height:100%}.cll-dist{display:flex;flex-direction:column;gap:8px}.cll-dist-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:76px 1fr 32px}.cll-dist-bar-wrap{align-items:center;display:flex}.cll-dist-bar{background:#f0f0f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.cll-dist-fill{background:#555;border-radius:2px;height:100%}.cll-dist-cnt{color:#888;font-size:11px;font-weight:700;text-align:right;white-space:nowrap}.cll-status-row{align-items:center;display:flex;gap:8px}.cll-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cll-status-dot.done{background:#111}.cll-status-dot.ongoing{background:#f59e0b}.cll-status-dot.progress{background:#3b82f6}.cll-status-label{color:#555;flex:1 1;font-size:13px;letter-spacing:-.01em}.cll-status-cnt{color:#111;font-size:12px;font-weight:700}.cll-proc-tag{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:-.01em;padding:3px 9px;white-space:nowrap}.cll-proc-tag.rehab{background:#f0fdf4;color:#15803d}.cll-proc-tag.adjust{background:#fef9c3;color:#a16207}.cll-proc-tag.bankrupt{background:#fee2e2;color:#b91c1c}.cll-toolbar{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.cll-filter-chips{display:flex;gap:6px}.cll-filter-chip{align-items:center;background:#fff;border:1.5px solid #e8e8e8;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;letter-spacing:-.01em;padding:6px 13px;transition:all .12s;white-space:nowrap}.cll-filter-chip:hover{border-color:#bbb;color:#333}.cll-filter-chip.on{background:#111;border-color:#111;color:#fff;font-weight:700}.cll-filter-cnt{background:#fff3;border-radius:8px;font-size:11px;font-weight:700;padding:0 5px}.cll-filter-chip:not(.on) .cll-filter-cnt{background:#f0f0f0;color:#888}.cll-search-wrap{align-items:center;display:flex;position:relative}.cll-search-icon{left:10px;pointer-events:none;position:absolute}.cll-search{background:#f6f6f6;border:1.5px solid #0000;border-radius:8px;color:#111;font-family:inherit;font-size:13px;letter-spacing:-.01em;outline:none;padding:8px 12px 8px 32px;transition:background .15s,border-color .15s;width:220px}.cll-search:focus{background:#fff;border-color:#111}.cll-search::placeholder{color:#ccc}.cll-table-wrap{background:#fff;border:1px solid #f0f0f0;border-radius:14px;overflow:hidden}.cll-row,.cll-table-head{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:200px 90px 90px 90px 100px 160px 80px 60px 90px;padding:0 20px}.cll-table-head{background:#fafafa;border-bottom:1px solid #f0f0f0;height:40px}.cll-table-head,.cll-th-btn{color:#bbb;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cll-th-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:3px;padding:0;transition:color .12s}.cll-th-btn:hover{color:#666}.cll-sort-icon{color:#ddd;font-size:11px;font-style:normal}.cll-sort-icon.active{color:#111}.cll-row{border-bottom:1px solid #f8f8f8;cursor:pointer;height:64px;transition:background .1s}.cll-row:last-child{border-bottom:none}.cll-row:hover{background:#fafafa}.cll-cell-client{gap:10px}.cll-avatar,.cll-cell-client{align-items:center;display:flex}.cll-avatar{background:#111;border-radius:50%;color:#fff;flex-shrink:0;height:34px;justify-content:center;width:34px}.cll-avatar,.cll-name{font-size:14px;font-weight:700}.cll-name{color:#111;letter-spacing:-.02em}.cll-meta{color:#bbb;font-size:11px;margin-top:2px}.cll-cell,.cll-meta{letter-spacing:-.01em}.cll-cell{color:#555;font-size:13px;white-space:nowrap}.cll-debt{color:#111;font-size:14px;font-weight:700;letter-spacing:-.03em}.cll-debt em{color:#bbb;font-size:11px;font-style:normal;font-weight:400;margin-left:1px}.cll-disposable{color:#333;font-weight:600}.cll-disposable.neg{color:#dc2626}.cll-date{color:#bbb}.cll-action{display:flex;justify-content:flex-end}.cll-view-btn{background:#fff;border:1px solid #e0e0e0;border-radius:7px;color:#444;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:-.01em;padding:6px 12px;transition:all .12s;white-space:nowrap}.cll-view-btn:hover{background:#111;border-color:#111;color:#fff}.cll-score-wrap{align-items:center;display:flex;gap:8px}.cll-score-bar{background:#f0f0f0;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.cll-score-fill{background:#111;border-radius:3px;height:100%}.cll-score-num{color:#111;flex-shrink:0;font-size:13px;font-weight:700;letter-spacing:-.02em;text-align:right;width:22px}.cll-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:-.01em;padding:3px 8px;white-space:nowrap}.cll-status-badge.done{background:#f5f5f5;color:#666}.cll-status-badge.ongoing{background:#fef9c3;color:#a16207}.cll-status-badge.progress{background:#eff6ff;color:#1d4ed8}.cll-empty{color:#bbb;font-size:14px;letter-spacing:-.01em;padding:48px;text-align:center}@media (max-width:1100px){.cll-stats{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.13da4ec5.css.map*/