body{margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{display:block;height:auto;max-width:100%}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{overflow-x:hidden;width:100%}iframe,img,video{height:auto;max-width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:480px){html{font-size:14px}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.btn,button{font-size:14px!important;padding:10px 16px!important}input,select,textarea{font-size:16px!important}.modal-content{margin:10px auto!important;max-height:90vh!important;overflow-y:auto!important;width:95%!important}.stats-grid{gap:12px!important;grid-template-columns:1fr!important}.document-card,.service-card,.stat-card{padding:15px!important}.clients-table,.users-table{font-size:12px!important}.users-table td,.users-table th{padding:8px 4px!important}.users-table td:first-child,.users-table td:nth-child(5),.users-table th:first-child,.users-table th:nth-child(5){display:none}.sidebar{width:250px!important}.page-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.page-header h1{font-size:22px!important}.header-actions{flex-direction:column!important;gap:8px!important}.header-actions,.header-actions button,.search-bar,.search-input{width:100%!important}.pagination{flex-wrap:wrap!important;gap:5px!important}.pagination-btn{font-size:12px!important;padding:6px 10px!important}.pagination-number{font-size:12px!important;height:30px!important;width:30px!important}.documents-grid{gap:12px!important;grid-template-columns:1fr!important}.filters-section{flex-direction:column!important;gap:10px!important}.filter-select{width:100%!important}}@media (min-width:481px) and (max-width:768px){html{font-size:15px}.documents-grid,.stats-grid{gap:15px!important}.documents-grid,.services-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.modal-content{max-width:600px!important;width:90%!important}.users-table{font-size:13px!important}.page-header{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}.header-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}.sidebar{width:260px!important}.clients-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:769px) and (max-width:1024px){.documents-grid,.stats-grid{gap:20px!important}.documents-grid,.services-grid,.stats-grid{grid-template-columns:repeat(3,1fr)!important}.modal-content{max-width:700px!important;width:80%!important}.sidebar{width:270px!important}.admin-dashboard,.client-dashboard,.staff-dashboard{padding:20px!important}}@media (min-width:1025px){.stats-grid{grid-template-columns:repeat(4,1fr)!important}.documents-grid{grid-template-columns:repeat(3,1fr)!important}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.modal-content{max-width:800px!important;width:70%!important}}@media (min-width:1440px){.admin-dashboard,.client-dashboard,.staff-dashboard{margin:0 auto;max-width:1400px}.documents-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-height:500px) and (orientation:landscape){.sidebar{max-height:100vh!important}.modal-content,.sidebar{overflow-y:auto!important}.modal-content{max-height:85vh!important}}@media print{.action-btn,.action-btn-small,.add-btn,.pagination,.sidebar,button{display:none!important}.main-content{margin-left:0!important;width:100%!important}.clients-table,.users-table{font-size:10px!important}}@media (hover:none) and (pointer:coarse){a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.action-btn-small{margin:4px!important;padding:10px 14px!important}:hover{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,button{border:2px solid!important}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.forgot-password-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.forgot-password-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.close-btn{color:#495057;position:absolute;right:15px;top:15px}.close-btn:hover{background:#dc3545;color:#fff}.forgot-password-header{margin-bottom:30px}.forgot-password-header h2{color:#2c3e50;font-size:28px;margin:0 0 20px;text-align:center}.step-indicator{gap:0}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#e9ecef;border-radius:50%;color:#7f8c8d;font-weight:700;height:40px;transition:all .3s ease;width:40px}.step.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}.step-line{background:#e9ecef;height:3px;width:60px}.forgot-password-form{margin-top:20px}.step-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 10px;text-align:center}.step-description{color:#7f8c8d;font-size:14px;margin:0 0 25px;text-align:center}.form-group input{border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 15px}.form-group input.input-error{border-color:#dc3545}.token-input{font-family:Courier New,monospace;font-size:13px!important}.error-text{color:#dc3545}.error-message{font-size:14px}.success-message{background:#e6f7ed;border:1px solid #a3e4b8;border-radius:8px;color:#28a745;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.btn-submit{font-size:16px;margin-top:10px;padding:14px;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.button-group{display:flex;gap:10px;margin-top:10px}.btn-back{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.btn-back:hover{background:#e9ecef;border-color:#dee2e6}.button-group .btn-submit{flex:2 1;margin-top:0}@media (max-width:768px){.forgot-password-modal{padding:30px 20px}.step-line{width:40px}.step{font-size:14px;height:35px;width:35px}}.login-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.login-container,.login-page{align-items:center;display:flex;justify-content:center}.login-container{max-width:500px;width:100%}.login-card{animation:slideIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{border-radius:16px;display:block;height:72px;margin:0 auto 12px;object-fit:cover;width:72px}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:10px}.login-header p{color:#7f8c8d;font-size:18px}.login-form{margin-bottom:20px}.form-group input{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:14px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group input.input-error{background:#fff5f5;border-color:#e74c3c}.form-group input.input-error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-message{animation:shake .5s ease;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;padding:12px}.warning-message{animation:slideIn .5s ease;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.login-divider{margin:25px 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:#e9ecef;content:"";height:1px;position:absolute;top:50%;width:40%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:#fff;color:#95a5a6;font-size:14px;padding:0 15px}.btn-demo{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-demo:hover{background:#e9ecef;border-color:#dee2e6}.demo-credentials{animation:fadeIn .3s ease;background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.demo-credentials h3{color:#2c3e50;font-size:16px;margin:0 0 15px;text-align:center}.demo-buttons{display:flex;flex-direction:column;gap:10px}.demo-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.demo-btn:hover{transform:translateX(5px)}.demo-btn.admin{border-color:#00d4ff20}.demo-btn.admin:hover{background:#00d4ff10;border-color:#00d4ff}.demo-btn.client{border-color:#26de8120}.demo-btn.client:hover{background:#26de8110;border-color:#26de81}.demo-btn.staff{border-color:#ffa50220}.demo-btn.staff:hover{background:#ffa50210;border-color:#ffa502}.demo-icon{font-size:32px}.demo-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.demo-text strong{color:#2c3e50;font-size:16px;margin-bottom:3px}.demo-text small{color:#7f8c8d;font-size:13px}.demo-note{color:#7f8c8d;font-size:12px;margin-bottom:0;margin-top:15px;text-align:center}.login-footer{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:25px;text-align:center}.login-footer a{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#764ba2;text-decoration:underline}.login-footer span{color:#e9ecef}@media (max-width:480px){.login-page{padding:10px}.login-card{border-radius:15px;padding:25px 20px}.login-header h1{font-size:32px}.login-header p{font-size:15px}.form-group input{font-size:14px;padding:12px}.btn-login{font-size:15px;padding:14px}.demo-btn{gap:12px;padding:12px}.demo-icon{font-size:28px}.demo-text strong{font-size:14px}.demo-text small{font-size:12px}.login-footer{flex-direction:column;gap:8px}.login-footer span{display:none}}@media (min-width:481px) and (max-width:768px){.login-card{padding:35px}.login-header h1{font-size:42px}}.admin-sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.admin-sidebar.collapsed{width:80px}.sidebar-header h2,.user-info .user-name{color:#00d4ff}.nav-item.active{background:linear-gradient(90deg,#00d4ff,#09c)}.admin-sidebar.collapsed .nav-icon{margin-right:0}@media (max-width:768px){.admin-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:10000}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-sidebar.collapsed{transform:translateX(-100%);width:260px}.admin-sidebar.collapsed.mobile-open{transform:translateX(0)}.toggle-btn.desktop-only{display:none}.sidebar-header{min-height:60px;padding:15px 20px}.sidebar-header h2{font-size:20px}.user-info{padding:12px 20px}.user-info .user-name{font-size:15px}.user-info .user-role{font-size:11px}.nav-item{margin:4px 10px;padding:12px 20px}.nav-icon{font-size:20px}.nav-label{font-size:14px}}@media (max-width:480px){.admin-sidebar{max-width:280px;width:80vw}.sidebar-header h2{font-size:18px}.user-info .user-name{font-size:14px}.nav-item{margin:3px 8px;padding:10px 15px}.nav-icon{font-size:18px;margin-right:12px}.nav-label{font-size:13px}}.admin-layout{background:#f5f6fa;display:flex;min-height:100vh;position:relative}.admin-content{flex:1 1;margin-left:260px;transition:margin-left .3s ease}.admin-sidebar.collapsed~.admin-content{margin-left:80px}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.mobile-overlay{display:block}.admin-content,.admin-sidebar.collapsed~.admin-content{margin-left:0}.content-wrapper{padding:70px 15px 15px}}.admin-dashboard{animation:fadeIn .5s ease}.admin-dashboard h1{color:#2c3e50;font-size:32px;margin-bottom:5px}.subtitle{color:#7f8c8d;margin-bottom:30px}.stat-card{border-left:4px solid}.dashboard-content{grid-template-columns:2fr 1fr}.content-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.content-card h2{border-bottom:2px solid #f5f6fa;color:#2c3e50;font-size:20px;margin-bottom:20px;padding-bottom:10px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:background .3s ease}.activity-item:hover{background:#e9ecef}.activity-icon{font-size:24px}.activity-details{flex:1 1}.activity-title{color:#2c3e50;font-weight:500;margin:0}.activity-time{color:#95a5a6;font-size:12px;margin:5px 0 0}.quick-actions{display:flex;flex-direction:column;gap:10px}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.action-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateX(5px)}@media (max-width:480px){.admin-dashboard{padding:15px}.admin-dashboard h1{font-size:24px}.subtitle{font-size:14px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{gap:12px;padding:15px}.stat-icon{font-size:24px;height:50px;width:50px}.stat-info h3{font-size:22px}.stat-info p{font-size:12px}.dashboard-content{gap:15px;grid-template-columns:1fr}.content-card{padding:15px}.content-card h2{font-size:18px}.action-btn{font-size:13px;padding:12px 15px}.activity-item{gap:10px;padding:12px}.activity-icon{font-size:20px}}@media (min-width:481px) and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.users-page{animation:fadeIn .5s ease}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .3s ease,box-shadow .3s ease}.add-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:15px}.users-table tbody tr{transition:background .3s ease}.users-table tbody tr:hover{background:#f8f9fa}.role-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.role-badge.admin{background:#ff6b6b20;color:#ff6b6b}.role-badge.staff{background:#4ecdc420;color:#4ecdc4}.role-badge.client{background:#95e1d320;color:#38ada9}.status-badge.inactive{background:#95a5a620;color:#7f8c8d}.action-btn-small.edit:hover{background:#00d4ff20;border-color:#00d4ff;color:#00d4ff}.action-btn-small.reset:hover{background:#ffa50220;border-color:#ffa502;color:#ffa502}.action-btn-small.view:hover{background:#667eea20;border-color:#667eea;color:#667eea}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}}.action-btn-small.assign{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;min-width:28px;padding:4px 8px}.action-btn-small.assign:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px)}.assign-staff-content{padding:20px 0}.client-info{border-radius:8px;margin-bottom:20px;padding:15px}.client-info p{color:#555;margin:8px 0}.client-info strong{color:#2c3e50;margin-right:8px}.staff-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.staff-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.staff-page{animation:fadeIn .5s ease}.staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.staff-card{box-shadow:0 2px 10px #0000000d;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.staff-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.staff-avatar{font-size:28px;height:80px;margin:0 auto 15px;width:80px}.staff-card h3{color:#2c3e50;font-size:20px;margin:10px 0 5px}.staff-position{color:#7f8c8d;font-size:14px;margin:5px 0}.staff-department{color:#95a5a6;font-size:13px;margin:10px 0}.staff-actions{display:flex;gap:10px;margin-top:15px}.btn-delete,.btn-edit,.btn-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.staff-address{color:#95a5a6;font-size:12px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients-list{max-height:400px;overflow-y:auto;padding:20px}.modal-table{border-collapse:collapse;margin-top:10px;width:100%}.modal-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-table th{font-size:14px;font-weight:600;padding:12px;text-align:left}.modal-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.modal-table tbody tr:hover{background-color:#f8f9fa}.modal-table td{color:#333;font-size:14px;padding:12px}.modal-table tbody tr:last-child{border-bottom:none}input.input-error,select.input-error,textarea.input-error{background-color:#fff5f5!important;border-color:#e74c3c!important}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1a!important}.error-text{animation:slideDown .3s ease;color:#e74c3c;display:block;font-size:13px;font-weight:500;margin-top:5px}input.input-success,select.input-success,textarea.input-success{background-color:#f0fff4;border-color:#27ae60}input.input-success:focus,select.input-success:focus,textarea.input-success:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.success-text{color:#27ae60;display:block;font-size:13px;font-weight:500;margin-top:5px}.form-group{position:relative}.form-group label.required:after{color:#e74c3c;content:" *"}.error-message-box{align-items:center;animation:shake .5s ease;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.error-message-box:before{content:"⚠️";font-size:18px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.success-message-box{align-items:center;animation:fadeIn .5s ease;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.success-message-box:before{content:"✅";font-size:18px}.char-counter,.helper-text{color:#6c757d;display:block;margin-top:4px}.char-counter{font-size:12px;text-align:right}.char-counter.warning{color:#f39c12}.char-counter.danger,.required-indicator{color:#e74c3c;font-weight:600}.required-indicator{margin-left:2px}.input-with-icon{position:relative}.input-with-icon input{padding-left:40px}.input-icon{color:#6c757d;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input.input-error~.input-icon{color:#e74c3c}.input-with-icon input.input-success~.input-icon{color:#27ae60}.input-loading{position:relative}.input-loading:after{animation:spin .6s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#667eea;content:"";height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.validation-summary{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:20px;padding:15px}.validation-summary h4{font-size:14px;font-weight:600;margin:0 0 10px}.validation-summary ul{font-size:13px;margin:0;padding-left:20px}.validation-summary li{margin-bottom:5px}.search-bar{margin-bottom:20px;width:100%}.search-input{background:#fff;border-radius:8px;padding:12px 40px 12px 16px}.clear-search{background:#f0f0f0;color:#666;right:10px}.clear-search:hover{background:#e0e0e0;color:#333}.clients-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:30px;overflow-x:auto;padding:20px}.clients-table thead{background:#f8f9fa}.clients-table th{border-bottom:2px solid #e9ecef;color:#2c3e50;padding:15px}.clients-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:15px}.clients-table tbody tr{transition:background .3s ease}.clients-table tbody tr:hover{background:#f8f9fa}.client-name{align-items:center;display:flex;gap:10px}.client-avatar{background:linear-gradient(135deg,#26de81,#20bf6b);font-size:14px;height:35px;width:35px}.action-btn-small{background:#0000;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:12px;margin-right:5px;padding:6px 12px;transition:all .3s ease}.action-btn-small.view:hover{background:#00d4ff20;border-color:#00d4ff;color:#00d4ff}.action-btn-small.edit:hover{background:#ffa50220;border-color:#ffa502;color:#ffa502}.action-btn-small.delete:hover{background:#ff6b6b20;border-color:#ff6b6b;color:#ff6b6b}.alert{padding:12px 20px}.alert-success{background:#26de8120;border:1px solid #26de81;color:#26de81}.alert-error{background:#ff6b6b20;border:1px solid #ff6b6b;color:#ff6b6b;white-space:pre-wrap}.loading{color:#667eea;font-weight:600;padding:20px;text-align:center}.modal-header{margin-bottom:20px}.close-btn{background:#0000;color:#95a5a6}.close-btn:hover{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.modal-actions{margin-top:30px}.btn-cancel{transition:background .3s ease}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease}.btn-submit:hover{box-shadow:0 5px 15px #667eea66}.view-details{padding:20px 0}.detail-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.detail-label{color:#555;font-weight:600;min-width:150px}.detail-value{color:#333;flex:1 1;word-break:break-word}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.service-header h3{color:#2c3e50;font-size:22px;margin:0}.service-description{color:#7f8c8d;line-height:1.6;margin:15px 0}.service-price{color:#667eea;font-size:32px;font-weight:700;margin:20px 0}.service-actions{display:flex;gap:10px;margin-top:20px}.btn-delete,.btn-edit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.btn-edit{background:#ffa50220;color:#ffa502}.btn-edit:hover{background:#ffa502;color:#fff}.btn-delete{background:#ff6b6b20;color:#ff6b6b}.btn-delete:hover{background:#ff6b6b;color:#fff}.reports-page{animation:fadeIn .5s ease;padding:20px}.reports-header{margin-bottom:30px}.reports-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 8px}.reports-header p{color:#7f8c8d;font-size:14px;margin:0}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.summary-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.summary-info h3{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.summary-info p{color:#7f8c8d;font-size:14px;margin:4px 0 0}.staff-list{display:flex;flex-direction:column;gap:15px}.staff-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .3s ease}.staff-card:hover{box-shadow:0 4px 15px #0000001a}.staff-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background .3s ease}.staff-header:hover{background:#f8f9fa}.staff-info{align-items:center;display:flex;flex:1 1;gap:15px}.staff-avatar{font-size:20px;height:50px;width:50px}.staff-details h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 4px}.staff-email{color:#7f8c8d;font-size:13px;margin:0}.staff-phone{color:#667eea;font-size:13px;margin:4px 0 0}.staff-stats{align-items:center;display:flex;gap:20px}.stat-item{gap:4px}.stat-value{color:#667eea}.client-count{flex-direction:column;gap:4px}.client-count,.count-badge{align-items:center;display:flex}.count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.count-label{color:#7f8c8d;font-size:11px;font-weight:600}.expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:20px;padding:8px;transition:transform .3s ease}.expand-btn:hover{transform:scale(1.2)}.clients-list{animation:slideDown .3s ease;border-top:2px solid #f0f0f0;padding:0 20px 20px}.no-clients{color:#7f8c8d;padding:40px;text-align:center}.no-clients span{display:block;font-size:48px;margin-bottom:10px}.no-clients p{font-size:14px;margin:0}.clients-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.clients-table-wrapper{border:1px solid #e9ecef;border-radius:8px;margin-top:20px;overflow-x:auto}.clients-table{background:#fff}.clients-table th{font-size:13px;padding:14px 16px}.clients-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.clients-table tbody tr:hover{background-color:#f8f9fa}.clients-table tbody tr:last-child{border-bottom:none}.clients-table td{color:#2c3e50;padding:14px 16px}.client-icon-small{font-size:18px}.status-badge{align-items:center;display:inline-flex}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.client-item{border:2px solid #e9ecef;border-radius:10px;gap:12px;position:relative}.client-item:hover{box-shadow:0 2px 8px #667eea1a;transform:translateY(-2px)}.client-icon{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.client-info h4{margin:0 0 6px}.client-company,.client-email,.client-phone{color:#7f8c8d;font-size:12px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-company{color:#667eea;font-weight:500}.status-indicator{font-size:12px;position:absolute;right:10px;top:10px}.status-indicator.active{color:#26de81}.status-indicator.inactive{color:#fc5c65}.error-state,.loading-state{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:80px 20px;text-align:center}.empty-icon,.error-icon,.loading-icon{font-size:64px;margin-bottom:20px}.error-state p,.loading-state p{color:#7f8c8d;font-size:16px;margin:0}.error-state p{color:#fc5c65}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.empty-state{border-radius:12px;padding:60px 20px}.empty-state p{margin:10px 0 0}.clients-pagination{align-items:center;border-top:2px solid #e9ecef;display:flex;gap:15px;grid-column:1/-1;justify-content:center;margin-top:20px;padding-top:20px}.clients-pagination .pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.clients-pagination .pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.clients-pagination .pagination-btn:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed}.clients-pagination .pagination-numbers{display:flex;gap:8px}.clients-pagination .pagination-number{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.clients-pagination .pagination-number:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.clients-pagination .pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.staff-header{align-items:flex-start;flex-direction:column;gap:15px}.staff-stats{justify-content:space-between;width:100%}.clients-grid{grid-template-columns:1fr}.clients-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.clients-table{min-width:600px}.reports-header h1{font-size:24px}.clients-pagination{flex-wrap:wrap}}.reports-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.report-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.report-card h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.report-card p{color:#7f8c8d;font-size:14px;margin:10px 0 20px}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .3s ease;width:100%}.btn-generate:hover{transform:scale(1.05)}.recent-reports{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.recent-reports h2{color:#2c3e50;font-size:24px;margin:0 0 20px}.reports-list{display:flex;flex-direction:column;gap:15px}.report-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:20px;transition:background .3s ease}.report-item:hover{background:#e9ecef}.report-icon{font-size:32px}.report-info{flex:1 1}.report-info h4{color:#2c3e50;font-size:16px;margin:0 0 5px}.report-info p{color:#95a5a6;font-size:13px;margin:0}.btn-download{background:#00d4ff20;border:none;border-radius:6px;color:#00d4ff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-download:hover{background:#00d4ff;color:#fff}.settings-page{animation:fadeIn .5s ease;padding:20px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.header-content h1{font-size:32px}.unsaved-changes-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ffa502,#ff7f00);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px}.alert{animation:slideDown .3s ease;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding:15px}.tab-btn{background:#0000;border-radius:8px;color:#7f8c8d;padding:12px 20px}.tab-btn:hover{background:#f8f9fa;color:#667eea}.tab-btn.active{box-shadow:0 4px 12px #667eea4d}.tab-icon{font-size:18px}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;min-height:400px;padding:30px}.settings-section h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 10px}.section-description{color:#7f8c8d;font-size:14px;margin:0 0 25px}.settings-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item.full-width{grid-column:1/-1}.setting-item label{color:#495057;font-size:14px;font-weight:600}.setting-item input[type=email],.setting-item input[type=number],.setting-item input[type=tel],.setting-item input[type=text],.setting-item select,.setting-item textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.setting-item input:focus,.setting-item select:focus,.setting-item textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-item input:disabled,.setting-item select:disabled,.setting-item textarea:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.setting-item textarea{min-height:80px;resize:vertical}.checkbox-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.checkbox-item:hover{background:#f0f4ff;border-color:#667eea}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:12px;margin:0}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label span{flex:1 1}.helper-text{color:#7f8c8d;font-size:12px;font-style:italic}.warning-text{color:#ff7f00;font-weight:600}.btn-backup{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.btn-backup:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.settings-actions{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;justify-content:space-between;padding:20px}.action-buttons-right,.settings-actions{display:flex;gap:15px}.btn-cancel,.btn-reset,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#26de81,#20bf6b)}.btn-save:hover:not(:disabled){box-shadow:0 5px 15px #26de8166}.btn-save:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd}.btn-cancel:hover:not(:disabled){transform:translateY(-2px)}.btn-cancel:disabled{opacity:.5}.btn-reset{background:linear-gradient(135deg,#fc5c65,#eb3b5a);color:#fff}.btn-reset:hover:not(:disabled){box-shadow:0 5px 15px #fc5c6566;transform:translateY(-2px)}.btn-reset:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed}@media (max-width:1024px){.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-header{align-items:flex-start;gap:15px}.settings-header,.settings-tabs{flex-direction:column}.tab-btn{justify-content:center;width:100%}.settings-content{padding:20px}.settings-actions{flex-direction:column}.action-buttons-right{flex-direction:column;width:100%}.btn-cancel,.btn-reset,.btn-save{width:100%}.settings-grid{gap:15px}}@media (max-width:480px){.header-content h1{font-size:24px}.settings-section h2{font-size:20px}.settings-content{padding:15px}.tab-icon{font-size:16px}.tab-label{font-size:12px}}.client-sidebar{background:linear-gradient(180deg,#0f3443,#0a1f2e);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.client-sidebar.collapsed{width:80px}.sidebar-header h2,.user-info .user-name{color:#26de81}.nav-item-wrapper{margin:5px 10px}.nav-item.has-submenu{cursor:pointer}.nav-item.has-submenu:hover{transform:none}.nav-item.active{background:linear-gradient(90deg,#26de81,#20bf6b)}.client-sidebar.collapsed .nav-icon{margin-right:0}.nav-label{flex:1 1}.submenu-arrow{font-size:12px;margin-left:auto;transition:transform .3s ease}.nav-item.has-submenu.expanded .submenu-arrow{transform:rotate(0deg)}.submenu{animation:slideDown .3s ease;background:#0003;border-radius:8px;display:flex;flex-direction:column;margin-top:5px;padding:5px 0}.submenu-item{align-items:center;border-radius:6px;color:#fff9;display:flex;margin:2px 8px;padding:12px 20px 12px 50px;position:relative;text-decoration:none;transition:all .3s ease}.submenu-item:before{background:#ffffff4d;border-radius:50%;content:"";height:6px;left:30px;position:absolute;width:6px}.submenu-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.submenu-item.active{background:#26de8133;color:#26de81;font-weight:600}.submenu-item.active:before{background:#26de81}.submenu-icon{font-size:16px;margin-right:10px;min-width:16px}.submenu-label{font-size:14px;white-space:nowrap}@media (max-width:768px){.client-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:10000}.client-sidebar.mobile-open{transform:translateX(0)}.client-sidebar.collapsed{transform:translateX(-100%);width:260px}.client-sidebar.collapsed.mobile-open{transform:translateX(0)}.toggle-btn.desktop-only{display:none}.sidebar-header{min-height:60px;padding:15px 20px}.sidebar-header h2{font-size:20px}.user-info{padding:12px 20px}.user-info .user-name{font-size:15px}.user-info .user-role{font-size:11px}.nav-item{margin:4px 10px;padding:12px 20px}.nav-icon{font-size:20px}.nav-label{font-size:14px}.submenu-item{font-size:13px;padding:10px 20px 10px 45px}.submenu-item:before{left:25px}}@media (max-width:480px){.client-sidebar{max-width:280px;width:80vw}.sidebar-header h2{font-size:18px}.user-info .user-name{font-size:14px}.nav-item{margin:3px 8px;padding:10px 15px}.nav-icon{font-size:18px;margin-right:12px}.nav-label{font-size:13px}.submenu-item{font-size:12px;padding:8px 15px 8px 40px}.submenu-icon{font-size:14px}}.client-layout{background:#f5f6fa;display:flex;min-height:100vh;position:relative}.client-content{flex:1 1;margin-left:260px;transition:margin-left .3s ease}.client-sidebar.collapsed~.client-content{margin-left:80px}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.mobile-overlay{display:block}.client-content,.client-sidebar.collapsed~.client-content{margin-left:0}.content-wrapper{padding:70px 15px 15px}}.client-dashboard{animation:fadeIn .5s ease}.welcome-section{margin-bottom:30px}.welcome-section h1{color:#2c3e50;font-size:32px;margin-bottom:5px}.welcome-section p{color:#7f8c8d;font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-radius:12px;box-shadow:0 2px 10px #0000000d}.stat-card:hover{box-shadow:0 5px 20px #0000001a}.stat-icon{border-radius:12px;font-size:36px}.stat-info h3{font-size:28px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.dashboard-card.full-width{grid-column:1/-1}.dashboard-card h2{border-bottom:2px solid #f5f6fa;color:#2c3e50;font-size:20px;margin-bottom:20px;padding-bottom:10px}.appointment-list{display:flex;flex-direction:column;gap:15px}.appointment-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.appointment-item:hover{box-shadow:0 3px 10px #0000001a}.appointment-date{align-items:center;background:linear-gradient(135deg,#26de81,#20bf6b);border-radius:8px;color:#fff;display:flex;flex-direction:column;min-width:60px;padding:10px 15px}.date-day{font-size:24px;font-weight:700}.date-month{font-size:12px}.appointment-details{flex:1 1}.appointment-details h4{color:#2c3e50;margin:0 0 5px}.appointment-details p{color:#7f8c8d;font-size:13px;margin:3px 0}.btn-view{background:#00d4ff20;border:none;border-radius:6px;color:#00d4ff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-view:hover{background:#00d4ff;color:#fff}.quick-stats{display:flex;flex-direction:column;gap:15px}.quick-stat-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.stat-label{font-size:14px}.stat-value{font-size:24px}.updates-list{display:flex;flex-direction:column;gap:15px}.update-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px;transition:background .3s ease}.update-item:hover{background:#e9ecef}.update-icon{font-size:24px}.update-content{flex:1 1}.update-title{color:#2c3e50;font-weight:500;margin:0}.update-time{color:#95a5a6;font-size:12px;margin:5px 0 0}@media (max-width:768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.profile-header-card{background:linear-gradient(135deg,#26de81,#20bf6b);box-shadow:0 5px 20px #26de814d}.profile-info .client-id{font-size:14px;font-weight:600;margin:5px 0 15px;opacity:.9}.profile-info .contact-info{display:flex;flex-direction:column;gap:5px}.profile-info .contact-info p{font-size:15px;margin:0;opacity:.95}.btn-edit-profile{color:#26de81}.profile-details-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:20px}.details-card h3{align-items:center;display:flex;gap:8px}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.staff-info-box{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;border-radius:12px;gap:15px;margin-bottom:15px;padding:20px}.staff-avatar,.staff-info-box{align-items:center;display:flex}.staff-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:22px;font-weight:700;height:60px;justify-content:center;width:60px}.staff-details h4{color:#2c3e50;font-size:18px;margin:0 0 8px}.staff-details p{color:#666;font-size:14px;margin:3px 0}.no-staff-message{background:#f8f9fa;border-radius:8px;padding:30px 20px;text-align:center}.no-staff-message p{color:#666;margin:10px 0}.no-staff-message .help-text{color:#999;font-size:13px;font-style:italic}@media (max-width:768px){.profile-header-card{flex-direction:column;padding:30px 20px;text-align:center}.profile-details-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}.action-button{width:100%}.staff-info-box{flex-direction:column;text-align:center}}@media (max-width:1024px){.profile-details-grid{grid-template-columns:1fr}}.modal-content{max-width:700px}.modal-header{border-bottom:2px solid #f0f0f0}.close-btn{background:#f0f0f0;color:#666;transition:all .2s ease}.close-btn:hover{background:#e0e0e0}.form-group{margin-bottom:15px}.form-group label{color:#495057}.form-group input,.form-group textarea{border:2px solid #e0e0e0;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px}.message{font-weight:500;margin:20px 25px 0;padding:12px 20px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-actions{border-top:2px solid #f0f0f0}.password-requirements{border-left:4px solid #26de81}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content{margin:10px;width:95%}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.services-page{animation:fadeIn .5s ease}.services-page h1{color:#2c3e50;font-size:32px;margin-bottom:30px}.active-services-section{margin-bottom:40px}.active-services-section h2,.available-services-section h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.service-icon{font-size:48px;margin-bottom:15px}.service-card h3{color:#2c3e50;font-size:20px;margin:10px 0}.status-badge{margin:10px 0}.next-session{color:#7f8c8d;font-size:14px;margin:15px 0}.btn-manage{background:#00d4ff20;border:none;border-radius:8px;color:#00d4ff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease;width:100%}.btn-manage:hover{background:#00d4ff;color:#fff}.available-services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.available-service-card{background:#fff;border:2px solid #f5f6fa;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px;transition:all .3s ease}.available-service-card:hover{border-color:#26de81;box-shadow:0 5px 20px #26de8133;transform:translateY(-5px)}.available-service-card h3{color:#2c3e50;font-size:24px;margin:0 0 15px}.price{color:#26de81;font-size:36px;font-weight:700;margin:20px 0}.features-list{list-style:none;margin:20px 0;padding:0}.features-list li{border-bottom:1px solid #f5f6fa;color:#495057;padding:10px 0}.features-list li:last-child{border-bottom:none}.btn-subscribe{background:linear-gradient(135deg,#26de81,#20bf6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:transform .3s ease;width:100%}.btn-subscribe:hover{box-shadow:0 5px 15px #26de8166;transform:translateY(-2px)}@media (max-width:768px){.available-services-grid,.services-grid{grid-template-columns:1fr}}.appointments-page{animation:fadeIn .5s ease}.btn-new-appointment{background:linear-gradient(135deg,#26de81,#20bf6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .3s ease,box-shadow .3s ease}.btn-new-appointment:hover{box-shadow:0 5px 15px #26de8166;transform:translateY(-2px)}.appointments-section{margin-bottom:40px}.appointments-section h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.appointments-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.appointment-card{background:#fff;border-left:4px solid #26de81;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.appointment-card.past{border-left-color:#95a5a6;opacity:.8}.appointment-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.appointment-header h3{color:#2c3e50;font-size:20px;margin:0}.status-badge.confirmed{background:#26de8120;color:#26de81}.status-badge.pending{background:#ffa50220;color:#ffa502}.status-badge.completed{background:#95a5a620;color:#7f8c8d}.appointment-details{margin:15px 0}.appointment-details p{color:#495057;font-size:14px;margin:8px 0}.appointment-actions{display:flex;gap:10px;margin-top:20px}.btn-action.reschedule{background:#ffa50220;color:#ffa502}.btn-action.reschedule:hover{background:#ffa502;color:#fff}.btn-action.cancel{background:#ff6b6b20;color:#ff6b6b}.btn-action.cancel:hover{background:#ff6b6b;color:#fff}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.appointments-list{grid-template-columns:1fr}.btn-new-appointment{width:100%}}.documents-page{animation:fadeIn .5s ease}.btn-upload{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.btn-upload:hover{box-shadow:0 5px 15px #667eea66}.documents-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-box{box-shadow:0 2px 10px #0000000d;padding:25px}.stat-box h3{color:#2c3e50;font-size:32px;margin:0 0 10px}.stat-box p{color:#7f8c8d;margin:0}.documents-list{gap:15px;margin-bottom:30px}.document-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.document-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateX(5px)}.document-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:48px;height:60px;justify-content:center;width:60px}.document-info{flex:1 1}.document-info h3{color:#2c3e50;font-size:16px;margin:0 0 8px}.document-meta{color:#7f8c8d;display:flex;font-size:13px;gap:20px;margin:0}.document-actions{gap:10px}.btn-doc-action{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:16px;height:40px;transition:all .3s ease;width:40px}.btn-doc-action.view:hover{background:#00d4ff20;border-color:#00d4ff}.btn-doc-action.download:hover{background:#26de8120;border-color:#26de81}.btn-doc-action.share:hover{background:#ffa50220;border-color:#ffa502}.btn-doc-action.delete:hover{background:#ff6b6b20;border-color:#ff6b6b}.upload-area{margin-top:40px}.upload-box{background:#fff;border:2px dashed #e9ecef;border-radius:12px;padding:60px;text-align:center;transition:all .3s ease}.upload-box:hover{background:#26de8105;border-color:#26de81}.upload-icon{display:block;font-size:64px;margin-bottom:20px}.upload-box h3{color:#2c3e50;font-size:24px;margin:0 0 10px}.upload-box p{color:#7f8c8d;margin:10px 0}.btn-browse{background:linear-gradient(135deg,#26de81,#20bf6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:20px 0 10px;padding:12px 30px;transition:transform .3s ease}.btn-browse:hover{transform:scale(1.05)}.upload-info{color:#95a5a6;font-size:12px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-upload{width:100%}.document-card{flex-direction:column;text-align:center}.document-actions{justify-content:center;width:100%}.upload-box{padding:40px 20px}}.support-page{animation:fadeIn .5s ease}.support-page h1{color:#2c3e50;font-size:32px;margin-bottom:30px}.support-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:40px}.support-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.support-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.support-icon{font-size:48px;margin-bottom:15px}.support-card h3{color:#2c3e50;font-size:20px;margin:10px 0}.support-card p{color:#7f8c8d;font-size:14px;margin:10px 0 20px}.btn-support{background:linear-gradient(135deg,#26de81,#20bf6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .3s ease;width:100%}.btn-support:hover{transform:scale(1.05)}.tickets-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:25px}.section-header h2{font-size:24px}.btn-new-ticket{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .3s ease}.btn-new-ticket:hover{transform:scale(1.05)}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-card{background:#f8f9fa;border-left:4px solid #26de81;border-radius:8px;padding:20px;transition:all .3s ease}.ticket-card:hover{box-shadow:0 3px 10px #0000001a}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ticket-header h3{color:#2c3e50;font-size:16px;margin:0}.priority-badge{border-radius:20px;font-size:11px;font-weight:600;padding:5px 12px}.priority-badge.high{background:#ff6b6b20;color:#ff6b6b}.priority-badge.medium{background:#ffa50220;color:#ffa502}.priority-badge.low{background:#00d4ff20;color:#00d4ff}.ticket-info{align-items:center;display:flex;gap:15px;margin-bottom:15px}.status-badge.open{background:#00d4ff20;color:#00d4ff}.status-badge.in-progress{background:#ffa50220;color:#ffa502}.status-badge.resolved{background:#26de8120;color:#26de81}.ticket-date{color:#7f8c8d;font-size:13px}.btn-view-ticket{background:#00d4ff20;border:none;border-radius:6px;color:#00d4ff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-view-ticket:hover{background:#00d4ff;color:#fff}.faq-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.faq-section h2{color:#2c3e50;font-size:24px;margin:0 0 20px}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#f8f9fa;border-radius:8px;padding:20px;transition:background .3s ease}.faq-item:hover{background:#e9ecef}.faq-item h4{color:#2c3e50;font-size:16px;margin:0 0 10px}.faq-item p{color:#495057;line-height:1.6;margin:0}@media (max-width:768px){.support-options{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-new-ticket{width:100%}}.document-page{animation:fadeIn .5s ease;padding:20px}.page-header{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.header-content h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#7f8c8d;font-size:14px;margin:0}.header-actions{display:flex;gap:12px}.btn-upload{align-items:center;background:linear-gradient(135deg,#0f3443,#0a1f2e);border:none;border-radius:10px;box-shadow:0 4px 15px #0f34434d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-upload:hover{box-shadow:0 6px 20px #0f344366;transform:translateY(-2px)}.btn-upload span{font-size:18px}.btn-submit{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#26de81,#20bf6b);border:none;border-radius:10px;box-shadow:0 4px 15px #26de814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 6px 20px #26de8166;transform:translateY(-2px)}.btn-submit span{font-size:18px}.filters-section{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;gap:20px;padding:20px 25px}.filter-group label{color:#2c3e50}.filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;min-width:150px;padding:8px 16px;transition:all .3s ease}.filter-group select:hover{border-color:#0f3443}.filter-group select:focus{border-color:#26de81;box-shadow:0 0 0 3px #26de811a;outline:none}.filter-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;color:#2c3e50}.search-section{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:15px 25px}.search-bar{max-width:600px}.search-input{border:2px solid #e0e0e0}.search-input:focus{border-color:#0f3443;box-shadow:0 0 0 3px #0f34431a}.clear-search{font-size:12px;right:15px}.search-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;color:#2e7d32;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.documents-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.documents-table{border-collapse:collapse;width:100%}.documents-table thead{background:linear-gradient(135deg,#0f3443,#0a1f2e);color:#fff}.documents-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.documents-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.documents-table tbody tr:hover{background:#f8f9fa;box-shadow:0 2px 8px #00000014;transform:scale(1.01)}.documents-table tbody tr.selected{background:linear-gradient(135deg,#f0fff7,#e6ffed);border-color:#26de81}.documents-table tbody td{color:#2c3e50;font-size:14px;padding:16px}.documents-table tbody td input[type=checkbox]{accent-color:#26de81;cursor:pointer;height:18px;width:18px}.documents-table .doc-name{align-items:center;color:#0f3443;display:flex;font-weight:600;gap:10px}.documents-table .doc-name .doc-icon{font-size:20px}.documents-table .doc-description{color:#555;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-table .doc-actions{display:flex;gap:8px;justify-content:center}.documents-table .btn-delete,.documents-table .btn-download,.documents-table .btn-view{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:6px 10px;transition:all .2s ease}.documents-table .btn-view:hover{background:#e3f2fd;transform:scale(1.1)}.documents-table .btn-download:hover{background:#e8f5e9;transform:scale(1.1)}.documents-table .btn-delete:hover{background:#ffebee;transform:scale(1.1)}.documents-table .btn-delete:disabled{cursor:not-allowed;opacity:.5}.status-badge{border-radius:12px;padding:4px 12px}.status-badge.approved,.status-badge.available,.status-badge.paid,.status-badge.processed,.status-badge.signed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.submitted{background:#d1ecf1;color:#0c5460}.empty-state p{margin:0}.empty-state-small{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;padding:40px 20px;text-align:center}.empty-state-small p{color:#7f8c8d;font-size:14px;margin:0}.document-section{margin-bottom:30px}.section-header-title{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #0f3443;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:15px 20px}.section-header-title h2{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.count-badge{background:#0f3443;border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.btn-upload-section{align-items:center;background:linear-gradient(135deg,#0f3443,#0a1f2e);border:none;border-radius:10px;box-shadow:0 4px 12px #0f34434d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .3s ease}.btn-upload-section:hover:not(:disabled){box-shadow:0 6px 16px #0f344366;transform:translateY(-2px)}.btn-upload-section:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-upload-section span{font-size:18px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.filters-section{align-items:stretch;flex-direction:column}.filter-group,.filter-group select{width:100%}.filter-info{margin-left:0;text-align:center}.documents-table-container{overflow-x:auto}.documents-table{min-width:800px}.documents-table thead th{font-size:12px;padding:12px 10px}.documents-table tbody td{font-size:13px;padding:12px 10px}.documents-table .doc-description{max-width:200px}.section-header-title{flex-wrap:wrap;gap:10px}.btn-upload-section{justify-content:center;margin-left:0;width:100%}.search-section{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.search-info{text-align:center}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-number{font-size:13px;height:36px;width:36px}}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-icon{animation:pulse 1.5s ease-in-out infinite;font-size:48px;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.loading-state p{color:#7f8c8d;font-size:18px;font-weight:500}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:20px}.error-state p{color:#e74c3c;font-size:18px;font-weight:500;max-width:500px}.modal-content{box-shadow:0 10px 40px #0003;max-width:500px;padding:30px}.modal-content h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 20px}.modal-content p{color:#666;margin:10px 0}.form-group{margin:20px 0}.form-group label{font-weight:500}.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.modal-actions{gap:12px;margin-top:25px}.btn-cancel{background:#ecf0f1;border-radius:6px;color:#2c3e50;font-weight:500;padding:10px 20px}.btn-cancel:hover{background:#d5dde0}.btn-confirm{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-confirm:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.staff-sidebar{background:linear-gradient(180deg,#2d3561,#1f2544);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.staff-sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:70px;padding:20px}.sidebar-header h2{color:#ffa502;font-size:24px;font-weight:700;margin:0}.toggle-btn{color:#fff;font-size:20px;padding:5px;transition:transform .3s ease}.toggle-btn:hover{transform:scale(1.1)}.user-info{border-bottom:1px solid #ffffff1a;padding:15px 20px;text-align:center}.user-info .user-name{color:#ffa502;font-size:16px;font-weight:700;margin:0 0 5px}.user-info .user-role{color:#fff9;font-size:12px;letter-spacing:1px;margin:0;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;margin:5px 10px;padding:15px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-item.active{background:linear-gradient(90deg,#ffa502,#ff8c00);color:#fff;font-weight:700}.nav-item.active:before{background:#fff;border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{align-items:center;display:flex;font-size:24px;justify-content:center;margin-right:15px;min-width:24px}.staff-sidebar.collapsed .nav-icon{margin-right:0}.nav-label{overflow:hidden;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:10px}.nav-item.logout{background:#0000;border:none;color:#ff4757;cursor:pointer;font-size:16px;width:100%}.nav-item.logout:hover{background:#ff475733}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.staff-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:10000}.staff-sidebar.mobile-open{transform:translateX(0)}.staff-sidebar.collapsed{transform:translateX(-100%);width:260px}.staff-sidebar.collapsed.mobile-open{transform:translateX(0)}.toggle-btn.desktop-only{display:none}.sidebar-header{min-height:60px;padding:15px 20px}.sidebar-header h2{font-size:20px}.user-info{padding:12px 20px}.user-info .user-name{font-size:15px}.user-info .user-role{font-size:11px}.nav-item{margin:4px 10px;padding:12px 20px}.nav-icon{font-size:20px}.nav-label{font-size:14px}}@media (max-width:480px){.staff-sidebar{max-width:280px;width:80vw}.sidebar-header h2{font-size:18px}.user-info .user-name{font-size:14px}.nav-item{margin:3px 8px;padding:10px 15px}.nav-icon{font-size:18px;margin-right:12px}.nav-label{font-size:13px}}.staff-layout{background:#f5f6fa;display:flex;min-height:100vh;position:relative}.staff-content{flex:1 1;margin-left:260px;transition:margin-left .3s ease}.staff-sidebar.collapsed~.staff-content{margin-left:80px}.content-wrapper{margin:0 auto;max-width:1400px;padding:30px}.mobile-menu-btn{background:linear-gradient(135deg,#2d3561,#1f2544);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:none;height:50px;left:15px;position:fixed;top:15px;transition:all .3s ease;width:50px;z-index:10001}.mobile-menu-btn:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.hamburger-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.mobile-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.mobile-overlay{display:block}.staff-content,.staff-sidebar.collapsed~.staff-content{margin-left:0}.content-wrapper{padding:70px 15px 15px}}@media (max-width:480px){.content-wrapper{padding:70px 10px 10px}.mobile-menu-btn{height:45px;left:12px;top:12px;width:45px}.hamburger-icon{font-size:22px}}@media (min-width:769px) and (max-width:1024px){.content-wrapper{padding:25px}}.staff-dashboard{animation:fadeIn .5s ease;padding:20px}.welcome-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.welcome-content h1{font-size:32px;font-weight:700;margin:0 0 8px}.welcome-content p{font-size:16px;margin:0;opacity:.9}.welcome-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;padding:12px 20px}.date-badge{font-size:14px;font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-card.clients .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.active .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.submitted .stat-icon{background:linear-gradient(135deg,#26de81,#20bf6b)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#ffa502,#ff6348)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon{align-items:center;border-radius:14px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:28px;height:70px;justify-content:center;width:70px}.stat-info h3{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.stat-info p{color:#7f8c8d;font-size:14px;font-weight:500;margin:5px 0 0}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}.dashboard-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.section-header{align-items:center;border-bottom:2px solid #f5f6fa;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h2{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.client-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.clients-list{display:flex;flex-direction:column;gap:12px}.client-item{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.client-item:hover{background:#e9ecef;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.client-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:50px;justify-content:center;width:50px}.client-info{flex:1 1;min-width:0}.client-info h4{color:#2c3e50;font-size:15px;font-weight:600;margin:0 0 4px}.client-info p{font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-status .badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.client-status .badge.active{background:#d4edda;color:#155724}.client-status .badge.inactive{background:#f8d7da;color:#721c24}.view-all{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-top:10px;padding:15px;text-align:center}.view-all a{color:#667eea;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s ease}.view-all a:hover{color:#764ba2}.empty-state{color:#7f8c8d;padding:50px 20px}.empty-icon{font-size:64px;margin-bottom:15px}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.action-btn.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.action-btn.secondary:hover{background:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:18px}.dashboard-footer{margin-top:10px}.info-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:25px}.info-card h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px}.summary-label{color:#7f8c8d;font-size:13px;font-weight:500}.summary-value{color:#2c3e50;font-size:24px;font-weight:700}@media (max-width:768px){.welcome-banner{flex-direction:column;gap:15px;text-align:center}.quick-actions,.stats-grid,.summary-stats{grid-template-columns:1fr}.welcome-content h1{font-size:24px}}.profile-page{animation:fadeIn .5s ease}.profile-page h1{color:#2c3e50;font-size:32px;margin-bottom:30px}.profile-container{display:flex;flex-direction:column;gap:20px}.profile-header-card{align-items:center;background:linear-gradient(135deg,#ffa502,#ff8c00);border-radius:12px;box-shadow:0 5px 20px #ffa5024d;color:#fff;display:flex;gap:30px;padding:40px;position:relative}.profile-avatar-large{align-items:center;background:#ffffff4d;border:4px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;width:120px}.profile-info{flex:1 1}.profile-info h2{color:#fff;font-size:32px;margin:0 0 10px}.profile-info p{font-size:16px;margin:5px 0;opacity:.95}.btn-edit-profile{background:#fff;border:none;border-radius:8px;color:#ffa502;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .3s ease}.btn-edit-profile:hover{transform:scale(1.05)}.profile-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.details-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.details-card h3{border-bottom:2px solid #f5f6fa;color:#2c3e50;font-size:20px;margin:0 0 20px;padding-bottom:10px}.info-row{border-bottom:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{font-weight:500}.info-value{font-weight:600;text-align:right}.performance-stat{align-items:center;border-bottom:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:15px 0}.performance-stat:last-child{border-bottom:none}.stat-label{font-size:15px}.stat-value{color:#2c3e50;font-size:20px;font-weight:700}.stat-value.success{color:#26de81}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{background:#ffa50220;border-radius:20px;color:#ffa502;font-size:13px;font-weight:600;padding:8px 16px}.profile-actions{display:flex;flex-wrap:wrap;gap:15px}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.action-button.secondary{background:#e9ecef;color:#495057}.action-button.secondary:hover{background:#dee2e6}@media (max-width:768px){.profile-header-card{flex-direction:column;padding:30px 20px;text-align:center}.profile-details-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}.action-button{width:100%}}.staff-id{font-size:14px;font-weight:600;margin:5px 0 15px;opacity:.9}.contact-info{display:flex;flex-direction:column;gap:5px}.contact-info p{font-size:15px;margin:0;opacity:.95}.role-badge{background:linear-gradient(135deg,#ffa502,#ff8c00);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:20px 25px}.close-btn{background:#e9ecef;font-size:20px;height:32px;width:32px}.close-btn:hover{background:#dee2e6}.form-content{padding:25px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#ffa502;outline:none}.modal-actions{border-top:2px solid #f5f6fa;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-save:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{border-radius:8px;font-size:14px}.btn-cancel:hover:not(:disabled){background:#dee2e6}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;font-size:14px;font-weight:600;margin:0 25px;padding:15px 25px}.message.success{background:#26de8120;border:2px solid #26de81;color:#26de81}.message.error{background:#ff636320;border:2px solid #ff6363;color:#ff6363}.password-requirements{background:#f8f9fa;border-left:4px solid #ffa502;border-radius:8px;margin-top:15px;padding:15px}.password-requirements p{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 10px}.password-requirements ul{list-style-type:disc;margin:0;padding-left:20px}.password-requirements li{color:#495057;font-size:13px;margin-bottom:5px}.btn-refresh{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#5568d3;transform:rotate(90deg)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.session-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;display:flex;gap:15px;margin-bottom:12px;padding:15px;transition:all .3s ease}.session-item:hover{background:#e9ecef}.session-item.current-session{background:#e6f7ed;border-color:#28a745}.session-icon{font-size:24px}.session-info{flex:1 1}.session-device{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:10px;margin-bottom:5px}.current-badge{background:#28a745;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:3px 8px}.session-details{color:#7f8c8d;display:flex;font-size:13px;gap:15px}.btn-logout-all{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px;transition:all .3s ease;width:100%}.btn-logout-all:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.btn-logout-all:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.tasks-page{animation:fadeIn .5s ease;padding:20px}.tasks-header{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;padding:25px}.tasks-header .header-content h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.tasks-header .header-content p{color:#7f8c8d;font-size:14px;margin:0 0 20px}.tasks-stats{border-top:2px solid #f5f6fa;display:flex;gap:30px;padding-top:20px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.stat-number{font-size:32px}.stat-label{font-size:13px}.tabs-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.tab-btn{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease}.tab-icon{font-size:16px}.tab-label{font-size:14px}.tab-count{background:#0000001a;border-radius:10px;font-size:12px;margin-left:4px;padding:2px 8px}.tab-btn:hover{background:#e9ecef;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.tab-btn.active .tab-count{background:#ffffff40;color:#fff}.search-filter-section{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.search-bar{flex:1 1;max-width:500px;min-width:280px}.search-icon{font-size:18px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;font-size:14px;padding:12px 45px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#adb5bd}.clear-search{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-search:hover{background:#c0392b;transform:translateY(-50%) scale(1.1)}.client-dropdown{animation:dropdownSlide .2s ease;box-shadow:0 8px 24px #00000026;overflow:hidden;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.dropdown-count{background:#ffffff40;border-radius:10px;font-size:12px;padding:2px 8px}.dropdown-list{max-height:300px;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f8f9fa}.dropdown-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(90deg,#f8f9ff,#fff);padding-left:20px}.dropdown-item-content{align-items:center;display:flex;flex:1 1;gap:12px}.dropdown-item .client-icon{flex-shrink:0;font-size:20px}.client-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.client-name-dropdown{color:#2c3e50;font-size:14px;font-weight:600}.client-email-dropdown{color:#7f8c8d;font-size:12px}.client-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;white-space:nowrap}.dropdown-no-results{padding:30px 20px;text-align:center}.no-results-icon{display:block;font-size:40px;margin-bottom:12px;opacity:.5}.dropdown-no-results p{color:#7f8c8d;font-size:14px;margin:0 0 15px}.clear-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s ease}.clear-search-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.client-filter{align-items:center;display:flex;flex:0 0 auto;gap:10px}.client-filter label{color:#495057;font-size:14px;font-weight:600;white-space:nowrap}.client-select{max-width:300px;min-width:200px}.filter-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px;color:#2e7d32;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;margin-left:auto;padding:8px 16px}.year-range-info{font-size:11px;font-weight:500;opacity:.9}.filters-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.filter-group,.filters-section{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#495057;font-size:14px;font-weight:600;white-space:nowrap}.filter-select{background:#f8f9fa;border-radius:10px;color:#495057;font-weight:500;min-width:150px}.filter-select:focus,.filter-select:hover{background:#fff}.reset-filters-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;margin-left:auto;padding:10px 20px;transition:all .3s ease}.reset-filters-btn:hover{box-shadow:0 4px 12px #f5576c4d;transform:translateY(-2px)}.tasks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:20px}.task-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;padding:20px;transition:all .3s ease}.task-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.task-header-card{align-items:center;border-bottom:2px solid #f5f6fa;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.status-badge{font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-reviewed{background:#d1ecf1;color:#0c5460}.status-badge.status-approved{background:#d4edda;color:#155724}.status-badge.status-rejected{background:#f8d7da;color:#721c24}.task-date{color:#7f8c8d;font-size:12px;font-weight:600}.task-content h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 15px}.client-info{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.client-icon{font-size:24px}.client-name{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.client-contact{color:#7f8c8d;font-size:12px;margin:0}.task-meta{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:10px}.empty-state{background:#fff;border:2px dashed #e0e0e0;border-radius:16px;padding:80px 20px}.empty-icon{opacity:.5}.empty-state p{color:#7f8c8d;font-size:18px}.help-text{color:#95a5a6!important;font-size:14px!important}.modal-overlay{background:#00000080;overflow-y:auto;padding:20px;z-index:10000}.modal-content.task-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:2px solid #f5f6fa;padding:25px}.modal-header h2{color:#2c3e50;font-weight:700}.close-btn{background:none;color:#7f8c8d;font-size:28px;height:35px;padding:0;transition:color .3s ease;width:35px}.close-btn:hover{color:#ff6b6b}.modal-body{padding:25px}.detail-section{margin-bottom:25px}.detail-section h3{font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.detail-section p{color:#495057;font-size:14px;line-height:1.6;margin:10px 0}.detail-section p strong{color:#2c3e50;display:inline-block;font-weight:600;min-width:120px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:10px;color:#495057;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{border-top:2px solid #f5f6fa;gap:12px;padding:20px 25px}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-cancel{background:#f8f9fa;border:2px solid #e9ecef}.btn-cancel:hover{background:#e9ecef}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-save:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.documents-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.document-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.document-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.document-info-inline{align-items:flex-start;display:flex;flex:1 1;gap:12px}.doc-icon{flex-shrink:0;font-size:24px}.doc-details{flex:1 1;min-width:0}.doc-name{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.doc-description{color:#666;font-size:13px;line-height:1.4;margin:4px 0}.doc-meta{color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-top:8px}.doc-meta span{align-items:center;display:flex;gap:4px}.doc-status{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.doc-status.status-pending{background:#fff3cd;color:#856404}.doc-status.status-approved{background:#d4edda;color:#155724}.doc-status.status-rejected{background:#f8d7da;color:#721c24}.document-actions{display:flex;flex-shrink:0;gap:8px}.btn-download,.btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-view{background:#667eea;color:#fff}.btn-view:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-download{background:#28a745;color:#fff}.btn-download:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.no-documents{background:#f8f9fa;border-radius:8px;font-style:italic;margin-top:12px;padding:20px}.client-reports-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.reports-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.reports-subtitle{color:#7f8c8d;font-size:14px;margin:0 0 20px}.view-toggle{background:#f8f9fa;border-radius:8px;display:flex;gap:8px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.toggle-btn:hover{background:#667eea1a;color:#2c3e50}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table-container{border:1px solid #e9ecef;border-radius:12px;margin-top:20px;overflow-x:auto}.reports-table{background:#fff;border-collapse:collapse;width:100%}.reports-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reports-table th{font-size:14px;font-weight:600;padding:15px 20px;text-align:left;white-space:nowrap}.reports-table th:first-child{border-top-left-radius:12px}.reports-table th:last-child{border-top-right-radius:12px}.reports-table tbody tr{border-bottom:1px solid #f1f3f5;transition:all .2s ease}.reports-table tbody tr:hover{background:#f8f9fa}.reports-table tbody tr:last-child{border-bottom:none}.reports-table td{color:#495057;font-size:14px;padding:15px 20px}.doc-name-cell{align-items:flex-start;display:flex;gap:12px;max-width:300px}.doc-name-cell .doc-icon{flex-shrink:0;font-size:20px}.doc-name-cell .doc-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.doc-name-cell .doc-description{color:#7f8c8d;font-size:12px;margin-top:4px}.table-actions{display:flex;gap:8px}.btn-action{font-size:16px;padding:6px 12px}.btn-action.btn-view{background:#e3f2fd;color:#1976d2}.btn-action.btn-view:hover{background:#1976d2;color:#fff;transform:translateY(-2px)}.btn-action.btn-download{background:#e8f5e9;color:#388e3c}.btn-action.btn-download:hover{background:#388e3c;color:#fff;transform:translateY(-2px)}.reports-table .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.reports-table .status-pending{background:#ffeaa7;color:#d63031}.reports-table .status-approved{background:#00b894;color:#fff}.reports-table .status-available{background:#74b9ff;color:#0984e3}.reports-table .status-signed{background:#a29bfe;color:#6c5ce7}.reports-table .status-paid{background:#55efc4;color:#00b894}.reports-table .status-reviewed{background:#74b9ff;color:#0984e3}.reports-table .status-rejected{background:#ff7675;color:#fff}.status-submitted{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-not-submitted{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.clients-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:30px}.table-header{margin-bottom:25px}.table-header h2{color:#2d3748;font-size:24px;margin:0 0 8px}.table-subtitle{color:#718096;font-size:14px;margin:0}.clients-table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.clients-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clients-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.clients-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.clients-table tbody tr:hover{background-color:#f7fafc}.clients-table td{color:#4a5568;font-size:14px;padding:16px}.client-name-cell{align-items:center;display:flex;gap:10px}.client-name-cell .client-icon{font-size:20px}.text-center{text-align:center}.status-summary{display:flex;flex-wrap:wrap;gap:8px}.status-summary .status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.btn-view-client{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s}.btn-view-client:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.tasks-page{padding:15px}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.tab-btn{flex-shrink:0;min-width:150px}.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.search-filter-section{align-items:stretch;flex-direction:column}.search-bar{max-width:100%;min-width:100%}.client-filter{width:100%}.client-select{max-width:100%;min-width:100%}.filters-section{flex-wrap:wrap}.filter-group{flex:1 1 45%;min-width:150px}.filter-info{text-align:center}.filter-info,.reset-filters-btn{flex:1 1 100%;margin-left:0;margin-top:10px}}@media (max-width:767px){.tasks-page{padding:10px}.tasks-header{padding:15px}.tasks-header .header-content h1{font-size:22px}.tasks-header .header-content p{font-size:13px}.tasks-stats{flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-around}.stat-item{flex:1 1 30%;min-width:80px}.stat-number{font-size:24px}.stat-label{font-size:11px}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:10px}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:2px}.tab-btn{flex-shrink:0;font-size:13px;min-width:140px;padding:10px 14px;white-space:nowrap}.tab-icon{font-size:14px}.tab-label{font-size:12px}.search-filter-section{flex-direction:column;gap:12px;padding:15px}.search-bar{max-width:100%;min-width:100%}.search-input{font-size:13px;padding:10px 40px}.search-icon{font-size:16px}.client-dropdown{max-height:70vh}.dropdown-list{max-height:calc(70vh - 50px)}.dropdown-item{padding:10px 12px}.dropdown-item:hover{padding-left:12px}.client-name-dropdown{font-size:13px}.client-email-dropdown{font-size:11px}.client-badge{font-size:10px;padding:3px 8px}.client-filter{align-items:stretch;flex-direction:column;gap:8px;width:100%}.client-filter label{font-size:13px}.client-select{max-width:100%;min-width:100%;padding:10px 12px}.filters-section{flex-direction:column;gap:12px;padding:15px}.filter-group{align-items:stretch;flex-direction:column;gap:6px;width:100%}.filter-group label{font-size:13px}.filter-select{font-size:13px;min-width:100%;padding:10px 12px;width:100%}.filter-info{font-size:12px;margin-left:0;padding:10px 12px;text-align:center}.year-range-info{font-size:10px}.reset-filters-btn{font-size:13px;justify-content:center;margin-left:0;padding:10px 16px;width:100%}.tasks-grid{gap:15px;grid-template-columns:1fr}.task-card{padding:15px}.task-content h3{font-size:16px}.client-info{padding:10px}.client-icon{font-size:20px}.client-name{font-size:13px}.client-contact{font-size:11px}.client-reports-section,.clients-table-section{border-radius:12px;padding:15px}.reports-header,.table-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:15px}.reports-header h2,.table-header h2{font-size:18px}.reports-subtitle,.table-subtitle{font-size:12px}.view-toggle{justify-content:stretch;width:100%}.toggle-btn{flex:1 1;font-size:13px;padding:10px 12px}.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin-left:-15px;margin-right:-15px;overflow-x:auto;padding:0 15px}.clients-table,.reports-table{font-size:12px;min-width:800px}.clients-table th,.reports-table th{font-size:11px;padding:12px 10px}.clients-table td,.reports-table td{font-size:12px;padding:12px 10px}.doc-name-cell{gap:8px;max-width:180px}.doc-name-cell .doc-icon{font-size:18px}.doc-name-cell .doc-name{font-size:12px}.doc-name-cell .doc-description{font-size:11px}.table-actions{flex-direction:column;gap:6px;min-width:100px}.btn-action{font-size:11px;justify-content:center;padding:6px 10px;white-space:nowrap;width:100%}.btn-view-client{font-size:12px;padding:8px 12px}.status-badge{font-size:10px;padding:4px 8px}.status-summary{flex-direction:column;gap:4px}.pagination{flex-wrap:wrap;gap:6px;padding:15px}.pagination-btn{font-size:12px;padding:8px 14px}.pagination-numbers{flex-wrap:wrap;gap:5px;justify-content:center}.pagination-number{font-size:12px;height:36px;width:36px}.modal-overlay{align-items:flex-start;padding:10px}.modal-content.task-modal{margin:10px 0;max-height:95vh;max-width:100%}.modal-header{padding:15px}.modal-header h2{font-size:18px}.close-btn{font-size:24px;height:30px;width:30px}.modal-body{padding:15px}.detail-section{margin-bottom:20px}.detail-section h3{font-size:14px}.detail-section p{font-size:13px}.detail-section p strong{font-size:13px;min-width:100px}.document-item{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.document-info-inline{gap:10px}.doc-icon{font-size:20px}.doc-name{font-size:13px}.doc-description{font-size:12px}.doc-meta{font-size:11px;gap:8px}.document-actions{gap:8px;width:100%}.btn-download,.btn-view{flex:1 1;font-size:12px;justify-content:center;padding:10px 14px}.form-group{margin-bottom:15px}.form-group label{font-size:13px;margin-bottom:6px}.form-group select,.form-group textarea{font-size:13px;padding:10px}.helper-text{font-size:11px}.modal-footer{flex-direction:column-reverse;gap:10px;padding:15px}.btn-cancel,.btn-save{font-size:14px;padding:12px 20px;width:100%}.empty-state{padding:40px 20px}.empty-icon{font-size:60px}.empty-state p{font-size:16px}.help-text{font-size:13px!important}}@media (max-width:480px){.tasks-page{padding:8px}.tasks-header{padding:12px}.tasks-header .header-content h1{font-size:18px}.tasks-stats{padding-top:15px}.stat-item{flex:1 1 30%}.stat-number{font-size:20px}.stat-label{font-size:10px}.tab-btn{min-width:120px;padding:8px 12px}.clients-table,.reports-table{min-width:700px}.table-container{margin-left:-8px;margin-right:-8px;padding:0 8px}.client-reports-section,.clients-table-section{padding:12px}.modal-header h2{font-size:16px}.detail-section h3{font-size:13px}}.clients-page{animation:fadeIn .5s ease}.page-header{align-items:center;display:flex;justify-content:space-between}.page-header h1{margin:0}.header-stats{align-items:center;display:flex;gap:15px}.client-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.search-section{margin-bottom:25px}.search-bar,.search-bar-container{position:relative}.search-bar{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;padding:15px 20px;transition:all .3s ease}.search-bar:focus-within{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.search-icon{color:#7f8c8d;font-size:20px;margin-right:12px}.search-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:15px;outline:none}.search-input::placeholder{color:#95a5a6}.clear-search-btn{align-items:center;background:#e9ecef;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;margin-left:10px;transition:all .3s ease;width:28px}.clear-search-btn:hover{background:#667eea;color:#fff;transform:rotate(90deg)}.client-dropdown{animation:slideDown .2s ease;background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 8px 24px #667eea33;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;font-size:13px;font-weight:600;padding:12px 15px;text-align:center}.client-dropdown-item{align-items:center;border-bottom:1px solid #f1f3f5;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:all .2s ease}.client-dropdown-item:last-child{border-bottom:none}.client-dropdown-item:hover{background:#f8f9fa;padding-left:20px}.client-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.client-dropdown-info{flex:1 1;min-width:0}.client-dropdown-name{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:3px}.client-dropdown-email,.client-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-dropdown-email{color:#7f8c8d;font-size:13px}.client-dropdown-arrow{color:#667eea;flex-shrink:0;font-size:18px;transition:all .2s ease}.client-dropdown-item:hover .client-dropdown-arrow{transform:translateX(5px)}.selected-client-banner{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#e6f7ed,#f0f9ff);border:2px solid #28a745;border-radius:12px;display:flex;justify-content:space-between;margin-top:12px;padding:12px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.selected-client-banner span{color:#2c3e50;font-size:14px}.selected-client-banner strong{color:#28a745;font-weight:700}.btn-clear-selection{background:#fff;border:2px solid #28a745;border-radius:8px;color:#28a745;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-clear-selection:hover{background:#28a745;box-shadow:0 4px 12px #28a7454d;color:#fff;transform:translateY(-2px)}.search-results-info{background:#f8f9fa;border-radius:10px;color:#495057;font-size:14px;font-weight:500;margin-top:10px;padding:8px 15px;text-align:center}.loading-container{color:#666;padding:60px 20px;text-align:center}.error-message{background:#ff636320;border:2px solid #ff6363;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.error-message p{color:#c0392b;font-weight:600;margin:0 0 15px}.btn-retry{background:#ff6363;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .3s ease}.btn-retry:hover{transform:scale(1.05)}.no-clients-message{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state{max-width:400px;text-align:center}.empty-icon{display:block;font-size:80px;margin-bottom:20px}.empty-state h2{color:#2c3e50;margin:0 0 15px}.empty-state p{color:#666;font-size:16px;margin:10px 0}.empty-state .help-text{color:#999;font-size:14px;font-style:italic}.clients-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.client-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.client-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.client-card-header{background:linear-gradient(135deg,#667eea,#764ba2);gap:15px;padding:25px}.client-avatar,.client-card-header{align-items:center;color:#fff;display:flex}.client-avatar{background:#ffffff4d;border:3px solid #fff;border-radius:50%;flex-shrink:0;font-size:22px;font-weight:700;height:60px;justify-content:center;width:60px}.client-header-info{flex:1 1;text-align:left}.client-header-info h3{color:#fff;font-size:18px;margin:0 0 5px}.client-id{font-size:13px;margin:0;opacity:.9}.client-details{padding:20px}.detail-row{align-items:center;border-bottom:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#7f8c8d;font-size:14px;font-weight:500}.detail-value{color:#2c3e50;font-size:14px;font-weight:600;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.status-badge.inactive{background:#ff636320;color:#ff6363}.client-actions{gap:10px;padding:15px 20px 20px}.btn-action{border-radius:8px;font-size:13px;padding:10px 16px}.btn-action.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-action.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-action.secondary{background:#f5f6fa;color:#2c3e50}.btn-action.secondary:hover{background:#e9ecef}@media (max-width:768px){.clients-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.client-card-header{flex-direction:column;text-align:center}.client-header-info{text-align:center}.client-actions{flex-direction:column}}.client-info{margin:15px 0}.client-info p{color:#7f8c8d;font-size:14px;margin:10px 0}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:10px;padding:5px 12px}.status-badge.active{background:#26de8120;color:#26de81}.status-badge.on-hold{background:#ffa50220;color:#ffa502}.progress-section{margin:20px 0}.progress-header{color:#7f8c8d;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e9ecef;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress-fill{border-radius:5px;height:100%;transition:width 1s ease}.client-actions{display:flex;gap:8px;margin-top:20px}.btn-action{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:10px;transition:all .3s ease}.btn-action.view{background:#00d4ff20;color:#00d4ff}.btn-action.view:hover{background:#00d4ff;color:#fff}.btn-action.message{background:#26de8120;color:#26de81}.btn-action.message:hover{background:#26de81;color:#fff}.btn-action.schedule{background:#ffa50220;color:#ffa502}.btn-action.schedule:hover{background:#ffa502;color:#fff}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:10px;justify-content:center;margin-top:30px;padding:20px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pagination-btn:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed}.pagination-numbers{display:flex;gap:8px}.pagination-number{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-add-client{width:100%}.clients-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-number{font-size:13px;height:36px;width:36px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.client-details-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f1f3f5;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#fff;font-size:24px;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.detail-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.detail-section h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin:0 0 20px}.client-header-info-modal{align-items:center;display:flex;gap:20px}.client-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.client-id-modal{color:#7f8c8d;font-size:14px;margin:5px 0 0}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1/-1}.info-label{color:#7f8c8d;font-size:13px;font-weight:600}.info-value{color:#2c3e50;font-size:15px;font-weight:500}.loading-text{color:#7f8c8d;padding:20px;text-align:center}.submissions-list{display:flex;flex-direction:column;gap:15px}.submission-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.submission-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.submission-header h4{color:#2c3e50;font-size:16px;margin:0}.submission-date,.submission-docs{color:#7f8c8d;font-size:14px;margin:5px 0}.submission-notes{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:15px;padding:15px}.submission-notes strong{color:#2c3e50;display:block;margin-bottom:8px}.submission-notes p{color:#495057;font-size:14px;line-height:1.6;margin:0}.documents-preview{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.documents-preview strong{color:#2c3e50;display:block;margin-bottom:10px}.documents-preview ul{list-style:none;margin:0;padding:0}.documents-preview li{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.documents-preview li span{color:#2c3e50;font-size:14px}.doc-actions{display:flex;gap:8px}.btn-download-small,.btn-view-small{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.btn-view-small{background:#667eea;color:#fff}.btn-view-small:hover{background:#5568d3;transform:scale(1.05)}.btn-download-small{background:#28a745;color:#fff}.btn-download-small:hover{background:#218838;transform:scale(1.05)}.no-documents{color:#7f8c8d;padding:40px 20px;text-align:center}.no-documents p{margin:8px 0}.help-text{color:#95a5a6;font-size:14px}.modal-footer{border-top:2px solid #f1f3f5;display:flex;gap:10px;justify-content:flex-end;padding:20px 30px}.btn-cancel{background:#e9ecef;border:none;border-radius:10px;color:#495057;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#dee2e6;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content.client-details-modal{max-height:95vh;width:95%}.info-grid{grid-template-columns:1fr}.documents-preview li{align-items:flex-start;flex-direction:column;gap:10px}.doc-actions{justify-content:flex-end;width:100%}.submission-stats{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column}.filter-select{width:100%}}.submission-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.stat-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.stat-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-box.status-submitted{background:linear-gradient(135deg,#e6f7ed,#fff);border-color:#28a745}.stat-box.status-not-submitted{background:linear-gradient(135deg,#fce8ea,#fff);border-color:#dc3545}.status-badge.status-submitted{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.status-not-submitted{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.stat-number{color:#2c3e50;display:block;font-size:28px;font-weight:700;margin-bottom:5px}.stat-label{color:#7f8c8d;display:block;font-size:12px;font-weight:600;text-transform:uppercase}.submissions-controls{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:15px}.filters-row{display:flex;gap:10px;margin-bottom:10px}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;flex:1 1;font-size:14px;padding:10px 15px;transition:all .3s ease}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-row{align-items:center;display:flex;position:relative}.search-input-modal{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:14px;padding:10px 15px;transition:all .3s ease}.search-input-modal:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search-small{align-items:center;background:#e9ecef;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:10px;transition:all .3s ease;width:24px}.clear-search-small:hover{background:#667eea;color:#fff;transform:rotate(90deg)}.filter-results-info{align-items:center;background:#f8f9fa;border-radius:8px;color:#495057;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.btn-clear-filters{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s ease}.btn-clear-filters:hover{background:#5568d3;transform:translateY(-1px)}.show-more-container{margin-top:15px;text-align:center}.btn-show-less,.btn-show-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-show-less:hover,.btn-show-more:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-show-less{background:#6c757d;box-shadow:0 4px 12px #6c757d4d}.btn-show-less:hover{box-shadow:0 6px 16px #6c757d66}.schedule-page{animation:fadeIn .5s ease}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:32px;margin-bottom:20px}.schedule-nav{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;justify-content:center;padding:15px}.nav-btn{background:#f8f9fa;border:none;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-btn:hover{background:#ffa502;color:#fff}.current-week{color:#2c3e50;font-size:18px;font-weight:600}.week-view{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}.day-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;min-height:150px;padding:20px;transition:transform .3s ease}.day-card.today{border:2px solid #ffa502;box-shadow:0 5px 20px #ffa50233}.day-card:hover{transform:translateY(-5px)}.day-header{border-bottom:2px solid #f5f6fa;margin-bottom:15px;padding-bottom:15px;text-align:center}.day-header h3{color:#2c3e50;font-size:16px;margin:0 0 5px}.day-header span{color:#7f8c8d;font-size:14px}.day-events{display:flex;flex-direction:column;gap:10px}.event-item{background:#ffa50210;border-left:3px solid #ffa502;border-radius:6px;padding:10px}.event-time{color:#7f8c8d;display:block;font-size:12px;margin-bottom:5px}.event-title{color:#2c3e50;font-size:14px;font-weight:600}.today-schedule{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:25px}.today-schedule h2{border-bottom:2px solid #f5f6fa;color:#2c3e50;font-size:24px;margin:0 0 20px;padding-bottom:10px}.schedule-timeline{display:flex;flex-direction:column;gap:15px}.timeline-item{align-items:center;background:#f8f9fa;border-left:4px solid #ffa502;border-radius:8px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.timeline-item:hover{box-shadow:0 3px 10px #0000001a}.timeline-time{min-width:100px}.timeline-time span{background:linear-gradient(135deg,#ffa502,#ff8c00);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:700;padding:8px 12px}.timeline-content{flex:1 1}.timeline-content h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.timeline-details{display:flex;flex-wrap:wrap;gap:15px}.event-type{background:#00d4ff20;border-radius:15px;color:#00d4ff;font-size:12px;font-weight:600;padding:5px 12px}.event-location{color:#7f8c8d;font-size:13px}.timeline-actions{display:flex;gap:10px}.btn-timeline{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-timeline.view:hover{background:#00d4ff20;border-color:#00d4ff;color:#00d4ff}.btn-timeline.edit:hover{background:#ffa50220;border-color:#ffa502;color:#ffa502}.btn-add-event{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:transform .3s ease;width:100%}.btn-add-event:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.week-view{grid-template-columns:repeat(2,1fr)}.schedule-nav{flex-direction:column;gap:10px}.timeline-item{align-items:flex-start;flex-direction:column}.timeline-actions{width:100%}.btn-timeline{flex:1 1}}
/*# sourceMappingURL=main.57819b8f.css.map*/