@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .3s ease}.navbar-logo:hover{opacity:.8}.logo-icon{font-size:2rem}.logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:600;color:#1a1a1a;letter-spacing:-.5px;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-right{display:flex;align-items:center}.login-button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:transparent;color:#2563eb;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.login-button:hover{background-color:#2563eb;color:#fff}.login-button:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}@media(max-width:768px){.navbar-container{padding:0 1rem}.logo-text{font-size:1.2rem}.login-button{padding:.6rem 1.5rem;font-size:.9rem}}.homepage-container{min-height:100vh;display:flex;flex-direction:column;background-color:#fff;padding-top:70px}.homepage-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.welcome-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:3rem;font-weight:700;color:#2563eb;text-align:center;margin:0;line-height:1.4}.homepage-footer{text-align:center;padding:2rem;background-color:#fff;border-top:1px solid #e5e7eb}.homepage-footer p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;color:#2563eb;font-size:1rem;font-weight:500}@media(max-width:768px){.welcome-text{font-size:2rem}.homepage-footer p{font-size:.9rem}}.snackbar-checked{position:fixed;top:24px;right:-500px;background-color:#10b981;color:#fff;padding:20px 32px;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:400px;max-width:500px;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.snackbar-checked.visible{right:24px}.snackbar-checked.exiting{right:-500px}.snackbar-content{display:flex;align-items:center;gap:16px}.check-icon{width:32px;height:32px;flex-shrink:0}.snackbar-message{font-size:16px;font-weight:500;line-height:1.5}.snackbar-progress{position:absolute;bottom:0;left:0;height:4px;background-color:#ffffffb3;animation:progressBar linear forwards}@keyframes progressBar{0%{width:100%}to{width:0%}}.snackbar-warning{position:fixed;top:24px;right:-500px;background-color:#f59e0b;color:#fff;padding:20px 32px;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:400px;max-width:500px;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.snackbar-warning.visible{right:24px}.snackbar-warning.exiting{right:-500px}.warning-icon{width:32px;height:32px;flex-shrink:0}.snackbar-failed{position:fixed;top:24px;right:-500px;background-color:#ef4444;color:#fff;padding:20px 32px;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:400px;max-width:500px;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.snackbar-failed.visible{right:24px}.snackbar-failed.exiting{right:-500px}.error-icon{width:32px;height:32px;flex-shrink:0}.login-page{min-height:100vh;background-color:#fff;padding-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:2rem}.login-box{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:450px}.login-title{font-size:2rem;font-weight:700;color:#2563eb;text-align:center;margin:0 0 2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#2563eb;font-weight:500}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.forgot-password-link-container{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;color:#2563eb;background:none;border:none;cursor:pointer;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease;font-weight:500}.forgot-password-link:hover{color:#1d4ed8;text-decoration:underline}.econtract-login-link-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.econtract-login-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;color:#059669;background:none;border:none;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;font-weight:600}.econtract-login-link:hover{color:#047857;text-decoration:underline}.login-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;color:#2563eb;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.login-btn:hover{background-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.login-btn:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.password-fail-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.password-fail-content{background:#fff;padding:30px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 2px 10px #0000001a}.password-fail-content h2{margin:0 0 15px;color:#e74c3c;font-family:Inter,sans-serif}.password-fail-content p{margin-bottom:20px;font-family:Inter,sans-serif}.password-fail-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-weight:500}.btn-primary{background-color:#1976d2;color:#fff}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-primary:hover{background-color:#1565c0}.btn-secondary:hover{background-color:#d0d0d0}@media(max-width:768px){.login-box{padding:2rem}.login-title{font-size:1.75rem}.form-input,.login-button{font-size:.95rem}}.verify-email-page{min-height:100vh;background-color:#fff;padding-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.verify-email-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:2rem}.verify-email-box{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:450px}.verify-email-title{font-size:2rem;font-weight:700;color:#2563eb;text-align:center;margin:0 0 .5rem}.verify-email-subtitle{font-size:.95rem;color:#6b7280;text-align:center;margin:0 0 2rem}.verify-email-form{display:flex;flex-direction:column;gap:1.5rem}.verify-email-form-group{display:flex;flex-direction:column}.verify-email-form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#2563eb;font-weight:500}.verify-email-form-input::placeholder{color:#9ca3af;font-weight:400}.verify-email-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.verify-email-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;color:#2563eb;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-email-btn:hover:not(:disabled){background-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.verify-email-btn:disabled{opacity:.6;cursor:not-allowed}.verify-email-back-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;font-weight:600;color:#6b7280;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-email-back-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.verify-email-back-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.verify-email-box{padding:2rem}.verify-email-title{font-size:1.75rem}.verify-email-form-input,.verify-email-btn,.verify-email-back-btn{font-size:.95rem}}.verify-otp-page{min-height:100vh;background-color:#fff;padding-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.verify-otp-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:2rem}.verify-otp-box{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:450px}.verify-otp-title{font-size:2rem;font-weight:700;color:#2563eb;text-align:center;margin:0 0 .5rem}.verify-otp-subtitle{font-size:.95rem;color:#6b7280;text-align:center;margin:0 0 2rem;word-break:break-word}.verify-otp-subtitle strong{color:#2563eb;font-weight:600}.verify-otp-form{display:flex;flex-direction:column;gap:1rem}.verify-otp-form-group{display:flex;flex-direction:column}.verify-otp-form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1.2rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#2563eb;font-weight:600;text-align:center;letter-spacing:.3em;text-transform:uppercase}.verify-otp-form-input::placeholder{color:#9ca3af;font-weight:400;letter-spacing:normal;text-transform:none}.verify-otp-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.verify-otp-attempts{font-size:.9rem;color:#f59e0b;text-align:center;margin:0;font-weight:500}.verify-otp-locked{font-size:.9rem;color:#ef4444;text-align:center;margin:0;font-weight:600}.verify-otp-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;color:#2563eb;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-otp-btn:hover:not(:disabled){background-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.verify-otp-btn:disabled{opacity:.6;cursor:not-allowed}.verify-otp-refresh-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:.95rem;font-weight:500;color:#059669;background-color:transparent;border:1px solid #d1fae5;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-otp-refresh-btn:hover:not(:disabled){background-color:#d1fae5;border-color:#059669}.verify-otp-refresh-btn:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;border-color:#e5e7eb}.verify-otp-back-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;font-weight:600;color:#6b7280;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.verify-otp-back-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.verify-otp-back-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.verify-otp-box{padding:2rem}.verify-otp-title{font-size:1.75rem}.verify-otp-form-input,.verify-otp-btn,.verify-otp-refresh-btn,.verify-otp-back-btn{font-size:.95rem}}.forgot-password-page{min-height:100vh;background-color:#fff;padding-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.forgot-password-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:2rem}.forgot-password-box{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:500px}.forgot-password-title{font-size:2rem;font-weight:700;color:#2563eb;text-align:center;margin:0 0 .5rem}.forgot-password-subtitle{font-size:.95rem;color:#6b7280;text-align:center;margin:0 0 2rem;word-break:break-word}.forgot-password-subtitle strong{color:#2563eb;font-weight:600}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form-group{display:flex;flex-direction:column}.forgot-password-form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#2563eb;font-weight:500}.forgot-password-form-input::placeholder{color:#9ca3af;font-weight:400}.forgot-password-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.forgot-password-requirements{background-color:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.forgot-password-requirements-title{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 .5rem}.forgot-password-requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.forgot-password-requirements-list li{font-size:.85rem;color:#6b7280;padding-left:1.5rem;position:relative;transition:color .3s ease}.forgot-password-requirements-list li:before{content:"○";position:absolute;left:0;color:#9ca3af;font-weight:700}.forgot-password-requirements-list li.valid{color:#059669;font-weight:500}.forgot-password-requirements-list li.valid:before{content:"✓";color:#059669}.forgot-password-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;color:#2563eb;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.forgot-password-btn:hover:not(:disabled){background-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb40}.forgot-password-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-password-back-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;font-weight:600;color:#6b7280;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.forgot-password-back-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.forgot-password-back-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.forgot-password-box{padding:2rem}.forgot-password-title{font-size:1.75rem}.forgot-password-form-input,.forgot-password-btn,.forgot-password-back-btn{font-size:.95rem}.forgot-password-requirements-list li{font-size:.8rem}}.modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:9998;animation:fadeIn .2s ease-out}.user-info-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:9999;width:90%;max-width:800px;max-height:85vh;overflow:hidden;font-family:Inter,sans-serif}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:20px;font-weight:600;color:#1e40af;margin:0;font-family:Inter,sans-serif}.modal-close-btn{background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;border-radius:4px}.modal-close-btn:hover{background:#f3f4f6;color:#1e40af}.modal-close-btn svg{width:20px;height:20px}.modal-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 140px)}.user-avatar-section{display:flex;align-items:center;gap:20px;padding:20px;background:#f8fafc;border-radius:6px;margin-bottom:24px}.user-avatar{width:64px;height:64px;border-radius:50%;background:#1e40af;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar svg{width:36px;height:36px;color:#fff}.user-name{font-size:20px;font-weight:600;color:#1e40af;margin:0 0 4px;font-family:Inter,sans-serif}.user-role-badge{background:#1e40af;color:#fff;padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;font-family:Inter,sans-serif}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item.full-width{grid-column:1 / -1}.info-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#6b7280;font-family:Inter,sans-serif}.info-icon{width:16px;height:16px;color:#1e40af}.info-value{font-size:14px;color:#1f2937;font-weight:400;padding:10px 12px;background:#f8fafc;border-radius:4px;border:1px solid #e5e7eb;word-break:break-word;font-family:Inter,sans-serif}.info-value-code{font-family:Inter,monospace;font-size:13px;color:#1e40af;background:#eff6ff;border-color:#dbeafe}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-secondary{padding:8px 20px;border:1px solid #1e40af;background:#fff;color:#1e40af;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-secondary:hover{background:#1e40af;color:#fff}@media(max-width:768px){.user-info-modal{width:95%;max-width:none}.modal-header{padding:16px 20px}.modal-title{font-size:18px}.modal-body{padding:20px}.user-avatar-section{flex-direction:column;text-align:center;padding:16px}.user-info-grid{grid-template-columns:1fr;gap:12px}.modal-footer{padding:12px 20px}}.dashboard-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff;color:#1e40af}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.sidebar-open{width:250px}.sidebar-closed{width:70px}.sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.sidebar-logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.logo-text{font-size:20px;font-weight:700;color:#1e40af;white-space:nowrap}.sidebar-nav{padding:20px 0}.nav-list{list-style:none}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.nav-link:hover{background-color:#f8fafc;color:#1e40af}.nav-item.active .nav-link{background-color:#eff6ff;color:#1e40af;font-weight:500}.nav-item.active .nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6}.nav-icon{width:20px;height:20px;flex-shrink:0}.main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#fff}.main-content-expanded{margin-left:250px}.main-content-collapsed{margin-left:70px}.nav-admin{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-admin-left{display:flex;align-items:center;gap:24px}.menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.menu-toggle:hover{background-color:#f3f4f6;color:#1e40af}.menu-toggle svg{width:24px;height:24px}.datetime-display{font-size:14px;font-weight:500;color:#1e40af;background-color:#eff6ff;padding:8px 16px;border-radius:6px;border:1px solid #dbeafe}.nav-admin-right{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.notification-btn:hover{background-color:#f3f4f6;color:#1e40af}.notification-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#3b82f6;background-color:#eff6ff}.dropdown-item.logout-item:hover{color:#ef4444;background-color:#fef2f2}.dropdown-item.disabled{pointer-events:none}.dropdown-item.logout-item.disabled:hover{color:#000;background-color:#fff}.dropdown-icon{width:18px;height:18px;flex-shrink:0}.user-profile:hover{background-color:#f8fafc}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.user-role{font-size:12px;color:#6b7280;line-height:1.2}.dashboard-main{padding:32px 24px}.dashboard-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:#1e40af;margin-bottom:8px}.page-subtitle{font-size:16px;color:#6b7280}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.stat-card{display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon svg{width:24px;height:24px}.stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon-green{background:linear-gradient(135deg,#10b981,#047857)}.stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:700;color:#1e40af;line-height:1.2;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0}.modal-body{padding:24px}.modal-body p{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background-color:#f3f4f6}.btn-confirm{background-color:#ef4444;color:#fff}.btn-confirm:hover{background-color:#dc2626}@media(max-width:768px){.main-content-expanded,.main-content-collapsed{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.datetime-display,.user-info{display:none}.dashboard-stats{grid-template-columns:1fr}.dashboard-main{padding:16px}}.director-dashboard-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff;color:#1e40af}.director-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.director-sidebar-open{width:250px}.director-sidebar-closed{width:70px}.director-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.director-sidebar-logo{display:flex;align-items:center;gap:12px}.director-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.director-logo-text{font-size:20px;font-weight:700;color:#1e40af;white-space:nowrap}.director-sidebar-nav{padding:20px 0}.director-nav-list{list-style:none}.director-nav-item{margin-bottom:4px}.director-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.director-nav-link:hover{background-color:#f8fafc;color:#1e40af}.director-nav-item.director-nav-active .director-nav-link{background-color:#eff6ff;color:#1e40af;font-weight:500}.director-nav-item.director-nav-active .director-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6}.director-nav-icon{width:20px;height:20px;flex-shrink:0}.director-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#fff}.director-content-expanded{margin-left:250px}.director-content-collapsed{margin-left:70px}.director-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.director-nav-left{display:flex;align-items:center;gap:24px}.director-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.director-menu-toggle:hover{background-color:#f3f4f6;color:#1e40af}.director-menu-toggle svg{width:24px;height:24px}.director-datetime-display{font-size:14px;font-weight:500;color:#1e40af;background-color:#eff6ff;padding:8px 16px;border-radius:6px;border:1px solid #dbeafe}.director-nav-right{display:flex;align-items:center;gap:16px}.director-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.director-notification-btn:hover{background-color:#f3f4f6;color:#1e40af}.director-notification-btn svg{width:20px;height:20px}.director-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.director-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.director-user-profile:hover{background-color:#f8fafc}.director-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.director-user-info{display:flex;flex-direction:column}.director-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.director-user-role{font-size:12px;color:#6b7280;line-height:1.2}.director-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.director-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.director-dropdown-item:last-child{border-bottom:none}.director-dropdown-item:hover{color:#3b82f6;background-color:#eff6ff}.director-dropdown-item.director-logout-item:hover{color:#ef4444;background-color:#fef2f2}.director-dropdown-item.director-disabled{pointer-events:none}.director-dropdown-item.director-logout-item.director-disabled:hover{color:#000;background-color:#fff}.director-dropdown-icon{width:18px;height:18px;flex-shrink:0}.director-dashboard-main{padding:32px 24px}.director-dashboard-header{margin-bottom:32px}.director-page-title{font-size:28px;font-weight:700;color:#1e40af;margin-bottom:8px}.director-page-subtitle{font-size:16px;color:#6b7280}.director-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.director-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease;display:flex;align-items:center;gap:16px}.director-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.director-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.director-stat-icon svg{width:24px;height:24px}.director-stat-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.director-stat-green{background:linear-gradient(135deg,#10b981,#047857)}.director-stat-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.director-stat-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.director-stat-content{flex:1}.director-stat-number{font-size:24px;font-weight:700;color:#1e40af;line-height:1.2;margin-bottom:4px}.director-stat-label{font-size:14px;color:#6b7280;font-weight:500}.director-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:director-fadeIn .2s ease}@keyframes director-fadeIn{0%{opacity:0}to{opacity:1}}.director-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden;animation:director-slideIn .3s ease}@keyframes director-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.director-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.director-modal-header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0}.director-modal-body{padding:24px}.director-modal-body p{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.director-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.director-btn-cancel,.director-btn-confirm{font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.director-btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.director-btn-cancel:hover{background-color:#f3f4f6}.director-btn-confirm{background-color:#ef4444;color:#fff}.director-btn-confirm:hover{background-color:#dc2626}@media(max-width:768px){.director-content-expanded,.director-content-collapsed{margin-left:0}.director-sidebar{transform:translate(-100%)}.director-sidebar-open{transform:translate(0)}.director-datetime-display,.director-user-info{display:none}.director-dashboard-stats{grid-template-columns:1fr}.director-dashboard-main{padding:16px}}.econtract-login-page{min-height:100vh;background-color:#fff;padding-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.econtract-login-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:2rem}.econtract-login-box{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:450px}.econtract-login-title{font-size:2rem;font-weight:700;color:#059669;text-align:center;margin:0 0 2rem}.econtract-login-form{display:flex;flex-direction:column;gap:1.5rem}.econtract-form-group{display:flex;flex-direction:column}.econtract-form-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#059669;font-weight:500}.econtract-form-input::placeholder{color:#9ca3af;font-weight:400}.econtract-form-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.econtract-login-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;color:#059669;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.econtract-login-btn:hover:not(:disabled){background-color:#059669;color:#fff;box-shadow:0 4px 12px #05966940}.econtract-login-btn:active{transform:translateY(0);box-shadow:0 2px 6px #05966933}.econtract-login-btn:disabled{opacity:.6;cursor:not-allowed}.econtract-back-login-link-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.econtract-back-login-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;color:#6b7280;background:none;border:none;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;font-weight:500}.econtract-back-login-link:hover{color:#374151;text-decoration:underline}@media(max-width:768px){.econtract-login-box{padding:2rem}.econtract-login-title{font-size:1.75rem}.econtract-form-input,.econtract-login-btn{font-size:.95rem}}.ec-dashboard-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff;color:#059669}.ec-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.ec-sidebar-open{width:250px}.ec-sidebar-closed{width:70px}.ec-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.ec-sidebar-logo{display:flex;align-items:center;gap:12px}.ec-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.ec-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.ec-sidebar-nav{padding:20px 0}.ec-nav-list{list-style:none}.ec-nav-item{margin-bottom:4px}.ec-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.ec-nav-link:hover{background-color:#f0fdf4;color:#059669}.ec-nav-item.ec-nav-active .ec-nav-link{background-color:#d1fae5;color:#059669;font-weight:500}.ec-nav-item.ec-nav-active .ec-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#10b981}.ec-nav-icon{width:20px;height:20px;flex-shrink:0}.ec-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#fff}.ec-content-expanded{margin-left:250px}.ec-content-collapsed{margin-left:70px}.ec-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.ec-nav-left{display:flex;align-items:center;gap:24px}.ec-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.ec-menu-toggle svg{width:24px;height:24px}.ec-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#d1fae5;padding:8px 16px;border-radius:6px;border:1px solid #a7f3d0}.ec-nav-right{display:flex;align-items:center;gap:16px}.ec-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-notification-btn:hover{background-color:#f3f4f6;color:#059669}.ec-notification-btn svg{width:20px;height:20px}.ec-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ec-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.ec-user-profile:hover{background-color:#f0fdf4}.ec-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.ec-user-info{display:flex;flex-direction:column}.ec-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.ec-user-role{font-size:12px;color:#6b7280;line-height:1.2}.ec-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.ec-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.ec-dropdown-item:last-child{border-bottom:none}.ec-dropdown-item:hover{color:#10b981;background-color:#d1fae5}.ec-dropdown-item.ec-logout-item:hover{color:#ef4444;background-color:#fef2f2}.ec-dropdown-item.ec-disabled{pointer-events:none}.ec-dropdown-item.ec-logout-item.ec-disabled:hover{color:#000;background-color:#fff}.ec-dropdown-icon{width:18px;height:18px;flex-shrink:0}.ec-dashboard-main{padding:32px 24px}.ec-dashboard-header{margin-bottom:32px}.ec-page-title{font-size:28px;font-weight:700;color:#059669;margin-bottom:8px}.ec-page-subtitle{font-size:16px;color:#6b7280}.ec-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.ec-kpi-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;position:relative;overflow:hidden}.ec-kpi-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.ec-kpi-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ec-kpi-badge-warning{background-color:#fef3c7;color:#d97706;border:1px solid #fcd34d}.ec-kpi-body{margin-bottom:16px}.ec-kpi-number{font-size:56px;font-weight:700;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ec-kpi-card.ec-kpi-success .ec-kpi-number{background:linear-gradient(135deg,#1d4ed8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ec-kpi-card.ec-kpi-warning .ec-kpi-number{background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ec-kpi-card.ec-kpi-danger .ec-kpi-number{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ec-kpi-label{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ec-kpi-subtitle{font-size:15px;color:#6b7280;font-weight:400}.ec-kpi-progress{height:6px;background-color:#f3f4f6;border-radius:10px;overflow:hidden;margin-top:12px}.ec-kpi-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ec-kpi-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:ec-kpi-shimmer 2s infinite}@keyframes ec-kpi-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ec-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:ec-fadeIn .2s ease}@keyframes ec-fadeIn{0%{opacity:0}to{opacity:1}}.ec-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden;animation:ec-slideIn .3s ease}@keyframes ec-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.ec-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.ec-modal-header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-modal-body{padding:24px}.ec-modal-body p{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ec-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.ec-btn-cancel,.ec-btn-confirm{font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.ec-btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ec-btn-cancel:hover{background-color:#f3f4f6}.ec-btn-confirm{background-color:#ef4444;color:#fff}.ec-btn-confirm:hover{background-color:#dc2626}.ec-row2-container{display:flex;gap:20px;margin-bottom:32px}.ec-chart-section{flex:2;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ec-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ec-chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-chart-filter{display:flex;gap:8px}.ec-filter-btn{padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.ec-filter-btn:hover{color:#059669;background-color:#d1fae5;border-color:#a7f3d0}.ec-filter-btn.ec-filter-active{color:#fff;background-color:#059669;border-color:#059669}.ec-chart-content{width:100%}.ec-activity-section{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ec-activity-header{margin-bottom:20px}.ec-activity-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-activity-content{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto}.ec-activity-content::-webkit-scrollbar{width:6px}.ec-activity-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.ec-activity-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.ec-activity-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ec-activity-item{display:flex;gap:12px;padding:12px;border-radius:8px;background-color:#f9fafb}.ec-activity-indicator{flex-shrink:0;padding-top:4px}.ec-activity-dot{display:block;width:10px;height:10px;border-radius:50%}.ec-activity-dot.ec-activity-signed{background-color:#10b981}.ec-activity-dot.ec-activity-sent{background-color:#f59e0b}.ec-activity-dot.ec-activity-created{background-color:#3b82f6}.ec-activity-dot.ec-activity-rejected{background-color:#ef4444}.ec-activity-details{flex:1}.ec-activity-message{font-size:14px;color:#374151;margin:0 0 4px;line-height:1.5}.ec-activity-time{font-size:12px;color:#9ca3af}.ec-row3-container{display:flex;gap:20px;margin-bottom:32px}.ec-table-section{flex:2;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ec-table-header{margin-bottom:20px}.ec-table-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-table-content{overflow-x:auto}.ec-priority-table{width:100%;border-collapse:collapse}.ec-priority-table thead{background-color:#f9fafb}.ec-priority-table th{text-align:left;padding:12px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.ec-priority-table td{padding:14px 12px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.ec-priority-table tbody tr:hover{background-color:#f9fafb}.ec-priority-table tbody tr:last-child td{border-bottom:none}.ec-row-urgent{background-color:#fef2f2}.ec-row-urgent:hover{background-color:#fee2e2}.ec-td-name{font-weight:600;color:#059669}.ec-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.ec-status-pending{background-color:#fef3c7;color:#d97706}.ec-status-review{background-color:#dbeafe;color:#1d4ed8}.ec-days-left{font-weight:500}.ec-days-urgent{color:#ef4444;font-weight:600}.ec-calendar-section{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ec-calendar-header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ec-calendar-nav-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;padding:0}.ec-calendar-nav-btn:hover{background-color:#f3f4f6;color:#059669;border-color:#059669}.ec-calendar-nav-btn svg{width:20px;height:20px}.ec-calendar-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;text-transform:capitalize;flex:1;text-align:center}.ec-calendar-nav-actions{display:flex;justify-content:center;margin-bottom:16px}.ec-calendar-today-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;color:#059669;cursor:pointer;transition:all .2s ease}.ec-calendar-today-btn:hover{background-color:#ecfdf5;border-color:#059669}.ec-calendar-content{margin-bottom:16px}.ec-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.ec-weekday{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0}.ec-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ec-calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;position:relative}.ec-calendar-day:not(.ec-day-empty){background-color:#f9fafb}.ec-day-empty{background-color:transparent}.ec-day-number{font-size:13px;color:#374151;font-weight:500}.ec-day-dot{width:6px;height:6px;border-radius:50%}.ec-dot-urgent{background-color:#ef4444}.ec-dot-warning{background-color:#f59e0b}.ec-dot-normal{background-color:#10b981}.ec-calendar-legend{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb}.ec-legend-item{display:flex;align-items:center;gap:6px}.ec-legend-dot{width:8px;height:8px;border-radius:50%}.ec-legend-text{font-size:12px;color:#6b7280}.ec-row4-container{display:flex;gap:20px;margin-top:24px}.ec-row4-donut-section,.ec-row4-bar-section,.ec-row4-performance-section{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ec-row4-section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px}.ec-donut-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.ec-donut-legend{display:flex;flex-direction:column;gap:12px;width:100%}.ec-donut-legend-item{display:flex;align-items:center;gap:8px}.ec-donut-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.ec-donut-legend-label{font-size:13px;color:#6b7280;flex:1}.ec-donut-legend-value{font-size:14px;font-weight:600;color:#1f2937}.ec-bar-chart-wrapper{width:100%}.ec-performance-metrics{display:flex;flex-direction:column;gap:20px}.ec-performance-item{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#f9fafb;border-radius:12px}.ec-performance-label{font-size:13px;color:#6b7280;font-weight:500}.ec-performance-value{font-size:24px;font-weight:700;color:#1f2937}.ec-performance-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.ec-trend-up{color:#10b981}.ec-trend-down{color:#059669}.ec-trend-icon{font-size:16px}.ec-trend-value{font-size:12px}@media(max-width:768px){.ec-content-expanded,.ec-content-collapsed{margin-left:0}.ec-sidebar{transform:translate(-100%)}.ec-sidebar-open{transform:translate(0)}.ec-datetime-display,.ec-user-info{display:none}.ec-kpi-grid{grid-template-columns:1fr;gap:16px}.ec-kpi-card{padding:16px}.ec-kpi-number{font-size:42px}.ec-kpi-label{font-size:16px}.ec-kpi-subtitle{font-size:14px}.ec-row2-container{flex-direction:column}.ec-chart-section,.ec-activity-section{padding:16px}.ec-chart-header{flex-direction:column;align-items:flex-start;gap:12px}.ec-chart-title,.ec-activity-title{font-size:16px}.ec-chart-filter{width:100%}.ec-filter-btn{flex:1;padding:6px 12px;font-size:13px}.ec-dashboard-main{padding:16px}.ec-row3-container{flex-direction:column}.ec-table-section,.ec-calendar-section{padding:16px}.ec-table-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.ec-priority-table{font-size:13px}.ec-priority-table th,.ec-priority-table td{padding:10px 8px}.ec-table-title,.ec-calendar-title{font-size:16px}.ec-calendar-header{gap:8px}.ec-calendar-nav-btn{width:28px;height:28px}.ec-calendar-nav-btn svg{width:18px;height:18px}.ec-calendar-title{font-size:14px}.ec-calendar-today-btn{font-size:12px;padding:5px 12px}.ec-calendar-day{font-size:12px}.ec-calendar-weekday{font-size:11px}.ec-calendar-legend{flex-wrap:wrap;gap:8px}.ec-legend-item{font-size:12px}.ec-row4-container{flex-direction:column}.ec-row4-donut-section,.ec-row4-bar-section,.ec-row4-performance-section{padding:16px}.ec-row4-section-title{font-size:15px}.ec-performance-value{font-size:20px}}@media(max-width:1024px)and (min-width:769px){.ec-kpi-grid{grid-template-columns:repeat(2,1fr)}.ec-row2-container,.ec-row3-container,.ec-row4-container{flex-direction:column}}.ec-contracts-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb;color:#1e40af}.ec-contracts-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.ec-contracts-sidebar-open{width:250px}.ec-contracts-sidebar-closed{width:70px}.ec-contracts-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.ec-contracts-sidebar-logo{display:flex;align-items:center;gap:12px}.ec-contracts-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.ec-contracts-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.ec-contracts-sidebar-nav{padding:20px 0}.ec-contracts-nav-list{list-style:none}.ec-contracts-nav-item{margin-bottom:4px}.ec-contracts-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.ec-contracts-nav-link:hover{background-color:#f8fafc;color:#059669}.ec-contracts-nav-item.ec-contracts-nav-active .ec-contracts-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.ec-contracts-nav-item.ec-contracts-nav-active .ec-contracts-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.ec-contracts-nav-icon{width:20px;height:20px;flex-shrink:0}.ec-contracts-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.ec-contracts-content-expanded{margin-left:250px}.ec-contracts-content-collapsed{margin-left:70px}.ec-contracts-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.ec-contracts-nav-left{display:flex;align-items:center;gap:24px}.ec-contracts-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-contracts-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.ec-contracts-menu-toggle svg{width:24px;height:24px}.ec-contracts-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.ec-contracts-nav-right{display:flex;align-items:center;gap:16px}.ec-contracts-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-contracts-notification-btn:hover{background-color:#f3f4f6;color:#059669}.ec-contracts-notification-btn svg{width:20px;height:20px}.ec-contracts-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ec-contracts-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.ec-contracts-user-profile:hover{background-color:#f8fafc}.ec-contracts-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.ec-contracts-user-info{display:flex;flex-direction:column}.ec-contracts-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.ec-contracts-user-role{font-size:12px;color:#6b7280;line-height:1.2}.ec-contracts-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.ec-contracts-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ec-contracts-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.ec-contracts-dropdown-item.ec-contracts-disabled{pointer-events:none}.ec-contracts-dropdown-icon{width:18px;height:18px;flex-shrink:0}.ec-contracts-main{padding:32px 24px}.ec-contracts-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.ec-contracts-page-title{font-size:28px;font-weight:700;color:#1f2937}.ec-contracts-create-btn{background-color:#059669;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ec-contracts-create-btn:hover{background-color:#047857}.ec-contracts-filters-section{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap}.ec-contracts-search-box{flex:1;min-width:300px;position:relative}.ec-contracts-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;pointer-events:none}.ec-contracts-search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.ec-contracts-search-input:focus{outline:none;border-color:#059669}.ec-contracts-search-input::placeholder{color:#9ca3af}.ec-contracts-filter-group{display:flex;gap:12px;flex-wrap:wrap}.ec-contracts-filter-select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:180px}.ec-contracts-filter-select:focus{outline:none;border-color:#059669}.ec-contracts-results-info{font-size:14px;color:#6b7280;margin-bottom:16px;font-weight:500}.ec-contracts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.ec-contracts-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.ec-contracts-item:hover{border-color:#d1d5db}.ec-contracts-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ec-contracts-item-id{font-size:14px;font-weight:600;color:#059669}.ec-contracts-item-status{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.ec-contracts-status-active{background-color:#d1fae5;color:#047857}.ec-contracts-status-pending{background-color:#fef3c7;color:#d97706}.ec-contracts-status-expired{background-color:#fee2e2;color:#dc2626}.ec-contracts-status-cancelled{background-color:#f3f4f6;color:#6b7280}.ec-contracts-status-awaiting_signature,.ec-contracts-status-awaiting_approval{background-color:#fef3c7;color:#d97706}.ec-contracts-status-approved{background-color:#d1fae5;color:#047857}.ec-contracts-item-name{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.ec-contracts-item-details{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.ec-contracts-item-detail{display:flex;gap:8px}.ec-contracts-detail-label{font-size:14px;color:#6b7280;font-weight:500}.ec-contracts-detail-value{font-size:14px;color:#1f2937;font-weight:600}.ec-contracts-item-actions{display:flex;gap:12px;flex-wrap:wrap}.ec-contracts-action-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-contracts-btn-view{background-color:#ecfdf5;color:#059669;border:1px solid #d1fae5}.ec-contracts-btn-view:hover{background-color:#d1fae5}.ec-contracts-btn-approve{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.ec-contracts-btn-approve:hover{background-color:#bfdbfe}.ec-contracts-btn-download{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.ec-contracts-btn-download:hover{background-color:#fde68a}.ec-contracts-btn-renew{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.ec-contracts-btn-renew:hover{background-color:#fde68a}.ec-contracts-btn-cancel{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.ec-contracts-btn-cancel:hover{background-color:#fecaca}.ec-contracts-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.ec-contracts-loading-text{font-size:16px;color:#6b7280;font-weight:500}.ec-contracts-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.ec-contracts-error-text{font-size:16px;color:#dc2626;font-weight:500;text-align:center}.ec-contracts-retry-btn{padding:10px 24px;background-color:#059669;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-contracts-retry-btn:hover{background-color:#047857}.ec-contracts-empty{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.ec-contracts-empty-text{font-size:16px;color:#6b7280;font-weight:500}.ec-contracts-pagination{display:flex;justify-content:center;align-items:center;gap:12px}.ec-contracts-page-btn{padding:8px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-contracts-page-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.ec-contracts-page-btn:disabled{opacity:.5;cursor:not-allowed}.ec-contracts-page-numbers{display:flex;gap:8px}.ec-contracts-page-number{width:36px;height:36px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center}.ec-contracts-page-number:hover{background-color:#f9fafb;border-color:#d1d5db}.ec-contracts-page-number.ec-contracts-page-active{background-color:#059669;color:#fff;border-color:#059669}.ec-contracts-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.ec-contracts-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.ec-contracts-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.ec-contracts-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-contracts-modal-body{padding:24px}.ec-contracts-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ec-contracts-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.ec-contracts-btn-cancel-modal,.ec-contracts-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-contracts-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ec-contracts-btn-cancel-modal:hover{background-color:#f3f4f6}.ec-contracts-btn-confirm-modal{background-color:#ef4444;color:#fff}.ec-contracts-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.ec-contracts-content-expanded,.ec-contracts-content-collapsed{margin-left:0}.ec-contracts-sidebar{transform:translate(-100%)}.ec-contracts-sidebar-open{transform:translate(0)}.ec-contracts-datetime-display,.ec-contracts-user-info{display:none}.ec-contracts-main{padding:16px}.ec-contracts-page-header{flex-direction:column;align-items:flex-start;gap:16px}.ec-contracts-create-btn{width:100%}.ec-contracts-filters-section{padding:16px}.ec-contracts-search-box,.ec-contracts-filter-select{min-width:100%}.ec-contracts-item{padding:16px}.ec-contracts-item-details{flex-direction:column;gap:8px}.ec-contracts-item-actions{flex-direction:column}.ec-contracts-action-btn{width:100%;text-align:center}.ec-contracts-pagination,.ec-contracts-page-numbers{flex-wrap:wrap}}@media(max-width:1024px)and (min-width:769px){.ec-contracts-filters-section{flex-direction:column}.ec-contracts-search-box,.ec-contracts-filter-group{width:100%}.ec-contracts-filter-select{flex:1}}.ec-create-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb;color:#1e40af}.ec-create-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.ec-create-sidebar-open{width:250px}.ec-create-sidebar-closed{width:70px}.ec-create-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.ec-create-sidebar-logo{display:flex;align-items:center;gap:12px}.ec-create-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.ec-create-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.ec-create-sidebar-nav{padding:20px 0}.ec-create-nav-list{list-style:none}.ec-create-nav-item{margin-bottom:4px}.ec-create-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.ec-create-nav-link:hover{background-color:#f8fafc;color:#059669}.ec-create-nav-item.ec-create-nav-active .ec-create-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.ec-create-nav-item.ec-create-nav-active .ec-create-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.ec-create-nav-icon{width:20px;height:20px;flex-shrink:0}.ec-create-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.ec-create-content-expanded{margin-left:250px}.ec-create-content-collapsed{margin-left:70px}.ec-create-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.ec-create-nav-left{display:flex;align-items:center;gap:24px}.ec-create-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-create-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.ec-create-menu-toggle svg{width:24px;height:24px}.ec-create-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.ec-create-nav-right{display:flex;align-items:center;gap:16px}.ec-create-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ec-create-notification-btn:hover{background-color:#f3f4f6;color:#059669}.ec-create-notification-btn svg{width:20px;height:20px}.ec-create-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ec-create-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.ec-create-user-profile:hover{background-color:#f8fafc}.ec-create-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.ec-create-user-info{display:flex;flex-direction:column}.ec-create-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.ec-create-user-role{font-size:12px;color:#6b7280;line-height:1.2}.ec-create-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.ec-create-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ec-create-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.ec-create-dropdown-item.ec-create-disabled{pointer-events:none}.ec-create-dropdown-icon{width:18px;height:18px;flex-shrink:0}.ec-create-main{padding:32px 24px}.ec-create-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.ec-create-page-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.ec-create-page-subtitle{font-size:16px;color:#6b7280}.ec-create-back-btn{background-color:#fff;color:#059669;border:1px solid #d1fae5;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-create-back-btn:hover{background-color:#ecfdf5}.ec-create-filters-section{background-color:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap}.ec-create-search-box{flex:1;min-width:300px;position:relative}.ec-create-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;pointer-events:none}.ec-create-search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.ec-create-search-input:focus{outline:none;border-color:#059669}.ec-create-search-input::placeholder{color:#9ca3af}.ec-create-filter-group{display:flex;gap:12px}.ec-create-filter-select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;min-width:180px}.ec-create-filter-select:focus{outline:none;border-color:#059669}.ec-create-results-info{font-size:14px;color:#6b7280;margin-bottom:16px;font-weight:500}.ec-create-template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:32px}.ec-create-template-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.ec-create-template-item:hover{border-color:#d1d5db}.ec-create-category-title{font-size:14px;font-weight:700;color:#059669;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #d1fae5}.ec-create-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ec-create-template-id{font-size:13px;font-weight:600;color:#059669}.ec-create-template-type{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background-color:#ecfdf5;color:#047857}.ec-create-template-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px;line-height:1.4}.ec-create-template-description{font-size:13px;color:#6b7280;margin-bottom:12px;line-height:1.5}.ec-create-template-details{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.ec-create-template-detail{display:flex;gap:6px}.ec-create-detail-label{font-size:13px;color:#6b7280;font-weight:500}.ec-create-detail-value{font-size:13px;color:#1f2937;font-weight:600}.ec-create-template-actions{display:flex;gap:8px;flex-wrap:wrap}.ec-create-action-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;min-width:80px}.ec-create-btn-create{background-color:#ecfdf5;color:#059669;border:1px solid #d1fae5}.ec-create-btn-create:hover{background-color:#d1fae5}.ec-create-btn-edit{background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.ec-create-btn-edit:hover{background-color:#dbeafe}.ec-create-btn-delete{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.ec-create-btn-delete:hover{background-color:#fecaca}.ec-create-empty{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-column:1 / -1}.ec-create-empty-text{font-size:16px;color:#6b7280;font-weight:500}.ec-create-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}.ec-create-loading-text{font-size:16px;color:#059669;font-weight:500}.ec-create-error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}.ec-create-error-text{font-size:16px;color:#ef4444;font-weight:500;text-align:center}.ec-create-retry-btn{background-color:#059669;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-create-retry-btn:hover{background-color:#047857}.ec-create-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.ec-create-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.ec-create-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.ec-create-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ec-create-modal-body{padding:24px}.ec-create-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ec-create-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.ec-create-btn-cancel-modal,.ec-create-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-create-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ec-create-btn-cancel-modal:hover{background-color:#f3f4f6}.ec-create-btn-confirm-modal{background-color:#ef4444;color:#fff}.ec-create-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.ec-create-content-expanded,.ec-create-content-collapsed{margin-left:0}.ec-create-sidebar{transform:translate(-100%)}.ec-create-sidebar-open{transform:translate(0)}.ec-create-datetime-display,.ec-create-user-info{display:none}.ec-create-main{padding:16px}.ec-create-page-header{flex-direction:column;align-items:flex-start;gap:16px}.ec-create-back-btn{width:100%}.ec-create-filters-section{padding:16px;flex-direction:column}.ec-create-search-box{min-width:100%}.ec-create-filter-select{width:100%}.ec-create-template-list{grid-template-columns:1fr}.ec-create-template-actions{flex-direction:column}.ec-create-action-btn{width:100%}}@media(max-width:1024px)and (min-width:769px){.ec-create-template-list{grid-template-columns:repeat(2,1fr)}}.ec-create-header-actions{display:flex;gap:12px;align-items:center}.ec-create-upload-btn{background-color:#059669;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-create-upload-btn:hover{background-color:#047857}.ec-create-upload-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.ec-create-upload-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.ec-create-upload-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ec-create-upload-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}.ec-create-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ec-create-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.ec-create-close-btn svg{width:24px;height:24px}.ec-create-upload-body{padding:24px}.ec-create-upload-notice{margin-bottom:24px;padding:16px;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px}.ec-create-upload-notice h4{font-size:15px;font-weight:600;color:#92400e;margin:0 0 12px}.ec-create-upload-notice ul{margin:0;padding-left:20px;list-style:disc}.ec-create-upload-notice li{font-size:14px;color:#78350f;line-height:1.6;margin-bottom:6px}.ec-create-upload-notice li:last-child{margin-bottom:0}.ec-create-template-form{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.ec-create-form-group{display:flex;flex-direction:column;gap:8px}.ec-create-form-label{font-size:14px;font-weight:600;color:#1f2937}.ec-create-required{color:#ef4444;margin-left:2px}.ec-create-form-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.ec-create-form-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.ec-create-form-input::placeholder{color:#9ca3af}.ec-create-form-select{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease}.ec-create-form-select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.ec-create-upload-container{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#fafafa}.ec-create-upload-container:hover{border-color:#059669;background-color:#f9fafb}.ec-create-upload-container.ec-create-upload-error{border-color:#ef4444;background-color:#fef2f2}.ec-create-upload-container.ec-create-upload-error:hover{border-color:#dc2626}.ec-create-upload-container.ec-create-upload-success{border-color:#059669;background-color:#ecfdf5}.ec-create-upload-icon{width:64px;height:64px;margin:0 auto 16px;color:#6b7280}.ec-create-upload-container.ec-create-upload-error .ec-create-upload-icon{color:#ef4444}.ec-create-upload-container.ec-create-upload-success .ec-create-upload-icon{color:#059669}.ec-create-upload-text{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.ec-create-upload-subtext{font-size:14px;color:#6b7280}.ec-create-file-info{display:flex;align-items:center;gap:16px;justify-content:center}.ec-create-file-icon{width:48px;height:48px;color:#059669;flex-shrink:0}.ec-create-file-details{text-align:left}.ec-create-file-name{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;word-break:break-word}.ec-create-file-size{font-size:13px;color:#6b7280}.ec-create-error-info{display:flex;align-items:center;gap:12px;justify-content:center}.ec-create-error-icon{width:48px;height:48px;color:#ef4444;flex-shrink:0}.ec-create-error-text{font-size:14px;color:#dc2626;font-weight:500;text-align:left;line-height:1.5}.ec-create-upload-footer{padding:16px 24px;background-color:#f9fafb;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb}.ec-create-btn-upload-complete{background-color:#059669;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ec-create-btn-upload-complete:hover:not(:disabled){background-color:#047857}.ec-create-btn-upload-complete:disabled{background-color:#d1d5db;cursor:not-allowed}#file-upload{display:none}.ec-create-snackbar{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:4000;animation:slideInUp .3s ease;min-width:320px;max-width:480px}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.ec-create-snackbar-success{background-color:#ecfdf5;border:1px solid #d1fae5;color:#047857}.ec-create-snackbar-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ec-create-snackbar-icon{width:24px;height:24px;flex-shrink:0}.ec-create-snackbar-message{font-size:14px;font-weight:500;line-height:1.5}@media(max-width:768px){.ec-create-upload-modal{width:95%;max-width:none}.ec-create-upload-container{padding:32px 16px}.ec-create-upload-icon{width:48px;height:48px}.ec-create-snackbar{bottom:16px;right:16px;left:16px;min-width:auto}.ec-create-header-actions{flex-direction:column;width:100%}.ec-create-upload-btn,.ec-create-back-btn{width:100%}}.ted-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.ted-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.ted-sidebar-open{width:250px}.ted-sidebar-closed{width:70px}.ted-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.ted-sidebar-logo{display:flex;align-items:center;gap:12px}.ted-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.ted-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.ted-sidebar-nav{padding:20px 0}.ted-nav-list{list-style:none}.ted-nav-item{margin-bottom:4px}.ted-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.ted-nav-link:hover{background-color:#f8fafc;color:#059669}.ted-nav-item.ted-nav-active .ted-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.ted-nav-item.ted-nav-active .ted-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.ted-nav-icon{width:20px;height:20px;flex-shrink:0}.ted-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.ted-content-expanded{margin-left:250px}.ted-content-collapsed{margin-left:70px}.ted-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.ted-nav-left{display:flex;align-items:center;gap:24px}.ted-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ted-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.ted-menu-toggle svg{width:24px;height:24px}.ted-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.ted-nav-right{display:flex;align-items:center;gap:16px}.ted-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.ted-notification-btn:hover{background-color:#f3f4f6;color:#059669}.ted-notification-btn svg{width:20px;height:20px}.ted-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ted-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.ted-user-profile:hover{background-color:#f8fafc}.ted-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.ted-user-info{display:flex;flex-direction:column}.ted-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.ted-user-role{font-size:12px;color:#6b7280;line-height:1.2}.ted-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.ted-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ted-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.ted-logout-item{color:#000}.ted-disabled{pointer-events:none;opacity:.5}.ted-dropdown-icon{width:18px;height:18px;flex-shrink:0}.ted-main{padding:32px 24px}.ted-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.ted-page-title{font-size:28px;font-weight:700;color:#1f2937}.ted-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.ted-header-actions{display:flex;gap:12px}.ted-back-btn,.ted-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.ted-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ted-back-btn:hover{background-color:#f3f4f6}.ted-submit-btn{background-color:#059669;color:#fff}.ted-submit-btn:hover{background-color:#047857}.ted-editor-body{display:grid;grid-template-columns:420px 1fr;gap:24px;min-height:calc(100vh - 200px)}.ted-form-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.ted-form-header{padding:24px;border-bottom:1px solid #e5e7eb}.ted-form-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.ted-form-subtitle{font-size:14px;color:#6b7280}.ted-form-content{flex:1;overflow-y:auto;padding:24px}.ted-field-group{margin-bottom:20px}.ted-field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.ted-field-input-wrapper{position:relative}.ted-field-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.ted-field-input:focus{outline:none;border-color:#059669}.ted-field-active{border-color:#059669}.ted-field-input::placeholder{color:#9ca3af}.ted-formatting-toolbar{display:flex;gap:6px;margin-top:8px}.ted-format-btn{padding:6px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#374151;font-weight:600}.ted-format-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.ted-format-active{background-color:#059669;color:#fff;border-color:#059669}.ted-format-active:hover{background-color:#047857;border-color:#047857}.ted-preview-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.ted-preview-header{padding:24px;border-bottom:1px solid #e5e7eb}.ted-preview-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.ted-preview-subtitle{font-size:14px;color:#6b7280}.ted-preview-content{flex:1;overflow-y:auto;padding:32px;background-color:#f9fafb}.ted-template-document{max-width:800px;margin:0 auto;background-color:#fff;padding:60px 80px;border:1px solid #e5e7eb;border-radius:8px;font-family:Times New Roman,Times,serif}.ted-doc-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #000;padding-bottom:20px}.ted-doc-header p{margin:4px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}.ted-doc-title{text-align:center;font-size:22px;font-weight:700;color:#000;margin:30px 0 15px;text-transform:uppercase;letter-spacing:1px}.ted-doc-subtitle{text-align:center;font-size:15px;font-weight:600;color:#000;margin-bottom:30px}.ted-doc-body{font-size:14px;line-height:1.9;color:#000}.ted-doc-body p{margin:10px 0;text-align:justify}.ted-section-title{font-weight:700;color:#000;margin-top:20px!important}.ted-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px}.ted-doc-notice{margin-top:40px!important;padding:20px;background-color:#fef3c7;border-left:4px solid #f59e0b;font-style:italic;color:#92400e;border-radius:4px}.ted-doc-footer{margin-top:60px;padding-top:30px;border-top:1px solid #e5e7eb}.ted-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.ted-signature-box{text-align:center}.ted-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px}.ted-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0}.ted-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.ted-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.ted-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.ted-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.ted-modal-body{padding:24px}.ted-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ted-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.ted-btn-cancel-modal,.ted-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.ted-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.ted-btn-cancel-modal:hover{background-color:#f3f4f6}.ted-btn-confirm-modal{background-color:#ef4444;color:#fff}.ted-btn-confirm-modal:hover{background-color:#dc2626}.ted-form-content::-webkit-scrollbar,.ted-preview-content::-webkit-scrollbar{width:8px}.ted-form-content::-webkit-scrollbar-track,.ted-preview-content::-webkit-scrollbar-track{background:#f1f5f9}.ted-form-content::-webkit-scrollbar-thumb,.ted-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ted-form-content::-webkit-scrollbar-thumb:hover,.ted-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ted-required-mark{color:#ef4444;font-weight:700}.ted-field-error{border-color:#ef4444!important;background-color:#fef2f2!important}.ted-field-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a!important}.ted-field-error-message{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500}@media(max-width:768px){.ted-content-expanded,.ted-content-collapsed{margin-left:0}.ted-sidebar{transform:translate(-100%)}.ted-sidebar-open{transform:translate(0)}.ted-datetime-display,.ted-user-info{display:none}.ted-main{padding:16px}.ted-page-header{flex-direction:column;align-items:flex-start;gap:16px}.ted-header-actions{width:100%}.ted-back-btn,.ted-submit-btn{flex:1}.ted-editor-body{grid-template-columns:1fr;gap:16px}.ted-template-document{padding:30px 24px}.ted-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1280px){.ted-editor-body{grid-template-columns:380px 1fr}.ted-template-document{padding:50px 60px}}@media(max-width:1024px)and (min-width:769px){.ted-editor-body{grid-template-columns:1fr}.ted-form-panel{max-height:50vh}}.cr-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.cr-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.cr-sidebar-open{width:250px}.cr-sidebar-closed{width:70px}.cr-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.cr-sidebar-logo{display:flex;align-items:center;gap:12px}.cr-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.cr-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.cr-sidebar-nav{padding:20px 0}.cr-nav-list{list-style:none}.cr-nav-item{margin-bottom:4px}.cr-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.cr-nav-link:hover{background-color:#f8fafc;color:#059669}.cr-nav-item.cr-nav-active .cr-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.cr-nav-item.cr-nav-active .cr-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.cr-nav-icon{width:20px;height:20px;flex-shrink:0}.cr-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.cr-content-expanded{margin-left:250px}.cr-content-collapsed{margin-left:70px}.cr-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.cr-nav-left{display:flex;align-items:center;gap:24px}.cr-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.cr-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.cr-menu-toggle svg{width:24px;height:24px}.cr-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.cr-nav-right{display:flex;align-items:center;gap:16px}.cr-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.cr-notification-btn:hover{background-color:#f3f4f6;color:#059669}.cr-notification-btn svg{width:20px;height:20px}.cr-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.cr-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.cr-user-profile:hover{background-color:#f8fafc}.cr-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.cr-user-info{display:flex;flex-direction:column}.cr-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.cr-user-role{font-size:12px;color:#6b7280;line-height:1.2}.cr-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.cr-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cr-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.cr-logout-item{color:#000}.cr-disabled{pointer-events:none;opacity:.5}.cr-dropdown-icon{width:18px;height:18px;flex-shrink:0}.cr-main{padding:32px 24px}.cr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cr-page-title{font-size:28px;font-weight:700;color:#1f2937}.cr-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.cr-header-actions{display:flex;gap:12px}.cr-back-btn,.cr-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.cr-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cr-back-btn:hover:not(:disabled){background-color:#f3f4f6}.cr-back-btn:disabled{opacity:.5;cursor:not-allowed}.cr-submit-btn{background-color:#059669;color:#fff}.cr-submit-btn:hover:not(:disabled){background-color:#047857}.cr-submit-btn:disabled{opacity:.7;cursor:not-allowed}.cr-review-content{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:40px}.cr-document-container{max-width:900px;margin:0 auto}.cr-review-content{background-color:#e5e7eb;padding:40px;min-height:calc(100vh - 200px)}.cr-document-pages{max-width:210mm;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cr-a4-page{width:210mm;min-height:297mm;background-color:#fff;padding:25mm 20mm;box-shadow:0 2px 8px #0000001a;font-family:Times New Roman,Times,serif;position:relative;page-break-after:always}.cr-doc-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:15px}.cr-doc-header p{margin:3px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.cr-doc-title{text-align:center;font-size:18px;font-weight:700;color:#000;margin:25px 0 12px;text-transform:uppercase;letter-spacing:1px}.cr-doc-subtitle{text-align:center;font-size:14px;font-weight:600;color:#000;margin-bottom:25px}.cr-doc-body{font-size:13px;line-height:1.8;color:#000}.cr-doc-body p{margin:8px 0;text-align:justify}.cr-doc-body strong{font-weight:700}.cr-section-title{font-weight:700;color:#000;margin-top:15px!important;margin-bottom:8px!important}.cr-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px}.cr-doc-footer{margin-top:50px;padding-top:25px}.cr-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.cr-signature-box{text-align:center}.cr-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px}.cr-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0}.cr-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb}.cr-loading-text{font-size:18px;color:#6b7280;font-weight:500}.cr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.cr-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.cr-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.cr-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.cr-modal-body{padding:24px}.cr-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.cr-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.cr-btn-cancel-modal,.cr-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cr-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cr-btn-cancel-modal:hover{background-color:#f3f4f6}.cr-btn-confirm-modal{background-color:#ef4444;color:#fff}.cr-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.cr-content-expanded,.cr-content-collapsed{margin-left:0}.cr-sidebar{transform:translate(-100%)}.cr-sidebar-open{transform:translate(0)}.cr-datetime-display,.cr-user-info{display:none}.cr-main{padding:16px}.cr-page-header{flex-direction:column;align-items:flex-start;gap:16px}.cr-header-actions{width:100%}.cr-back-btn,.cr-submit-btn{flex:1}.cr-review-content{padding:20px}.cr-template-document{padding:30px 24px}.cr-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1024px)and (min-width:769px){.cr-template-document{padding:50px 60px}}@media print{.cr-sidebar,.cr-nav-header,.cr-page-header,.cr-back-btn,.cr-submit-btn{display:none!important}.cr-main-content{margin-left:0!important}.cr-review-content{border:none;padding:0}.cr-template-document{box-shadow:none;border:none}}.lted-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.lted-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.lted-sidebar-open{width:250px}.lted-sidebar-closed{width:70px}.lted-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.lted-sidebar-logo{display:flex;align-items:center;gap:12px}.lted-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.lted-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.lted-sidebar-nav{padding:20px 0}.lted-nav-list{list-style:none}.lted-nav-item{margin-bottom:4px}.lted-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.lted-nav-link:hover{background-color:#f8fafc;color:#059669}.lted-nav-item.lted-nav-active .lted-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.lted-nav-item.lted-nav-active .lted-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.lted-nav-icon{width:20px;height:20px;flex-shrink:0}.lted-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.lted-content-expanded{margin-left:250px}.lted-content-collapsed{margin-left:70px}.lted-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.lted-nav-left{display:flex;align-items:center;gap:24px}.lted-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.lted-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.lted-menu-toggle svg{width:24px;height:24px}.lted-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.lted-nav-right{display:flex;align-items:center;gap:16px}.lted-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.lted-notification-btn:hover{background-color:#f3f4f6;color:#059669}.lted-notification-btn svg{width:20px;height:20px}.lted-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.lted-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.lted-user-profile:hover{background-color:#f8fafc}.lted-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.lted-user-info{display:flex;flex-direction:column}.lted-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.lted-user-role{font-size:12px;color:#6b7280;line-height:1.2}.lted-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.lted-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.lted-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.lted-logout-item{color:#000}.lted-disabled{pointer-events:none;opacity:.5}.lted-dropdown-icon{width:18px;height:18px;flex-shrink:0}.lted-main{padding:32px 24px}.lted-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.lted-page-title{font-size:28px;font-weight:700;color:#1f2937}.lted-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.lted-header-actions{display:flex;gap:12px}.lted-back-btn,.lted-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.lted-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.lted-back-btn:hover{background-color:#f3f4f6}.lted-submit-btn{background-color:#059669;color:#fff}.lted-submit-btn:hover{background-color:#047857}.lted-editor-body{display:grid;grid-template-columns:420px 1fr;gap:24px;min-height:calc(100vh - 200px)}.lted-form-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.lted-form-header{padding:24px;border-bottom:1px solid #e5e7eb}.lted-form-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.lted-form-subtitle{font-size:14px;color:#6b7280}.lted-form-content{flex:1;overflow-y:auto;padding:24px}.lted-field-group{margin-bottom:20px}.lted-field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.lted-field-input-wrapper{position:relative}.lted-field-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.lted-field-input:focus{outline:none;border-color:#059669}.lted-field-active{border-color:#059669}.lted-field-input::placeholder{color:#9ca3af}.lted-formatting-toolbar{display:flex;gap:6px;margin-top:8px}.lted-format-btn{padding:6px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#374151;font-weight:600}.lted-format-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.lted-format-active{background-color:#059669;color:#fff;border-color:#059669}.lted-format-active:hover{background-color:#047857;border-color:#047857}.lted-preview-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.lted-preview-header{padding:24px;border-bottom:1px solid #e5e7eb}.lted-preview-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.lted-preview-subtitle{font-size:14px;color:#6b7280}.lted-preview-content{flex:1;overflow-y:auto;padding:32px;background-color:#f9fafb}.lted-template-document{max-width:800px;margin:0 auto;background-color:#fff;padding:60px 80px;border:1px solid #e5e7eb;border-radius:8px;font-family:Times New Roman,Times,serif}.lted-doc-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #000;padding-bottom:20px}.lted-doc-header p{margin:4px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}.lted-doc-title{text-align:center;font-size:22px;font-weight:700;color:#000;margin:30px 0 15px;text-transform:uppercase;letter-spacing:1px}.lted-doc-subtitle{text-align:center;font-size:15px;font-weight:600;color:#000;margin-bottom:30px}.lted-doc-body{font-size:14px;line-height:1.9;color:#000}.lted-doc-body p{margin:10px 0;text-align:justify}.lted-section-title{font-weight:700;color:#000;margin-top:20px!important}.lted-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px}.lted-doc-notice{margin-top:40px!important;padding:20px;background-color:#fef3c7;border-left:4px solid #f59e0b;font-style:italic;color:#92400e;border-radius:4px}.lted-doc-footer{margin-top:60px;padding-top:30px;border-top:1px solid #e5e7eb}.lted-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.lted-signature-box{text-align:center}.lted-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px}.lted-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0}.lted-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.lted-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.lted-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.lted-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.lted-modal-body{padding:24px}.lted-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.lted-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.lted-btn-cancel-modal,.lted-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.lted-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.lted-btn-cancel-modal:hover{background-color:#f3f4f6}.lted-btn-confirm-modal{background-color:#ef4444;color:#fff}.lted-btn-confirm-modal:hover{background-color:#dc2626}.lted-form-content::-webkit-scrollbar,.lted-preview-content::-webkit-scrollbar{width:8px}.lted-form-content::-webkit-scrollbar-track,.lted-preview-content::-webkit-scrollbar-track{background:#f1f5f9}.lted-form-content::-webkit-scrollbar-thumb,.lted-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lted-form-content::-webkit-scrollbar-thumb:hover,.lted-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lted-required-mark{color:#ef4444;font-weight:700}.lted-field-error{border-color:#ef4444!important;background-color:#fef2f2!important}.lted-field-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a!important}.lted-field-error-message{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500}@media(max-width:768px){.lted-content-expanded,.lted-content-collapsed{margin-left:0}.lted-sidebar{transform:translate(-100%)}.lted-sidebar-open{transform:translate(0)}.lted-datetime-display,.lted-user-info{display:none}.lted-main{padding:16px}.lted-page-header{flex-direction:column;align-items:flex-start;gap:16px}.lted-header-actions{width:100%}.lted-back-btn,.lted-submit-btn{flex:1}.lted-editor-body{grid-template-columns:1fr;gap:16px}.lted-template-document{padding:30px 24px}.lted-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1280px){.lted-editor-body{grid-template-columns:380px 1fr}.lted-template-document{padding:50px 60px}}@media(max-width:1024px)and (min-width:769px){.lted-editor-body{grid-template-columns:1fr}.lted-form-panel{max-height:50vh}}.lcr-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.lcr-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.lcr-sidebar-open{width:250px}.lcr-sidebar-closed{width:70px}.lcr-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.lcr-sidebar-logo{display:flex;align-items:center;gap:12px}.lcr-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.lcr-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.lcr-sidebar-nav{padding:20px 0}.lcr-nav-list{list-style:none}.lcr-nav-item{margin-bottom:4px}.lcr-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.lcr-nav-link:hover{background-color:#f8fafc;color:#059669}.lcr-nav-item.lcr-nav-active .lcr-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.lcr-nav-item.lcr-nav-active .lcr-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.lcr-nav-icon{width:20px;height:20px;flex-shrink:0}.lcr-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.lcr-content-expanded{margin-left:250px}.lcr-content-collapsed{margin-left:70px}.lcr-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.lcr-nav-left{display:flex;align-items:center;gap:24px}.lcr-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.lcr-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.lcr-menu-toggle svg{width:24px;height:24px}.lcr-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.lcr-nav-right{display:flex;align-items:center;gap:16px}.lcr-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.lcr-notification-btn:hover{background-color:#f3f4f6;color:#059669}.lcr-notification-btn svg{width:20px;height:20px}.lcr-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.lcr-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.lcr-user-profile:hover{background-color:#f8fafc}.lcr-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.lcr-user-info{display:flex;flex-direction:column}.lcr-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.lcr-user-role{font-size:12px;color:#6b7280;line-height:1.2}.lcr-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.lcr-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.lcr-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.lcr-logout-item{color:#000}.lcr-disabled{pointer-events:none;opacity:.5}.lcr-dropdown-icon{width:18px;height:18px;flex-shrink:0}.lcr-main{padding:32px 24px}.lcr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.lcr-page-title{font-size:28px;font-weight:700;color:#1f2937}.lcr-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.lcr-header-actions{display:flex;gap:12px}.lcr-back-btn,.lcr-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.lcr-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.lcr-back-btn:hover:not(:disabled){background-color:#f3f4f6}.lcr-back-btn:disabled{opacity:.5;cursor:not-allowed}.lcr-submit-btn{background-color:#059669;color:#fff}.lcr-submit-btn:hover:not(:disabled){background-color:#047857}.lcr-submit-btn:disabled{opacity:.7;cursor:not-allowed}.lcr-review-content{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:40px}.lcr-document-container{max-width:900px;margin:0 auto}.lcr-review-content{background-color:#e5e7eb;padding:40px;min-height:calc(100vh - 200px)}.lcr-document-pages{max-width:210mm;margin:0 auto;display:flex;flex-direction:column;gap:20px}.lcr-a4-page{width:210mm;min-height:297mm;background-color:#fff;padding:25mm 20mm;box-shadow:0 2px 8px #0000001a;font-family:Times New Roman,Times,serif;position:relative;page-break-after:always}.lcr-doc-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:15px}.lcr-doc-header p{margin:3px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.lcr-doc-title{text-align:center;font-size:18px;font-weight:700;color:#000;margin:25px 0 12px;text-transform:uppercase;letter-spacing:1px}.lcr-doc-subtitle{text-align:center;font-size:14px;font-weight:600;color:#000;margin-bottom:25px}.lcr-doc-body{font-size:13px;line-height:1.8;color:#000}.lcr-doc-body p{margin:8px 0;text-align:justify}.lcr-doc-body strong{font-weight:700}.lcr-section-title{font-weight:700;color:#000;margin-top:15px!important;margin-bottom:8px!important}.lcr-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px}.lcr-doc-footer{margin-top:50px;padding-top:25px}.lcr-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.lcr-signature-box{text-align:center}.lcr-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px}.lcr-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0}.lcr-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb}.lcr-loading-text{font-size:18px;color:#6b7280;font-weight:500}.lcr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.lcr-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.lcr-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.lcr-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.lcr-modal-body{padding:24px}.lcr-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.lcr-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.lcr-btn-cancel-modal,.lcr-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.lcr-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.lcr-btn-cancel-modal:hover{background-color:#f3f4f6}.lcr-btn-confirm-modal{background-color:#ef4444;color:#fff}.lcr-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.lcr-content-expanded,.lcr-content-collapsed{margin-left:0}.lcr-sidebar{transform:translate(-100%)}.lcr-sidebar-open{transform:translate(0)}.lcr-datetime-display,.lcr-user-info{display:none}.lcr-main{padding:16px}.lcr-page-header{flex-direction:column;align-items:flex-start;gap:16px}.lcr-header-actions{width:100%}.lcr-back-btn,.lcr-submit-btn{flex:1}.lcr-review-content{padding:20px}.lcr-template-document{padding:30px 24px}.lcr-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1024px)and (min-width:769px){.lcr-template-document{padding:50px 60px}}@media print{.lcr-sidebar,.lcr-nav-header,.lcr-page-header,.lcr-back-btn,.lcr-submit-btn{display:none!important}.lcr-main-content{margin-left:0!important}.lcr-review-content{border:none;padding:0}.lcr-template-document{box-shadow:none;border:none}}.sted-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.sted-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.sted-sidebar-open{width:250px}.sted-sidebar-closed{width:70px}.sted-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.sted-sidebar-logo{display:flex;align-items:center;gap:12px}.sted-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.sted-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.sted-sidebar-nav{padding:20px 0}.sted-nav-list{list-style:none}.sted-nav-item{margin-bottom:4px}.sted-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.sted-nav-link:hover{background-color:#f8fafc;color:#059669}.sted-nav-item.sted-nav-active .sted-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.sted-nav-item.sted-nav-active .sted-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.sted-nav-icon{width:20px;height:20px;flex-shrink:0}.sted-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.sted-content-expanded{margin-left:250px}.sted-content-collapsed{margin-left:70px}.sted-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.sted-nav-left{display:flex;align-items:center;gap:24px}.sted-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.sted-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.sted-menu-toggle svg{width:24px;height:24px}.sted-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.sted-nav-right{display:flex;align-items:center;gap:16px}.sted-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.sted-notification-btn:hover{background-color:#f3f4f6;color:#059669}.sted-notification-btn svg{width:20px;height:20px}.sted-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.sted-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.sted-user-profile:hover{background-color:#f8fafc}.sted-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.sted-user-info{display:flex;flex-direction:column}.sted-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.sted-user-role{font-size:12px;color:#6b7280;line-height:1.2}.sted-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.sted-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sted-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.sted-logout-item{color:#000}.sted-disabled{pointer-events:none;opacity:.5}.sted-dropdown-icon{width:18px;height:18px;flex-shrink:0}.sted-main{padding:32px 24px}.sted-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.sted-page-title{font-size:28px;font-weight:700;color:#1f2937}.sted-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.sted-header-actions{display:flex;gap:12px}.sted-back-btn,.sted-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.sted-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.sted-back-btn:hover{background-color:#f3f4f6}.sted-submit-btn{background-color:#059669;color:#fff}.sted-submit-btn:hover{background-color:#047857}.sted-editor-body{display:grid;grid-template-columns:420px 1fr;gap:24px;min-height:calc(100vh - 200px)}.sted-form-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sted-form-header{padding:24px;border-bottom:1px solid #e5e7eb}.sted-form-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.sted-form-subtitle{font-size:14px;color:#6b7280}.sted-form-content{flex:1;overflow-y:auto;padding:24px}.sted-field-group{margin-bottom:20px}.sted-field-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.sted-field-input-wrapper{position:relative}.sted-field-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease}.sted-field-input:focus{outline:none;border-color:#059669}.sted-field-active{border-color:#059669}.sted-field-input::placeholder{color:#9ca3af}.sted-gender-selector{display:flex;gap:12px;margin-bottom:8px}.sted-gender-btn{flex:1;padding:12px 24px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#6b7280;background-color:#fff;cursor:pointer;transition:all .2s ease}.sted-gender-btn:hover{border-color:#059669;color:#059669;background-color:#f0fdf4}.sted-gender-btn.sted-gender-active{border-color:#059669;color:#fff;background-color:#059669;font-weight:600}.sted-gender-btn.sted-field-error{border-color:#ef4444}.sted-formatting-toolbar{display:flex;gap:6px;margin-top:8px}.sted-format-btn{padding:6px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#374151;font-weight:600}.sted-format-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.sted-format-active{background-color:#059669;color:#fff;border-color:#059669}.sted-format-active:hover{background-color:#047857;border-color:#047857}.sted-preview-panel{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sted-preview-header{padding:24px;border-bottom:1px solid #e5e7eb}.sted-preview-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.sted-preview-subtitle{font-size:14px;color:#6b7280}.sted-preview-content{flex:1;overflow-y:auto;padding:32px;background-color:#f9fafb}.sted-template-document{max-width:800px;margin:0 auto;background-color:#fff;padding:60px 80px;border:1px solid #e5e7eb;border-radius:8px;font-family:Times New Roman,Times,serif}.sted-doc-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #000;padding-bottom:20px}.sted-doc-header p{margin:4px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}.sted-doc-title{text-align:center;font-size:22px;font-weight:700;color:#000;margin:30px 0 15px;text-transform:uppercase;letter-spacing:1px}.sted-doc-subtitle{text-align:center;font-size:15px;font-weight:600;color:#000;margin-bottom:30px}.sted-doc-body{font-size:14px;line-height:1.9;color:#000}.sted-doc-body p{margin:10px 0;text-align:justify}.sted-section-title{font-weight:700;color:#000;margin-top:20px!important}.sted-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px}.sted-doc-notice{margin-top:40px!important;padding:20px;background-color:#fef3c7;border-left:4px solid #f59e0b;font-style:italic;color:#92400e;border-radius:4px}.sted-doc-footer{margin-top:60px;padding-top:30px;border-top:1px solid #e5e7eb}.sted-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.sted-signature-box{text-align:center}.sted-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px}.sted-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0}.sted-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.sted-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.sted-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.sted-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.sted-modal-body{padding:24px}.sted-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.sted-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.sted-btn-cancel-modal,.sted-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.sted-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.sted-btn-cancel-modal:hover{background-color:#f3f4f6}.sted-btn-confirm-modal{background-color:#ef4444;color:#fff}.sted-btn-confirm-modal:hover{background-color:#dc2626}.sted-form-content::-webkit-scrollbar,.sted-preview-content::-webkit-scrollbar{width:8px}.sted-form-content::-webkit-scrollbar-track,.sted-preview-content::-webkit-scrollbar-track{background:#f1f5f9}.sted-form-content::-webkit-scrollbar-thumb,.sted-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sted-form-content::-webkit-scrollbar-thumb:hover,.sted-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sted-required-mark{color:#ef4444;font-weight:700}.sted-field-error{border-color:#ef4444!important;background-color:#fef2f2!important}.sted-field-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a!important}.sted-field-error-message{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500}@media(max-width:768px){.sted-content-expanded,.sted-content-collapsed{margin-left:0}.sted-sidebar{transform:translate(-100%)}.sted-sidebar-open{transform:translate(0)}.sted-datetime-display,.sted-user-info{display:none}.sted-main{padding:16px}.sted-page-header{flex-direction:column;align-items:flex-start;gap:16px}.sted-header-actions{width:100%}.sted-back-btn,.sted-submit-btn{flex:1}.sted-editor-body{grid-template-columns:1fr;gap:16px}.sted-template-document{padding:30px 24px}.sted-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1280px){.sted-editor-body{grid-template-columns:380px 1fr}.sted-template-document{padding:50px 60px}}@media(max-width:1024px)and (min-width:769px){.sted-editor-body{grid-template-columns:1fr}.sted-form-panel{max-height:50vh}}.sted-field-textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#1f2937;background-color:#fff;transition:all .2s ease;resize:vertical;min-height:120px;line-height:1.6}.sted-field-textarea:focus{outline:none;border-color:#059669}.sted-field-textarea::placeholder{color:#9ca3af}.ste-preview-document-pages{max-width:210mm;margin:0 auto;display:flex;flex-direction:column;gap:20px}.ste-preview-a4-page{width:210mm;min-height:297mm;background-color:#fff;padding:25mm 20mm;box-shadow:0 2px 8px #0000001a;font-family:Times New Roman,Times,serif;position:relative;page-break-after:always;overflow:visible;word-wrap:break-word;overflow-wrap:break-word}.ste-preview-doc-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:15px}.ste-preview-doc-header p{margin:3px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.ste-preview-doc-title{text-align:center;font-size:18px;font-weight:700;color:#000;margin:25px 0 12px;text-transform:uppercase;letter-spacing:1px}.ste-preview-doc-subtitle{text-align:center;font-size:14px;font-weight:600;color:#000;margin-bottom:25px}.ste-preview-doc-body{font-size:13px;line-height:1.8;color:#000;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.ste-preview-doc-body p{margin:8px 0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%}.ste-preview-doc-body strong{font-weight:700;word-wrap:break-word;overflow-wrap:break-word}.ste-preview-section-title{font-weight:700;color:#000;margin-top:15px!important;margin-bottom:8px!important;page-break-after:avoid;word-wrap:break-word;overflow-wrap:break-word}.ste-preview-doc-body p,.ste-preview-doc-body div{page-break-inside:avoid}.ste-preview-multiline-field{margin:8px 0;padding-left:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;page-break-inside:auto}.ste-preview-multiline-field p{margin:6px 0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%}.ste-preview-doc-footer{margin-top:50px;padding-top:25px;page-break-inside:avoid}.ste-preview-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;page-break-inside:avoid}.ste-preview-signature-box{text-align:center;word-wrap:break-word;overflow-wrap:break-word}.ste-preview-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.ste-preview-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0;word-wrap:break-word;overflow-wrap:break-word}.sted-preview-panel{height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;position:sticky;top:100px}.sted-preview-content{background-color:#e5e7eb;padding:40px 20px;min-height:100%}@media(max-width:1024px){.ste-preview-a4-page{width:100%;padding:20mm 15mm}.ste-preview-document-pages{max-width:100%}.sted-preview-panel{height:auto;position:relative;top:0}}@media print{.ste-preview-a4-page{box-shadow:none;page-break-after:always}.ste-preview-document-pages{gap:0}}.scr-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb}.scr-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.scr-sidebar-open{width:250px}.scr-sidebar-closed{width:70px}.scr-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.scr-sidebar-logo{display:flex;align-items:center;gap:12px}.scr-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.scr-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.scr-sidebar-nav{padding:20px 0}.scr-nav-list{list-style:none}.scr-nav-item{margin-bottom:4px}.scr-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.scr-nav-link:hover{background-color:#f8fafc;color:#059669}.scr-nav-item.scr-nav-active .scr-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.scr-nav-item.scr-nav-active .scr-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.scr-nav-icon{width:20px;height:20px;flex-shrink:0}.scr-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.scr-content-expanded{margin-left:250px}.scr-content-collapsed{margin-left:70px}.scr-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.scr-nav-left{display:flex;align-items:center;gap:24px}.scr-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.scr-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.scr-menu-toggle svg{width:24px;height:24px}.scr-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.scr-nav-right{display:flex;align-items:center;gap:16px}.scr-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.scr-notification-btn:hover{background-color:#f3f4f6;color:#059669}.scr-notification-btn svg{width:20px;height:20px}.scr-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.scr-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.scr-user-profile:hover{background-color:#f8fafc}.scr-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.scr-user-info{display:flex;flex-direction:column}.scr-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.scr-user-role{font-size:12px;color:#6b7280;line-height:1.2}.scr-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.scr-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.scr-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.scr-logout-item{color:#000}.scr-disabled{pointer-events:none;opacity:.5}.scr-dropdown-icon{width:18px;height:18px;flex-shrink:0}.scr-main{padding:32px 24px}.scr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.scr-page-title{font-size:28px;font-weight:700;color:#1f2937}.scr-page-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.scr-header-actions{display:flex;gap:12px}.scr-back-btn,.scr-submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:Inter,sans-serif}.scr-back-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db}.scr-back-btn:hover:not(:disabled){background-color:#f3f4f6}.scr-back-btn:disabled{opacity:.5;cursor:not-allowed}.scr-submit-btn{background-color:#059669;color:#fff}.scr-submit-btn:hover:not(:disabled){background-color:#047857}.scr-submit-btn:disabled{opacity:.7;cursor:not-allowed}.scr-review-content{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:40px}.scr-document-container{max-width:900px;margin:0 auto}.scr-review-content{background-color:#e5e7eb;padding:40px;min-height:calc(100vh - 200px)}.scr-document-pages{max-width:210mm;margin:0 auto;display:flex;flex-direction:column;gap:20px}.scr-a4-page{width:210mm;min-height:297mm;background-color:#fff;padding:25mm 20mm;box-shadow:0 2px 8px #0000001a;font-family:Times New Roman,Times,serif;position:relative;page-break-after:always;overflow:visible;word-wrap:break-word;overflow-wrap:break-word}.scr-doc-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #000;padding-bottom:15px}.scr-doc-header p{margin:3px 0;font-size:13px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.scr-doc-title{text-align:center;font-size:18px;font-weight:700;color:#000;margin:25px 0 12px;text-transform:uppercase;letter-spacing:1px}.scr-doc-subtitle{text-align:center;font-size:14px;font-weight:600;color:#000;margin-bottom:25px}.scr-doc-body{font-size:13px;line-height:1.8;color:#000;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.scr-doc-body p{margin:8px 0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%}.scr-doc-body strong{font-weight:700;word-wrap:break-word;overflow-wrap:break-word}.scr-section-title{font-weight:700;color:#000;margin-top:15px!important;margin-bottom:8px!important;page-break-after:avoid;word-wrap:break-word;overflow-wrap:break-word}.scr-doc-body p,.scr-doc-body div{page-break-inside:avoid}.scr-multiline-field{page-break-inside:auto}.scr-field-placeholder{color:#059669;font-style:normal;border-bottom:1px dotted #059669;display:inline-block;min-width:120px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.scr-multiline-field{margin:8px 0;padding-left:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.scr-multiline-field p{margin:6px 0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%}.scr-doc-footer{margin-top:50px;padding-top:25px;page-break-inside:avoid}.scr-signature-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;page-break-inside:avoid}.scr-signature-box{text-align:center;word-wrap:break-word;overflow-wrap:break-word}.scr-signature-title{font-weight:700;color:#000;margin:0 0 8px;text-transform:uppercase;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}.scr-signature-subtitle{font-size:12px;color:#374151;font-style:italic;margin:0;word-wrap:break-word;overflow-wrap:break-word}.scr-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb}.scr-loading-text{font-size:18px;color:#6b7280;font-weight:500}.scr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.scr-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.scr-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.scr-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.scr-modal-body{padding:24px}.scr-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.scr-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.scr-btn-cancel-modal,.scr-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.scr-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.scr-btn-cancel-modal:hover{background-color:#f3f4f6}.scr-btn-confirm-modal{background-color:#ef4444;color:#fff}.scr-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.scr-content-expanded,.scr-content-collapsed{margin-left:0}.scr-sidebar{transform:translate(-100%)}.scr-sidebar-open{transform:translate(0)}.scr-datetime-display,.scr-user-info{display:none}.scr-main{padding:16px}.scr-page-header{flex-direction:column;align-items:flex-start;gap:16px}.scr-header-actions{width:100%}.scr-back-btn,.scr-submit-btn{flex:1}.scr-review-content{padding:20px}.scr-template-document{padding:30px 24px}.scr-signature-section{grid-template-columns:1fr;gap:30px}}@media(max-width:1024px)and (min-width:769px){.scr-template-document{padding:50px 60px}}@media print{.scr-sidebar,.scr-nav-header,.scr-page-header,.scr-back-btn,.scr-submit-btn{display:none!important}.scr-main-content{margin-left:0!important}.scr-review-content{border:none;padding:0}.scr-template-document{box-shadow:none;border:none}}.cs-container{min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb;display:flex;flex-direction:column}.cs-header{background-color:#fff;border-bottom:2px solid #e5e7eb;padding:20px 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.cs-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px}.cs-logo{display:flex;align-items:center;gap:12px}.cs-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:24px}.cs-logo-text{font-size:24px;font-weight:700;color:#059669}.cs-header-title{font-size:20px;font-weight:600;color:#1f2937}.cs-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:32px 24px}.cs-info-section{margin-bottom:24px}.cs-info-card{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.cs-info-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:16px;word-break:break-word}.cs-info-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cs-info-detail{display:flex;gap:12px}.cs-info-label{font-size:14px;font-weight:600;color:#6b7280}.cs-info-value{font-size:14px;font-weight:500;color:#1f2937}.cs-info-notice{display:flex;gap:12px;padding:16px;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:20px}.cs-notice-icon{width:24px;height:24px;color:#f59e0b;flex-shrink:0}.cs-info-notice p{font-size:14px;color:#92400e;line-height:1.5;margin:0}.cs-document-section{margin-bottom:24px}.cs-document-container{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d;position:relative}.cs-pdf-viewer{width:100%;height:800px;border:none}.cs-no-document{padding:60px 20px;text-align:center;color:#6b7280}.cs-signature-box{position:absolute;bottom:120px;right:80px;width:280px;height:140px;background-color:#fffffff2;border:3px dashed #059669;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;background-image:linear-gradient(45deg,transparent 48%,#059669 48%,#059669 52%,transparent 52%),linear-gradient(-45deg,transparent 48%,#059669 48%,#059669 52%,transparent 52%);background-size:10px 10px;background-position:0 0,5px 5px;background-repeat:repeat}.cs-signature-box:hover{transform:scale(1.05);box-shadow:0 6px 16px #0596694d;border-color:#047857}.cs-signature-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background-color:#fffffff2;border-radius:4px}.cs-signature-icon{width:40px;height:40px;color:#059669}.cs-signature-placeholder p{margin:0;font-size:15px;font-weight:600;color:#059669;text-align:center}.cs-signature-preview{width:100%;height:100%;object-fit:contain;padding:8px}.cs-actions-section{position:sticky;bottom:0;background-color:#fff;border-top:2px solid #e5e7eb;padding:20px 24px;box-shadow:0 -2px 4px #0000000d;margin:0 -24px -32px}.cs-actions-container{max-width:1200px;margin:0 auto;display:flex;gap:24px;justify-content:flex-end;align-items:center}.cs-confirm-checkbox-wrapper{flex:1;display:flex;align-items:center}.cs-confirm-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cs-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cs-checkbox-checkmark{position:relative;height:24px;width:24px;background-color:#fff;border:2px solid #d1d5db;border-radius:6px;transition:all .2s ease;flex-shrink:0}.cs-checkbox-input:checked~.cs-checkbox-checkmark{background-color:#059669;border-color:#059669}.cs-checkbox-checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cs-checkbox-input:checked~.cs-checkbox-checkmark:after{display:block}.cs-confirm-checkbox:hover .cs-checkbox-checkmark{border-color:#059669}.cs-checkbox-label{font-size:14px;font-weight:500;color:#1f2937;line-height:1.5}.cs-btn{padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;min-width:140px}.cs-btn:disabled{opacity:.5;cursor:not-allowed}.cs-btn-reject{background-color:#fff;color:#dc2626;border:2px solid #dc2626}.cs-btn-reject:hover:not(:disabled){background-color:#fee2e2}.cs-btn-sign{background-color:#059669;color:#fff}.cs-btn-sign:hover:not(:disabled){background-color:#047857}.cs-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;background-color:#f9fafb}.cs-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #059669;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-loading-text{font-size:16px;color:#6b7280;font-weight:500}.cs-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background-color:#f9fafb;padding:24px}.cs-error-icon{width:64px;height:64px;color:#dc2626}.cs-error-icon svg{width:100%;height:100%}.cs-error-title{font-size:24px;font-weight:700;color:#1f2937;text-align:center}.cs-error-message{font-size:16px;color:#6b7280;text-align:center;max-width:500px}.cs-error-btn{padding:12px 32px;background-color:#059669;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cs-error-btn:hover{background-color:#047857}.cs-signature-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cs-signature-modal{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:650px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cs-signature-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.cs-signature-modal-header h3{font-size:20px;font-weight:700;color:#1f2937;margin:0}.cs-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cs-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.cs-close-btn svg{width:24px;height:24px}.cs-signature-modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.cs-signature-canvas{border:2px solid #e5e7eb;border-radius:8px;cursor:crosshair;touch-action:none;background-color:#fff}.cs-signature-hint{font-size:14px;color:#6b7280;margin:0;text-align:center}.cs-signature-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.cs-btn-primary,.cs-btn-secondary{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cs-btn-primary{background-color:#059669;color:#fff}.cs-btn-primary:hover{background-color:#047857}.cs-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cs-btn-secondary:hover{background-color:#f3f4f6}@media(max-width:768px){.cs-header-content{flex-direction:column;align-items:flex-start;gap:12px}.cs-header-title{font-size:18px}.cs-main,.cs-info-card{padding:16px}.cs-info-title{font-size:20px}.cs-pdf-viewer{height:600px}.cs-actions-container{flex-direction:column;gap:16px}.cs-confirm-checkbox-wrapper,.cs-btn{width:100%}.cs-actions-section{margin:0 -16px -16px}}@media(max-width:480px){.cs-logo-text{font-size:20px}.cs-logo-icon{width:40px;height:40px;font-size:20px}.cs-pdf-viewer{height:500px}.cs-signature-box{bottom:60px;right:20px;width:200px;height:100px}.cs-signature-icon{width:28px;height:28px}.cs-signature-placeholder p{font-size:13px}.cs-signature-canvas{width:100%;height:250px}.cs-signature-modal-footer{flex-direction:column}.cs-btn-primary,.cs-btn-secondary{width:100%}}.cd-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb;color:#1e40af}.cd-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.cd-sidebar-open{width:250px}.cd-sidebar-closed{width:70px}.cd-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.cd-sidebar-logo{display:flex;align-items:center;gap:12px}.cd-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.cd-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.cd-sidebar-nav{padding:20px 0}.cd-nav-list{list-style:none}.cd-nav-item{margin-bottom:4px}.cd-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.cd-nav-link:hover{background-color:#f8fafc;color:#059669}.cd-nav-item.cd-nav-active .cd-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.cd-nav-item.cd-nav-active .cd-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.cd-nav-icon{width:20px;height:20px;flex-shrink:0}.cd-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#f9fafb}.cd-content-expanded{margin-left:250px}.cd-content-collapsed{margin-left:70px}.cd-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.cd-nav-left{display:flex;align-items:center;gap:24px}.cd-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.cd-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.cd-menu-toggle svg{width:24px;height:24px}.cd-datetime-display{font-size:14px;font-weight:500;color:#059669;background-color:#ecfdf5;padding:8px 16px;border-radius:6px;border:1px solid #d1fae5}.cd-nav-right{display:flex;align-items:center;gap:16px}.cd-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.cd-notification-btn:hover{background-color:#f3f4f6;color:#059669}.cd-notification-btn svg{width:20px;height:20px}.cd-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.cd-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.cd-user-profile:hover{background-color:#f8fafc}.cd-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.cd-user-info{display:flex;flex-direction:column}.cd-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.cd-user-role{font-size:12px;color:#6b7280;line-height:1.2}.cd-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.cd-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cd-dropdown-item:hover{color:#ef4444;background-color:#fef2f2}.cd-dropdown-item.cd-disabled{pointer-events:none}.cd-dropdown-icon{width:18px;height:18px;flex-shrink:0}.cd-main{padding:32px 24px}.cd-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cd-page-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.cd-page-subtitle{font-size:14px;color:#6b7280;font-weight:500}.cd-back-btn{background-color:#fff;color:#059669;border:1px solid #d1fae5;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cd-back-btn:hover{background-color:#ecfdf5}.cd-info-section{margin-bottom:24px}.cd-info-card{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.cd-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.cd-info-item{display:flex;flex-direction:column;gap:6px}.cd-info-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.cd-info-value{font-size:15px;font-weight:500;color:#1f2937}.cd-document-section{margin-bottom:24px}.cd-document-container{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cd-document-viewer{width:100%;height:800px;border:none}.cd-no-document{padding:60px 20px;text-align:center;color:#6b7280}.cd-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;background-color:#f9fafb}.cd-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid #059669;border-radius:50%;animation:cd-spin 1s linear infinite}@keyframes cd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cd-loading-text{font-size:16px;color:#6b7280;font-weight:500}.cd-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background-color:#f9fafb;padding:24px}.cd-error-icon{width:64px;height:64px;color:#dc2626}.cd-error-icon svg{width:100%;height:100%}.cd-error-title{font-size:24px;font-weight:700;color:#1f2937;text-align:center}.cd-error-message{font-size:16px;color:#6b7280;text-align:center;max-width:500px}.cd-error-btn{padding:12px 32px;background-color:#059669;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cd-error-btn:hover{background-color:#047857}.cd-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.cd-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden}.cd-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.cd-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.cd-modal-body{padding:24px}.cd-modal-body p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.cd-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.cd-btn-cancel-modal,.cd-btn-confirm-modal{font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cd-btn-cancel-modal{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cd-btn-cancel-modal:hover{background-color:#f3f4f6}.cd-btn-confirm-modal{background-color:#ef4444;color:#fff}.cd-btn-confirm-modal:hover{background-color:#dc2626}@media(max-width:768px){.cd-content-expanded,.cd-content-collapsed{margin-left:0}.cd-sidebar{transform:translate(-100%)}.cd-sidebar-open{transform:translate(0)}.cd-datetime-display,.cd-user-info{display:none}.cd-main{padding:16px}.cd-page-header{flex-direction:column;align-items:flex-start;gap:16px}.cd-back-btn{width:100%}.cd-info-grid{grid-template-columns:1fr}.cd-document-viewer{height:600px}}@media(max-width:480px){.cd-document-viewer{height:500px}}.ca-container{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#f9fafb;color:#059669}.ca-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.ca-sidebar-open{width:250px}.ca-sidebar-closed{width:70px}.ca-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.ca-sidebar-logo{display:flex;align-items:center;gap:12px}.ca-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#047857);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;flex-shrink:0}.ca-logo-text{font-size:20px;font-weight:700;color:#059669;white-space:nowrap}.ca-sidebar-nav{padding:20px 0}.ca-nav-list{list-style:none}.ca-nav-item{margin-bottom:5px}.ca-nav-link{display:flex;align-items:center;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;gap:12px;position:relative}.ca-nav-link:hover{background-color:#f8fafc;color:#059669}.ca-nav-active .ca-nav-link{background-color:#ecfdf5;color:#059669;font-weight:500}.ca-nav-active .ca-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#059669}.ca-nav-icon{width:20px;height:20px;flex-shrink:0}.ca-main-content{flex:1;transition:margin-left .3s ease}.ca-content-expanded{margin-left:250px}.ca-content-collapsed{margin-left:70px}.ca-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.ca-nav-left{display:flex;align-items:center;gap:20px}.ca-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.ca-menu-toggle:hover{background-color:#f3f4f6;color:#059669}.ca-menu-toggle svg{width:24px;height:24px}.ca-datetime-display{font-size:14px;color:#6b7280;font-weight:500}.ca-nav-right{display:flex;align-items:center;gap:20px}.ca-notification-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.ca-notification-btn:hover{background-color:#f3f4f6;color:#059669}.ca-notification-btn svg{width:24px;height:24px}.ca-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.ca-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.ca-user-profile:hover{background-color:#f3f4f6}.ca-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#059669,#047857);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.ca-user-info{display:flex;flex-direction:column;gap:2px}.ca-user-name{font-size:14px;font-weight:600;color:#059669}.ca-user-role{font-size:12px;color:#6b7280}.ca-profile-dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:200px;overflow:hidden;z-index:1001}.ca-dropdown-item{padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;font-size:14px}.ca-dropdown-item:hover{background-color:#f3f4f6}.ca-logout-item{color:#ef4444}.ca-dropdown-icon{width:20px;height:20px}.ca-disabled{opacity:.5;cursor:not-allowed!important}.ca-main{padding:30px}.ca-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.ca-page-title{font-size:28px;font-weight:700;color:#059669;margin-bottom:5px}.ca-page-subtitle{font-size:14px;color:#6b7280;margin-top:5px;word-break:break-word;overflow-wrap:break-word}.ca-back-btn{padding:10px 20px;background-color:#f3f4f6;color:#059669;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ca-back-btn:hover{background-color:#e5e7eb}.ca-content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:30px}.ca-left-column{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.ca-section-title{font-size:18px;font-weight:600;color:#059669;margin-bottom:15px;padding:20px 20px 0}.ca-document-section{height:100%;display:flex;flex-direction:column}.ca-document-container{flex:1;padding:20px;min-height:600px}.ca-document-viewer{width:100%;height:100%;min-height:600px;border:none;border-radius:8px}.ca-no-document{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:14px}.ca-right-column{display:flex;flex-direction:column;gap:20px}.ca-info-section{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px}.ca-info-card{display:flex;flex-direction:column;gap:15px}.ca-info-item{display:flex;flex-direction:column;gap:5px}.ca-info-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ca-info-value{font-size:14px;color:#059669;font-weight:600;word-break:break-word;overflow-wrap:break-word}.ca-approval-section{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:20px}.ca-confirmation-box{background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:15px}.ca-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:#92400e;line-height:1.5}.ca-checkbox-label span{word-break:break-word;overflow-wrap:break-word}.ca-checkbox{width:20px;height:20px;cursor:pointer;margin-top:2px;flex-shrink:0}.ca-approve-btn{width:100%;padding:14px 20px;background-color:#059669;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ca-approve-btn:hover:not(:disabled){background-color:#047857}.ca-approve-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.ca-progress-section{margin-top:10px;padding-top:20px;border-top:1px solid #e5e7eb}.ca-progress-title{font-size:14px;font-weight:600;color:#059669;margin-bottom:15px}.ca-progress-list{display:flex;flex-direction:column;gap:12px}.ca-progress-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .2s ease}.ca-progress-pending{background-color:#f3f4f6;color:#6b7280}.ca-progress-in_progress,.ca-progress-success{background-color:#d1fae5;color:#059669}.ca-progress-error{background-color:#fee2e2;color:#dc2626}.ca-progress-icon{width:24px;height:24px;flex-shrink:0}.ca-progress-icon svg{width:100%;height:100%}.ca-spinner{width:24px;height:24px;border:3px solid #d1fae5;border-top-color:#059669;border-radius:50%;animation:ca-spin .8s linear infinite}@keyframes ca-spin{to{transform:rotate(360deg)}}.ca-progress-content{flex:1}.ca-progress-label{font-size:14px;font-weight:600;margin-bottom:2px;word-break:break-word;overflow-wrap:break-word}.ca-progress-message{font-size:12px;opacity:.8;word-break:break-word;overflow-wrap:break-word}.ca-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;gap:20px}.ca-loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:ca-spin .8s linear infinite}.ca-loading-text{font-size:16px;color:#6b7280;font-weight:500}.ca-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;padding:20px;gap:20px}.ca-error-icon{width:80px;height:80px;color:#ef4444}.ca-error-icon svg{width:100%;height:100%}.ca-error-title{font-size:24px;font-weight:700;color:#059669}.ca-error-message{font-size:16px;color:#6b7280;text-align:center;max-width:500px;word-break:break-word;overflow-wrap:break-word}.ca-error-btn{padding:12px 24px;background-color:#059669;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ca-error-btn:hover{background-color:#047857}.ca-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.ca-modal-content{background-color:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 25px #0003}.ca-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.ca-modal-header h3{font-size:18px;font-weight:600;color:#059669;margin:0}.ca-modal-body{padding:24px}.ca-modal-body p{font-size:14px;color:#6b7280;line-height:1.6;margin:0;word-break:break-word;overflow-wrap:break-word}.ca-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.ca-btn-cancel-modal,.ca-btn-confirm-modal{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.ca-btn-cancel-modal{background-color:#f3f4f6;color:#6b7280}.ca-btn-cancel-modal:hover{background-color:#e5e7eb}.ca-btn-confirm-modal{background-color:#ef4444;color:#fff}.ca-btn-confirm-modal:hover{background-color:#dc2626}.ca-snackbar-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:3000}.ca-snackbar{background-color:#fff;border-radius:12px;padding:20px;max-width:500px;width:90%;box-shadow:0 10px 25px #0003;display:flex;align-items:flex-start;gap:15px;position:relative}.ca-snackbar-success{border-left:4px solid #10b981}.ca-snackbar-icon{width:40px;height:40px;flex-shrink:0;color:#10b981}.ca-snackbar-icon svg{width:100%;height:100%}.ca-snackbar-content{flex:1}.ca-snackbar-title{font-size:16px;font-weight:700;color:#059669;margin-bottom:5px}.ca-snackbar-message{font-size:14px;color:#6b7280;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.ca-snackbar-close{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;padding:5px;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.ca-snackbar-close:hover{background-color:#f3f4f6;color:#6b7280}.ca-snackbar-close svg{width:20px;height:20px}@media(max-width:1200px){.ca-content-wrapper{grid-template-columns:1fr}.ca-right-column{order:2}.ca-left-column{order:1}}@media(max-width:768px){.ca-main{padding:20px}.ca-page-header{flex-direction:column;gap:15px}.ca-sidebar-open{width:100%}.ca-content-expanded{margin-left:0}.ca-user-info,.ca-datetime-display{display:none}}.manager-dashboard-wrapper{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff;color:#1e40af}.manager-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;transition:width .3s ease;position:fixed;left:0;top:0;height:100vh;z-index:1000;overflow:hidden}.manager-sidebar-open{width:250px}.manager-sidebar-closed{width:70px}.manager-sidebar-header{padding:20px 15px;border-bottom:1px solid #e5e7eb}.manager-sidebar-logo{display:flex;align-items:center;gap:12px}.manager-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-size:18px}.manager-logo-text{font-size:20px;font-weight:700;color:#1e40af;white-space:nowrap}.manager-sidebar-nav{padding:20px 0}.manager-nav-list{list-style:none}.manager-nav-item{margin-bottom:4px}.manager-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s ease;position:relative}.manager-nav-link:hover{background-color:#f8fafc;color:#1e40af}.manager-nav-item.manager-nav-active .manager-nav-link{background-color:#eff6ff;color:#1e40af;font-weight:500}.manager-nav-item.manager-nav-active .manager-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6}.manager-nav-icon{width:20px;height:20px;flex-shrink:0}.manager-main-content{transition:margin-left .3s ease;width:100%;min-height:100vh;background-color:#fff}.manager-content-expanded{margin-left:250px}.manager-content-collapsed{margin-left:70px}.manager-nav-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.manager-nav-left{display:flex;align-items:center;gap:24px}.manager-menu-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.manager-menu-toggle:hover{background-color:#f3f4f6;color:#1e40af}.manager-menu-toggle svg{width:24px;height:24px}.manager-datetime-display{font-size:14px;font-weight:500;color:#1e40af;background-color:#eff6ff;padding:8px 16px;border-radius:6px;border:1px solid #dbeafe}.manager-nav-right{display:flex;align-items:center;gap:16px}.manager-notification-btn{position:relative;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.manager-notification-btn:hover{background-color:#f3f4f6;color:#1e40af}.manager-notification-btn svg{width:20px;height:20px}.manager-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.manager-user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.manager-user-profile:hover{background-color:#f8fafc}.manager-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.manager-user-info{display:flex;flex-direction:column}.manager-user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.manager-user-role{font-size:12px;color:#6b7280;line-height:1.2}.manager-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:220px;overflow:hidden;z-index:1000}.manager-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.manager-dropdown-item:last-child{border-bottom:none}.manager-dropdown-item:hover{color:#3b82f6;background-color:#eff6ff}.manager-dropdown-item.manager-logout-item:hover{color:#ef4444;background-color:#fef2f2}.manager-dropdown-item.manager-disabled{pointer-events:none}.manager-dropdown-item.manager-logout-item.manager-disabled:hover{color:#000;background-color:#fff}.manager-dropdown-icon{width:18px;height:18px;flex-shrink:0}.manager-dashboard-main{padding:32px 24px}.manager-dashboard-header{margin-bottom:32px}.manager-page-title{font-size:28px;font-weight:700;color:#1e40af;margin-bottom:8px}.manager-page-subtitle{font-size:16px;color:#6b7280}.manager-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.manager-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s ease;display:flex;align-items:center;gap:16px}.manager-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.manager-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.manager-stat-icon svg{width:24px;height:24px}.manager-stat-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.manager-stat-green{background:linear-gradient(135deg,#10b981,#047857)}.manager-stat-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.manager-stat-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.manager-stat-content{flex:1}.manager-stat-number{font-size:24px;font-weight:700;color:#1e40af;line-height:1.2;margin-bottom:4px}.manager-stat-label{font-size:14px;color:#6b7280;font-weight:500}.manager-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:manager-fadeIn .2s ease}@keyframes manager-fadeIn{0%{opacity:0}to{opacity:1}}.manager-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;overflow:hidden;animation:manager-slideIn .3s ease}@keyframes manager-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.manager-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.manager-modal-header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0}.manager-modal-body{padding:24px}.manager-modal-body p{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;margin:0;line-height:1.5}.manager-modal-footer{padding:16px 24px;background-color:#f9fafb;display:flex;gap:12px;justify-content:flex-end}.manager-btn-cancel,.manager-btn-confirm{font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.manager-btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.manager-btn-cancel:hover{background-color:#f3f4f6}.manager-btn-confirm{background-color:#ef4444;color:#fff}.manager-btn-confirm:hover{background-color:#dc2626}@media(max-width:768px){.manager-content-expanded,.manager-content-collapsed{margin-left:0}.manager-sidebar{transform:translate(-100%)}.manager-sidebar-open{transform:translate(0)}.manager-datetime-display,.manager-user-info{display:none}.manager-dashboard-stats{grid-template-columns:1fr}.manager-dashboard-main{padding:16px}}*{margin:0;padding:0;box-sizing:border-box}