@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.login-container{background-color:#fff;width:100%}.login-container,.login-left{display:flex;min-height:100vh;overflow:hidden}.login-left{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #001f8b1a;flex:1 1;flex-shrink:0;justify-content:center;min-width:0;position:relative}.left-overlay{align-items:flex-start;background:linear-gradient(135deg,#001f8b33,#0014704d 25%,#000f5566 50%,#000a3c80 75%,#00052399);bottom:0;display:flex;justify-content:center;left:0;padding:25vh 2rem 0;position:absolute;right:0;top:0}.left-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;max-width:500px;text-align:center}.left-company-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:180px;margin-bottom:.5rem;object-fit:contain;width:180px}.welcome-text{color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin-bottom:.5rem;opacity:1;text-shadow:0 2px 8px #000c,0 1px 4px #0009}.brand-text{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem;text-shadow:0 4px 12px #000000e6,0 2px 6px #000000b3}.tagline{color:#fff;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:400px;opacity:1;text-shadow:0 2px 6px #000c,0 1px 3px #0009}.login-right{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:-2px 0 20px #001f8b0d;display:flex;flex:1 1;flex-shrink:0;justify-content:center;min-height:100vh;min-width:0;padding:3rem 2rem;position:relative}.login-form-container{align-items:center;animation:slideInUp .8s cubic-bezier(.25,.46,.45,.94) forwards;display:flex;flex-direction:column;max-width:480px;width:100%}.login-form-container .logo-section{align-items:center;animation:fadeInDown .8s ease-out forwards;display:flex!important;flex-direction:column!important;gap:.5rem;margin-bottom:2rem;text-align:center}.login-form-container .right-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:200px;margin:0!important;width:200px}.login-form-container .app-title{color:#1e293b;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin:0!important}.login-form-container .app-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0!important}.login-form{animation:fadeInUp .8s ease-out .2s forwards;opacity:0;width:100%}.form-group{animation:fadeInUp .6s ease-out forwards;margin-bottom:2rem;min-height:0;opacity:0;overflow:visible;position:relative;transform:translateZ(0);will-change:transform}.form-group:first-child{animation-delay:.4s}.form-group:nth-child(2){animation-delay:.6s}.form-label{align-items:center!important;display:flex!important;gap:.75rem!important;position:relative}.form-label .input-icon{color:#6b7280;flex-shrink:0;font-size:.875rem;margin-right:.5rem}.input-field{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d,0 1px 3px #0000001a;box-sizing:border-box;color:#1f2937;font-size:1rem;font-weight:500;height:56px;padding:1rem 1rem 1rem 1.25rem;transform:translateZ(0);transition:all .3s ease;width:100%}.input-field:focus{background-color:#fff;border-color:#001f8b;box-shadow:0 0 0 3px #001f8b26,0 4px 12px #001f8b1a;outline:none;transform:translateY(-1px)}.input-field::placeholder{color:#9ca3af;font-weight:400}.error-text{color:#dc2626;font-size:.75rem;font-weight:500;margin-left:.75rem;opacity:0}.error-text,.login-error-display{animation:fadeIn .2s ease-out forwards}.login-error-display{word-wrap:break-word;align-items:center;display:flex;justify-content:center;margin:1rem 0;max-width:100%;overflow:hidden;position:static;width:100%}.login-error-text{color:#dc2626;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.input-field.error{background-color:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.password-input-container{margin-bottom:.5rem;position:relative;width:100%}.password-error-wrapper{margin-bottom:1rem;position:relative}.toggle-password{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.toggle-password:hover{background-color:#f3f4f6;color:#374151}.toggle-password:focus{box-shadow:0 0 0 2px #001f8b33;outline:none}.login-button{animation:fadeInUp .6s ease-out .8s forwards;background:linear-gradient(135deg,#001f8b,#001470);border:none;border-radius:12px;box-shadow:0 6px 20px #001f8b4d,0 2px 8px #001f8b33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;opacity:0;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.login-button:hover:not(:disabled){box-shadow:0 12px 30px #001f8b66,0 4px 12px #001f8b4d;transform:translateY(-3px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.login-button.loading{cursor:not-allowed}.loading-text{align-items:center;display:flex;gap:.75rem;justify-content:center}.form-footer{animation:fadeInUp .6s ease-out 1s forwards;margin-top:2rem;opacity:0;text-align:center}.help-text{color:#6b7280;font-size:.875rem;font-weight:400}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.login-container{flex-direction:column}.login-left{flex:none;min-height:40vh}.login-right{flex:1 1;padding:2rem 1.5rem}.brand-text{font-size:3rem}.tagline{font-size:1rem}}@media (max-width:768px){.login-left{min-height:35vh}.left-content{padding:1rem}.left-overlay{padding:20vh 1rem 0}.left-company-logo{height:120px;width:120px}.welcome-text{font-size:1.25rem}.brand-text{font-size:2.5rem}.tagline{font-size:.875rem}.login-right{padding:1.5rem 1rem}.login-form-container{max-width:100%}.login-form-container .right-logo{height:180px;margin:0!important;width:180px}.login-form-container .app-title{font-size:2rem}.form-group{margin-bottom:1.5rem}.input-field{font-size:.875rem;padding:.875rem 1rem .875rem 1.125rem}.login-button{font-size:.875rem;padding:.875rem 1.25rem}}@media (max-width:480px){.login-left{min-height:30vh}.left-company-logo{height:100px;width:100px}.left-overlay{padding:15vh 1rem 0}.welcome-text{font-size:1.125rem}.brand-text{font-size:2rem}.tagline{font-size:.8rem}.login-right{padding:1rem .75rem}.login-form-container{padding:0}.logo-section{margin-bottom:2rem}.login-form-container .right-logo{height:160px;margin:0!important;width:160px}.login-form-container .app-title{font-size:1.75rem}.login-form-container .app-subtitle{font-size:.875rem}.form-label,.input-field{font-size:.8rem}.input-field{padding:.75rem .875rem .75rem 1rem}.login-button{font-size:.8rem;padding:.75rem 1rem}.error-message{padding:.625rem .875rem}.error-message,.help-text{font-size:.8rem}.error-text{font-size:.7rem;margin-left:.5rem}.login-error-text{font-size:.8rem}.form-group{margin-bottom:1.75rem}.form-group:has(.password-input-container){margin-bottom:2rem}}@media (prefers-contrast:high){.input-field{border-width:3px}.login-button{border:2px solid #000}}.two-fa-container{animation:fadeInUp .6s ease-out forwards;margin:0 auto;max-width:480px;opacity:0;padding:1.5rem;text-align:center;width:100%}.two-fa-header{align-items:center;animation:fadeInDown .6s ease-out .2s forwards;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;opacity:0}.two-fa-title-row{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.two-fa-icon{color:#001f8b;flex-shrink:0}.two-fa-title{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:0}.two-fa-subtitle{color:#64748b;font-size:.875rem;font-weight:400;line-height:1.4;margin:0 auto;max-width:400px}.two-fa-subtitle strong{color:#001f8b;font-weight:600}.two-fa-form{animation:fadeInUp .6s ease-out .4s forwards;margin-bottom:1rem;opacity:0}.verification-input-group{margin-bottom:1rem;text-align:left}.verification-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;letter-spacing:.5px;margin-bottom:.375rem;text-transform:uppercase}.verification-label .input-icon{color:#6b7280;flex-shrink:0;font-size:.875rem;margin-right:.5rem}.verification-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:1.5rem;font-weight:600;height:56px;letter-spacing:.3em;padding:1rem 1.25rem;text-align:center;transition:all .2s ease;width:100%}.verification-input:focus{background-color:#fff;border-color:#001f8b;box-shadow:0 0 0 3px #001f8b1a;outline:none}.verification-input::placeholder{color:#9ca3af;font-weight:400;letter-spacing:normal}.remember-device-group{margin-bottom:1rem;text-align:left}.remember-device-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.remember-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background-color:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.remember-checkbox:checked+.checkbox-custom{background-color:#001f8b;border-color:#001f8b}.remember-checkbox:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.remember-checkbox:focus+.checkbox-custom{box-shadow:0 0 0 3px #001f8b1a}.remember-text{color:#6b7280;font-size:.8rem;font-weight:500;line-height:1.3}.verify-button{align-items:center;background:linear-gradient(135deg,#001f8b,#001470);border:none;border-radius:8px;box-shadow:0 4px 12px #001f8b4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;height:56px;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.verify-button:hover:not(:disabled){box-shadow:0 8px 20px #001f8b66;transform:translateY(-2px)}.verify-button:active:not(:disabled){transform:translateY(0)}.verify-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.verify-button.loading{cursor:not-allowed}.button-icon{font-size:1.125rem}.loading-content{align-items:center;display:flex;gap:.75rem;justify-content:center}.resend-section{animation:fadeInUp .6s ease-out .6s forwards;margin-bottom:.75rem;opacity:0}.resend-button{align-items:center;background:none;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:0 auto;padding:.75rem 1.5rem;transition:all .2s ease;width:auto}.resend-button:hover:not(:disabled){background-color:#001f8b0d;border-color:#001f8b;color:#001f8b}.resend-button:disabled{cursor:not-allowed;opacity:.6}.resend-button.disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.message-display{animation:fadeIn .3s ease-out forwards;border-radius:8px;margin-top:.75rem;opacity:0;padding:.75rem}.message-display.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.message-display.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message-text{font-size:.8rem;font-weight:500}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.two-fa-container{padding:1.5rem 1rem}.two-fa-title{font-size:1.5rem}.two-fa-subtitle{font-size:.875rem}.verification-input{font-size:1.25rem;height:52px;letter-spacing:.25em;padding:.875rem 1rem}.verify-button{height:52px;padding:.875rem 1.25rem}}@media (max-width:480px){.two-fa-container{padding:1rem .75rem}.two-fa-title{font-size:1.375rem}.verification-input{font-size:1.125rem;height:48px;letter-spacing:.2em;padding:.75rem .875rem}.verify-button{font-size:.875rem;height:48px;padding:.75rem 1rem}.resend-button{font-size:.8rem;padding:.625rem 1.25rem}}.activation-container{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.activation-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:48px 40px;text-align:center;width:100%}.check-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;height:48px;padding:12px;width:48px}.activation-form{text-align:left}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.submit-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.submit-button:hover{box-shadow:0 6px 16px #10b98166}@media (max-width:480px){.activation-container{padding:16px}.activation-card{padding:32px 24px}.title{font-size:24px}.subtitle{font-size:14px}.form-input{font-size:16px;padding:14px 44px 14px 14px}.submit-button{font-size:16px;padding:14px}}.reset-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.reset-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:48px 40px;text-align:center;width:100%}.icon-container{display:flex;justify-content:center;margin-bottom:24px}.lock-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;height:48px;padding:12px;width:48px}.title{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px}.reset-form{text-align:left}.form-group{margin-bottom:24px}.form-label{font-size:14px}.input-wrapper{position:relative}.form-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;padding:16px 48px 16px 16px;transition:all .2s ease}.form-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#9ca3af}.toggle-password-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.toggle-password-btn:hover{color:#374151}.toggle-password-btn svg{height:20px;width:20px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:24px;padding:16px;transition:all .2s ease;width:100%}.submit-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.back-to-login{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:8px;transition:color .2s ease;width:100%}.back-to-login:hover{color:#374151}.back-to-login svg{height:16px;width:16px}@media (max-width:480px){.reset-container{padding:16px}.reset-card{padding:32px 24px}.title{font-size:24px}.subtitle{font-size:14px}.form-input{font-size:16px;padding:14px 44px 14px 14px}.submit-button{font-size:16px;padding:14px}}.notif-bell-container{align-items:center;display:flex;margin-left:12px;position:relative}.notif-bell-icon{cursor:pointer;position:relative}.notif-badge{background:#e91e63;border:1px solid #fff;border-radius:999px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 7px;position:absolute;right:-7px;text-align:center;top:-5px;z-index:10}.notif-popup{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000002e;min-width:300px;overflow:hidden;padding:0;position:absolute;right:0;top:33px;z-index:200}.notif-popup-header{align-items:center;background:#036;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:10px 16px}.notif-markread-btn{background:none;border:none;color:#ffc107;cursor:pointer;font-size:13px}.notif-popup-list{background:#fff;max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid #eee;color:#212121;font-size:14px;padding:10px 15px}.notif-item.unread{background:#e3f2fd;font-weight:700}.notif-item.rich{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s ease}.notif-item.rich:hover{background:#f1f5f9}.notif-item.rich.unread{background:#e0f2fe}.notif-left{align-items:center;display:flex;flex:0 0 28px;justify-content:center;margin-top:2px}.notif-icon{font-size:20px}.notif-icon.success{color:#16a34a}.notif-icon.warning{color:#d97706}.notif-icon.error{color:#dc2626}.notif-icon.info{color:#2563eb}.notif-body{flex:1 1;min-width:0}.notif-title-row{align-items:center;display:flex;gap:6px;margin-bottom:2px}.notif-title{color:#0f172a;font-size:13px;font-weight:600}.notif-title.sev-warning{color:#b45309}.notif-title.sev-error{color:#991b1b}.notif-title.sev-success{color:#065f46}.notif-message{color:#334155;font-size:12px;line-height:1.3;margin-bottom:4px}.notif-meta-line{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.badge-dot{background:#3b82f6;border-radius:50%;display:inline-block;height:8px;width:8px}.notif-project{background:#f1f5f9;border-radius:6px;color:#475569;font-size:10px;padding:2px 6px}.notif-msg{margin-bottom:2px}.notif-date{color:#888;font-size:11px}.notif-empty{color:#999;font-size:15px;padding:22px;text-align:center}.notification-item.urgent{background-color:#f56565}.notification-item.important{background-color:#fbd38d}.notification-item{border-radius:5px;margin-bottom:10px;padding:10px}.notification-label{color:#fff;font-weight:700;margin-left:10px}.pp-navbar.pic-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121b26;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:60}.pic-header{--bg:#0e141b;--surface:#18222e;--surface-alt:#1f2c3a;--border:#ffffff14;--primary:#3164ff;--primary-grad:linear-gradient(135deg,#3164ff,#5e89ff);--text:#f5f7fa;--text-dim:#b5c2d1}.pic-header .pp-left{align-items:center;display:flex;gap:1.8rem}.pic-header .pp-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));height:38px;width:auto}.pic-header .pp-brand{background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1rem;font-weight:700;letter-spacing:.55px;text-shadow:0 2px 6px #00000059}.pic-header .pp-nav{display:flex;flex-wrap:wrap;gap:.4rem}.pic-header .pp-link{--pad:0.55rem .95rem;align-items:center;border-radius:9px;color:var(--text-dim);display:inline-flex;font-size:.85rem;font-weight:600;gap:.55rem;letter-spacing:.3px;padding:var(--pad);position:relative;text-decoration:none;transition:.18s ease}.pic-header .pp-link svg{font-size:.95rem;opacity:.9}.pic-header .pp-link:hover{background:var(--surface-alt);color:var(--text)}.pic-header .pp-link.active{background:var(--primary-grad);box-shadow:0 4px 18px -4px #4070ff8c;color:#fff}.pic-header .pp-right{align-items:center;display:flex;gap:1rem}.pic-header .pp-user{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:40px;cursor:pointer;display:flex;gap:.6rem;padding:.45rem .9rem;position:relative}.pic-header .pp-avatar{background:var(--primary-grad);border-radius:50%;color:#fff;display:grid;font-weight:600;height:34px;letter-spacing:.5px;place-items:center;width:34px}.pic-header .pp-user-text{display:flex;flex-direction:column;line-height:1.1}.pic-header .pp-username{color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.4px}.pic-header .pp-role{color:var(--text-dim);font-size:.62rem;font-weight:600;letter-spacing:.65px;margin-top:2px;opacity:.72;text-transform:uppercase}.pic-header .pp-dropdown{animation:fade .15s ease;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px -10px #00000080;padding:.4rem .55rem;position:absolute;right:0;top:115%}.pic-header .pp-dropdown button{background:#0000;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:.78rem;padding:.45rem .9rem;text-align:left;width:100%}.pic-header .pp-dropdown button:hover{background:var(--primary)}.pic-header .pp-link .chat-unread-badge{align-items:center;background:#e02424;border-radius:30px;box-shadow:0 2px 6px -1px #00000073;color:#fff;display:flex;font-size:.55rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-6px}.msg-bubble-outer{align-items:flex-end;display:flex;gap:6px}.modern-message-wrapper.own .msg-bubble-outer{flex-direction:row-reverse}.msg-bubble-stack{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.modern-message-wrapper.own .msg-bubble-stack{align-items:flex-end}.msg-avatar-wrapper{height:32px;position:relative;width:32px}.msg-avatar{align-items:center;background:linear-gradient(135deg,#475569,#1e293b);border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;-webkit-user-select:none;user-select:none;width:32px}.modern-message-wrapper.own .msg-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.msg-avatar-wrapper.presence-online .msg-avatar:after,.msg-avatar.presence-online:after{background:#10b981;border:2px solid #f1f5f9;border-radius:50%;bottom:-2px;box-shadow:0 0 0 1px #00000026;content:"";height:12px;position:absolute;right:-2px;width:12px}.group-sender-inline{color:#374151;font-size:11px;font-weight:600;line-height:1.2;margin:0 0 4px}.modern-message-wrapper.own .group-sender-inline{text-align:right}.msg-collapsed-spacer{height:32px;width:32px}.group-sender-outside{color:#64748b;font-size:11px;font-weight:600;padding:0 2px}.group-sender-outside.other{text-align:left}.group-sender-outside.own{text-align:right}.message-seen-info{margin-top:4px;position:relative}.seen-indicator.group-seen{background:none;border:none;color:#2563eb;cursor:pointer;font-size:11px;padding:0;text-decoration:underline;text-underline-offset:2px}.seen-indicator.group-seen.own{color:#e0ecff;text-decoration:underline}.message-seen-info.below-ts{flex-wrap:wrap;margin-top:2px;padding-left:2px}.modern-message-time-row{font-size:11px;margin-top:4px;opacity:.65}.seen-indicator.seen-inline{align-items:center;display:inline-flex;gap:4px;line-height:1.1}.dm-seen .eye-icon,.seen-indicator .eye-icon{filter:drop-shadow(0 0 1px rgba(0,0,0,.25));font-size:12px;line-height:1}.chat-message-wrapper{position:relative}.chat-message-wrapper .reactions-bar+.message-seen-info.below-ts{margin-top:4px}.seen-indicator.group-seen.own:hover{color:#fff}.seen-indicator.group-seen.other{color:#2563eb}.seen-indicator.group-seen:focus-visible{border-radius:4px;outline:2px solid #93c5fd;outline-offset:2px}.seen-details-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 18px #00000026;left:0;margin-top:4px;max-width:220px;padding:8px 10px;position:absolute;top:100%;z-index:40}.seen-users-list.scrollable{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.seen-user-name{color:#334155;font-size:11px}.area-chat-wrapper{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh}.dashboard-header{z-index:1000}.area-chat-wrapper .dashboard-header,.area-chat-wrapper .dashboard-header.dashboard-header,.area-chat-wrapper header.dashboard-header,.dashboard-header{background:linear-gradient(135deg,#1e293b,#334155)!important}.area-chat-wrapper .dashboard-header,.area-chat-wrapper .dashboard-header.dashboard-header,.area-chat-wrapper .dashboard-header:not([style*=background]),.area-chat-wrapper header.dashboard-header{background:linear-gradient(135deg,#1e293b,#334155)!important;background-image:linear-gradient(135deg,#1e293b,#334155)!important}.header-top{padding:1rem 2rem}.logo-section{flex-direction:row}.area-chat-wrapper .logo-section{flex-direction:row!important}.header-logo{flex-shrink:0;height:50px;width:auto}.header-brand{color:#fff;font-size:1.8rem;white-space:nowrap}.user-profile{background:#ffffff1a;border-radius:12px;gap:1rem;padding:.5rem 1rem;transition:all .3s ease}.user-profile:hover{background:#fff3;transform:translateY(-2px)}.profile-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0003;font-size:1.2rem;height:45px;width:45px}.profile-name{font-size:1rem}.profile-role{font-size:.85rem}.profile-dropdown{border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:.5rem}.logout-btn{color:#333;font-size:.95rem;padding:1rem 1.5rem}.logout-btn:hover{background:#f8f9fa;color:#dc3545}.header-bottom{background:#0000001a;padding:1rem 2rem}.nav-item{border-radius:10px;overflow:hidden;padding:.75rem 1.25rem;position:relative}.nav-item:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-item.active{background:#fff3;box-shadow:0 4px 15px #0003}.nav-item span{white-space:nowrap}.area-chat-content{background:#fff;display:flex;flex:1 1;overflow:hidden}.modern-sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;width:350px}.modern-sidebar-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.modern-sidebar-header .header-top{align-items:center;border:none;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0}.modern-sidebar-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.modern-new-group-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.modern-new-group-btn:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.modern-search-input{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modern-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-chat-list{flex:1 1;overflow-y:auto;padding:.5rem}.modern-chat-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.modern-chat-item:hover{background:#f8f9fa;transform:translateX(5px)}.modern-chat-item.active{box-shadow:0 4px 15px #3b82f64d}.modern-chat-avatar,.modern-chat-item.active{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.modern-chat-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;width:50px}.modern-chat-info{flex:1 1;min-width:0}.modern-chat-name{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.modern-chat-name,.modern-chat-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-chat-preview{color:#6c757d;font-size:.85rem}.modern-chat-item.active .modern-chat-preview{color:#fffc}.modern-chat-time{color:#6c757d;font-size:.75rem;white-space:nowrap}.modern-chat-item.active .modern-chat-time{color:#ffffffb3}.modern-no-chats{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.modern-chat-section{display:flex;flex:1 1;flex-direction:column;position:relative}.modern-chat-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;margin:1rem;overflow:hidden}.modern-chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.modern-no-chat-selected{color:#6c757d;font-size:1.2rem;height:100%;justify-content:center}.modern-chat-header,.modern-no-chat-selected{align-items:center;background:#f8f9fa;display:flex}.modern-chat-header{border-bottom:1px solid #e9ecef;justify-content:space-between;padding:1.5rem}.modern-chat-header-left{align-items:center;display:flex;gap:1rem}.modern-chat-header-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:45px;justify-content:center;width:45px}.modern-chat-header-info h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.modern-info-btn{background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:700;height:35px;transition:all .3s ease;width:35px}.modern-info-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.modern-chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:1.5rem;position:relative}.messages-loading{color:#6c757d;padding:2rem;text-align:center}.modern-message-wrapper{display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.modern-message-wrapper:focus-within,.modern-message-wrapper:hover{z-index:15}.modern-message-wrapper.own{align-items:flex-end}.modern-message-wrapper.other{align-items:flex-start}.modern-message{border-radius:18px;box-shadow:0 2px 8px #0000001a;max-width:70%;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.modern-message.own{background:linear-gradient(135deg,#3b82f6,#1e40af);border-bottom-right-radius:6px;color:#fff}.modern-message.other{background:#fff;border-bottom-left-radius:6px;color:#2c3e50}.modern-message:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.modern-message-content{word-wrap:break-word;font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.modern-message-time{font-size:.75rem;opacity:.7;text-align:right}.modern-message.other .modern-message-time{text-align:left}.modern-message-wrapper .message-actions{display:flex;gap:4px;opacity:0;pointer-events:none;position:absolute;top:4px;transition:opacity .15s ease;z-index:5}.modern-message-wrapper.own .message-actions{right:-4px}.modern-message-wrapper.other .message-actions{left:-4px}.modern-message-wrapper:hover .message-actions{opacity:1;pointer-events:auto}.msg-act-btn{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 4px #0000001f;color:#555;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background .15s,transform .15s,color .15s;width:28px}.modern-message-wrapper.own .msg-act-btn{background:#ffffffd9;border-color:#ffffff59}.msg-act-btn:hover{background:#f0f2f5;color:#111;transform:scale(1.05)}.msg-act-btn:active{transform:scale(.92)}.msg-inline-act{opacity:0;transition:opacity .15s ease}.modern-message-wrapper:hover .msg-inline-act{opacity:1}.msg-action-popover .popover-item{all:unset;cursor:pointer;display:block;font-size:13px;font-weight:500;line-height:1.2;padding:8px 14px;transition:background .12s ease;width:100%}.msg-action-popover .popover-item:hover{background:#242526}.msg-action-popover .popover-item:active{background:#303133}.msg-floating-layer{align-items:center;display:flex;gap:6px;opacity:0;pointer-events:none;position:absolute;top:-42px;transition:opacity .16s ease,transform .16s ease;z-index:50}.modern-message-wrapper:hover .msg-floating-layer{opacity:1;pointer-events:auto;transform:translateY(-2px)}.msg-floating-layer.other{left:0}.msg-floating-layer.own{flex-direction:row-reverse;right:0}.modern-chat-messages .modern-message-wrapper:first-child .msg-floating-layer{bottom:-42px;top:auto}.modern-chat-messages .modern-message-wrapper:first-child:hover .msg-floating-layer{transform:translateY(2px)}@media (max-width:700px){.modern-chat-messages .modern-message-wrapper:first-child .msg-floating-layer{bottom:-50px}}.msg-reaction-palette{background:#fff;border:1px solid #e4e6ea;border-radius:28px;box-shadow:0 4px 18px #00000026;display:flex;gap:6px;padding:6px 8px}.react-quick{all:unset;align-items:center;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;transition:transform .15s ease;width:28px}.react-quick:hover{transform:scale(1.25)}.react-quick:active{transform:scale(.85)}.msg-float-actions{display:flex;gap:6px}.float-act-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0000002e;color:#444;cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .15s,transform .15s;width:34px}.float-act-btn:hover{background:#f0f2f5;transform:scale(1.07)}.float-act-btn:active{transform:scale(.9)}@media (max-width:700px){.msg-floating-layer{top:-50px}.msg-reaction-palette{padding:4px 6px}.react-quick{font-size:18px;height:26px;width:26px}.float-act-btn{height:30px;width:30px}}.reply-ref{background:#0000000d;border-left:3px solid #1877f2;border-radius:6px;color:#1f2937;font-size:11px;line-height:1.3;margin-bottom:6px;max-width:100%;padding:5px 8px;position:relative}.modern-message.own .reply-ref{background:#ffffff26;border-left-color:#fff;color:#eef3ff}.reply-ref:hover{filter:brightness(1.05)}.forward-label{color:#65676b;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;opacity:.75;text-transform:uppercase}.modern-message.own .forward-label{color:#ffffffd9}.reply-banner{background:#f0f2f5;border-left:4px solid #1877f2;color:#1f2937;font-size:12px}.reply-banner button{color:#555}.msg-hit,.msg-text mark.msg-hit{background:#ffe58f;border-radius:3px;color:inherit;padding:0 2px}.modern-message-wrapper.search-hit .modern-message{box-shadow:0 0 0 2px #ffd66633;outline:2px solid #ffd666}.modern-message-content .msg-text{white-space:pre-wrap}@media (max-width:680px){.modern-message-wrapper .message-actions{top:-28px}}.message-tick{font-size:.8rem;margin-left:.5rem;opacity:.8}.reactions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding:2px 0}.reaction-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;min-height:24px;padding:4px 8px;transition:all .2s ease}.reaction-pill:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.reaction-pill.reacted{background:#ffffff4d;border-color:#fff6;box-shadow:0 0 0 2px #fff3}.reaction-pill.reacted:hover{background:#fff6;transform:translateY(-1px) scale(1.05)}.modern-message.other .reaction-pill{background:#00000014;border-color:#0000001f;color:#050505}.modern-message.other .reaction-pill:hover{background:#0000001f;border-color:#0000002e}.modern-message.other .reaction-pill.reacted{background:#0084ff26;border-color:#0084ff40;color:#0084ff}.modern-message.other .reaction-pill.reacted:hover{background:#0084ff33}.reaction-emoji{font-size:.9rem;line-height:1}.reaction-count{font-size:.7rem;font-weight:600;min-width:12px;opacity:.9;text-align:center}.hover-reactions-bar{background:#fff;border:1px solid #e4e6ea;border-radius:20px;box-shadow:0 4px 20px #00000026;display:flex;gap:4px;opacity:0;padding:6px 8px;position:absolute;top:-45px;transition:all .2s ease;visibility:hidden;z-index:100}.modern-message-wrapper.own .hover-reactions-bar{margin-right:8px;right:0;transform:translateY(-5px)}.modern-message-wrapper.other .hover-reactions-bar{left:0;margin-left:8px;transform:translateY(-5px)}.modern-message-wrapper:hover .hover-reactions-bar{opacity:1;visibility:visible}.modern-message-wrapper.other:hover .hover-reactions-bar,.modern-message-wrapper.own:hover .hover-reactions-bar{transform:translateY(-5px)}.hover-reaction-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.hover-reaction-btn:hover{background:#f0f2f5;transform:scale(1.2)}.hover-reaction-btn:active{transform:scale(.9)}.modern-message-input-container{background:#fff;border-top:1px solid #e9ecef;padding:1.5rem}.modern-input-wrapper{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:25px;display:flex;gap:.75rem;padding:.5rem;position:relative;transition:all .3s ease}.modern-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-attach-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.modern-attach-btn:hover{background:#e9ecef}.attach-icon{height:20px;opacity:.6;width:20px}.modern-chat-input{background:none;border:none;color:#2c3e50;flex:1 1;font-size:.95rem;outline:none;padding:.75rem}.modern-chat-input::placeholder{color:#6c757d}.group-sender-label{color:#374151;font-size:11px;font-weight:600;padding:0 4px}.att-doc{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;line-height:1.2;max-width:240px;overflow:hidden;padding:6px 10px;text-decoration:none!important;text-overflow:ellipsis;transition:background .15s ease,color .15s ease;white-space:nowrap}.modern-message.other .att-doc{background:#eef2f7;border:1px solid #d5dae0;color:#1f2937}.modern-message.own .att-doc{background:#ffffff2e;border:1px solid #ffffff40;color:#fff}.att-doc:hover{background:#dbe2ea}.modern-message.own .att-doc:hover{background:#ffffff4d}.att-doc:before{content:""}.modern-emoji-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.modern-emoji-btn:hover{background:#e9ecef}.modern-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modern-send-btn:hover:not(:disabled){box-shadow:0 4px 15px #3b82f666;transform:scale(1.1)}.modern-send-btn:disabled{cursor:not-allowed;opacity:.5}.modern-emoji-picker{border-radius:12px;bottom:100%;box-shadow:0 10px 40px #00000026;margin-bottom:1rem;position:absolute;right:0;z-index:1000}.modern-contact-info{background:#fff;border-left:1px solid #e4e6ea;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;padding:0;position:relative;width:360px}.messenger-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;padding:12px 20px;position:relative}.messenger-header h3{color:#050505;flex:1 1;font-size:1rem;font-weight:600;margin:0;text-align:center}.close-details-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:1.3rem;height:28px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.close-details-btn:hover{background:#e4e6ea;color:#050505}.messenger-content{flex:1 1 auto;max-height:calc(100% - 56px);overflow-y:auto;padding:0}.profile-section{background:#fff;border-bottom:1px solid #e4e6ea;padding:16px 20px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#0084ff,#00c6ff);border-radius:50%;box-shadow:0 2px 12px #0084ff4d;color:#fff;display:flex;font-size:1.6rem;font-weight:600;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.profile-info-large{text-align:center}.name-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.name-container h4{color:#050505;font-size:1.1rem;font-weight:600;margin:0}.edit-name-wrapper{display:flex;justify-content:center}.edit-name-btn{background:none;border:none;border-radius:6px;color:#0084ff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.edit-name-btn:hover{background:#e7f3ff}.chat-type{color:#65676b;font-size:.8rem;margin:0}.edit-name-container{margin-bottom:8px}.edit-name-input{border:2px solid #0084ff;border-radius:6px;font-size:1rem;margin-bottom:6px;outline:none;padding:6px 10px;width:100%}.edit-name-actions{display:flex;gap:6px;justify-content:center}.cancel-name-btn,.save-name-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:4px 12px;transition:all .2s ease}.save-name-btn{background:#0084ff;color:#fff}.save-name-btn:hover{background:#0073e6}.cancel-name-btn{background:#e4e6ea;color:#050505}.cancel-name-btn:hover{background:#d8dadf}.actions-section{align-items:center;background:#fff;border-bottom:1px solid #e4e6ea;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:12px 20px}.action-btn{background:#fff;border:1px solid #1a2b3c;border-radius:8px;box-shadow:0 1px 3px #1a2b3c33;color:#1a2b3c;height:40px;margin-bottom:0;outline:none;padding:0;position:relative;text-decoration:none;width:40px}.action-btn:hover{background:#f1f5f9;border-color:#0f172a;box-shadow:0 2px 6px #1a2b3c4d;color:#0f172a}.action-btn:last-child{margin-bottom:0}.action-btn svg{color:#1a2b3c!important;display:inline-block;flex-shrink:0;font-size:16px;height:16px;transition:color .2s ease;width:16px}.add-members-btn:after{content:"Add Members"}.add-members-btn:after,.leave-btn:after{color:#050505;font-size:.75rem;font-weight:500;left:50%;margin-top:4px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.leave-btn:after{content:"Leave Group"}.action-btn{border-color:#1a2b3c!important;color:#1a2b3c!important}.action-btn:hover{background:#f1f5f9!important;border-color:#0f172a!important}.action-btn:hover,.action-btn:hover svg{color:#0f172a!important}.block-btn,.report-btn{color:#e41e3f}.details-section{background:#fff;border-bottom:1px solid #e4e6ea;padding:12px 20px}.details-section h5{color:#050505;font-size:.9rem;font-weight:600;margin:0 0 12px}.detail-item{border-bottom:1px solid #f0f2f5;padding:6px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#65676b;font-size:.8rem}.detail-value{color:#050505;font-size:.8rem;max-width:60%;text-align:right;word-break:break-word}.detail-value.code{background:#f0f2f5;border-radius:4px;color:#0084ff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;padding:3px 6px}.members-section{background:#fff;padding:12px 20px}.members-header h5{color:#050505;font-size:.9rem;font-weight:600;margin:0 0 12px}.members-list{display:flex;flex-direction:column;gap:6px}.member-item{align-items:center;border-radius:8px;display:flex;gap:10px;padding:6px 10px;position:relative;transition:all .2s ease}.member-item:hover{background:#f0f2f5}.member-avatar{background:linear-gradient(135deg,#0084ff,#00c6ff);flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;width:32px}.member-info{align-items:center;display:flex;flex:1 1;gap:8px}.member-name{color:#050505;font-size:.85rem;font-weight:500}.member-badge{background:#0084ff;border-radius:10px;color:#fff;font-size:.65rem;font-weight:500;padding:2px 5px}.member-badge.admin{background:#f59e0b;color:#fff}.remove-member-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:1.1rem;height:22px;justify-content:center;opacity:0;transition:all .2s ease;width:22px}.member-item:hover .remove-member-btn{opacity:1}.remove-member-btn:hover{background:#e4e6ea;color:#e41e3f}.modal-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h4{color:#050505;font-size:1.1rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-modal-btn:hover{background:#e4e6ea;color:#050505}.modal-content{flex:1 1;padding:20px}.search-container{margin-bottom:20px}.search-input{border:1px solid #e4e6ea;border-radius:20px;font-size:.95rem;outline:none;padding:12px 16px}.search-input:focus{border-color:#0084ff;box-shadow:0 0 0 2px #0084ff33}.users-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.user-checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.user-checkbox-item:hover{background:#f0f2f5}.user-checkbox-item input[type=checkbox]{accent-color:#0084ff;height:18px;width:18px}.user-avatar{align-items:center;background:linear-gradient(135deg,#0084ff,#00c6ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:#050505;font-weight:500}.add-members-modal{color:#111}.add-members-modal .search-input{background:#fff!important;color:#111!important}.add-members-modal .search-input::placeholder{color:#6b7280}.add-members-modal .user-checkbox-item span,.add-members-modal .user-name{color:#000!important;font-weight:600}.add-members-modal{background:#fff;border-left:1px solid #e4e6ea;display:flex;flex-direction:column;inset:0;position:absolute;z-index:40}.add-members-modal .modal-header{background:#f0f2f5;border-bottom:1px solid #e4e6ea;flex:0 0 auto;padding:12px 16px}.add-members-modal .modal-content{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;padding:14px 18px 16px}.add-members-modal .search-container{margin:0 0 10px}.add-members-modal .search-input{width:100%}.add-members-modal .users-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 0 6px}.add-members-modal .modal-actions{border-top:1px solid #e4e6ea;flex:0 0 auto;margin-top:10px;padding-top:10px}.add-members-modal .users-list::-webkit-scrollbar{width:6px}.add-members-modal .users-list::-webkit-scrollbar-thumb{background:#d4d7db;border-radius:3px}.add-members-modal .users-list::-webkit-scrollbar-thumb:hover{background:#b9bdc2}.modal-actions{border-top:1px solid #e4e6ea;padding-top:20px}.add-members-submit-btn{background:#0084ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.add-members-submit-btn:hover:not(:disabled){background:#0073e6}.add-members-submit-btn:disabled{background:#e4e6ea;color:#65676b;cursor:not-allowed}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.modal label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.modal-input{border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.modal-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-list{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;max-height:200px;overflow-y:auto;padding:.5rem}.user-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.user-item:hover{background:#f8f9fa}.user-item input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-create{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-create:hover:not(:disabled){box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#5a6268;transform:translateY(-2px)}.info-tab-buttons{display:flex;gap:6px;margin-bottom:10px}.info-tab-buttons button{background:#eef1f5;border:1px solid #d5dae0;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 10px;transition:.2s}.info-tab-buttons button.active{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb59;color:#fff}.info-tab-buttons button:not(.active):hover{background:#e2e8f0}.info-media-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:240px;overflow-y:auto;padding:4px}.info-media-grid::-webkit-scrollbar{width:6px}.info-media-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.info-media-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.info-media-grid .info-media-item{aspect-ratio:1/1;border-radius:8px;box-shadow:0 2px 4px #00000014;cursor:pointer;overflow:hidden;position:relative}.info-media-grid .info-media-item img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.info-media-grid .info-media-item:hover img{transform:scale(1.05)}.info-files-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding:6px 4px}.info-files-list a{align-items:center;background:#f1f5f9;border-radius:6px;color:#0f172a;display:flex;font-size:12px;gap:6px;padding:6px 10px;position:relative;text-decoration:none}.info-files-list a:hover{background:#e2e8f0}.info-files-list a:active{background:#cbd5e1}.info-files-list a:before{content:"📎"}.info-media-grid:empty:after{content:"No media yet"}.info-files-list:empty:after,.info-media-grid:empty:after{color:#64748b;display:block;font-size:12px;padding:12px 0;text-align:center}.info-files-list:empty:after{content:"No files yet"}.info-files-list::-webkit-scrollbar{width:6px}.info-files-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.info-files-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.area-chat-wrapper .msg-attachments .att-link.img,.area-chat-wrapper .msg-attachments img.att-image{height:auto;max-height:220px!important;max-width:220px!important;width:auto}.area-chat-wrapper .att-image{border-radius:12px;max-height:220px!important;max-width:220px!important;object-fit:cover}@media (max-width:600px){.area-chat-wrapper .att-image,.area-chat-wrapper .msg-attachments .att-link.img,.area-chat-wrapper .msg-attachments img.att-image{max-height:160px!important;max-width:160px!important}}@media (max-width:900px){.info-media-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.info-media-grid .info-media-item{border-radius:6px}}.area-chat-wrapper .pending-previews{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;max-height:180px;overflow-y:auto}.area-chat-wrapper .pending-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:flex;height:110px;justify-content:center;padding:4px;position:relative;width:110px}.area-chat-wrapper .pending-item img.pending-thumb,.area-chat-wrapper .pending-item video.pending-thumb{border-radius:8px;height:100%;object-fit:cover;width:100%}.area-chat-wrapper .pending-item video.pending-thumb{background:#000}.area-chat-wrapper .pending-item .pending-chip{background:#f1f5f9;border-radius:8px;color:#0f172a;display:inline-block;font-size:11px;line-height:1.2;max-width:100%;padding:6px 8px;text-align:center;word-break:break-word}.area-chat-wrapper .pending-item .remove-pending{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:20px;justify-content:center;line-height:18px;position:absolute;right:2px;top:2px;transition:.2s;width:20px}.area-chat-wrapper .pending-item .remove-pending:hover{background:#000000bf}.area-chat-wrapper .pending-previews::-webkit-scrollbar{height:8px;width:8px}.area-chat-wrapper .pending-previews::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.area-chat-wrapper .pending-previews::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:600px){.area-chat-wrapper .pending-item{height:90px;width:90px}}.ceo-chat-wrapper .pending-previews,.hr-chat-wrapper .pending-previews,.it-chat-wrapper .pending-previews,.pic-chat-wrapper .pending-previews,.picchat-wrapper .pending-previews,.pm-chat-wrapper .pending-previews{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;max-height:180px;overflow-y:auto}.ceo-chat-wrapper .pending-item,.hr-chat-wrapper .pending-item,.it-chat-wrapper .pending-item,.pic-chat-wrapper .pending-item,.picchat-wrapper .pending-item,.pm-chat-wrapper .pending-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:flex;height:110px;justify-content:center;padding:4px;position:relative;width:110px}.ceo-chat-wrapper .pending-item img.pending-thumb,.ceo-chat-wrapper .pending-item video.pending-thumb,.hr-chat-wrapper .pending-item img.pending-thumb,.hr-chat-wrapper .pending-item video.pending-thumb,.it-chat-wrapper .pending-item img.pending-thumb,.it-chat-wrapper .pending-item video.pending-thumb,.pic-chat-wrapper .pending-item img.pending-thumb,.pic-chat-wrapper .pending-item video.pending-thumb,.picchat-wrapper .pending-item img.pending-thumb,.picchat-wrapper .pending-item video.pending-thumb,.pm-chat-wrapper .pending-item img.pending-thumb,.pm-chat-wrapper .pending-item video.pending-thumb{border-radius:8px;height:100%;object-fit:cover;width:100%}:where(.area-chat-wrapper,.pm-chat-wrapper,.pic-chat-wrapper,.hr-chat-wrapper,.it-chat-wrapper,.ceo-chat-wrapper){--chat-name-size:.85rem;--chat-preview-size:.7rem;--chat-time-size:.55rem;--chat-line-height:1.25;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:where(.area-chat-wrapper,.pm-chat-wrapper,.pic-chat-wrapper,.hr-chat-wrapper,.it-chat-wrapper,.ceo-chat-wrapper) .modern-chat-name{font-size:var(--chat-name-size)!important;letter-spacing:.3px;line-height:var(--chat-line-height)}:where(.area-chat-wrapper,.pm-chat-wrapper,.pic-chat-wrapper,.hr-chat-wrapper,.it-chat-wrapper,.ceo-chat-wrapper) .modern-chat-preview{font-size:var(--chat-preview-size)!important;line-height:1.3}:where(.area-chat-wrapper,.pm-chat-wrapper,.pic-chat-wrapper,.hr-chat-wrapper,.it-chat-wrapper,.ceo-chat-wrapper) .modern-chat-time{font-size:var(--chat-time-size)!important;letter-spacing:.5px}:where(.area-chat-wrapper,.pm-chat-wrapper,.pic-chat-wrapper,.hr-chat-wrapper,.it-chat-wrapper,.ceo-chat-wrapper) .modern-chat-item{padding:.75rem .9rem}.pm-dashboard{background-color:#f8fafc;color:#1e293b;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;width:100%}.pm-dashboard *{box-sizing:border-box}.pm-dashboard .dashboard-container,.pm-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;height:auto;margin:0;max-width:100vw;min-height:100vh;overflow:visible;padding:0;position:relative;width:100%}.pm-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.pm-dashboard .dashboard-header.collapsed{padding:.5rem 2rem}.pm-dashboard .dashboard-header.collapsed .header-top{margin-bottom:.5rem;padding-bottom:.5rem}.pm-dashboard .dashboard-header.collapsed .header-bottom{padding-top:.5rem}.pm-dashboard .hidden{display:none!important}.pm-dashboard .dashboard-header.collapsed .nav-item{justify-content:center;min-width:50px;padding:.5rem .75rem}.pm-dashboard .dashboard-header.collapsed .nav-item span{display:none}.pm-dashboard .dashboard-header.collapsed .nav-item svg{font-size:1.2rem;margin:0}.pm-dashboard .dashboard-header.collapsed .profile-info{display:none}.pm-dashboard .dashboard-header.collapsed .user-profile{padding:.25rem .5rem}.pm-dashboard .dashboard-header.collapsed .profile-avatar{font-size:1rem;height:35px;width:35px}.pm-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.pm-dashboard .logo-section{align-items:center;display:flex;gap:1rem}.pm-dashboard .header-logo{height:40px;object-fit:contain;width:40px}.pm-dashboard .header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.pm-dashboard .header-bottom{align-items:center;display:flex;justify-content:space-between}.pm-dashboard .header-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pm-dashboard .nav-item{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.pm-dashboard .nav-item:hover{background-color:#3b82f633;color:#fff;transform:translateY(-1px)}.pm-dashboard .nav-item.active{background-color:#3b82f633;border:1px solid #3b82f64d;color:#fff}.pm-dashboard .nav-item svg{font-size:1rem}.pm-dashboard .user-profile{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;position:relative;transition:all .2s ease}.pm-dashboard .user-profile:hover{background-color:#3b82f633;border-color:#3b82f64d}.pm-dashboard .profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.pm-dashboard .profile-info{display:flex;flex-direction:column;gap:.25rem}.pm-dashboard .profile-name{color:#fff;font-size:.9rem;font-weight:700;line-height:1.2}.pm-dashboard .profile-role{color:#fffc;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.pm-dashboard .profile-dropdown,.pm-dashboard .profile-menu{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:120px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.pm-dashboard .profile-menu button{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.pm-dashboard .profile-menu button:hover{background-color:#fef2f2}.pm-dashboard .logout-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.pm-dashboard .logout-btn:hover{background-color:#fef2f2}.pm-dashboard .dashboard-main{flex:1 1;margin:0 auto;max-width:1400px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;right:0;width:100%}.pm-dashboard .dashboard-grid{grid-gap:1.75rem;align-items:start;display:grid;gap:1.75rem;grid-template-areas:"welcome welcome welcome" "chats requests chart";grid-template-columns:repeat(3,1fr);min-height:auto;overflow:visible;padding-bottom:4rem;width:100%}.pm-dashboard .pm-welcome-card,.pm-dashboard .welcome-card{grid-area:welcome;margin-bottom:1.5rem}.pm-dashboard .chats-card{grid-area:chats}.pm-dashboard .requests-card{grid-area:requests}.pm-dashboard .chart-card{grid-area:chart}@media (min-width:1700px){.pm-dashboard .dashboard-grid{grid-template-areas:"welcome welcome welcome" "chats requests chart";grid-template-columns:repeat(3,1fr)}.pm-dashboard .chart-card{align-self:stretch}}@media (max-width:1300px){.pm-dashboard .dashboard-grid{gap:1.25rem;grid-template-areas:"welcome welcome welcome" "chats requests chart";grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.pm-dashboard .dashboard-grid{gap:1rem;grid-template-areas:"welcome welcome welcome" "chats requests chart";grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.pm-dashboard .dashboard-grid{gap:1rem;grid-template-areas:"welcome" "chats" "requests" "chart";grid-template-columns:1fr}}.pm-dashboard .dashboard-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #0000000f;color:#1e293b;isolation:isolate;min-height:400px;padding:1.25rem 1.5rem;position:relative;transition:box-shadow .25s ease,transform .25s ease}.pm-dashboard .dashboard-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:16px 16px 0 0;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pm-dashboard .dashboard-card:hover:before{opacity:1}.pm-dashboard .dashboard-card:hover{box-shadow:0 8px 30px #3b82f640;transform:translateY(-4px)}.pm-dashboard .card-header{align-items:center;background:#0000;display:flex;justify-content:space-between;margin-bottom:1.5rem}.pm-dashboard .card-actions{align-items:center;display:flex;gap:.75rem}.pm-dashboard .refresh-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.pm-dashboard .refresh-btn:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6;color:#495057}.pm-dashboard .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.pm-dashboard .refresh-btn svg{transition:transform .2s ease}.pm-dashboard .refresh-btn:not(:disabled):hover svg{transform:rotate(180deg)}.pm-dashboard .card-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.pm-dashboard .pm-welcome-card .card-title,.pm-dashboard .welcome-card .card-title{color:#fff}.pm-dashboard .view-all-link{align-items:center;color:#fffc;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.pm-dashboard .view-all-link:hover{color:#fff;transform:translateX(2px)}.pm-dashboard .dashboard-grid>.chart-card,.pm-dashboard .dashboard-grid>.chats-card,.pm-dashboard .dashboard-grid>.requests-card{z-index:1}.pm-dashboard .pm-welcome-card:before,.pm-dashboard .welcome-card:before{display:none}.pm-dashboard .pm-welcome-card .card-header,.pm-dashboard .welcome-card .card-header{background-color:#0000;margin-bottom:2rem}.pm-dashboard .welcome-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.pm-dashboard .welcome-subtitle{color:#ffffffe6;font-size:1rem;margin:0 0 2rem}.pm-dashboard .project-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff40;border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1rem}.pm-dashboard .project-badge svg{font-size:1.25rem}.pm-dashboard .project-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:1rem;position:relative;z-index:2}.pm-dashboard .stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;gap:1rem;padding:1.25rem}.pm-dashboard .stat-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.pm-dashboard .stat-icon.completed{background:#10b98133;color:#10b981}.pm-dashboard .stat-icon.in-progress{background:#3b82f633;color:#3b82f6}.pm-dashboard .stat-icon.not-started{background:#ef444433;color:#ef4444}.pm-dashboard .stat-content{display:flex;flex-direction:column;gap:.25rem}.pm-dashboard .stat-value{color:#fff;font-size:1.75rem;font-weight:700}.pm-dashboard .stat-label{color:#fffc;font-size:.875rem;text-transform:uppercase}.pm-dashboard .chart-container{align-items:center;display:flex;height:300px;justify-content:center;min-height:300px}@media (max-width:768px){.pm-dashboard .chart-container{height:250px;min-height:250px}}@media (max-width:480px){.pm-dashboard .chart-container{height:200px;min-height:200px}}.pm-dashboard .chats-card{background:#fff!important;color:#1e293b!important;display:flex;flex-direction:column;grid-column:1/2}.pm-dashboard .chats-card .card-title{color:#1e293b!important}.pm-dashboard .chats-card .view-all-link{color:#3b82f6!important}.pm-dashboard .chats-card .view-all-link:hover{color:#1e40af!important}.pm-dashboard .chats-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;height:300px;overflow-y:scroll;padding-right:.5rem}.pm-dashboard .chats-list::-webkit-scrollbar{width:6px}.pm-dashboard .chats-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.pm-dashboard .chats-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pm-dashboard .chats-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pm-dashboard .chat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;gap:1rem;min-height:80px;padding:1rem;text-decoration:none;transition:all .2s ease}.pm-dashboard .chat-item:hover{background:#f1f5f9;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateX(4px)}.pm-dashboard .chat-item:active{transform:translateX(2px);transition:transform .1s ease}.pm-dashboard .chat-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.pm-dashboard{--pm-surface:#fff;--pm-surface-alt:#f1f5f9;--pm-border:#e2e8f0;--pm-primary:#1e40af;--pm-primary-accent:#3b82f6;--pm-radius-lg:20px;--pm-radius:14px;--pm-gap:1.5rem;--pm-shadow-sm:0 2px 6px -1px #00000014,0 1px 3px #0000000a;--pm-shadow:0 8px 28px -6px #1e40af40,0 4px 16px -4px #0003;--pm-shadow-hover:0 14px 42px -8px #1e40af59,0 6px 24px -6px #00000047;--pm-glass-bg:#ffffff1f;--pm-glass-border:#ffffff59;--pm-welcome-padding-bottom:5rem}.pm-dashboard .dashboard-header{box-shadow:0 6px 24px -10px #0006,inset 0 2px 6px -2px #ffffff26}.pm-dashboard .pm-welcome-card,.pm-dashboard .welcome-card{background:linear-gradient(130deg,#1d3d96,#1e40af 55%,#193579)!important;border-radius:20px!important;box-shadow:0 6px 24px -8px #00000073;padding:1.75rem 2rem var(--pm-welcome-padding-bottom);position:relative;z-index:0}.pm-dashboard .pm-welcome-card:after,.pm-dashboard .pm-welcome-card:before,.pm-dashboard .welcome-card:after,.pm-dashboard .welcome-card:before{display:none!important}.pm-dashboard .pm-welcome-card .welcome-title,.pm-dashboard .welcome-title{font-size:2.2rem;letter-spacing:.5px}.pm-dashboard .pm-welcome-card .welcome-subtitle,.pm-dashboard .welcome-subtitle{font-weight:500;opacity:.9}.pm-dashboard .pm-welcome-card .project-stats,.pm-dashboard .project-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:.75rem;position:static}.pm-dashboard .pm-welcome-card .welcome-subtitle,.pm-dashboard .welcome-subtitle{margin:0 0 .5rem!important}.pm-dashboard .pm-welcome-card .project-badge,.pm-dashboard .project-badge{margin-bottom:.25rem;margin-top:0}.pm-dashboard .stat-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 4px 14px -6px #00000080;display:flex;gap:.9rem;padding:1rem 1.1rem;transition:box-shadow .25s,transform .25s}.pm-dashboard .pm-welcome-card .welcome-title,.pm-dashboard .welcome-title{font-size:clamp(1.6rem,4vw,2.2rem)}.pm-dashboard .pm-welcome-card .welcome-subtitle,.pm-dashboard .welcome-subtitle{font-size:clamp(.85rem,1.2vw,1rem)}@media (min-width:1700px){.pm-dashboard .dashboard-grid{gap:1.5rem 1.25rem}}@media (max-width:1300px){.pm-dashboard .dashboard-card{padding:1.1rem 1.15rem}.pm-dashboard .pm-welcome-card .project-stats,.pm-dashboard .welcome-card .project-stats{gap:.75rem}.pm-dashboard .stat-item{padding:.5rem .4rem}}@media (max-width:1000px){.pm-dashboard .pm-welcome-card .project-stats,.pm-dashboard .welcome-card .project-stats{grid-template-columns:repeat(2,minmax(140px,1fr))}.pm-dashboard .dashboard-main{padding:1.5rem 1.25rem}.pm-dashboard .dashboard-grid{gap:1.25rem}.pm-dashboard .project-badge{font-size:.75rem}}@media (max-width:700px){.pm-dashboard .dashboard-main{padding:1.25rem 1rem 2.5rem}.pm-dashboard .dashboard-card{border-radius:14px}.pm-dashboard .pm-welcome-card,.pm-dashboard .welcome-card{padding:1.25rem 1.25rem 1.75rem}.pm-dashboard .stat-value{font-size:1.35rem}.pm-dashboard .stat-label{font-size:.65rem;letter-spacing:.5px}.pm-dashboard .chats-list,.pm-dashboard .requests-content{max-height:320px}}@media (max-width:500px){.pm-dashboard .pm-welcome-card .project-stats,.pm-dashboard .welcome-card .project-stats{grid-template-columns:1fr 1fr}.pm-dashboard .project-badge{display:inline-flex;max-width:100%}.pm-dashboard .stat-item{flex-direction:row}}.pm-dashboard .chats-list,.pm-dashboard .requests-content{scrollbar-width:thin}.pm-dashboard .chats-list::-webkit-scrollbar,.pm-dashboard .requests-content::-webkit-scrollbar{width:6px}.pm-dashboard .chats-list::-webkit-scrollbar-thumb,.pm-dashboard .requests-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:20px}.pm-dashboard .chart-card,.pm-dashboard .chats-card,.pm-dashboard .requests-card{scroll-margin-top:90px}@media (max-height:760px){.pm-dashboard .pm-welcome-card,.pm-dashboard .welcome-card{margin-bottom:1rem}}@media (max-width:700px){.pm-dashboard .refresh-btn,.pm-dashboard .view-all-link{min-height:38px}}.pm-dashboard .stat-item:hover{box-shadow:0 10px 26px -8px #0000008c;transform:translateY(-4px)}.pm-dashboard .stat-icon{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px -4px #0000008c}.pm-dashboard .stat-value{font-size:1.65rem;letter-spacing:.25px}.pm-dashboard .stat-label{font-weight:600;letter-spacing:.5px}.pm-dashboard .dashboard-card:not(.welcome-card){background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);box-shadow:var(--pm-shadow-sm);position:relative}.pm-dashboard .dashboard-card:not(.welcome-card):hover{box-shadow:var(--pm-shadow)}.pm-dashboard .dashboard-card:not(.welcome-card):before{height:3px}.pm-dashboard .card-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem;padding:0 0 .75rem}.pm-dashboard .welcome-card .card-header{border-bottom-color:#ffffff40}.pm-dashboard .chats-list,.pm-dashboard .requests-content{position:relative}.pm-dashboard .chats-list:after,.pm-dashboard .requests-content:after{background:linear-gradient(0deg,#f8fafc,#f8fafc00);bottom:0;content:"";height:28px;left:0;pointer-events:none;position:absolute;right:0}.pm-dashboard .welcome-card .project-stats:after{display:none!important}@media (max-width:900px){.pm-dashboard .welcome-title{font-size:1.65rem}}@media (max-width:600px){.pm-dashboard .project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.pm-dashboard .project-stats{grid-template-columns:1fr}}.pm-dashboard .chart-card .card-title,.pm-dashboard .chats-card .card-title,.pm-dashboard .requests-card .card-title{color:#1e293b}.pm-dashboard .view-all-link{color:#1e40af}.pm-dashboard .view-all-link:hover{color:#0f2d64}.pm-dashboard .dashboard-grid>*{animation:pmFadeIn .5s ease both}@keyframes pmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pm-dashboard .chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.pm-dashboard .chat-name{color:#1e293b;font-size:.875rem;font-weight:600}.pm-dashboard .chat-time{color:#64748b;font-size:.75rem}.pm-dashboard .chat-message{word-wrap:break-word!important;color:#1e293b!important;display:block!important;font-size:.875rem!important;line-height:1.4!important;margin:0!important;max-width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.pm-dashboard .requests-card{background:#fff!important;color:#1e293b!important;display:flex;flex-direction:column}.pm-dashboard .request-item-new-layout{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:1rem;min-height:65px;padding:.75rem;position:relative;transition:all .2s ease}.pm-dashboard .request-item-new-layout:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.pm-dashboard .request-left-section{align-items:center;display:flex;flex-shrink:0;gap:.5rem;max-width:160px;min-width:160px;width:160px}.pm-dashboard .request-icon-new{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;width:32px}.pm-dashboard .request-details-new{display:flex;flex-direction:column;flex-shrink:0;gap:.15rem;max-width:120px;min-width:120px;width:120px}.pm-dashboard .request-title-new{color:#1e293b;font-size:.8rem;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pm-dashboard .request-meta-new{display:flex;flex-direction:column;gap:.1rem}.pm-dashboard .request-project-new{color:#3b82f6;font-size:.65rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pm-dashboard .request-date-new{color:#64748b;font-size:.6rem}.pm-dashboard .request-center-section{align-items:center;display:flex;justify-content:center;left:50%;max-width:320px;min-width:240px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.pm-dashboard .tracking-timeline-new{align-items:center;display:flex;gap:0;position:relative}.pm-dashboard .timeline-step-new{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.3rem;max-width:48px;min-width:48px;position:relative;width:48px}.pm-dashboard .timeline-icon-new{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:24px;justify-content:center;position:relative;width:24px;z-index:2}.pm-dashboard .timeline-label-new{font-size:.55rem;font-weight:600;max-width:40px;min-width:32px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pm-dashboard .timeline-connector-new{background:#e2e8f0;height:2px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.pm-dashboard .timeline-connector-new.completed{background:#10b981}.pm-dashboard .timeline-step-new.completed .timeline-icon-new{background:linear-gradient(135deg,#10b981,#059669)}.pm-dashboard .timeline-step-new.completed .timeline-label-new{color:#059669}.pm-dashboard .timeline-step-new.pending .timeline-icon-new{background:linear-gradient(135deg,#f59e0b,#d97706)}.pm-dashboard .timeline-step-new.pending .timeline-label-new{color:#b45309}.pm-dashboard .timeline-step-new.completed.one-step-behind .timeline-icon-new{background:linear-gradient(135deg,#10b981,#059669)}.pm-dashboard .timeline-step-new.completed.one-step-behind .timeline-label-new{color:#059669}.pm-dashboard .timeline-step-new:not(.completed):not(.pending):not(.completed.one-step-behind) .timeline-icon-new{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b}.pm-dashboard .timeline-step-new:not(.completed):not(.pending):not(.completed.one-step-behind) .timeline-label-new{color:#64748b}.pm-dashboard .request-right-section{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto;max-width:120px;min-width:120px;width:120px}.pm-dashboard .request-status-new{text-align:right}.pm-dashboard .status-text-new{border-radius:4px;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.3px;max-width:100px;overflow:hidden;padding:.3rem .6rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pm-dashboard .status-text-new.pendingareamanager{background:#eff6ff;border:1px solid #dbeafe;color:#3b82f6}.pm-dashboard .status-text-new.pendingprojectmanager{background:#fffbeb;border:1px solid #fed7aa;color:#f59e0b}.pm-dashboard .status-text-new.approved{background:#ecfdf5;border:1px solid #bbf7d0;color:#059669}.pm-dashboard .status-text-new.received{background:#f3e8ff;border:1px solid #e9d5ff;color:#7c3aed}@media (max-width:1200px){.pm-dashboard .request-left-section{max-width:140px;min-width:140px;width:140px}.pm-dashboard .request-details-new,.pm-dashboard .request-right-section{max-width:100px;min-width:100px;width:100px}.pm-dashboard .status-text-new{max-width:80px}.pm-dashboard .request-center-section{max-width:280px;min-width:200px}}@media (max-width:1000px){.pm-dashboard .request-item-new-layout{align-items:stretch;flex-direction:column;gap:.75rem;min-height:auto}.pm-dashboard .request-left-section{justify-content:flex-start;max-width:none;min-width:auto;width:100%}.pm-dashboard .request-details-new{max-width:none;min-width:auto;width:auto}.pm-dashboard .request-right-section{justify-content:flex-end;margin-left:0;max-width:none;min-width:auto;width:100%}.pm-dashboard .status-text-new{max-width:70px}.pm-dashboard .request-center-section{margin:.4rem 0;max-width:none;min-width:auto;position:static;transform:none}}.pm-dashboard .requests-card .card-title{color:#1e293b!important}.pm-dashboard .card-subtitle{color:#64748b;font-size:.75rem;font-weight:400;margin-top:.25rem}.pm-dashboard .chart-footer{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem;text-align:center}.pm-dashboard .last-report{color:#64748b;font-size:.7rem;font-style:italic}.pm-dashboard .requests-card .view-all-link{color:#3b82f6!important}.pm-dashboard .requests-card .view-all-link:hover{color:#1e40af!important}.pm-dashboard .requests-content{flex:1 1;height:300px;overflow-y:scroll;padding-right:.5rem}.pm-dashboard .requests-content::-webkit-scrollbar{width:6px}.pm-dashboard .requests-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.pm-dashboard .requests-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pm-dashboard .requests-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pm-dashboard .empty-state,.pm-dashboard .error-state,.pm-dashboard .loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;min-height:200px;padding:2rem;text-align:center}.pm-dashboard .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.pm-dashboard .error-state svg{color:#ef4444;font-size:2rem}.pm-dashboard .empty-state svg{color:#94a3b8;font-size:2rem}.pm-dashboard .empty-state p{color:#94a3b8;font-size:.875rem;margin:0}.pm-dashboard .requests-list{display:flex;flex-direction:column;gap:1rem}.pm-dashboard .request-item{-webkit-backdrop-filter:saturate(1.2) blur(2px);backdrop-filter:saturate(1.2) blur(2px);background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;color:inherit;display:flex;flex-shrink:0;gap:1rem;isolation:isolate;min-height:82px;padding:.9rem 1rem 1rem;position:relative;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.pm-dashboard .request-item:before{background:linear-gradient(90deg,#6366f1,#6366f100 35%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.pm-dashboard .request-item:after{border-right:2px solid #64748b;border-top:2px solid #64748b;content:"";height:10px;opacity:.25;pointer-events:none;position:absolute;right:.85rem;top:50%;transform:translateY(-50%) rotate(45deg) translateX(-2px);transition:opacity .25s ease,transform .25s ease;width:10px}.pm-dashboard .request-item:hover{background:#fff;border-color:#d1d9e5;box-shadow:0 8px 22px -6px #0f172a26;transform:translateY(-2px)}.pm-dashboard .request-item:hover:before{opacity:.08}.pm-dashboard .request-item:hover:after{opacity:.55;transform:translateY(-50%) rotate(45deg) translateX(0)}.pm-dashboard .request-item:active{box-shadow:0 4px 14px -4px #0f172a2e;transform:translateY(0)}.pm-dashboard .request-item:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.pm-dashboard .request-details{flex:1 1;min-width:0}.pm-dashboard .request-title{color:#1e293b;font-size:.85rem;font-weight:600;margin:0 0 .35rem}.pm-dashboard .request-description,.pm-dashboard .request-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.pm-dashboard .request-description{color:#64748b;font-size:.72rem;margin:0 0 .55rem}.pm-dashboard .request-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.65rem;font-weight:500;gap:.75rem 1rem;line-height:1.2}.pm-dashboard .request-status{align-items:center;display:flex;flex-direction:column;gap:.35rem;min-width:78px}.pm-dashboard .status-icon{font-size:1.25rem}.pm-dashboard .status-icon.completed{color:#10b981}.pm-dashboard .status-icon.pending{color:#f59e0b}.pm-dashboard .status-icon.rejected{color:#ef4444}.pm-dashboard .status-text{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:30px;box-shadow:inset 0 0 0 1px #fff9,0 1px 2px #0000000f;color:#334155;font-size:.6rem;font-weight:600;letter-spacing:.6px;padding:.22rem .45rem;text-align:center;text-transform:uppercase}.pm-dashboard .status-text.approved,.pm-dashboard .status-text.completed{background:#dcfce7;border-color:#bbf7d0;color:#166534}.pm-dashboard .status-text.pending{border-color:#fde68a}.pm-dashboard .status-text.denied,.pm-dashboard .status-text.rejected{background:#fee2e2;border-color:#fecaca;color:#b91c1c}@media (max-width:900px){.pm-dashboard .request-item{flex-direction:column;padding:.9rem .9rem .95rem}.pm-dashboard .request-status{flex-direction:row;justify-content:flex-start;min-width:0}.pm-dashboard .status-icon{font-size:1rem}.pm-dashboard .status-text{font-size:.55rem}.pm-dashboard .request-meta{gap:.5rem .75rem}}.pm-dashboard .status-text.completed{background:#d1fae5;color:#065f46}.pm-dashboard .status-text.pending{background:#fef3c7;color:#92400e}.pm-dashboard .status-text.rejected{background:#fee2e2;color:#991b1b}@media (max-width:1400px){.pm-dashboard .dashboard-main{max-width:1200px;padding:1.5rem}.pm-dashboard .dashboard-grid{gap:1.5rem}.pm-dashboard .project-stats{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:1200px){.pm-dashboard .dashboard-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.pm-dashboard .project-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.pm-dashboard .welcome-content h2{font-size:1.75rem}}@media (max-width:768px){.pm-dashboard .dashboard-header,.pm-dashboard .dashboard-main{padding:1rem}.pm-dashboard .header-top{text-align:center}.pm-dashboard .header-bottom,.pm-dashboard .header-top{align-items:center;flex-direction:column;gap:1rem}.pm-dashboard .header-nav{flex-wrap:wrap;gap:.5rem;justify-content:center}.pm-dashboard .nav-item{font-size:.8rem;min-width:100px;padding:.5rem .75rem}.pm-dashboard .project-stats{gap:1rem;grid-template-columns:1fr}.pm-dashboard .stat-item{padding:1rem}.pm-dashboard .stat-value,.pm-dashboard .welcome-content h2{font-size:1.5rem}.pm-dashboard .dashboard-card{padding:1.25rem}.pm-dashboard .chats-list,.pm-dashboard .requests-content{height:250px}.pm-dashboard .chat-item,.pm-dashboard .request-item{min-height:70px;padding:.75rem}.pm-dashboard .chat-avatar,.pm-dashboard .request-icon{font-size:.875rem;height:35px;width:35px}}@media (max-width:480px){.pm-dashboard .dashboard-header,.pm-dashboard .dashboard-main{padding:.75rem}.pm-dashboard .header-bottom,.pm-dashboard .header-top{gap:.75rem}.pm-dashboard .header-nav{gap:.25rem}.pm-dashboard .nav-item{font-size:.75rem;min-width:90px;padding:.4rem .6rem}.pm-dashboard .nav-item span{display:none}.pm-dashboard .nav-item svg{font-size:1.1rem}.pm-dashboard .welcome-content h2{font-size:1.25rem}.pm-dashboard .welcome-subtitle{font-size:.875rem}.pm-dashboard .dashboard-card{padding:1rem}.pm-dashboard .card-title{font-size:1.1rem}.pm-dashboard .project-stats{gap:.75rem}.pm-dashboard .stat-item{padding:.75rem}.pm-dashboard .stat-icon{font-size:1.25rem;height:40px;width:40px}.pm-dashboard .stat-value{font-size:1.25rem}.pm-dashboard .stat-label{font-size:.75rem}.pm-dashboard .chats-list,.pm-dashboard .requests-content{height:200px}.pm-dashboard .chat-item,.pm-dashboard .request-item{gap:.75rem;min-height:60px;padding:.5rem}.pm-dashboard .chat-avatar,.pm-dashboard .request-icon{font-size:.75rem;height:30px;width:30px}.pm-dashboard .chat-name,.pm-dashboard .request-title{font-size:.8rem}.pm-dashboard .chat-message,.pm-dashboard .request-description{font-size:.75rem}.pm-dashboard .chat-time,.pm-dashboard .request-meta{font-size:.7rem}.pm-dashboard .project-badge{font-size:.875rem;padding:.5rem .75rem}.pm-dashboard .project-badge svg{font-size:1rem}}@media (max-width:360px){.pm-dashboard .dashboard-header,.pm-dashboard .dashboard-main{padding:.5rem}.pm-dashboard .header-nav{gap:.2rem}.pm-dashboard .nav-item{min-width:80px;padding:.35rem .5rem}.pm-dashboard .dashboard-card{padding:.75rem}.pm-dashboard .welcome-content h2{font-size:1.1rem}.pm-dashboard .welcome-subtitle{font-size:.8rem}.pm-dashboard .stat-item{padding:.6rem}.pm-dashboard .stat-icon{font-size:1.1rem;height:35px;width:35px}.pm-dashboard .stat-value{font-size:1.1rem}.pm-dashboard .stat-label{font-size:.7rem}}.pm-dashboard .dashboard-main::-webkit-scrollbar{width:12px}.pm-dashboard .dashboard-main::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.pm-dashboard .dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:6px}.pm-dashboard .dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pm-dashboard .chats-card,.pm-dashboard .requests-card{position:relative}.pm-dashboard .chats-card .pm-dashboard .requests-card{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.pm-dashboard .chats-list,.pm-dashboard .requests-content{margin-top:0;padding-top:0}.pm-dashboard .chat-content{flex:1 1;min-width:0}.form-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 8px 32px #00000014;overflow:hidden}.manpower-form{padding:0}.form-section{border-bottom:1px solid #f1f5f9;padding:1.25rem}.form-section:last-child{border-bottom:none}.section-header{margin-bottom:1rem}.section-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.section-description{color:#64748b;font-size:.85rem;line-height:1.4;margin:0}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.375rem}.form-input,.form-textarea,.readonly-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1f2937;font-size:.9rem;padding:.625rem .75rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.readonly-input{background:#f8fafc;color:#64748b;cursor:not-allowed}.manpower-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;overflow:visible}.table-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f0;grid-template-columns:2fr 1fr 60px;padding:.75rem}.header-cell{font-size:.8rem;letter-spacing:.05em}.header-cell.actions{text-align:center}.table-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid #f1f5f9;gap:.75rem;grid-template-columns:2fr 1fr 60px;padding:.75rem;position:relative}.table-cell.actions{justify-content:center}.add-manpower-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.add-manpower-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.remove-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}.remove-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.submit-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.submit-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#64748b;font-weight:500;padding:.625rem 1.25rem}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:.625rem 1.5rem;transition:all .2s ease}.submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:1024px){.dashboard-main{padding:1rem}.content-wrapper{max-width:100%}.page-header-content{align-items:flex-start;flex-direction:column;gap:.75rem}.form-section{padding:1rem}}@media (max-width:768px){.dashboard-main{padding:.75rem}.page-header{margin-bottom:.75rem;padding:1rem}.form-section{padding:.75rem}.form-row{gap:.75rem;grid-template-columns:1fr}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr 1fr 50px;padding:.5rem}.submit-actions{flex-direction:column;width:100%}.cancel-btn,.submit-btn{justify-content:center;width:100%}.page-title{font-size:1.25rem}.page-subtitle{font-size:.9rem}}@media (max-width:480px){.dashboard-main{padding:.5rem}.page-header{margin-bottom:.75rem;padding:.75rem}.form-section{padding:.5rem}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr;padding:.5rem}.header-cell.actions,.table-cell.actions{display:none}.remove-btn{font-size:.7rem;height:24px;position:absolute;right:.5rem;top:.5rem;width:24px}.table-row{padding-top:2rem;position:relative}.page-title{font-size:1.1rem}.page-subtitle{font-size:.8rem}}.form-container{animation:slideUp .3s ease-out}.form-section{animation:fadeIn .4s ease-out}.add-manpower-btn:focus-visible,.cancel-btn:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible,.remove-btn:focus-visible,.submit-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-textarea{border-width:3px}.add-manpower-btn,.submit-btn{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.form-container,.form-section{animation:none}.add-manpower-btn:hover,.remove-btn:hover,.submit-btn:hover{transform:none}}.type-suggestions{font-family:inherit;font-size:.8rem;line-height:1.2}.type-suggestions li.active{background:#e5f0ff}.type-suggestions li:hover{background:#f3f4f6}.center-modal-overlay{z-index:5000}.center-modal-header h2{letter-spacing:.5px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .page-container{margin:0;max-width:none;padding:.75rem 1rem 1.5rem;width:100%}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .controls-bar{grid-gap:2rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr auto;margin-bottom:1.25rem;padding:1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .filter-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.25rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .filter-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:.2s;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .filter-tab:hover{background:#3b82f61a;color:#2563eb}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .filter-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .search-sort-section{align-items:center;display:flex;gap:1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .search-wrapper{align-items:center;display:flex;position:relative}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .search-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;padding:.75rem .75rem .75rem .9rem;transition:.2s;width:250px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .sort-wrapper{align-items:center;display:flex;position:relative}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem .75rem .75rem .9rem;transition:.2s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requests-grid.enhanced-list{display:block}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requests-grid.enhanced-list .request-list{grid-gap:1rem 1.1rem;align-items:start;display:grid;gap:1rem 1.1rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));list-style:none;margin:0;padding:0}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px -2px #00000014;display:flex;flex-direction:column;font-size:.8rem;min-height:190px;padding:1rem 1.1rem;position:relative;transition:.25s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row:hover{border-color:#cbd5e1;box-shadow:0 10px 24px -6px #1e40af2e;transform:translateY(-3px)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row.request-denied{border-color:#ef4444}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row.request-completed{border-color:#0ea5e9}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row.status-archived{background-color:#f9fafb;border-color:#6b7280;opacity:.8}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.35rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-title-group{flex:1 1;min-width:0}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-title{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.35;margin:0 0 .25rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.7rem;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip{align-items:center;background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:.55rem;font-weight:700;gap:.35rem;letter-spacing:.5px;padding:.35rem .7rem;text-transform:uppercase;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip.status-approved{background:#d1fae5;color:#065f46}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip.status-pending{background:#fef3c7;color:#92400e}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip.status-rejected{background:#fee2e2;color:#991b1b}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip.status-completed{background:#bfdbfe;color:#1e3a8a}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip.status-archived{background:#d1d5db;color:#374151}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-meta-line{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin:.15rem 0 .5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .meta-origin{align-items:center;color:#64748b;display:flex;font-size:.6rem;gap:.4rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .archived-notice{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;padding:.5rem .75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .archived-badge{align-self:flex-start;background:#6b7280;border-radius:4px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .archive-reason{color:#6b7280;font-size:.6rem;font-style:italic}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .original-request-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.75rem;padding:.5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .original-project-info{color:#64748b;font-size:.6rem;line-height:1.4}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .archived-actions{align-items:center;display:flex;gap:.5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .delete-archived-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.6rem;font-weight:600;padding:.5rem .75rem;transition:.2s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .delete-archived-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .delete-archived-btn:disabled{cursor:not-allowed;opacity:.6}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps{align-items:stretch;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:0;justify-content:space-between;overflow:hidden;padding:.6rem .75rem;position:relative;width:100%}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:70px;padding:0 .3rem;position:relative;text-align:center}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-icon{align-items:center;border-radius:50%;box-shadow:0 2px 6px -2px #00000040;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;margin-bottom:.25rem;width:28px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-label{color:#1e293b;font-size:.55rem;font-weight:600;letter-spacing:.3px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-sub{font-size:.5rem;font-weight:600;letter-spacing:.4px;margin-top:.1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-date{color:#64748b;font-size:.45rem;font-weight:500;letter-spacing:.4px;margin-top:.15rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-connector{background:#e2e8f0;border-radius:2px;height:3px;left:calc(100% - 2px);position:absolute;top:14px;width:42px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-connector.completed{background:linear-gradient(90deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.completed .step-icon{background:linear-gradient(135deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.pending .step-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.denied .step-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.blocked .step-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.current .step-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.completed .step-sub{color:#059669}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.pending .step-sub{color:#6b7280}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.denied .step-sub{color:#dc2626}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.blocked .step-sub{color:#6b7280}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step.current .step-sub{color:#b45309}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-actions{display:flex;justify-content:flex-end;margin-top:.75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-details-btn{align-items:center;background:#1d4ed8;border-radius:8px;box-shadow:0 4px 14px -4px #1d4ed866;color:#fff;display:inline-flex;font-size:.6rem;font-weight:600;gap:.4rem;letter-spacing:.4px;padding:.5rem .9rem;text-decoration:none;transition:.25s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-details-btn:hover{background:#1e3a8a;transform:translateY(-2px)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .empty-state,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .error-state,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .loading-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 1rem;width:40px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .empty-state .empty-icon{display:block;font-size:3rem;margin-bottom:1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .empty-state h3{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0 0 .5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .empty-state p{color:#64748b;font-size:.9rem;margin:0 auto;max-width:400px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-info{color:#64748b;font-size:.75rem;font-weight:500}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-controls{align-items:center;display:flex;gap:.5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.75rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:.2s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .pagination-btn:disabled{cursor:not-allowed;opacity:.5}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:.2s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-toggle-btn:hover{background:#3b82f61a;color:#2563eb}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .view-toggle-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requests-grid.list-view{display:block}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 6px -2px #00000014;overflow:hidden}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table{border-collapse:collapse;font-size:.8rem;width:100%}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;vertical-align:top}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table .table-row:hover{background:#f8fafc}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table .table-row.request-denied{background:#fef2f2}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table .table-row.request-completed{background:#f0f9ff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .materials-cell{color:#1e293b;font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .description-cell{color:#64748b;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requester-cell{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .project-cell{color:#64748b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .date-cell{color:#64748b;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-cell{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .actions-cell{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .nudge-btn{background:#0f766e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.6rem;font-weight:600;letter-spacing:.4px;margin-right:.5rem;padding:.4rem .7rem;transition:.25s}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .nudge-btn:hover:not(:disabled){background:#0d5a52;transform:translateY(-1px)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .nudge-btn:disabled{cursor:not-allowed;opacity:.7}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps-compact{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact{align-items:center;color:#64748b;display:flex;font-size:.65rem;gap:.25rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact .step-icon-compact{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;width:16px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact .step-label-compact{color:#1e293b;font-weight:500}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact .step-connector-compact{background:#e2e8f0;border-radius:1px;height:2px;width:12px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.completed .step-icon-compact{background:linear-gradient(135deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.pending .step-icon-compact{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.denied .step-icon-compact{background:linear-gradient(135deg,#ef4444,#dc2626)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.blocked .step-icon-compact{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.current .step-icon-compact{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-compact.completed .step-connector-compact{background:linear-gradient(90deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-cell{max-width:300px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-row{background:#f8fafc;border-top:1px solid #e2e8f0}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-row.request-denied{background:#fef2f2}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-row.request-completed{background:#f0f9ff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-cell-full{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps-list{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:0;justify-content:space-between;overflow:hidden;padding:.6rem .75rem;position:relative;width:100%}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:70px;padding:0 .3rem;position:relative;text-align:center}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-icon-list{align-items:center;border-radius:50%;box-shadow:0 2px 6px -2px #00000040;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;margin-bottom:.25rem;width:28px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-label-list{color:#1e293b;font-size:.55rem;font-weight:600;letter-spacing:.3px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-sub-list{font-size:.5rem;font-weight:600;letter-spacing:.4px;margin-top:.1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-date-list{color:#64748b;font-size:.45rem;font-weight:500;letter-spacing:.4px;margin-top:.15rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-connector-list{background:#e2e8f0;border-radius:2px;height:3px;left:calc(100% - 2px);position:absolute;top:14px;width:42px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list .step-connector-list.completed{background:linear-gradient(90deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.completed .step-icon-list{background:linear-gradient(135deg,#10b981,#059669)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.pending .step-icon-list{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.denied .step-icon-list{background:linear-gradient(135deg,#ef4444,#dc2626)}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.blocked .step-icon-list{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.current .step-icon-list{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.completed .step-sub-list{color:#059669}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.pending .step-sub-list{color:#6b7280}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.denied .step-sub-list{color:#dc2626}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.blocked .step-sub-list{color:#6b7280}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step-list.current .step-sub-list{color:#b45309}@media (max-width:820px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps{flex-wrap:wrap;row-gap:.75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step{min-width:60px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-connector{display:none}}@media (max-width:560px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row{padding:.9rem .85rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-title{font-size:.85rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-desc{-webkit-line-clamp:3;line-clamp:3}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps{padding:.55rem .6rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-icon{height:26px;width:26px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .priority-chip,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .status-chip{font-size:.5rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .meta-origin{font-size:.55rem}}@media (max-width:1200px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table td,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table th{padding:.75rem 1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-cell-full{padding:.75rem 1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .materials-cell{max-width:200px}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .description-cell{max-width:250px}}@media (max-width:768px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table{font-size:.75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table td,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-table th{padding:.5rem .75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-cell-full{padding:.5rem .75rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .description-cell,:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .materials-cell{max-width:150px}}@media (min-width:1500px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requests-grid.enhanced-list .request-list{gap:1.5rem 2rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-title{font-size:1rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row-desc{font-size:.72rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step{min-width:75px}}@media (min-width:1800px){:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .requests-grid.enhanced-list .request-list{gap:2rem 2.5rem;grid-template-columns:repeat(auto-fill,minmax(460px,1fr))}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .request-row{padding:1.1rem 1.25rem 1.15rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-steps{padding:.7rem .9rem}:is(.pm-request-list,.am-request-list,.mr-request-list,.pic-request-list,.ceo-request-list,.it-request-list) .progress-step .step-icon{height:30px;width:30px}}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .dashboard-main{height:auto!important;min-height:auto!important;overflow:visible!important;padding-top:0}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .dashboard-main .page-container{padding-top:1rem}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .dashboard-container{max-width:none!important;width:100%!important}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .dashboard-main{max-width:none!important;width:100%!important}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .page-container{margin:0!important;max-width:none!important;width:100%!important}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .requests-grid.enhanced-list{max-width:none!important;width:100%!important}:is(.mr-request-list,.mr-request-detail,.pm-request-list,.am-request-list,.pic-request-list) .requests-grid.enhanced-list .request-list{max-width:none!important;width:100%!important}.mrd{--mrd-bg:#f5f7fb;--mrd-card:#fff;--mrd-border:#e2e8f0;--mrd-text:#0f172a;--mrd-muted:#64748b;--mrd-accent:#2563eb;--mrd-accent-grad:linear-gradient(135deg,#1d4ed8,#2563eb);--mrd-radius:22px;--mrd-shadow:0 6px 26px -6px #1e293b26;--mrd-shadow-hover:0 16px 46px -8px #1e293b47;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:3rem;margin:0 auto;max-width:1380px;padding:3rem 2rem 5rem}.ceo-mr-request-detail .mrd{gap:1.4rem;max-width:1100px;padding:1.25rem 1rem 2.5rem}.ceo-mr-request-detail .mrd-summary{border-radius:14px;gap:1.1rem;padding:1.05rem 1.1rem}.ceo-mr-request-detail .mrd-title{font-size:1.05rem}.ceo-mr-request-detail .mrd-desc{font-size:.72rem}.ceo-mr-request-detail .mrd-meta{font-size:.55rem;padding:.3rem .55rem}.ceo-mr-request-detail .mrd-summary-side{gap:.4rem}.ceo-mr-request-detail .mrd-status-badge{font-size:.55rem;padding:.45rem .7rem}.ceo-mr-request-detail .mrd-chip{font-size:.5rem;padding:.35rem .55rem}.ceo-mr-request-detail .mrd-progress{margin-top:.6rem}.ceo-mr-request-detail .mrd-grid{gap:1rem}.ceo-mr-request-detail .mrd-section{border-radius:12px;gap:.65rem;padding:.85rem .9rem .95rem}.ceo-mr-request-detail .mrd-section-title{font-size:.7rem}.ceo-mr-request-detail .mrd-field{border-radius:8px;font-size:.6rem;padding:.35rem .4rem .4rem}.ceo-mr-request-detail .mrd-field dt{min-width:90px}.ceo-mr-request-detail .mrd-material-item{border-radius:9px;padding:.55rem .6rem}.ceo-mr-request-detail .mrd-material-name{font-size:.65rem}.ceo-mr-request-detail .mrd-qty{font-size:.5rem;padding:.3rem .5rem}.ceo-mr-request-detail .mrd-spec{font-size:.55rem}.ceo-mr-request-detail .mrd-attach-item{padding:.5rem .6rem}.ceo-mr-request-detail .mrd-attach-icon{font-size:.75rem;height:30px;width:30px}.ceo-mr-request-detail .mrd-attach-name{font-size:.55rem}.ceo-mr-request-detail .mrd-attach-link{font-size:.5rem;padding:.35rem .5rem}.ceo-mr-request-detail .mrd-flow-step{border-radius:10px;padding:.55rem .65rem}.ceo-mr-request-detail .mrd-step-icon{font-size:.7rem;height:28px;width:28px}.ceo-mr-request-detail .mrd-step-title{font-size:.55rem}.ceo-mr-request-detail .mrd-step-meta{font-size:.48rem}.ceo-mr-request-detail .mrd-progress-bar{height:5px}.ceo-mr-request-detail .mrd-progress-meta{font-size:.48rem}.ceo-mr-request-detail .mrd-actions{gap:.55rem}.ceo-mr-request-detail .mrd-section-head .mrd-collapse-btn{font-size:.55rem;padding:.3rem .45rem}.ceo-mr-request-detail .mrd-section.collapsed{padding:.6rem .7rem}.ceo-mr-request-detail .mrd{font-size:14px}.mrd-summary{background:var(--mrd-card);border:1px solid var(--mrd-border);border-radius:var(--mrd-radius);box-shadow:var(--mrd-shadow);display:flex;gap:3rem;justify-content:space-between;overflow:hidden;padding:2.25rem 2.5rem;position:relative}.mrd-summary:before{background:radial-gradient(circle at 85% 15%,#2563eb2e,#0000 60%),linear-gradient(120deg,#1d4ed81f,#0000);content:"";inset:0;pointer-events:none;position:absolute}.mrd-summary-main{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0}.mrd-id-line{align-items:center;color:var(--mrd-muted);display:flex;font-size:.7rem;font-weight:600;gap:.6rem;letter-spacing:.5px;text-transform:uppercase}.mrd-copy{align-items:center;background:#eef2f7;border:1px solid var(--mrd-border);border-radius:6px;cursor:pointer;display:inline-flex;font-size:.65rem;gap:.25rem;padding:.25rem .45rem;transition:.25s}.mrd-copy:hover{background:#e1e8f0}.mrd-title{color:var(--mrd-text);font-size:1.85rem;font-weight:800;letter-spacing:.5px;line-height:1.2;margin:0}.mrd-desc{color:var(--mrd-muted);font-size:1rem;line-height:1.55;margin:.35rem 0 0;max-width:75ch}.mrd-meta-row{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;margin-top:.75rem}.mrd-meta{background:#eef3f9;border-radius:999px;color:var(--mrd-muted);font-size:.7rem;font-weight:600;letter-spacing:.6px;padding:.5rem .85rem;text-transform:uppercase}.mrd-summary-side{align-items:flex-end;display:flex;flex-direction:column;gap:.65rem}.mrd-status-badge{align-items:center;background:#e2e8f0;border-radius:14px;box-shadow:0 6px 16px -4px #0003;color:#334155;display:inline-flex;font-size:.75rem;font-weight:800;gap:.55rem;letter-spacing:.6px;padding:.65rem 1rem;text-transform:uppercase}.mrd-status-badge.status-approved{background:#dcfce7;color:#166534}.mrd-status-badge.status-pending{background:#fef3c7;color:#92400e}.mrd-status-badge.status-rejected{background:#fee2e2;color:#b91c1c}.mrd-status-badge.status-completed{background:#e0f2fe;color:#075985}.mrd-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:inline-flex;font-size:.65rem;font-weight:700;gap:.5rem;letter-spacing:.6px;padding:.55rem .85rem;text-transform:uppercase}.mrd-chip.priority-high{background:#fee2e2;border-color:#fecaca;color:#991b1b}.mrd-chip.priority-medium{background:#fef3c7;border-color:#fde68a;color:#92400e}.mrd-chip.priority-low{background:#dcfce7;border-color:#bbf7d0;color:#166534}.mrd-grid{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.mrd-section{background:var(--mrd-card);border:1px solid var(--mrd-border);border-radius:20px;box-shadow:var(--mrd-shadow);display:flex;flex-direction:column;gap:1.05rem;padding:1.5rem 1.6rem 1.7rem;position:relative;transition:box-shadow .35s,transform .35s}.mrd-section:hover{box-shadow:var(--mrd-shadow-hover);transform:translateY(-3px)}.mrd-section-title{align-items:center;color:var(--mrd-text);display:flex;font-size:1rem;font-weight:700;gap:.65rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.mrd-section-title i{color:var(--mrd-accent);font-size:.9rem}.mrd-fields{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.mrd-field{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;font-size:.8rem;gap:.85rem;padding:.55rem .55rem .6rem}.mrd-field dt{color:#334155;font-weight:600;min-width:130px}.mrd-field dd{color:#1e293b;flex:1 1;font-weight:500;margin:0}.mrd-field{flex-wrap:wrap;min-height:56px;word-break:break-word}.mrd-field dd{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.mrd-action-block .action-buttons{display:flex;flex-wrap:wrap;gap:12px}.mrd-action-block .action-buttons button{align-items:center;border-radius:10px;display:inline-flex;flex:1 1 140px;font-size:.8rem;font-weight:600;height:46px;justify-content:center;letter-spacing:.3px;max-width:220px}.mrd-action-block .action-buttons .back-btn{background:#475569;border:none;color:#fff}.mrd-action-block .action-buttons .publish-button-picmatreq{background:#16a34a!important;border:none;color:#fff}.mrd-action-block .action-buttons .cancel-btn{background:#dc2626!important;border:none;color:#fff;margin-left:0!important}.mrd-action-block .action-buttons button:active{transform:translateY(1px)}.mrd-material-list{display:flex;flex-direction:column;gap:.7rem;list-style:none;margin:0;padding:0}.mrd-material-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.05rem}.mrd-material-head{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mrd-material-name{color:#1e293b;font-size:.85rem;font-weight:600}.mrd-qty{background:#1d4ed8;border-radius:999px;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.4px;padding:.4rem .7rem}.mrd-spec{color:#475569;font-size:.7rem;line-height:1.5}.mrd-attach-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.mrd-attach-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:.9rem;padding:.85rem 1rem}.mrd-attach-icon{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:10px;box-shadow:0 4px 10px -2px #2563eb66;color:#fff;display:flex;font-size:1rem;height:44px;justify-content:center;width:44px}.mrd-attach-name{color:#1e293b;flex:1 1;font-size:.75rem;font-weight:600;word-break:break-all}.mrd-attach-link{align-items:center;background:#1d4ed8;border-radius:8px;box-shadow:0 4px 14px -4px #1d4ed859;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;gap:.4rem;letter-spacing:.5px;padding:.55rem .85rem;text-decoration:none}.mrd-flow{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.mrd-flow-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;padding:1rem 1.15rem;position:relative}.mrd-flow-step,.mrd-step-icon{align-items:center;display:flex}.mrd-step-icon{background:#e2e8f0;border-radius:12px;box-shadow:0 3px 10px -2px #00000040;color:#475569;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mrd-flow-step.completed .mrd-step-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mrd-flow-step.pending .mrd-step-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}.mrd-flow-step.denied .mrd-step-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mrd-flow-step.blocked .mrd-step-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mrd-step-body{display:flex;flex-direction:column;gap:.2rem}.mrd-step-title{color:#1e293b;font-size:.75rem;font-weight:700;letter-spacing:.5px}.mrd-step-meta{color:#64748b;font-size:.6rem;font-weight:600;letter-spacing:.4px}.mrd-empty{color:#94a3b8;font-size:.6rem;font-style:italic}.mrd-actions{gap:.75rem}.mrd-actions,.mrd-progress{display:flex;flex-direction:column}.mrd-progress{gap:.4rem;margin-top:1rem}.mrd-progress-bar{background:#e2e8f0;border-radius:6px;height:10px;overflow:hidden;position:relative}.mrd-progress-fill{animation:grow 1s ease;background:linear-gradient(90deg,#1d4ed8,#2563eb,#3b82f6);inset:0 100% 0 0;position:absolute}@keyframes grow{0%{width:0}to{width:100%}}.mrd-progress-meta{color:var(--mrd-muted);font-size:.55rem;font-weight:600;letter-spacing:.4px}.mrd-copied{animation:fadeOut 1.5s forwards;background:#10b981;border-radius:6px;color:#fff;font-size:.55rem;padding:.25rem .5rem}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.mrd-section-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.mrd-collapse-btn{align-items:center;background:#f1f5f9;border:1px solid #d8e0e8;border-radius:8px;color:#475569;display:inline-flex;font-size:.65rem;justify-content:center;padding:.4rem .55rem;transition:.25s}.mrd-collapse-btn:hover{background:#e2e8f0}.mrd-section.collapsed{padding:.9rem 1rem}.mrd-section.collapsed .mrd-attach-list,.mrd-section.collapsed .mrd-fields,.mrd-section.collapsed .mrd-flow,.mrd-section.collapsed .mrd-material-list{display:none!important}.mrd-section.collapsed .mrd-section-head{margin-bottom:0}@media (max-width:860px){.mrd-grid{grid-template-columns:1fr}}@media (max-width:520px){.mrd{padding:1.5rem 1rem 3rem}.mrd-fields .mrd-field{align-items:flex-start;flex-direction:column}}.mrd--bar{gap:1.15rem;max-width:1000px;padding:1rem .85rem 2rem}.mrd--bar .mrd-summary{border-radius:12px;box-shadow:0 3px 14px -4px #1e293b1f;gap:1rem;min-height:0;min-height:auto;padding:.85rem 1rem .9rem}.mrd--bar .mrd-summary-main{gap:.55rem}.mrd--bar .mrd-title{font-size:1.05rem}.mrd--bar .mrd-desc{font-size:.7rem;line-height:1.35;max-width:60ch}.mrd--bar .mrd-meta-row{gap:.45rem .7rem;margin-top:.35rem}.mrd--bar .mrd-meta{background:#eef2f7;font-size:.5rem;padding:.3rem .55rem}.mrd--bar .mrd-progress{margin-top:.4rem}.mrd--bar .mrd-progress-bar{height:4px}.mrd--bar .mrd-progress-meta{font-size:.48rem}.mrd--bar .mrd-summary-side{align-items:flex-end;position:absolute;right:.7rem;top:.55rem}.mrd--bar .mrd-status-badge{box-shadow:none;font-size:.5rem;padding:.4rem .65rem}.mrd--bar .mrd-chip{font-size:.45rem;padding:.3rem .55rem}.mrd--bar .mrd-grid{gap:.85rem}.mrd--bar .mrd-section{border-radius:10px;box-shadow:0 2px 8px -3px #1e293b1f;gap:.55rem;padding:.75rem .8rem .85rem}.mrd--bar .mrd-section-title{font-size:.7rem}.mrd--bar .mrd-field{border-radius:7px;font-size:.58rem;padding:.3rem .35rem .35rem}.mrd--bar .mrd-field dt{min-width:80px}.mrd--bar .mrd-material-item{border-radius:8px;padding:.5rem .55rem}.mrd--bar .mrd-material-name{font-size:.62rem}.mrd--bar .mrd-qty{font-size:.5rem;padding:.25rem .45rem}.mrd--bar .mrd-attach-item{padding:.45rem .55rem}.mrd--bar .mrd-attach-icon{font-size:.7rem;height:28px;width:28px}.mrd--bar .mrd-attach-name{font-size:.5rem}.mrd--bar .mrd-attach-link{font-size:.48rem;padding:.3rem .45rem}.mrd--bar .mrd-flow-step{border-radius:9px;padding:.5rem .6rem}.mrd--bar .mrd-step-icon{font-size:.65rem;height:26px;width:26px}.mrd--bar .mrd-step-title{font-size:.52rem}.mrd--bar .mrd-step-meta{font-size:.45rem}.mrd--bar .mrd-actions{gap:.5rem}.mrd--bar .mrd-section-head .mrd-collapse-btn{font-size:.5rem;padding:.25rem .4rem}.mrd--bar .mrd-section.collapsed{padding:.55rem .6rem}.ceo-mr-request-detail .dashboard-main{padding-bottom:12px!important}.ceo-mr-request-detail .mrd,.mrd--bar{padding-bottom:1rem}.mrd--bar .mrd-grid,.mrd--bar .mrd-section:last-of-type{margin-bottom:0}.mrd--bar{gap:.9rem}.ceo-mr-request-detail .mrd-summary{margin-bottom:.4rem}.mrd-page-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#fff,#f1f5f9);border:1px solid var(--mrd-border);border-radius:18px;box-shadow:0 4px 18px -6px #1e293b1f;gap:1.5rem;justify-content:space-between;margin-bottom:.25rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.mrd-page-bar,.mrd-page-left{align-items:center;display:flex}.mrd-page-left{flex-wrap:wrap;gap:1rem}.mrd-back-btn{align-items:center;background:#1d4ed8;border:none;border-radius:10px;box-shadow:0 4px 12px -4px #1d4ed880;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.55rem;padding:.65rem 1rem;transition:.25s}.mrd-back-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.mrd-back-btn i{font-size:.85rem}.mrd-page-title{background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;font-weight:800;letter-spacing:.5px;margin:0}.mrd-page-status{background:#f1f5f9;border:1px solid #dde4ec;border-radius:999px;color:#334155;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.55rem .9rem}.mrd-modern{display:flex;flex-direction:column;gap:32px;margin-top:12px}.mrd-modern-summary{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 4px 12px -2px #0f172a0f,0 8px 24px -4px #0f172a0a;display:flex;gap:32px;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.mrd-modern-summary:before{background:radial-gradient(circle at 85% 15%,#3b82f62e,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.mrd-ms-left{flex:1 1;min-width:0}.mrd-ms-right{align-items:flex-end;display:flex;flex-direction:column;gap:12px;min-width:140px}.mrd-summary-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.mrd-summary-tags .mrd-meta{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:12px;font-weight:500;letter-spacing:.3px;padding:6px 12px}.mrd-modern-body{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 340px}@media (max-width:1100px){.mrd-modern-body{grid-template-columns:1fr}}.mrd-col-main,.mrd-col-side{display:flex;flex-direction:column;gap:28px}.mrd-section.flat{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 4px -2px #0f172a0f,0 4px 16px -4px #0f172a0a;padding:22px 24px}.mrd-section.flat .mrd-section-title{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:600;gap:10px;letter-spacing:.5px;margin:0 0 18px}.mrd-fields.two-col{grid-gap:20px 34px;display:grid;gap:20px 34px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0}.mrd-material-list.modern{display:flex;flex-direction:column;gap:14px;margin:0;padding:0}.mrd-material-list.modern .mrd-material-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;transition:background .25s,border-color .25s}.mrd-material-list.modern .mrd-material-item:hover{background:#f1f5f9;border-color:#cbd5e1}.mrd-attach-list.grid{--min:150px;grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(var(--min),1fr));margin:0;padding:0}.mrd-attach-list.grid .mrd-attach-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;position:relative}.mrd-attach-list.grid .mrd-attach-item .mrd-attach-link{background:#2563eb;border-radius:6px;color:#fff;font-size:11px;padding:4px 8px;position:absolute;right:10px;text-decoration:none;top:8px}.mrd-attach-list.grid .mrd-attach-item .mrd-attach-name{color:#334155;font-size:12px;font-weight:500;padding-right:60px;word-break:break-all}.mrd-timeline{display:flex;flex-direction:column;gap:22px;list-style:none;margin:0;padding:0;position:relative}.mrd-timeline:before{background:linear-gradient(#dbeafe,#93c5fd);bottom:2px;content:"";left:13px;position:absolute;top:2px;width:2px}.tl-step{display:flex;gap:16px;position:relative}.tl-step .tl-node{background:linear-gradient(135deg,#fff,#f1f5f9);border:2px solid #bfdbfe;border-radius:50%;box-shadow:0 2px 4px -1px #0f172a14;height:28px;position:relative;width:28px;z-index:1}.tl-step.completed .tl-node{background:#0ea5e9;border-color:#0284c7;box-shadow:0 0 0 4px #0ea5e926}.tl-step.denied .tl-node{background:#dc2626;border-color:#b91c1c;box-shadow:0 0 0 4px #dc26262e}.tl-step.blocked .tl-node{background:#e2e8f0;border-color:#cbd5e1}.tl-step.pending .tl-node{background:#f8fafc;border-color:#bfdbfe}.tl-content{display:flex;flex-direction:column;gap:4px;margin-top:2px}.tl-title{color:#0f172a;font-size:14px;font-weight:600}.tl-meta{color:#64748b;font-size:12px;font-weight:500}.mrd-action-block{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px 16px}.mrd-action-block+.mrd-action-block{margin-top:16px}.mrd-section.flat .btn-primary,.mrd-section.flat .btn-secondary{justify-content:center;width:100%}.mrd-attach-gallery{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mrd-attach-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px -2px #0f172a0d;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px;position:relative;transition:.25s}.mrd-attach-tile:hover{background:#f1f5f9;border-color:#cbd5e1}.mrd-thumb{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 6px -2px #0f172a40;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative}.mrd-thumb img{display:block;height:90px;object-fit:cover;transition:transform .4s;width:100%}.mrd-thumb:hover img{transform:scale(1.06)}.mrd-file-icon{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:10px;box-shadow:0 4px 14px -4px #2563eb80;color:#fff;cursor:pointer;display:flex;font-size:26px;height:90px;justify-content:center}.mrd-attach-meta{display:flex;flex-direction:column;gap:4px}.mrd-attach-filename{color:#334155;font-size:11px;font-weight:600;line-height:1.2;max-height:2.4em;overflow:hidden;word-break:break-all}.mrd-attach-download{align-self:flex-start;background:#e0ecff;border-radius:6px;color:#2563eb;font-size:11px;font-weight:600;padding:4px 8px;text-decoration:none;transition:.25s}.mrd-attach-download:hover{background:#d2e4ff}.mrd-lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;inset:0;padding:40px 30px;position:fixed;z-index:1000}.mrd-lightbox,.mrd-lightbox-inner{align-items:center;display:flex;justify-content:center}.mrd-lightbox-inner{max-height:90vh;max-width:90vw;position:relative}.mrd-lightbox-img{border-radius:16px;box-shadow:0 12px 48px -12px #0000008c;max-height:90vh;max-width:100%}.mrd-lightbox-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px -2px #00000059;color:#0f172a;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;position:absolute;right:0;top:-40px;width:38px}.mrd-lightbox-close:hover{background:#f1f5f9}@media (max-width:820px){.mrd-modern-summary{flex-direction:column;gap:20px;padding:24px}.mrd-ms-right{align-items:flex-start}.mrd-modern-body{grid-template-columns:1fr}.mrd-section.flat{padding:18px}.mrd-fields.two-col{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mrd-fields.two-col{grid-template-columns:1fr}.mrd-summary-tags{gap:4px}.mrd-timeline:before{left:11px}.tl-step .tl-node{height:24px;width:24px}}.ceo-manpower-requests-page{--mr-bg:#fff;--mr-border:#e2e8f0;--mr-border-soft:#edf2f7;--mr-shadow:0 2px 4px #0000000a,0 4px 12px #0000000f;--mr-shadow-hover:0 4px 10px #00000014,0 8px 20px #0000001f;--mr-radius:14px;--mr-heading:#111;--mr-muted:#444;--mr-muted-subtle:#666;--mr-chip-bg:#f1f5f9;--mr-chip-border:#cbd5e1;--mr-card-gradient:linear-gradient(180deg,#fff,#fff);--mr-focus:0 0 0 3px #2563eb59;background:var(--mr-bg);color:#111}.ceo-manpower-requests-page .dashboard-card.ceo-mr-header-card,.ceo-manpower-requests-page .dashboard-card.ceo-mr-list-card,.ceo-manpower-requests-page .dashboard-card.ceo-mr-summary-card{background:var(--mr-card-gradient);border:1px solid var(--mr-border);border-radius:var(--mr-radius);box-shadow:var(--mr-shadow);overflow:hidden;padding:0}.ceo-manpower-requests-page .page-container{margin:0 auto;max-width:1500px;padding:0 1.5rem 2rem}.ceo-manpower-requests-page .ceo-mr-header-card{margin-bottom:1.1rem}.ceo-manpower-requests-page .ceo-mr-summary-card{margin-bottom:1.25rem}.ceo-manpower-requests-page .ceo-mr-list-card{margin-top:.35rem}.ceo-manpower-requests-page .dashboard-main{padding-bottom:0}.ceo-mr-header-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.1rem 1.4rem .6rem}.ceo-mr-header-card .card-title{color:var(--mr-heading);font-size:1.55rem;font-weight:700;letter-spacing:-.5px;margin:0}.ceo-mr-header-card .card-subtitle{color:var(--mr-muted);font-size:.85rem;font-weight:500;margin:.35rem 0 0}.ceo-mr-header-card .card-body{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:0 .9rem 1rem 1.4rem}.ceo-manpower-requests-page .horizontal-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;width:100%}.ceo-manpower-requests-page .mr-filters-row{align-items:center;display:flex;width:100%}.ceo-manpower-requests-page .filter-tabs{background:#f1f5f9;border:1px solid var(--mr-border);border-radius:50px;display:flex;flex-shrink:0;gap:.4rem;padding:.3rem}.ceo-manpower-requests-page .filter-tab{align-items:center;background:#0000;border:none;border-radius:30px;color:var(--mr-muted);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.45rem;padding:.55rem .9rem;position:relative;transition:background .18s,color .18s}.ceo-manpower-requests-page .filter-tab:hover{background:#e2e8f0;color:#334155}.ceo-manpower-requests-page .filter-tab.active{background:#2563eb;box-shadow:0 2px 6px #2563eb59;color:#fff}.ceo-manpower-requests-page .filter-tab .count{background:#fff;border-radius:12px;box-shadow:0 1px 2px #00000014;color:#2563eb;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.15rem .45rem}.ceo-manpower-requests-page .filter-tab.active .count{background:#ffffff26;box-shadow:none;color:#fff}.ceo-manpower-requests-page .search-wrapper{min-width:200px}.ceo-manpower-requests-page .search-wrapper,.ceo-manpower-requests-page .search-wrapper.stretch{flex:1 1 260px;max-width:420px;position:relative}.ceo-manpower-requests-page .search-input{background:#fff;border:1px solid var(--mr-border);border-radius:10px;font-size:.8rem;padding:.7rem .9rem .7rem 2.4rem;transition:border .18s,box-shadow .18s,background .18s;width:100%}.ceo-manpower-requests-page .search-input:focus{background:#fff;border-color:#2563eb;box-shadow:var(--mr-focus);outline:none}.ceo-manpower-requests-page .search-icon{left:12px}.ceo-manpower-requests-page .view-mode-toggle{background:#f1f5f9;border:1px solid var(--mr-border);border-radius:8px;display:flex;flex-shrink:0;padding:2px}.ceo-manpower-requests-page .view-mode-btn{background:#0000;border:none;border-radius:6px;color:var(--mr-muted);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .18s ease}.ceo-manpower-requests-page .view-mode-btn.active{background:#2563eb;box-shadow:0 2px 6px #2563eb59;color:#fff}.ceo-manpower-requests-page .layout-toggle{background:#f1f5f9;border:1px solid var(--mr-border);border-radius:8px;display:flex;flex-shrink:0;padding:2px}.ceo-manpower-requests-page .layout-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--mr-muted);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;padding:.5rem .75rem;transition:all .18s ease}.ceo-manpower-requests-page .layout-btn.active{background:#2563eb;box-shadow:0 2px 6px #2563eb59;color:#fff}.toggle-layout-btn{align-items:center;background:#fff;border:1px solid var(--mr-border);border-radius:10px;color:#334155;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:.4rem;padding:.55rem .95rem;transition:box-shadow .18s,transform .18s}.toggle-layout-btn:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.toggle-layout-btn:active{transform:none}@media (max-width:1200px){.ceo-manpower-requests-page .horizontal-controls{flex-wrap:wrap;gap:.75rem}.ceo-manpower-requests-page .search-wrapper{flex:1 1 200px;min-width:180px}}@media (max-width:768px){.ceo-manpower-requests-page .horizontal-controls{align-items:stretch;flex-direction:column;gap:1rem}.ceo-manpower-requests-page .filter-tabs{justify-content:center;order:1}.ceo-manpower-requests-page .search-wrapper{flex:none;max-width:none;order:2}.ceo-manpower-requests-page .layout-toggle,.ceo-manpower-requests-page .view-mode-toggle{align-self:center;order:3}}.mr-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem 1.25rem 1.25rem}.mr-summary-item{background:#fff;border:1px solid var(--mr-border-soft);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;padding:.85rem .9rem .8rem;position:relative}.mr-summary-item:before{background:none;content:"";inset:0;pointer-events:none;position:absolute}.mr-summary-label{color:var(--mr-muted-subtle);font-size:.55rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.mr-summary-value{font-size:1.55rem;font-weight:700;line-height:1}.mr-summary-bar{border-radius:2px;height:3px;margin-top:.15rem;opacity:.9}.ceo-mr-list-card .card-header{padding:1rem 1.25rem .4rem}.ceo-mr-list-card .card-title-sm{color:var(--mr-heading);font-size:1rem;font-weight:700;margin:0}.ceo-mr-list-card .ceo-mr-grid{padding:.2rem 1.1rem 1.1rem}.ceo-mr-grid.requests-grid{grid-gap:1.15rem;align-items:stretch;display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.ceo-mr-card.request-card{background:#fff;border:1px solid var(--mr-border);border-radius:12px;box-shadow:var(--mr-shadow);display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s,border .22s}.ceo-mr-card.request-card:hover{box-shadow:var(--mr-shadow-hover);transform:translateY(-2px)}.ceo-mr-card .card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:.85rem .95rem .5rem}.ceo-mr-card .card-body .request-meta{box-sizing:border-box;margin-left:-.95rem;margin-right:-.95rem;padding-left:.95rem;padding-right:.95rem;width:calc(100% + 1.9rem)}.ceo-mr-card .mr-card-top-row{align-items:flex-start;display:flex;gap:.6rem;justify-content:space-between}.ceo-mr-card .request-title{color:#0f172a;flex:1 1;font-size:.9rem;font-weight:700;letter-spacing:.4px;line-height:1.15;margin:0}.ceo-mr-card .request-description{color:var(--mr-muted);font-size:.68rem;line-height:1.3;margin:.45rem 0 .55rem;min-height:1.3em}.ceo-mr-card .request-meta{grid-gap:.35rem;display:grid;font-size:.64rem;gap:.35rem;margin-top:auto;padding-right:0}.ceo-mr-card .meta-item{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.ceo-mr-card .meta-label{color:#475569;font-weight:600}.ceo-mr-card .meta-value{color:#1e293b;flex-shrink:0;font-weight:600;text-align:right}.ceo-mr-card .card-footer{margin-top:.4rem;padding:.65rem .95rem .85rem}.ceo-mr-card .view-details-btn{background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb59;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.55rem .9rem;text-align:center;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;width:100%}.ceo-mr-card .view-details-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.status-chip{align-items:center;color:#fff;display:inline-flex;font-size:.55rem;gap:.35rem;letter-spacing:.7px;line-height:1;padding:.4rem .55rem;position:relative}.status-chip:before{background:linear-gradient(135deg,#ffffff40,#fff0);border-radius:inherit;content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.status-chip.pending{background:#f59e0b}.status-chip.approved{background:#10b981}.status-chip.completed{background:#059669}.status-chip.rejected{background:#ef4444}.status-chip.overdue{background:#d97706}.ceo-mr-grid.table-view{display:flex;flex-direction:column;gap:.4rem}.mr-table-header{background:#f5f7fa;color:#222;font-size:.58rem;font-weight:700;letter-spacing:.8px;padding:.65rem .9rem;text-transform:uppercase}.mr-table-header,.mr-table-row{grid-gap:.6rem;border:1px solid var(--mr-border);border-radius:8px;display:grid;gap:.6rem;grid-template-columns:180px 120px 1fr 140px 95px 85px 90px 70px}.mr-table-row{align-items:center;background:#fff;font-size:.65rem;padding:.55rem .9rem;transition:box-shadow .18s,transform .18s,border .18s}.mr-table-row:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.mr-table-row .rt-title{color:#0f172a;font-weight:600}.mr-table-row .rt-desc,.mr-table-row .rt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-table-row .rt-desc{color:var(--mr-muted);font-weight:500}.mr-table-row .rt-man{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-table-row .rt-date,.mr-table-row .rt-man{color:#334155;font-weight:600}.mr-table-row .rt-btn .view-details-btn{box-shadow:none;font-size:.55rem;padding:.45rem .65rem}.pagination-section.inside-card{align-items:center;background:#f8f9fb;border:1px solid var(--mr-border);border-radius:8px;box-shadow:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.1rem;padding:1rem 1.5rem}.pagination-section.inside-card .pagination-info{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.pagination-section.inside-card .pagination-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;padding:.5rem}.pagination-section.inside-card .pagination-btn{align-items:center;background:#fff;border:1px solid var(--mr-border);border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:.4rem .6rem;transition:all .2s ease}.pagination-section.inside-card .pagination-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb4d;color:#fff;transform:translateY(-1px)}.pagination-section.inside-card .pagination-btn.active{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 8px #1d4ed84d;color:#fff}.pagination-section.inside-card .pagination-btn:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.5}.pagination-section.inside-card .pagination-btn:disabled:hover{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;transform:none}.ceo-mr-grid .empty-state,.ceo-mr-grid .error-state,.ceo-mr-grid .loading-state{background:#fff;border:1px dashed var(--mr-border);border-radius:12px;font-size:.8rem;padding:2.4rem 1.5rem}.ceo-mr-grid .empty-icon{font-size:2.2rem}.ceo-manpower-requests-page .dashboard-main{height:auto!important;overflow:visible!important;padding-bottom:1.5rem}.ceo-manpower-requests-page .page-container{max-height:none!important;overflow:visible!important;padding-bottom:0}@media (max-width:1100px){.mr-table-header,.mr-table-row{grid-template-columns:160px 110px 1fr 120px 85px 75px 80px 65px}}@media (max-width:920px){.mr-table-header,.mr-table-row{grid-template-columns:150px 100px 1fr 110px 75px 65px 70px 60px}}@media (max-width:820px){.ceo-mr-grid.table-view,.toggle-layout-btn{display:none}}@media (max-width:768px){.pagination-section.inside-card{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.pagination-section.inside-card .pagination-info{margin-bottom:.5rem;text-align:center;width:100%}.pagination-section.inside-card .pagination-controls{flex-wrap:wrap;gap:.25rem;justify-content:center;width:100%}.pagination-section.inside-card .pagination-btn{font-size:.7rem;height:32px;min-width:32px}}@media (max-width:480px){.pagination-section.inside-card{padding:.75rem}.pagination-section.inside-card .pagination-info{font-size:.7rem;padding:.4rem .8rem}.pagination-section.inside-card .pagination-controls{gap:.2rem}.pagination-section.inside-card .pagination-btn{font-size:.65rem;height:28px;min-width:28px;padding:.3rem .4rem}}@media (prefers-color-scheme:dark){.ceo-manpower-requests-page,.search-input{background:#fff;color:#111}.search-input::placeholder{color:#666}}.ceo-mr-card .rejection-info{border-top:1px solid #f1f5f9;margin-top:.5rem;padding-top:.5rem}.ceo-mr-card .rejection-info .meta-item{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.ceo-mr-card .rejection-list{color:#ef4444!important;font-weight:600}.ceo-mr-card .rejection-item{color:#ef4444;font-weight:600}.ceo-mr-card .rejection-reason{color:#dc2626!important;font-size:.6rem;font-style:italic}.rejection-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem}.rejection-card .card-header{background:#fee2e2;border-bottom:1px solid #fecaca;border-radius:12px 12px 0 0;padding:.75rem 1rem}.rejection-card .card-header h3{color:#dc2626;font-size:.9rem;font-weight:700;margin:0}.rejection-card .card-icon.rejected{color:#dc2626}.rejection-card .card-content{padding:1rem}.rejection-details .rejection-reason{background:#fff;border-left:3px solid #dc2626;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.rejection-details .rejection-list{margin-top:.5rem}.rejection-details .rejection-list ul{margin:.25rem 0 0;padding-left:1.25rem}.rejection-details .rejection-list li{color:#dc2626;font-weight:600;margin-bottom:.25rem}.rejection-details .rejection-date{color:#6b7280;font-size:.8rem;font-weight:400;margin-left:.5rem}.app-container{background-image:url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.app-container:before{background-color:#ffffffd9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.main-content{align-items:flex-start;flex:1 1;height:calc(100vh - 80px);justify-content:center;position:relative;z-index:1}.main-content,.requests-container{display:flex;overflow:hidden;padding:2rem;width:100%}.requests-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-direction:column;height:100%;margin:0 auto;max-width:1200px}.requests-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-title{color:#333;font-size:1.8rem;margin:0}.filter-tabs{display:flex;gap:1rem}.filter-tab{background:none;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.filter-tab:hover{background-color:#f0f0f0}.filter-tab.active{background-color:#4a9eff;color:#fff}.requests-list{flex:1 1;margin-right:-.5rem;overflow-x:hidden;width:100%}.requests-list::-webkit-scrollbar-track{background:#f1f1f1}.requests-list::-webkit-scrollbar-thumb{background:#c1c1c1}.requests-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.request-item{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;gap:1rem;padding:1.5rem;transition:all .2s;width:100%}.request-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.request-icon{background-color:#e8f4fd;border-radius:50%;height:50px;width:50px}.request-details{overflow:hidden}.request-title{color:#333;font-size:1.1rem;margin-bottom:.3rem}.request-description,.request-title{word-wrap:break-word;overflow-wrap:break-word}.request-description{color:#666;font-size:.9rem}.request-meta{align-items:flex-end;flex-shrink:0;gap:.3rem;max-width:140px;min-width:140px;text-align:right}.request-author{color:#333;font-size:.9rem;font-weight:500}.request-author,.request-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.request-project{color:#666;font-size:.85rem}.request-date{color:#888;white-space:nowrap}.request-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.action-btn{border-radius:4px;font-weight:500;padding:.4rem 1rem;transition:all .2s}.reject-btn{background-color:#ff4757;color:#fff}.reject-btn:hover{background-color:#ff3742}.approve-btn{background-color:#2ed573}.approve-btn:hover{background-color:#26d968}.status-badge{border-radius:15px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.cancelled,.status-badge.rejected{background-color:#f8d7da;color:#721c24}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.deniedby,.status-badge.deniedbyceo{background-color:#f8d7da;color:#721c24}.no-requests{color:#666;padding:3rem;text-align:center}.pagination{display:flex;flex-direction:column;margin-top:1.5rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{gap:.5rem}.pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.pagination-controls button.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.request-approver{color:#444;font-size:.85rem;margin-top:.3rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-manpower-btn{background-color:#4a6da7;border:none;border-radius:6px;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.4rem;transition:background-color .2s,transform .1s ease-in-out}.request-manpower-btn:hover{background-color:#3c5a8a;transform:translateY(-1px)}.request-manpower-btn:active{background-color:#324b73;transform:translateY(0)}@media (max-width:900px){.requests-header{align-items:flex-start;flex-direction:column;gap:1rem}.filter-tabs{justify-content:center;width:100%}.request-item{align-items:flex-start;flex-direction:column;gap:1rem}.request-meta{align-items:flex-start;align-self:stretch;max-width:none;text-align:left}.request-actions{justify-content:flex-end;width:100%}.header{flex-direction:column;padding:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;margin:1rem 0}.search-profile{justify-content:space-between;width:100%}}@media (max-width:480px){.main-content{height:calc(100vh - 120px);padding:1rem}.requests-container{padding:1rem}.page-title{font-size:1.5rem}.filter-tabs{gap:.5rem}.filter-tab{font-size:.8rem;padding:.4rem .8rem}.request-item{padding:1rem}.request-meta{min-width:auto}}.controls-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr minmax(260px,1.4fr) 180px auto;margin-top:6px}@media (max-width:1100px){.controls-bar{grid-template-columns:1fr 1fr}}@media (max-width:700px){.controls-bar{grid-template-columns:1fr}}.segmented{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;display:inline-flex;padding:4px;width:-webkit-max-content;width:max-content}.seg-btn{background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:8px 14px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.seg-btn:hover{background:#e5e7eb}.seg-btn.active{background:#fff;box-shadow:0 1px 4px #0000000f;color:#111827}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap .search-ico{color:#9ca3af;font-size:14px;left:12px;position:absolute}.search-input.tidy{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px 10px 36px;width:100%}.search-input.tidy:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}.status-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 12px;width:100%}.primary-cta{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 6px 16px #1d4ed840;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .06s ease,box-shadow .2s ease}.primary-cta:hover{transform:translateY(-1px)}.primary-cta:active{box-shadow:0 4px 12px #1d4ed833;transform:translateY(0)}.card-clean{grid-gap:14px;align-items:center;background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 1px 6px #0000000a;display:grid;gap:14px;grid-template-columns:44px 1fr auto auto;padding:14px 16px;transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease}.card-clean:hover{border-color:#e5e7eb;box-shadow:0 6px 18px #0000000f;transform:translateY(-1px)}.request-icon{background:#eef2ff;color:#4338ca;display:grid;font-size:20px;font-weight:800;height:44px;place-items:center;width:44px}.status-badge{border-radius:999px;font-size:12px;letter-spacing:.2px;padding:6px 10px}.status-badge.pending{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.status-badge.approved{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.status-badge.declined{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.pagination.neat{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px;padding:10px 0}.pagination.neat button{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:8px 10px}.pagination.neat span{color:#4b5563;font-weight:600}.dashboard-main{background:linear-gradient(135deg,#f5f7fa,#e5e9ef 60%,#d5dbe3);min-height:calc(100vh - 120px);padding:1rem 1.1rem;position:relative}.dashboard-main:before{background:radial-gradient(circle at 20% 80%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9810d 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.content-wrapper{position:relative;z-index:1}.page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d,inset 0 1px 0 #fffc;overflow:hidden;padding:2rem;position:relative}.page-header:before{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6,#f59e0b);background-size:300% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.back-button{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000d;font-weight:600;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.back-button:hover:before{left:100%}.back-button:hover{border-color:#94a3b8;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.page-title{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .5rem}.page-subtitle{font-size:1.1rem;font-weight:500;opacity:.9}.status-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d,inset 0 1px 0 #fffc;margin-bottom:2rem;padding:2rem}.info-grid{grid-gap:1rem;margin-bottom:1rem}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d,inset 0 1px 0 #fffc;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.info-card:hover{box-shadow:0 20px 60px #00000026,0 8px 30px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-4px)}.info-card:hover:before{opacity:1}.card-header{gap:.25rem;padding:.3rem .6rem;position:relative}.card-header:after{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.card-icon{align-items:center;background:#3b82f61a;border-radius:6px;display:flex;font-size:.9rem;justify-content:center;padding:.2rem}.card-header h3{font-size:.85rem;font-weight:700;letter-spacing:-.01em}.card-content{padding:.4rem .6rem}.info-row{padding:.2rem 0;transition:all .2s ease}.info-row:hover{background:#3b82f605;border-radius:8px;margin:0 -.6rem;padding:.2rem .6rem}.info-label{font-size:.95rem;font-weight:600;letter-spacing:.01em}.info-value{font-size:.95rem;font-weight:700}.requirements-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d,inset 0 1px 0 #fffc;margin-bottom:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.requirements-card:before{background:linear-gradient(90deg,#10b981,#3b82f6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.requirements-card:hover{box-shadow:0 20px 60px #00000026,0 8px 30px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-4px)}.requirements-card:hover:before{opacity:1}.manpower-grid{grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:.6rem}.manpower-item{border-radius:12px;overflow:hidden;padding:.6rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.manpower-item:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.manpower-item:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.manpower-item:hover:before{transform:scaleX(1)}.manpower-quantity{font-size:1.8rem;font-weight:800;margin-bottom:.3rem;text-shadow:0 2px 4px #3b82f61a}.manpower-type{font-size:.8rem;font-weight:600;letter-spacing:.01em;text-transform:capitalize}.no-manpower{padding:.6rem}.description-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d,inset 0 1px 0 #fffc;margin-bottom:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.description-card:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.description-card:hover{box-shadow:0 20px 60px #00000026,0 8px 30px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-4px)}.description-card:hover:before{opacity:1}.description-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;font-size:1rem;font-weight:500;letter-spacing:.01em;line-height:1.7;margin:2rem;padding:.6rem}.source-project{color:#1d4ed8;font-weight:600}.dest-project{color:#16a34a;font-weight:600}.manpower-selection{margin-bottom:1.5rem}.selection-label{color:#0c4a6e;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.selection-controls{display:flex;gap:.75rem;margin-bottom:1rem}.manpower-select{background:#fff;border:2px solid #0ea5e9;border-radius:8px;color:#0c4a6e;flex:1 1;font-size:.9rem;padding:.75rem}.manpower-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.clear-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.selected-manpower{background:#0ea5e90d;border:1px dashed #0ea5e9;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.manpower-tag{align-items:center;background:#0ea5e9;border-radius:999px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;padding:.5rem .75rem}.remove-tag-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:900;height:16px;justify-content:center;line-height:1;margin-left:.5rem;padding:0;transition:background .2s ease;width:16px}.remove-tag-btn:hover{background:#fff3}.edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edit-btn:hover{background:#2563eb;transform:translateY(-1px)}.loading-container{min-height:50vh}.loading-container.modern{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:2rem}.loading-container h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:1rem 0 .5rem}.loading-container p{color:#64748b;font-size:1rem;font-weight:500;margin:0}.loading-spinner.modern{border-color:#3b82f6 #e2e8f0 #e2e8f0;border-width:4px;box-shadow:0 4px 20px #3b82f633;height:60px;width:60px}.error-container{min-height:50vh;padding:4rem 2rem;text-align:center}.error-container.modern{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:20px;box-shadow:0 10px 40px #ef44441a;margin:2rem}.error-container h3{color:#991b1b;font-size:1.5rem;font-weight:700;margin:1rem 0 .5rem}.error-container p{color:#dc2626;font-size:1rem;font-weight:500;line-height:1.5;margin:0 0 2rem}.error-icon{color:#ef4444;margin-bottom:1rem}.error-icon.modern{color:#dc2626;font-size:4rem;text-shadow:0 4px 20px #dc262633}@media (max-width:1024px){.dashboard-main{padding:1rem}.content-wrapper{max-width:100%}.revamp-header{align-items:flex-start;flex-direction:column;gap:1rem}.revamp-header__actions{justify-content:flex-start;width:100%}.revamp-cards-grid{gap:.75rem;grid-template-columns:1fr 1fr}.revamp-sections-grid{grid-template-columns:1fr}.span-2{grid-column:1}.center-modal{margin:1rem;width:min(460px,95%)}}@media (max-width:768px){.dashboard-main{padding:.75rem}.revamp-header h1{font-size:1.25rem}.revamp-meta{align-items:flex-start;flex-direction:column;gap:.25rem}.revamp-cards-grid{gap:.5rem;grid-template-columns:1fr}.error-container.modern,.loading-container.modern{margin:1rem;padding:2rem 1rem}.center-modal{width:min(400px,90%)}.center-modal-actions,.center-modal-body,.center-modal-header{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){.dashboard-main{padding:.5rem}.revamp-header__actions{flex-direction:column;width:100%}.revamp-btn{justify-content:center;width:100%}.revamp-actions{flex-direction:column;gap:.5rem}.revamp-actions .revamp-btn{justify-content:center;width:100%}.center-modal{margin:.5rem;width:95%}.center-modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}.details-grid .detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-item .value{text-align:left}.page-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.info-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{padding:.75rem}.page-header{margin-bottom:.75rem;padding:1rem}.status-banner{align-items:flex-start;gap:1rem}.approval-actions,.creator-actions,.status-banner{flex-direction:column}.creator-actions{width:100%}.cancel-btn,.edit-btn{justify-content:center;width:100%}.bottom-actions{flex-direction:column;width:100%}.back-btn,.schedule-btn{justify-content:center;width:100%}.page-title{font-size:1.25rem}.page-subtitle{font-size:.9rem}.calendar-modal{margin:1rem;width:90vw}}@media (max-width:480px){.dashboard-main{padding:.5rem}.page-header{margin-bottom:.75rem;padding:.75rem}.status-banner{padding:1rem}.status-content{flex-direction:column;gap:.75rem;text-align:center}.status-icon{font-size:1.5rem;height:40px;width:40px}.overdue-ribbon{font-size:.7rem;padding:.375rem 1rem}.overdue-ribbon:before{border-width:0 8px 8px 0;left:-8px}.overdue-ribbon:after{border-width:8px 0 0 8px;right:-8px}.card-content{padding:1rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.manpower-grid{grid-template-columns:1fr}.selection-controls{flex-direction:column}.page-title{font-size:1.1rem}.page-subtitle{font-size:.8rem}}.approve-btn:focus-visible,.back-btn:focus-visible,.back-button:focus-visible,.cancel-btn:focus-visible,.cancel-modal-btn:focus-visible,.confirm-btn:focus-visible,.deny-btn:focus-visible,.edit-btn:focus-visible,.schedule-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.approval-panel,.description-card,.info-card,.request-details-container,.requirements-card{animation:none}.approve-btn:hover,.back-btn:hover,.cancel-btn:hover,.deny-btn:hover,.edit-btn:hover,.schedule-btn:hover{transform:none}}.archived-notice{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #8b5cf6;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:center}.archived-badge{align-items:center;color:#8b5cf6;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.archived-badge svg{font-size:1.2rem}.archive-reason{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.original-project-info,.original-request-details{background:#f8f9fa;border-left:4px solid #8b5cf6;border-radius:8px;margin-top:15px;padding:15px}.original-project-info h4,.original-request-details h4{color:#495057;font-size:1em;font-weight:700;margin:0 0 12px}.original-project-info p,.original-request-details p{color:#6c757d;font-size:.9em;line-height:1.4;margin:6px 0}.original-project-info strong,.original-request-details strong{color:#495057}.archive-actions{display:flex;justify-content:center;margin:1rem 0}.archive-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.archive-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.archive-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status-icon.archived{color:#8b5cf6}.request-card.status-archived{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #8b5cf6;opacity:.8}.request-card.status-archived:hover{box-shadow:0 8px 25px #8b5cf626;opacity:1;transform:translateY(-2px)}.delete-archived-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:.5rem;padding:.5rem 1rem;transition:all .2s ease}.delete-archived-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-archived-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.archived-actions{align-items:center;display:flex;gap:.5rem}.archived-badge-list{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.modern-detail{position:relative}.detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between;margin:0 0 .9rem}.detail-header-left{display:flex;flex-direction:column;gap:.6rem}.detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.55rem;font-weight:700;letter-spacing:-.5px;margin:0}.meta-line{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.6rem}.meta-item{display:inline-flex;gap:.3rem}.meta-line .dot{background:#cbd5e1;border-radius:50%;height:4px;width:4px}.detail-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.status-chip{background:#e2e8f0;border-radius:999px;color:#334155;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.status-chip.status-approved{color:#065f46}.status-chip.status-pending{color:#92400e}.status-chip.status-rejected{background:#fee2e2;color:#991b1b}.status-chip.status-archived{background:#ede9fe;color:#5b21b6}.btn-ghost{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.55rem .9rem;transition:.18s}.btn-ghost:hover{background:#f1f5f9}.btn-outline{align-items:center;border:1px solid #2563eb;border-radius:8px;color:#1d4ed8;display:inline-flex;font-size:.7rem;gap:.45rem;padding:.55rem .95rem}.btn-outline:hover{background:#eff6ff}.btn-danger-outline{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:.7rem;font-weight:600;padding:.55rem .9rem}.btn-danger-outline:hover{background:#fef2f2}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:9px;box-shadow:0 4px 14px -4px #2563eb59;display:inline-flex;font-size:.7rem;gap:.45rem}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:disabled{background:#94a3b8}.btn-outline.danger{border-color:#dc2626;color:#dc2626}.btn-outline.danger:hover{background:#fef2f2}.btn-outline.purple{border-color:#7c3aed;color:#6d28d9}.btn-outline.purple:hover{background:#f5f3ff}.detail-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.detail-grid .full{grid-column:1/-1}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px -4px #0000000f;display:flex;flex-direction:column;overflow:hidden;position:relative}.card.highlight{background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.card.warning{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-color:#f59e0b}.card.archived{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6}.card.subtle{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.card-head{align-items:center;color:#334155;display:flex;font-size:.72rem;font-weight:600;gap:.45rem;letter-spacing:.5px;padding:.55rem .75rem .25rem}.card-head h3{font-size:.78rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-body{color:#475569;display:flex;flex-direction:column;font-size:.72rem;gap:.45rem;padding:.55rem .75rem .7rem}.card-body.compact .kv{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:.63rem;font-weight:500;justify-content:space-between;padding:.35rem .6rem}.card-body.compact .kv span{color:#64748b;font-weight:600}.card-body.compact .kv strong{color:#1e293b;font-size:.72rem;font-weight:700}.chips{gap:.45rem}.chip{background:#eef2ff;color:#3730a3;font-size:.65rem;letter-spacing:.25px;padding:.45rem .75rem}.empty{color:#94a3b8;font-size:.68rem;font-style:italic}.description-text.modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;font-size:.68rem;line-height:1.45;margin:0;padding:.55rem .7rem}.assign-row{align-items:center;display:flex;gap:.45rem;margin-top:.3rem}.assign-row select{background:#fff;border:1px solid #0ea5e9;border-radius:8px;flex:1 1;font-size:.63rem;padding:.45rem .55rem}.assign-row select:focus{box-shadow:0 0 0 3px #0ea5e933;outline:none}.selected-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.tag{align-items:center;background:#0ea5e9;border-radius:999px;color:#fff;display:inline-flex;font-size:.55rem;font-weight:600;gap:.3rem;padding:.33rem .55rem}.tag button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.7rem;line-height:1;padding:0 0 0 .2rem}.actions-row{gap:.5rem;margin-top:.55rem}.actions-row.end{justify-content:flex-end}.rejection-block{background:#fff7f7;border:1px solid #fecaca;border-radius:10px;padding:.6rem .7rem}.rejection-list-modern{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:.4rem 0 0;padding:0}.rejection-list-modern li{align-items:center;background:#fee2e2;border-radius:6px;color:#991b1b;display:inline-flex;font-size:.6rem;font-weight:500;justify-content:space-between;padding:.3rem .45rem}.rejection-list-modern li .date{color:#7f1d1d;font-size:.55rem;margin-left:.5rem}.footer-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;margin-top:1.1rem}.small{font-size:.65rem}@media (max-width:820px){.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-title{font-size:1.45rem}.card-body.compact .kv{font-size:.62rem}}@media (max-width:520px){.detail-header-right{width:100%}.detail-header{flex-direction:column}.meta-line{font-size:.65rem}.btn-danger-outline,.btn-ghost,.btn-outline,.btn-primary{font-size:.62rem}.assign-row{align-items:stretch;flex-direction:column}.assign-row select{width:100%}.footer-actions{justify-content:center}}.center-modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000}.center-modal{animation:scaleIn .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 48px -10px #00000040;display:flex;flex-direction:column;font-family:inherit;overflow:hidden;width:min(480px,92%)}.center-modal-header{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem .5rem}.center-modal-header h2{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.center-modal-body{padding:1rem 1.25rem 1.25rem}.center-modal-body p{color:#475569;font-size:.9rem;line-height:1.4;margin:0}.center-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;padding:.75rem 1.25rem 1.25rem}.modal-btn{background:#f8fafc;border:1px solid #cbd5e1;color:#334155;font-size:.8rem;padding:.55rem 1rem;transition:all .18s ease}.modal-btn:hover{background:#eef2f7}.modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #2563eb59;color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.center-modal-overlay.success .center-modal-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.center-modal-overlay.success h2{color:#065f46}.center-modal-overlay.error .center-modal-header{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.center-modal-overlay.error h2{color:#991b1b}.center-modal-overlay.warning .center-modal-header{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.center-modal-overlay.warning h2{color:#92400e}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.center-modal,.center-modal-overlay{animation:none}}.modal-btn.primary.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262659}.modal-btn.primary.danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.modal-btn.primary.warning{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 12px #ea580c59}.modal-btn.primary.warning:hover{background:linear-gradient(135deg,#dc2626,#c2410c)}.modal-warning-box{border:1px solid;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.modal-warning-box.error{background:#fef2f2;border-color:#fecaca}.modal-warning-box.warning{background:#fffbeb;border-color:#fed7aa}.warning-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.warning-icon{font-size:1.1rem}.modal-warning-box.error .warning-header strong{color:#dc2626;font-weight:700}.modal-warning-box.warning .warning-header strong{color:#ea580c;font-weight:700}.modal-warning-box.error .warning-icon{color:#dc2626}.modal-warning-box.warning .warning-icon{color:#ea580c}.modal-warning-box p{font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.modal-warning-box.error p{color:#dc2626}.modal-warning-box.warning p{color:#ea580c}.request-details-summary{margin-bottom:1.5rem}.request-details-summary h4{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.details-grid{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.detail-item{align-items:flex-start;font-size:.875rem;gap:1rem;justify-content:space-between}.detail-item .label{color:#6b7280;flex-shrink:0;font-weight:600}.detail-item .value{color:#374151;font-weight:500;text-align:right;word-break:break-word}.confirmation-text{color:#374151;font-size:.9rem;font-weight:500;line-height:1.5;margin-top:1rem}.archive-reason-section{margin-bottom:1rem}.form-label{color:#374151;font-size:.875rem;margin-bottom:.5rem}.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.4;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea::placeholder{color:#9ca3af;font-weight:400}.form-group{margin-bottom:1rem}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.date-input{cursor:pointer}.form-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dashboard-main.revamp-detail{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-size:16px;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem;position:relative;z-index:1}.revamp-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 0 2rem;padding:2rem}.revamp-header__left{flex:1 1;min-width:0}.revamp-header h1{align-items:center;color:#0f172a;display:flex;font-size:2.75rem;font-weight:800;gap:1rem;letter-spacing:-1px;line-height:1.1;margin:0}.revamp-meta{color:#475569;display:flex;flex-wrap:wrap;font-size:1.1rem;gap:1.5rem;list-style:none;margin:1rem 0 0;padding:0}.revamp-meta li{align-items:center;background:#f1f5f9;border-radius:12px;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.revamp-header__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.revamp-btn{--btn-bg:#fff;--btn-border:#e2e8f0;--btn-color:#1e293b;align-items:center;background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;color:var(--btn-color);cursor:pointer;display:inline-flex;font:700 .95rem/1.1 system-ui,-apple-system,Segoe UI,Roboto;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.revamp-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.revamp-btn:hover:before{left:100%}.revamp-btn svg{font-size:.9rem}.revamp-btn--ghost{background:#fff}.revamp-btn--ghost:hover{background:#f8fafc;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.revamp-btn--outline{--btn-border:#3b82f6;--btn-color:#1d4ed8}.revamp-btn--outline:hover{background:#eff6ff;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.revamp-btn--danger-outline{--btn-border:#ef4444;--btn-color:#dc2626}.revamp-btn--danger-outline:hover{background:#fef2f2;box-shadow:0 8px 24px #ef444426;transform:translateY(-2px)}.revamp-btn--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 8px 24px #3b82f64d;color:#fff}.revamp-btn--primary:hover:not(:disabled){box-shadow:0 12px 32px #3b82f666;transform:translateY(-3px)}.revamp-btn--primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.revamp-btn.purple{--btn-border:#8b5cf6;--btn-color:#7c3aed}.revamp-btn.purple:hover{background:#f5f3ff;box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.revamp-status{align-items:center;background:#e2e8f0;border:2px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 12px #0000001a;color:#334155;display:inline-flex;font-size:.8rem;font-weight:800;gap:.6rem;letter-spacing:.8px;padding:.75rem 1.25rem;text-transform:uppercase}.revamp-status svg{font-size:.85rem}.revamp-status--approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#065f46}.revamp-status--pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;color:#92400e}.revamp-status--rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;box-shadow:0 4px 12px #ef444433;color:#991b1b}.revamp-status--archived{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633;color:#5b21b6}.revamp-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.revamp-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #0000000f;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.75rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.revamp-card:before{animation:gradientMove 8s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ef4444,#10b981);background-size:300% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.revamp-card.mini strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:1.5rem;font-weight:800}.revamp-card .label{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.revamp-card:hover{border-color:#3b82f6;box-shadow:0 20px 60px #0000001f;transform:translateY(-8px) scale(1.02)}.revamp-card:after{background:linear-gradient(135deg,#3b82f60a,#8b5cf60a);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:.25s}.revamp-card:hover:after{opacity:1}.revamp-section{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #00000014;margin:0 0 1.75rem;overflow:hidden;padding:2rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.revamp-section:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.revamp-section:hover:before{opacity:1}.revamp-section:hover{border-color:#3b82f6;box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.revamp-section>header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.75rem;margin:0 0 1.25rem;padding-bottom:1rem}.revamp-section>header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin:0}.revamp-section>header svg{background:#eff6ff;border-radius:12px;box-shadow:0 4px 12px #3b82f61a;color:#3b82f6;font-size:1.2rem;padding:.5rem}.revamp-section.emphasize{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 32px #3b82f61a}.revamp-section.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 8px 32px #ef44441a}.revamp-section.archived{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf61a}.revamp-section.subtle{border-color:#cbd5e1}.revamp-description,.revamp-section.subtle{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.revamp-description{border:2px solid #e2e8f0;border-radius:20px;box-shadow:inset 0 2px 8px #0000000d;color:#374151;font-size:1.1rem;font-weight:500;line-height:1.7;margin:0;padding:1.5rem 2rem}.revamp-empty{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#9ca3af;font-size:1rem;font-style:italic;padding:1rem 0;text-align:center}.hint{color:#475569;font-size:.9rem;font-weight:500;margin:.5rem 0 .75rem}.hint.requested{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:12px;color:#1e40af;font-weight:700;padding:.75rem 1rem}.revamp-manpower-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.revamp-manpower-list li{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:20px;color:#312e81;display:flex;flex-direction:column;font-size:.95rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.revamp-manpower-list li:hover{border-color:#6366f1;box-shadow:0 12px 32px #4338ca26;transform:translateY(-4px) scale(1.02)}.revamp-manpower-list li .qty{color:#4338ca;font-size:2rem;font-weight:900;text-shadow:0 2px 4px #4338ca1a}.revamp-manpower-list li .type{color:#1e1b4b;font-size:.9rem;font-weight:600;text-transform:capitalize}.assign-row.revamp{align-items:stretch;display:flex;gap:1rem;margin-top:1rem}.assign-row.revamp select{background:#fff;border:2px solid #3b82f6;border-radius:16px;box-shadow:0 4px 12px #3b82f61a;flex:1 1;font-size:.95rem;font-weight:600;padding:1rem 1.25rem;transition:all .3s}.assign-row.revamp select:focus{box-shadow:0 0 0 4px #3b82f626,0 8px 24px #3b82f633;outline:none;transform:translateY(-2px)}.revamp-selected{background:#f0f9ff;border:2px dashed #3b82f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding:1rem}.revamp-selected .pill{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:999px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.revamp-selected .pill:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.revamp-selected .pill button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .3s}.revamp-selected .pill button:hover{background:#ffffff4d;transform:scale(1.1)}.revamp-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.revamp-actions,.revamp-actions.end{justify-content:flex-end}.revamp-rejections{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:.4rem 0 0;padding:0}.revamp-rejections li{background:#fee2e2;border-radius:9px;color:#7f1d1d;display:inline-flex;font-size:.72rem;font-weight:500;gap:.85rem;justify-content:space-between;padding:.5rem .8rem}.revamp-rejections li time{font-size:.55rem;opacity:.85}.revamp-orig{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;font-size:.75rem;line-height:1.55;margin-top:.65rem;padding:.8rem .9rem}.revamp-orig p{margin:.15rem 0}.revamp-btn--xs{border-radius:10px;font-size:.7rem;font-weight:600;line-height:1;padding:.35rem .7rem}.revamp-btn--pending{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a}.revamp-btn--pending:hover{background:#e2e8f0}.revamp-btn--received{background:#10b981;border:1px solid #059669;box-shadow:0 2px 6px #10b98166;color:#fff}.revamp-btn--received:hover{background:#059669}.revamp-badge{border-radius:10px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.4rem .7rem;text-transform:uppercase}.revamp-badge--received{background:#10b981;box-shadow:0 2px 4px #10b98159;color:#fff}.modal-warning-box.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6}.modal-warning-box.info .warning-header{color:#1e40af}.revamp-footer span{display:inline-block;margin-left:1rem}.revamp-footer{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:flex-end;margin:1.65rem 0 1rem}.revamp-audit{margin:2rem 0 0}.revamp-audit__panel{background:#fafafa;border:1px solid #e2e8f0;border-radius:18px;display:flex;flex-direction:column;gap:.65rem;margin-top:.85rem;max-height:360px;overflow-y:auto;padding:.9rem 1rem}.revamp-audit__row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 5px -1px #0000001a;font-size:.75rem;line-height:1.45;padding:.7rem .8rem .8rem}.revamp-audit__row .act{color:#0f172a;font-weight:700}.revamp-audit__row .desc{color:#334155;margin:.15rem 0}.revamp-audit__row .meta{color:#64748b;font-size:.55rem}.revamp-sections-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.revamp-sections-grid .span-2{grid-column:1/-1}@media (max-width:1300px){.revamp-sections-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width:1100px){.revamp-sections-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:780px){.revamp-sections-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:640px){.revamp-header h1{flex-wrap:wrap;font-size:1.75rem}.revamp-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.revamp-card{padding:1.25rem 1.25rem 1.5rem}.revamp-section{padding:1.5rem 1.25rem 1.75rem}.revamp-btn{padding:.8rem 1.2rem}.revamp-btn,.revamp-meta{font-size:.85rem}.revamp-description{font-size:.9rem}.revamp-sections-grid{gap:1.25rem}.assign-row.revamp{flex-direction:column;gap:.75rem}.assign-row.revamp select{font-size:.9rem;padding:.875rem 1rem}}.revamp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;justify-content:center;padding:3rem 2rem}.revamp-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:16px;color:#dc2626;font-size:1rem;font-weight:600;margin:1rem 0;padding:1.5rem;text-align:center}.revamp-card:hover,.revamp-section:hover{box-shadow:0 12px 40px #3b82f626;transform:translateY(-4px)}.revamp-btn:focus,button:focus{box-shadow:0 0 0 4px #3b82f633;outline:none}.project-view-container{margin:0 auto;max-width:1400px;padding:2rem}.ceo .project-view-container,.ceo-view-root .project-view-container,.pm-view-root.ceo .project-view-container{max-height:none!important;overflow:visible!important;padding-bottom:1.25rem}.ceo .tab-content,.ceo-view-root .tab-content{min-height:0;min-height:auto;overflow:visible!important}.ceo-view-root.dashboard-container{overflow:visible!important}.ceo-view-root .dashboard-main{height:auto!important;max-height:none!important;overflow:visible!important}.ceo-view-root .project-view-container{overflow:visible!important}.project-header{margin-bottom:2rem}.project-hero-image{display:block;height:400px;object-fit:cover;width:100%}.status-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.status-toggle-btn.completed{background:#10b981;color:#fff}.status-toggle-btn.ongoing{background:#f59e0b;color:#fff}.status-toggle-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.project-title{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.project-status-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:.5rem;padding:.75rem 1rem}.status-indicator{align-items:center;display:flex;font-size:1rem}.status-indicator.completed{color:#10b981}.status-indicator.ongoing{color:#f59e0b}.status-text{color:#475569;font-weight:600}.project-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem}.project-tab{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.project-tab:hover{background:#f1f5f9;color:#475569}.project-tab.active{background:#3b82f6;color:#fff}.project-tab svg{font-size:1rem}.tab-content{min-height:500px}.project-details-content{display:flex;flex-direction:column;gap:2rem}.action-buttons{display:flex;gap:1rem;justify-content:flex-end}.export-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.export-btn:hover{background:#2563eb;transform:translateY(-1px)}.pm-overview-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pm-overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;height:auto;isolation:isolate;padding:1.5rem;position:relative;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.pm-overview-card:before{background:linear-gradient(90deg,#6366f1,#6366f100 36%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.pm-overview-card:hover{box-shadow:0 10px 28px -8px #0f172a2e;transform:translateY(-2px)}.pm-overview-card:hover:before{opacity:.06}.pm-overview-card .card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.pm-budget-card .card-icon{background:#dbeafe;color:#3b82f6}.pm-timeline-card .card-icon{background:#fef3c7;color:#f59e0b}.pm-location-card .card-icon{background:#dcfce7;color:#059669}.pm-contractor-card .card-icon{background:#ede9fe;color:#7c3aed}.location-card .card-icon{background:#dcfce7;color:#10b981}.contractor-card .card-icon{background:#f3e8ff;color:#8b5cf6}.card-title{color:#475569;font-size:1rem;margin-bottom:.5rem}.budget-amount{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.po-deduction{color:#dc2626;font-size:1rem;margin-left:.5rem}.remaining-budget{color:#059669;font-size:.875rem;font-weight:600}.timeline-dates{display:flex;flex-direction:column;gap:.5rem}.date-item{align-items:center;display:flex;justify-content:space-between}.date-label{color:#64748b;font-weight:500}.date-value{color:#1e293b;font-weight:600}.contractor-value,.location-value{color:#1e293b;font-size:1.125rem;font-weight:600}.team-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.team-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.team-member{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:1rem;padding:1rem}.member-avatar,.team-member{align-items:center;display:flex}.member-avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:1.25rem;height:48px;justify-content:center;width:48px}.member-role{color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.member-name{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.manpower-section{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem}.manpower-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.manpower-text{color:#475569;line-height:1.6;margin:0}.tasks-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.edit-tasks-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edit-tasks-btn:hover{background:#059669;transform:translateY(-1px)}.task-editor{display:flex;flex-direction:column;gap:1rem}.task-input-row{align-items:center;display:flex;gap:1rem}.task-name-input{flex:1 1}.task-name-input,.task-percent-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem}.task-percent-input{text-align:center;width:80px}.add-task-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.add-task-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.1)}.add-task-btn:disabled{background:#9ca3af;cursor:not-allowed}.task-total{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:600;padding:.5rem;text-align:center}.submit-tasks-btn{align-items:center;background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.submit-tasks-btn:hover{background:#047857;transform:translateY(-1px)}.tasks-display{display:flex;flex-direction:column;gap:1rem}.task-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.task-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.task-name{color:#1e293b;font-weight:600}.task-percent{color:#3b82f6;font-weight:600}.task-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.task-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.no-tasks{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.no-tasks svg{color:#9ca3af;font-size:2rem}.purchase-orders-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:1.5rem}.po-list{display:flex;flex-direction:column;gap:.5rem}.po-item{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.po-amount,.po-number{color:#dc2626;font-weight:600}.discussions-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;height:600px;overflow:hidden}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.loading-messages{font-size:1rem}.empty-discussions,.loading-messages{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center}.empty-discussions{padding:2rem;text-align:center}.empty-discussions svg{color:#9ca3af;font-size:3rem}.empty-discussions h3{color:#475569;font-size:1.5rem;font-weight:600;margin:0}.empty-discussions p{color:#64748b;font-size:1rem;margin:0}.message-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:16px;position:relative;transition:all .2s ease}.message-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.message-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.message-info{display:flex;flex-direction:column;gap:.25rem}.message-author{color:#1e293b;font-size:.875rem;font-weight:600}.message-time{color:#64748b;font-size:.75rem}.message-content{margin-bottom:1rem}.message-text{color:#374151;line-height:1.6;margin:0 0 1rem}.message-attachments{gap:.5rem}.attachment-item{background:#fff;border-radius:6px;font-size:.875rem;gap:.5rem;padding:.5rem}.attachment-item svg{color:#64748b}.attachment-item a{color:#3b82f6;font-weight:500;text-decoration:none}.attachment-item a:hover{text-decoration:underline}.replies-container{border-left:2px solid #e2e8f0;margin-top:1rem;padding-left:1rem}.reply-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:1rem;padding:1rem}.reply-header{gap:.5rem;margin-bottom:.75rem}.reply-avatar,.reply-header{align-items:center;display:flex}.reply-avatar{background:#10b981;border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.reply-info{display:flex;flex-direction:column;gap:.125rem}.reply-author{color:#1e293b;font-size:.75rem;font-weight:600}.reply-time{color:#64748b;font-size:.625rem}.reply-content{margin-bottom:.75rem}.reply-text{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.reply-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.reply-attachments .attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.reply-attachments .attachment-item:hover{background:#f1f5f9;border-color:#cbd5e1}.reply-attachments .attachment-thumbnail{flex-shrink:0}.reply-attachments .attachment-info{flex:1 1;min-width:0}.reply-attachments .attachment-name{color:#3b82f6;display:block;font-size:.75rem;font-weight:500;margin-bottom:.125rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.reply-attachments .attachment-name:hover{text-decoration:underline}.reply-attachments .attachment-type{color:#64748b;display:block;font-size:.625rem;font-weight:500;text-transform:uppercase}@media (max-width:768px){.reply-attachments .attachment-item{gap:.375rem;padding:.375rem}.reply-attachments .attachment-thumbnail .file-thumbnail{height:32px;width:32px}.reply-attachments .attachment-thumbnail .document-thumbnail .thumbnail-icon{font-size:.75rem}.reply-attachments .attachment-thumbnail .document-thumbnail .thumbnail-extension{font-size:.5rem}.reply-attachments .attachment-name{font-size:.6875rem}.reply-attachments .attachment-type{font-size:.5625rem}}.reply-input-container{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.reply-input-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.reply-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;padding:.5rem .75rem}.reply-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.attachment-label{align-items:center;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.attachment-label:hover{background:#e2e8f0;color:#475569}.reply-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.reply-button:hover{background:#2563eb}.message-composer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem}.composer-area{border-radius:8px;margin-bottom:1rem;transition:all .2s ease}.composer-area.drag-over{background:#3b82f60d;border:2px dashed #3b82f6}.composer-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:80px;padding:1rem;resize:vertical;width:100%}.composer-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.composer-actions{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.composer-left{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.attachment-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.attachment-button:hover{background:#f8fafc;color:#475569}.attachment-button svg{font-size:1rem}.composer-right{align-items:center;display:flex}.send-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.send-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.file-preview{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:flex;font-size:.75rem;gap:.5rem;max-width:300px;padding:.375rem .75rem}.file-preview span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.remove-file-btn:hover{background:#fef2f2}@media (max-width:768px){.discussions-container{height:500px}.messages-list{gap:1rem;padding:1rem}.message-composer,.message-item{padding:1rem}.composer-actions{flex-direction:column;gap:.75rem}.composer-left,.composer-right,.send-button{width:100%}.reply-input-row{flex-wrap:wrap}.reply-input{min-width:200px}}@media (max-width:480px){.discussions-container{height:400px}.message-header{align-items:flex-start;flex-direction:column;gap:.5rem}.message-avatar{font-size:.875rem;height:32px;width:32px}.reply-header{align-items:flex-start;flex-direction:column;gap:.25rem}.reply-avatar{font-size:.75rem;height:28px;width:28px}}.files-placeholder{align-items:center;display:flex;justify-content:center;min-height:400px}.placeholder-content{color:#64748b;text-align:center}.placeholder-content svg{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.placeholder-content h3{color:#475569;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.placeholder-content p{color:#64748b;font-size:1rem}.modal-overlay{z-index:1000}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;min-width:400px;padding:2rem}.modal-content h3{color:#1e293b;margin-bottom:1rem;margin-top:0}.modal-content p{color:#475569;margin-bottom:1rem}.modal-content ul{margin-bottom:1rem;padding-left:1.5rem}.modal-content li{color:#475569;margin-bottom:.25rem}.modal-actions{gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.modal-btn:hover{background:#f9fafb}.modal-btn.secondary{border-color:#3b82f6;color:#3b82f6}.modal-btn.secondary:hover{background:#eff6ff}.modal-btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.modal-btn.danger:hover{background:#b91c1c}@media (max-width:768px){.project-view-container{padding:1rem}.project-title{font-size:2rem}.project-title-section{align-items:flex-start;flex-direction:column}.project-tabs{flex-wrap:wrap}.project-tab{flex:1 1;min-width:120px}.overview-grid,.team-grid{grid-template-columns:1fr}.task-input-row{align-items:stretch;flex-direction:column}.task-percent-input{width:100%}.modal-content{margin:1rem;min-width:auto}.modal-actions{flex-direction:column}}@media (max-width:480px){.project-hero-image{height:250px}.project-title{font-size:1.75rem}.overview-card{padding:1rem}.team-member{flex-direction:column;text-align:center}}.mention-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:200px;min-width:150px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.composer-area,.reply-input-row{position:relative}.mention-option{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.mention-option:hover{background-color:#f9fafb}.mention-option:last-child{border-bottom:none}.mention-option:active{background-color:#e5e7eb}.label-selector{margin-bottom:10px}.label-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.label-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-item.labeled-important{background:linear-gradient(135deg,#fef2f2,#fff)!important;border-left:4px solid #ef4444!important;box-shadow:0 2px 8px #ef444426!important}.message-item.labeled-announcement{background:linear-gradient(135deg,#fffbeb,#fff)!important;border-left:4px solid #f59e0b!important;box-shadow:0 2px 8px #f59e0b26!important}.message-item.labeled-update{background:linear-gradient(135deg,#eff6ff,#fff)!important;border-left:4px solid #3b82f6!important;box-shadow:0 2px 8px #3b82f626!important}.message-item.labeled-reminder{background:linear-gradient(135deg,#f3f4f6,#fff)!important;border-left:4px solid #8b5cf6!important;box-shadow:0 2px 8px #8b5cf626!important}.message-item.labeled-urgent{animation:pulse 2s infinite!important;background:linear-gradient(135deg,#f3f4f6,#fff)!important;border-left:4px solid #000!important;box-shadow:0 2px 8px #00000026!important}.message-label{border-radius:12px!important;box-shadow:0 2px 4px #0000001a!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 8px!important;position:absolute!important;right:10px!important;text-transform:uppercase!important;top:10px!important;z-index:10!important}.message-label.important{background:#ef4444!important;color:#fff!important}.message-label.announcement{background:#f59e0b!important;color:#fff!important}.message-label.update{background:#3b82f6!important;color:#fff!important}.message-label.reminder{background:#8b5cf6!important;color:#fff!important}.message-label.urgent{animation:blink 1s infinite!important;background:#000!important;color:#fff!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.7}}.reports-container{background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;margin:1.5rem 0;overflow:hidden;padding:2rem}.reports-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.reports-placeholder svg{color:#94a3b8;font-size:5rem;margin-bottom:2rem;opacity:.4}.reports-placeholder h3{color:#475569;font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.reports-placeholder p{color:#64748b;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0;max-width:400px}.reports-container .files-table{border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.reports-container .files-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.reports-container .files-table tbody tr{transition:background-color .2s ease}.reports-container .files-table tbody tr:hover{background-color:#f9fafb}.reports-container .files-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem}.reports-container .files-table tbody tr:last-child td{border-bottom:none}.files-container{background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;margin:1.5rem 0;overflow:hidden}.files-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2.5rem 2rem}.files-title-section h2{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}.files-subtitle{color:#64748b;font-size:1.125rem;font-weight:400;margin:0}.files-actions{align-items:center;display:flex;gap:1rem}.search-container{flex:1 1;max-width:300px}.file-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#374151;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.file-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.file-search-input::placeholder{color:#9ca3af}.upload-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px -2px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.upload-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px -4px #3b82f666;transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.upload-btn svg{font-size:1rem}.upload-progress{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.progress-bar{background:#e2e8f0;border-radius:6px;height:10px;margin-bottom:.75rem}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:6px;box-shadow:0 2px 4px #3b82f64d;transition:width .3s ease}.progress-text{color:#475569;font-size:.95rem;font-weight:600}.files-table-container{border-radius:0 0 20px 20px;display:block;max-height:600px;overflow-x:auto;overflow-y:auto;position:relative}.files-table{background:#fff!important;border-collapse:collapse!important;border-spacing:0!important;min-width:800px!important;table-layout:fixed!important;width:100%!important}.files-table,.files-table tbody,.files-table thead{box-sizing:border-box}.files-table tr{height:80px!important;min-height:80px!important}.files-table td,.files-table th,.files-table tr{box-sizing:border-box;vertical-align:middle!important}.files-table thead{display:table-header-group!important}.files-table tbody{display:table-row-group!important}.files-table tr{display:table-row!important}.files-table td,.files-table th{display:table-cell!important}.files-table{background:#fff;border-collapse:collapse;border-spacing:0;display:table!important;min-width:800px;table-layout:fixed;width:100%}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:table-header-group!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.table-header tr{display:table-row!important}.header-cell{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;display:table-cell!important;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:1.5rem 1rem;text-transform:uppercase;vertical-align:middle}.header-cell.file-name{padding-left:2rem;width:35%}.header-cell.file-type{width:12%}.header-cell.file-size{width:10%}.header-cell.file-uploader{width:18%}.header-cell.file-date{width:15%}.header-cell.file-actions{text-align:center;width:10%}.table-body{background:#fff;display:table-row-group!important}.table-body tr,.table-row{display:table-row!important}.table-row{background:#fff;border-bottom:none;height:80px;min-height:80px;transition:all .2s ease;vertical-align:middle}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000d}.table-cell{border-bottom:none;color:#374151;display:table-cell!important;font-size:.95rem;font-weight:500;height:100%;line-height:1.4;padding:1.25rem 1rem;vertical-align:middle;white-space:nowrap}.table-cell.file-name{font-weight:600;padding-left:2rem}.table-cell.file-date,.table-cell.file-uploader{color:#64748b;font-size:.9rem}.table-cell.file-size{color:#6b7280;font-size:.875rem;font-weight:400}.table-cell.file-actions{border:none!important;display:table-cell!important;height:100%!important;padding:1.25rem 2rem 1.25rem 1rem!important;text-align:center!important;vertical-align:middle!important}.file-info{gap:1rem;height:100%;min-height:60px;width:100%}.file-icon,.file-info{align-items:center;display:flex}.file-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.75rem;height:2.5rem;justify-content:center;text-align:center;width:2.5rem}.file-name-text{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.4;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type-badge{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #c7d2fe;border-radius:8px;box-shadow:0 2px 4px #6366f11a;color:#3730a3;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.375rem .75rem;text-transform:uppercase}.action-buttons{background:none!important;border:none!important;flex-direction:row!important;gap:.75rem!important;height:100%!important;width:100%!important}.action-btn,.action-buttons{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;padding:0!important}.action-btn{background:#fff!important;border:2px solid!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;flex-shrink:0!important;font-size:1.1rem!important;font-weight:600!important;height:2.75rem!important;min-width:2.75rem!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important;width:2.75rem!important}.download-btn{background:#fff!important;border-color:#3b82f6!important;color:#3b82f6!important}.download-btn:hover{background:#3b82f6!important;box-shadow:0 4px 8px #3b82f64d!important;color:#fff!important;transform:translateY(-2px)}.download-btn:active{box-shadow:0 2px 4px #3b82f633!important;transform:translateY(0)}.delete-btn{background:#fff!important;border-color:#dc2626!important;color:#dc2626!important}.delete-btn:hover{background:#dc2626!important;box-shadow:0 4px 8px #dc26264d!important;color:#fff!important;transform:translateY(-2px)}.delete-btn:active{box-shadow:0 2px 4px #dc262633!important;transform:translateY(0)}.action-btn:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.empty-files{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.empty-files svg{color:#94a3b8;font-size:5rem;margin-bottom:2rem;opacity:.4}.empty-files h3{color:#475569;font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.empty-files p{color:#64748b;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0;max-width:400px}@media (max-width:1024px){.files-header{align-items:stretch;flex-direction:column;gap:1rem}.files-actions{justify-content:center}.search-container{max-width:100%}.header-cell.file-size,.table-cell.file-size{display:none}.header-cell.file-name{width:40%}.header-cell.file-type{width:15%}.header-cell.file-uploader{width:20%}.header-cell.file-date{width:15%}.header-cell.file-actions{width:10%}}@media (max-width:768px){.files-container{border-radius:0;margin:0 -1rem}.files-header{padding:1.5rem}.files-actions{align-items:stretch;flex-direction:column;gap:.75rem}.search-container{order:1}.upload-btn{order:2}.files-title-section h2{font-size:1.5rem}.header-cell.file-date,.header-cell.file-uploader,.table-cell.file-date,.table-cell.file-uploader{display:none}.header-cell.file-name{width:50%}.header-cell.file-type{width:20%}.header-cell.file-actions{width:30%}.file-name-text{max-width:120px}.action-buttons{flex-direction:row;gap:.25rem}.action-btn{font-size:.8rem;height:2rem;width:2rem}.header-cell,.table-cell{padding:1rem .5rem}}@media (max-width:480px){.files-header{padding:1rem}.header-cell.file-type,.table-cell.file-type{display:none}.header-cell.file-name{width:70%}.header-cell.file-actions{width:30%}.file-info{gap:.5rem}.file-icon{font-size:1.25rem;height:1.5rem;width:1.5rem}.file-name-text{font-size:.875rem;max-width:100px}.header-cell,.table-cell{padding:.75rem .25rem}}.project-image-section{border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:1.5rem;overflow:hidden;position:relative}.project-image-section:hover .image-upload-overlay{opacity:1;visibility:visible}.image-upload-overlay{background:#000000b3;bottom:0;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:5}.change-image-btn,.image-upload-overlay{align-items:center;display:flex;flex-direction:column;transition:all .3s ease}.change-image-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #fffc;border-radius:12px;box-shadow:0 8px 32px #0003;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;min-width:160px;padding:1.5rem 2rem;text-align:center}.change-image-btn:hover{background:#fff;border-color:#3b82f6;box-shadow:0 12px 40px #0000004d;color:#3b82f6;transform:translateY(-2px)}.change-image-btn svg{color:#3b82f6;font-size:1.5rem}.change-image-btn span{font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.image-upload-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:8px;bottom:2rem;box-shadow:0 4px 16px #0003;left:2rem;padding:1rem;position:absolute;right:2rem}.image-upload-progress .progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.image-upload-progress .progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}.image-upload-progress .progress-text{color:#475569;font-size:.875rem;font-weight:600;margin:0;text-align:center}.image-upload-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444f2;border-radius:8px;bottom:2rem;box-shadow:0 4px 16px #ef44444d;color:#fff;left:2rem;padding:1rem;position:absolute;right:2rem}.image-upload-error p{font-size:.875rem;font-weight:600;margin:0;text-align:center}@media (max-width:768px){.change-image-btn{min-width:140px;padding:1rem 1.5rem}.change-image-btn svg{font-size:1.25rem}.change-image-btn span{font-size:.75rem}.image-upload-error,.image-upload-progress{bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.change-image-btn{min-width:120px;padding:.75rem 1rem}.change-image-btn svg{font-size:1rem}.change-image-btn span{font-size:.7rem}}.file-thumbnail-container{margin-right:1rem}.file-thumbnail,.file-thumbnail-container{align-items:center;display:flex;justify-content:center}.file-thumbnail{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-direction:column;height:48px;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.file-thumbnail:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.file-thumbnail.image-thumbnail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:48px;overflow:hidden;width:48px}.file-thumbnail.image-thumbnail img{border-radius:8px;height:100%;object-fit:cover;width:100%}.file-thumbnail.image-thumbnail .fallback-icon{align-items:center;background:#f1f5f9;color:#64748b;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.file-thumbnail.document-thumbnail{color:#fff;font-weight:600;position:relative;text-shadow:0 1px 2px #0000004d}.file-thumbnail.document-thumbnail .thumbnail-icon{font-size:1.25rem;margin-bottom:2px}.file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.6rem;font-weight:700;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.message-attachments{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.attachment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.attachment-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.attachment-thumbnail{flex-shrink:0}.attachment-thumbnail .file-thumbnail{height:40px;width:40px}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-icon{font-size:1rem}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.5rem}.attachment-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.attachment-name{color:#1e293b;font-size:.875rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.attachment-name:hover{color:#3b82f6;text-decoration:underline}.attachment-type{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.file-info{align-items:center!important;display:flex!important;gap:0!important;height:100%!important;width:100%!important}@media (max-width:768px){.file-thumbnail{height:40px;width:40px}.file-thumbnail.document-thumbnail .thumbnail-icon{font-size:1rem}.file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.5rem}.attachment-thumbnail .file-thumbnail{height:36px;width:36px}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-icon{font-size:.875rem}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.45rem}}@media (max-width:480px){.file-thumbnail{height:36px;width:36px}.file-thumbnail.document-thumbnail .thumbnail-icon{font-size:.875rem}.file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.45rem}.attachment-thumbnail .file-thumbnail{height:32px;width:32px}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-icon{font-size:.75rem}.attachment-thumbnail .file-thumbnail.document-thumbnail .thumbnail-extension{font-size:.4rem}}@media (max-width:1024px){.files-table-container{max-height:500px}}@media (max-width:768px){.files-table-container{max-height:400px}.files-table{min-width:600px!important}}@media (max-width:480px){.files-table-container{max-height:350px}.files-table{min-width:500px!important}}.professional-loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.professional-loading-screen:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.loading-content{max-width:400px;padding:2rem;position:relative;text-align:center;z-index:1}.loading-logo{animation:logoFloat 3s ease-in-out infinite;margin-bottom:2rem}.loading-logo-img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));height:auto;width:120px}.loading-spinner-container{margin-bottom:2rem}.loading-spinner{box-shadow:0 8px 32px #0000001a;height:60px;margin:0 auto;width:60px}.loading-text{margin-bottom:2rem}.loading-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.loading-subtitle{color:#fffc;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.loading-progress{margin:0 auto;max-width:300px;width:100%}.progress-bar{background:#fff3;border-radius:3px;box-shadow:inset 0 2px 4px #0000001a;height:6px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-in-out infinite;background:linear-gradient(90deg,#fff,#f0f0f0);border-radius:3px;box-shadow:0 0 10px #ffffff80;height:100%}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}@media (max-width:768px){.loading-content{padding:1.5rem}.loading-logo-img{width:100px}.loading-title{font-size:1.5rem}.loading-subtitle{font-size:.9rem}.loading-spinner{height:50px;width:50px}}.pm-view-root .project-view-container{max-width:100%;padding-left:1.5rem;padding-right:1.5rem;width:min(1850px,95vw)}@media (min-width:1600px){.pm-view-root .project-view-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1800px){.pm-view-root .project-view-container{padding-left:2.5rem;padding-right:2.5rem}}.pm-view-root .discussions-container,.pm-view-root .files-container,.pm-view-root .project-details-content,.pm-view-root .project-header,.pm-view-root .project-tabs,.pm-view-root .reports-container,.pm-view-root .tab-content{max-width:100%;width:100%}@media (min-width:1600px){.pm-view-root .overview-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.pm-view-root .project-hero-image{height:460px}}@media (min-width:1800px){.pm-view-root .project-hero-image{height:500px}}.pm-view-root .discussions-container,.pm-view-root .files-container,.pm-view-root .reports-container{margin-left:0;margin-right:0}.pm-view-root table.files-table{width:100%}.pm-view-root .project-view-container{overflow-x:hidden}.staff-view-root .project-view-container{max-width:100%;padding:2rem 2.25rem;width:min(1850px,95vw)}@media (min-width:1600px){.staff-view-root .project-hero-image{height:460px}.staff-view-root .overview-grid{gap:2rem}}@media (min-width:1800px){.staff-view-root .project-view-container{max-width:min(1850px,94vw)}.staff-view-root .overview-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (max-width:1100px){.staff-view-root .project-view-container{padding:1.75rem 1.5rem}}.staff-view-root .overview-grid{width:100%}.staff-view-root .discussions-container,.staff-view-root .files-container,.staff-view-root .project-details-content,.staff-view-root .reports-container,.staff-view-root .tab-content{max-width:100%}.staff-view-root .discussions-container,.staff-view-root .files-container,.staff-view-root .project-details-content,.staff-view-root .project-header,.staff-view-root .project-tabs,.staff-view-root .reports-container{margin-left:0;margin-right:0;width:100%}.staff-view-root .project-image-section{width:100%}@media (min-width:1600px){.staff-view-root .project-tabs{padding-left:.25rem;padding-right:.25rem}}.staff-view-root .project-header{margin-bottom:2rem}.staff-view-root .project-title{color:#1e293b;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0}.staff-view-root .project-status-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1rem}.staff-view-root .overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.staff-view-root .overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.staff-view-root .overview-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.staff-view-root .card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.staff-view-root .budget-card .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.staff-view-root .timeline-card .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.staff-view-root .location-card .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.staff-view-root .contractor-card .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.staff-view-root .card-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.staff-view-root .budget-amount{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.staff-view-root .po-deduction{color:#ef4444;font-size:1rem;font-weight:500}.staff-view-root .remaining-budget{color:#6b7280;font-size:.875rem;font-weight:500}.staff-view-root .timeline-dates{display:flex;flex-direction:column;gap:.5rem}.staff-view-root .date-item{align-items:center;display:flex;justify-content:space-between}.staff-view-root .date-label{color:#6b7280;font-weight:500}.staff-view-root .date-value{color:#1e293b;font-weight:600}.staff-view-root .contractor-value,.staff-view-root .location-value{color:#1e293b;font-size:1rem;font-weight:500}.staff-view-root .progress-section{margin-top:2rem}.staff-view-root .progress-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.staff-view-root .progress-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.staff-view-root .progress-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.staff-view-root .overall-progress{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.staff-view-root .pic-contributions{background:#fff;color:#1e293b}.staff-view-root .progress-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.staff-view-root .pic-contributions .progress-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.staff-view-root .progress-content{flex:1 1}.staff-view-root .progress-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.staff-view-root .progress-label{font-size:.875rem;font-weight:500;opacity:.9}.staff-view-root .team-section{margin-top:2rem}.staff-view-root .section-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.staff-view-root .team-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-view-root .team-member{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.staff-view-root .member-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.staff-view-root .member-role{color:#6b7280;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.staff-view-root .member-name{color:#1e293b;font-size:1rem;font-weight:500;margin:0}.staff-view-root .manpower-section{margin-top:2rem}.staff-view-root .manpower-content{margin-top:1rem}.staff-view-root .manpower-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;min-height:120px;padding:1.5rem}.staff-view-root .manpower-text{color:#374151;font-size:.875rem;line-height:1.6;margin:0}.staff-view-root .action-buttons{gap:1rem;margin-bottom:2rem}.staff-view-root .export-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.staff-view-root .export-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.staff-view-root .project-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem}.staff-view-root .project-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.staff-view-root .project-tab:hover{background:#f1f5f9;color:#1e293b}.staff-view-root .project-tab.active{background:#3b82f6;color:#fff}.staff-view-root .tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}@media (max-width:768px){.staff-view-root .project-title{font-size:1.75rem}.staff-view-root .overview-grid,.staff-view-root .team-grid{grid-template-columns:1fr}.staff-view-root .project-tabs{flex-wrap:wrap}.staff-view-root .project-tab{flex:1 1;min-width:120px}}.staff-view-root .discussions-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:600px;overflow:hidden}.staff-view-root .messages-list{flex:1 1;overflow-y:auto;padding:1rem}.staff-view-root .loading-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2rem}.staff-view-root .loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;margin-bottom:.5rem;width:24px}.staff-view-root .empty-discussions{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.staff-view-root .empty-discussions svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.staff-view-root .message-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative;transition:all .2s ease}.staff-view-root .message-item:hover{box-shadow:0 2px 8px #0000001a}.staff-view-root .message-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.staff-view-root .message-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.staff-view-root .message-info{flex:1 1}.staff-view-root .message-author{color:#1f2937;font-size:.875rem;font-weight:600}.staff-view-root .message-timestamp{color:#6b7280;font-size:.75rem}.staff-view-root .message-content{margin-bottom:.75rem}.staff-view-root .message-text{color:#374151;line-height:1.5;white-space:pre-wrap}.staff-view-root .message-attachments{margin-top:.75rem}.staff-view-root .attachment-item{margin-bottom:.5rem}.staff-view-root .attachment-info{align-items:center;display:flex;gap:.5rem}.staff-view-root .attachment-name{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none}.staff-view-root .attachment-name:hover{text-decoration:underline}.staff-view-root .attachment-type{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;padding:.25rem .5rem}.staff-view-root .message-replies{border-left:2px solid #e5e7eb;margin-top:.75rem;padding-left:1rem}.staff-view-root .reply-item{background:#f9fafb;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.staff-view-root .reply-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.staff-view-root .reply-input-container{margin-top:.75rem}.staff-view-root .reply-input-row{align-items:center;display:flex;gap:.5rem}.staff-view-root .reply-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;padding:.5rem}.staff-view-root .reply-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.staff-view-root .reply-button:hover{background:#2563eb}.staff-view-root .message-composer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}.staff-view-root .composer-area{margin-bottom:.75rem}.staff-view-root .composer-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:80px;padding:.75rem;resize:vertical;width:100%}.staff-view-root .composer-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.staff-view-root .composer-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.staff-view-root .composer-left{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.staff-view-root .attachment-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.staff-view-root .attachment-button:hover{background:#f3f4f6;border-color:#9ca3af}.staff-view-root .file-preview{align-items:center;background:#f3f4f6;border-radius:4px;color:#374151;display:flex;font-size:.75rem;gap:.5rem;padding:.25rem .5rem}.staff-view-root .remove-file-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;padding:0;width:16px}.staff-view-root .composer-right{align-items:center;display:flex}.staff-view-root .send-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.staff-view-root .send-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.staff-view-root .send-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.staff-view-root .files-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.staff-view-root .files-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.staff-view-root .files-title-section h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.staff-view-root .files-subtitle{color:#6b7280;font-size:.875rem;margin:0}.staff-view-root .files-actions{align-items:center;display:flex;gap:1rem}.staff-view-root .upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.staff-view-root .upload-btn:hover{background:#2563eb;transform:translateY(-1px)}.staff-view-root .upload-progress{background:#f0f9ff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.staff-view-root .progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.staff-view-root .progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .3s ease}.staff-view-root .progress-text{color:#374151;font-size:.875rem;font-weight:500}.staff-view-root .files-table-container{padding:1.5rem}.staff-view-root .files-table{border-collapse:collapse;width:100%}.staff-view-root .table-header{background:#f9fafb}.staff-view-root .header-cell{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.staff-view-root .table-body{background:#fff}.staff-view-root .table-row{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.staff-view-root .table-row:hover{background:#f9fafb}.staff-view-root .table-cell{color:#374151;font-size:.875rem;padding:.75rem 1rem}.staff-view-root .file-info{align-items:center;display:flex;gap:.75rem}.staff-view-root .file-thumbnail-container{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.staff-view-root .file-thumbnail{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;display:flex;font-size:.75rem;height:100%;justify-content:center;width:100%}.staff-view-root .image-thumbnail img{border-radius:4px;height:100%;object-fit:cover;width:100%}.staff-view-root .file-name-text{color:#1f2937;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-view-root .file-type-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.staff-view-root .action-buttons{display:flex;gap:.5rem}.staff-view-root .action-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.staff-view-root .action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.staff-view-root .download-btn:hover{border-color:#3b82f6;color:#3b82f6}.staff-view-root .delete-btn:hover{border-color:#ef4444;color:#ef4444}.staff-view-root .empty-files{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.staff-view-root .empty-files svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.staff-view-root .empty-files h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.staff-view-root .empty-files p{font-size:.875rem;margin:0}.staff-view-root .reports-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.staff-view-root .reports-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.staff-view-root .reports-placeholder svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.staff-view-root .reports-placeholder h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.staff-view-root .reports-placeholder p{font-size:.875rem;margin:0}.pic-projects-page{--bg:#fff;--surface:#fff;--surface-alt:#f5f7fa;--border:#e2e8f0;--primary:#1d4ed8;--primary-grad:linear-gradient(135deg,#1d4ed8,#2563eb);--text:#1a1f29;--text-dim:#5a6675;background:#fff;color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.pic-projects-page *{box-sizing:border-box}.pp-hero{background:linear-gradient(160deg,#f5f9ff,#eef3f9);border-bottom:1px solid var(--border);overflow:hidden;padding:3.3rem 2rem 1.2rem;position:relative}.pp-hero:before{background:radial-gradient(circle at 15% 25%,#1d4ed81f,#0000 60%),radial-gradient(circle at 85% 70%,#2563eb1a,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.pp-hero-inner{margin:0 auto;max-width:1400px;position:relative;z-index:2}.pp-hero-inner h1{background:linear-gradient(90deg,#1d2530,#3a4b61);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.05rem;letter-spacing:.5px;margin:0 0 .6rem}.pp-hero-inner p{color:var(--text-dim);font-size:.9rem;line-height:1.5;margin:0 0 1.4rem;max-width:760px}.pp-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 12px -4px #00000014;flex:1 1 180px;gap:.95rem;min-width:170px;padding:.9rem 1.15rem}.stat-card:before{background:radial-gradient(circle at 85% 15%,#2563eb14,#0000 70%);inset:0;opacity:1}.sc-icon{background:#f1f5f9;border-radius:14px;box-shadow:inset 0 0 0 1px #d9e2ec;display:grid;font-size:1.05rem;height:42px;place-items:center;width:42px}.sc-icon.ongoing{color:#1d4ed8}.sc-icon.completed{color:#15803d}.sc-icon.total{color:#b45309}.sc-body{display:flex;flex-direction:column;justify-content:center}.sc-label{color:var(--text-dim);font-size:.66rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sc-value{font-size:1.35rem;font-weight:700;letter-spacing:1px;margin-top:.15rem}.pp-main{margin:0 auto;max-width:1400px;padding:1.2rem 2rem 4rem}.pp-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}@media (min-width:860px){.pp-controls{align-items:stretch;flex-direction:row;justify-content:space-between}}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.65rem;min-height:50px;padding:0 .9rem}.search-box .icon{color:var(--text-dim);font-size:.9rem}.search-box input{color:var(--text)}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.tab-group{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;display:flex;padding:.4rem}.tg-btn{background:#0000;border:none;border-radius:10px;color:var(--text-dim);cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.9px;padding:.65rem 1.1rem;text-transform:uppercase;transition:.18s}.tg-btn:hover{color:var(--text)}.tg-btn.active{background:var(--primary-grad);box-shadow:0 4px 16px -6px #2563eb8c;color:#fff}.sort-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;gap:.5rem;padding:.55rem .9rem}.sort-box .icon{color:var(--text-dim);font-size:.82rem}.sort-box select{background:#0000;border:none;color:var(--text);font-size:.72rem;font-weight:600;letter-spacing:.7px;outline:none}.sort-box option{background:#fff;color:#1a1f29}.dir-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;font-size:.7rem;font-weight:700;padding:.35rem .55rem;transition:.18s}.dir-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.projects-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 6px 18px -6px #0000001f;padding:1.1rem 1.2rem 1.2rem;position:relative;width:100%}.projects-table{border-collapse:collapse;font-size:.8rem;width:100%}.projects-table thead th{color:var(--text-dim);cursor:pointer;font-size:.62rem;font-weight:600;letter-spacing:.6px;padding:0 0 .65rem;position:relative;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}.projects-table thead th.sorted{color:var(--text)}.projects-table tbody td{border-top:1px solid #edf1f5;padding:.95rem .4rem .95rem 0;vertical-align:middle}.projects-table tbody tr:first-child td{border-top:none}.proj-main{display:flex;flex-direction:column;gap:.25rem}.proj-title{font-size:.85rem;font-weight:600;letter-spacing:.4px}.proj-meta{color:var(--text-dim);font-size:.65rem;letter-spacing:.3px}.timeline-bar{background:var(--surface-alt);border-radius:6px;box-shadow:inset 0 0 0 1px #e2e8f0;height:8px;overflow:hidden;position:relative;width:120px}.timeline-bar.small{height:6px;width:100%}.timeline-fill{background:linear-gradient(90deg,#1d4ed8,#2563eb 55%,#3b82f6);box-shadow:0 0 0 1px #fff0,0 2px 4px -1px #00000026;inset:0;position:absolute}.status-badge{background:#eef4ff;border-radius:30px;box-shadow:0 0 0 1px #d6e2f3;color:#1d4ed8;display:inline-flex;font-size:.55rem;justify-content:center;letter-spacing:.7px;padding:.45rem .7rem}.badge-completed{background:#e6f9ed;box-shadow:0 0 0 1px #c4e9d2;color:#15803d}.badge-ongoing{background:#eef4ff;color:#1d4ed8}.btn-view{background:var(--primary-grad);border:none;border-radius:10px;box-shadow:0 4px 14px -6px #1d4ed88c;color:#fff;cursor:pointer;font-size:.65rem;font-weight:600;padding:.55rem .95rem;transition:.18s}.btn-view.ghost{background:#f1f5f9;box-shadow:none;color:var(--text)}.btn-view:hover{filter:brightness(1.05)}.muted{font-size:.65rem}.empty-row,.muted{color:var(--text-dim)}.empty-row{font-size:.75rem;padding:2rem 1rem!important;text-align:center}.projects-cards{display:none}@media (max-width:980px){.projects-table{display:none}.projects-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:.4rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 12px -6px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:.65rem;overflow:hidden;padding:1rem 1.1rem 1.05rem;position:relative;transition:.2s}.project-card:before{background:radial-gradient(circle at 85% 20%,#1d4ed81a,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.project-card:hover{box-shadow:0 10px 24px -10px #0003;transform:translateY(-4px)}.pc-header{align-items:center;display:flex;gap:.55rem}.pc-header h4{font-size:.9rem;letter-spacing:.5px;margin:0}.status-dot{background:#cbd5e1;border-radius:50%;box-shadow:0 0 0 4px #eef4ff;height:10px;width:10px}.status-dot.ongoing{background:#2563eb}.status-dot.completed{background:#16a34a}.pc-meta{color:var(--text-dim);font-size:.62rem;letter-spacing:.4px}.pc-timeline{margin:.2rem 0 .4rem}.pc-dates{color:var(--text-dim);display:flex;font-size:.58rem;font-weight:500;gap:.4rem;letter-spacing:.4px}.pc-footer{display:flex;justify-content:flex-end;margin-top:auto}.btn-view.ghost{background:var(--primary-grad);color:#fff}.empty-placeholder{color:var(--text-dim);font-size:.72rem;grid-column:1/-1;padding:1.6rem .5rem;text-align:center}}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-title-dailylogs{color:#04007b;font-size:2.5rem;font-weight:700;margin-bottom:10px;margin-top:10px;text-align:center;text-shadow:0 2px 4px #0000004d}.daily-logs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:0 auto;max-width:1200px;padding:1rem;width:100%}.log-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.log-section:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.section-title{font-size:1.1rem;margin-bottom:12px;text-align:left}.section-subtitle{color:#7f8c8d;font-size:.9rem;font-weight:400;margin:0}.upload-section{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:10px}.upload-icon{color:#3498db;height:24px;width:24px}.upload-text{color:#95a5a6;font-size:.85rem;text-align:center}.form-group{margin-bottom:20px}.form-label{color:#34495e;display:block;font-size:.95rem;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:1rem;overflow-y:auto;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #3498db1a}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%23666%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer}.checkbox-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.form-checkbox{accent-color:#3498db;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#34495e;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none}.add-project-section{margin-top:30px;text-align:center}.add-project-btn{background:linear-gradient(135deg,#5dade2,#3498db);border-radius:8px;box-shadow:0 2px 10px #3498db4d;font-size:1rem;padding:12px 30px;transition:all .3s ease}.add-project-btn:hover{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 15px #3498db66;transform:translateY(-2px)}.add-project-btn:active{transform:translateY(0)}@media (max-width:768px){.main-content-dailylogs{margin:0 auto;max-width:1280px;position:relative;z-index:1;.main-content-dailylogs{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:3rem 1.5rem}}.page-title-dailylogs{color:#fff;font-size:2.75rem;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 3px 6px #0000004d}.daily-logs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.header{flex-wrap:wrap;padding:1rem}.header,.nav-menu{gap:1rem}.search-container{min-width:200px}}.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:20px}.work-status-bar{background-color:#fff;border-left:6px solid #0000;border-radius:6px;margin-bottom:1rem;padding-left:12px;transition:border-color .3s ease}.status-completed{border-left-color:#2ecc71}.status-inprogress{border-left-color:#f39c12}.submit-btn{background-color:#0047ab;border:none;border-radius:6px;box-shadow:0 4px 8px #0047ab33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:background-color .25s ease,transform .1s ease}.submit-btn:hover{background-color:#003b94}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background-color:#a0aec0;box-shadow:none;color:#f0f0f0;cursor:not-allowed}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db40;outline:none}.work-table{background:#f9f9f9;border-collapse:collapse;border-radius:8px;margin-bottom:1rem;overflow:hidden;width:100%}.work-table td,.work-table th{border-bottom:1px solid #e1e8ed;padding:10px 8px;text-align:left}.work-table th{background:#eaf1fb;color:#2c3e50;font-weight:600}.work-table tr:last-child td{border-bottom:none}.work-table input[type=radio]{margin-right:4px}.pm-progress-bg{align-items:center;background-size:cover;display:flex;justify-content:center;min-height:100vh}.pm-progress-container{background:#fffffff7;border-radius:18px;box-shadow:0 8px 32px #00000026;margin:40px auto;max-width:820px;padding:38px 30px 30px;text-align:left;width:95%}.pm-progress-title{color:#222a44;font-size:2.5rem;font-weight:700;letter-spacing:.7px;margin-bottom:32px;text-align:center}.pm-section-header{color:#1f4e79;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin-bottom:16px;margin-top:32px}.pm-report-row{grid-gap:14px;align-items:center;background:#0000;border-radius:9px;display:grid;gap:14px;grid-template-columns:1.3fr 1.5fr 1fr 1fr 1.7fr;margin-bottom:7px;padding:12px 0}.pm-this-period{background:#f4f9ff;border:1px solid #e0e6ed;font-weight:500}.pm-table-header{background:#ecf1f6;border-radius:7px;color:#444;font-weight:700;padding-bottom:8px;padding-top:8px}.pm-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.2px;margin-right:6px;outline:none;padding:7px 18px;transition:background .14s}.pm-download-btn{background:#e9f2fd;border:1px solid #bedafe;color:#2564cf}.pm-download-btn:hover{background:#d1e6fa}.pm-upload-btn{background:#fcf5e9;border:1px solid #fae6b7;color:#d48e2a;overflow:hidden;position:relative}.pm-upload-btn:hover{background:#ffeccf}.pm-upload-btn input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.pm-submit-btn{background:#d4f8e7;border:1px solid #c2efdd;color:#19a878}.pm-submit-btn:hover{background:#b2edd8}.pm-back-btn{background:#445fff;border-radius:9px;box-shadow:0 1px 6px #b7c0ff60;color:#fff;display:block;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:32px auto 0;width:140px}.pm-back-btn:hover{background:#304dc2}.pm-report-file{color:#18325a;font-weight:400;word-break:break-all}.pm-report-period{color:#2b4179;font-size:1.07rem}.pm-report-submitted{color:#6a6a6a;font-size:.98rem}.profile-menu{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;min-width:120px;padding:.5rem;top:calc(100% + .5rem);z-index:1000}.profile-menu button{border-radius:6px;color:#ef4444;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.profile-menu button:hover{background-color:#fef2f2}.pic-dashboard,.pic-dashboard body,.pic-dashboard html{height:100vh!important;margin:0!important;overflow:auto!important;padding:0!important;width:100%!important}.pic-dashboard *{box-sizing:border-box;margin:0;padding:0}.pic-dashboard body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0!important;min-height:100vh;padding:0!important;width:100%!important}.pic-dashboard .dashboard-container,.pic-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;padding:0;width:100%}.pic-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.pic-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.pic-dashboard .logo-section{align-items:center;display:flex;gap:.75rem}.pic-dashboard .header-logo{height:32px;object-fit:contain;width:32px}.pic-dashboard .header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0}.pic-dashboard .header-bottom{align-items:center;display:flex;justify-content:space-between}.pic-dashboard .header-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pic-dashboard .nav-item{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.5rem .75rem;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.pic-dashboard .nav-item:hover{background-color:#3b82f633;color:#fff;transform:translateY(-1px)}.pic-dashboard .nav-item.active{background-color:#3b82f633;border:1px solid #3b82f64d;color:#fff}.pic-dashboard .nav-item svg{font-size:.9rem}.pic-dashboard .user-profile{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem;position:relative;transition:all .2s ease}.pic-dashboard .user-profile:hover{background-color:#3b82f633;border-color:#3b82f64d}.pic-dashboard .profile-avatar{color:#cbd5e1;font-size:1.5rem}.profile-info{gap:.2rem}.profile-name{font-size:.8rem;font-weight:600}.profile-role{color:#94a3b8;font-size:.7rem}.profile-dropdown{animation:fadeInUp .2s ease-out;min-width:120px;padding:.5rem;top:calc(100% + .5rem)}.logout-btn{background:none;border:none;color:#1e293b;cursor:pointer;font-size:.8rem;font-weight:500;padding:.6rem .8rem;text-align:left;transition:all .2s ease;width:100%}.logout-btn:hover{background-color:#f1f5f9;color:#dc2626}.dashboard-layout,.main1{min-height:calc(100vh - 120px)}.main1{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow-y:auto;padding:1.5rem 1.5rem 3rem}.main-content-container{background-color:initial;border-radius:0;box-shadow:none;margin:0 auto;max-width:1200px;padding:0;width:100%}.pic-section-stack>*+*{margin-top:2.25rem}.pic-section-stack .dashboard-card:last-of-type{margin-bottom:0}.project-analytics-section.enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 6px 24px -4px #1e293b14,0 2px 4px #1e293b0a;padding:1.75rem 1.5rem 2rem}.project-analytics-section.enhanced .analytics-title{margin-bottom:1.5rem;margin-top:0}.chart-card,.dashboard-card,.metric-card,.no-project-card,.project-analytics-section.enhanced,.request-item{-webkit-backdrop-filter:saturate(160%) blur(2px);backdrop-filter:saturate(160%) blur(2px)}.project-analytics-section.enhanced .analytics-grid{gap:2rem}.requests-card{padding-top:1.25rem}@media (min-width:900px){.project-analytics-section.enhanced .analytics-grid{position:relative}.project-analytics-section.enhanced .analytics-grid:after{background:linear-gradient(180deg,#94a3b800,#94a3b859 30%,#94a3b859 70%,#94a3b800);bottom:0;content:"";left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-.5px);width:1px}}@media (max-width:768px){.pic-section-stack>*+*{margin-top:1.5rem}.project-analytics-section.enhanced{padding:1.25rem 1rem 1.5rem}.project-analytics-section.enhanced .analytics-grid:after{display:none}}.main-title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:6px}.welcome-section{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;box-shadow:0 20px 40px #1e293b26;color:#fff;margin:1.5rem 0 2rem;overflow:hidden;padding:2rem 1.5rem;position:relative}.welcome-section:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;content:"";height:150px;position:absolute;right:0;top:0;transform:translate(40px,-40px);width:150px}.welcome-title{font-weight:800;position:relative;z-index:1}.welcome-subtitle{margin-bottom:.75rem;opacity:.9}.welcome-project,.welcome-subtitle{font-size:1rem;position:relative;z-index:1}.welcome-project{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;display:inline-block;font-weight:500;opacity:.8;padding:.4rem .8rem}.section-title{color:#1e293b;font-size:18px;margin-bottom:16px}.project-analytics-section{margin-bottom:2rem}.analytics-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;padding:0}.analytics-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-section{grid-column:1}.metrics-section{grid-column:2}.metrics-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr);padding:.25rem}.no-data-state{align-items:center;color:#64748b;display:flex;font-size:.9rem;height:250px;justify-content:center}.project-metrics{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;padding:0}.metric-card{border-radius:16px;box-shadow:0 8px 32px #00000014;color:#1e293b;min-height:180px;overflow:visible;padding:1.5rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.metric-card:not(:hover){box-shadow:0 2px 6px #0000000a,0 1px 3px #0000000d}.project-analytics-section.enhanced .metrics-section{margin-left:.25rem}.project-analytics-section.enhanced .metrics-section .metrics-grid{margin-top:.35rem}.metric-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{border-color:#e2e8f0;box-shadow:0 20px 40px #0000001f;transform:translateY(-6px)}.metric-header{align-items:center;margin-bottom:1.25rem}.metric-title{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.metric-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.metric-value{align-items:center;color:#1e293b;flex:1 1;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.metric-description{color:#64748b;font-size:.8rem;font-weight:500;line-height:1.6;margin-top:auto;padding-top:.4rem}.project-charts{margin-bottom:2rem}.charts-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:0}.charts-section-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.charts-section-subtitle{color:#64748b;font-size:.9rem;font-weight:500}.charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:.75rem;padding:0}.chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 32px #00000014;min-height:280px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-card:hover{border-color:#e2e8f0;box-shadow:0 16px 40px #0000001f;transform:translateY(-4px)}.chart-card h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 1.25rem;position:relative;text-align:center}.no-project-state{align-items:center;display:flex;justify-content:center;min-height:350px;padding:1.5rem}.no-project-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 32px #00000014;max-width:450px;padding:2.5rem 1.5rem;text-align:center;width:100%}.no-project-icon{font-size:3.5rem;margin-bottom:1.25rem;opacity:.6}.no-project-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.no-project-description{color:#64748b;font-size:.9rem;line-height:1.6;margin:0}.no-requests-state{align-items:center;display:flex;justify-content:center;min-height:180px;padding:1.5rem}.no-requests-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 20px #0000000f;max-width:350px;padding:1.5rem;text-align:center;width:100%}.no-requests-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.no-requests-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.no-requests-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.requests-content{max-height:none;overflow-y:visible;padding-right:0}.requests-section-subtitle{color:#64748b;font-size:.9rem;font-weight:500}.request-list{display:flex;flex-direction:column;gap:1.25rem;padding:0}.request-item{align-items:center;background:#fff;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000f;gap:1.25rem;overflow:hidden;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-item:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);bottom:0;left:0;top:0;width:4px}.request-item:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #0000001a}.request-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:1.25rem;padding:.8rem}.request-details{display:flex;flex-direction:column;gap:.6rem}.request-name{color:#1e293b;font-size:1rem;font-weight:700;line-height:1.4}.request-name p{margin:.2rem 0 0}.request-name p,.request-project{color:#64748b;font-size:.8rem;font-weight:500}.request-project{background:#f8fafc;border-radius:5px;display:inline-block;padding:.2rem .6rem;width:-webkit-fit-content;width:fit-content}.request-requester{align-items:flex-end;display:flex;flex-direction:column;gap:3px;min-width:100px}.request-requester-name{color:#1e293b;font-size:13px;font-weight:500}.request-date{color:#64748b;font-size:11px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.pagination-info{font-size:.8rem}.pagination-buttons{display:flex;gap:6px}.pagination-buttons button{background-color:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:.8rem;min-width:32px;padding:6px 10px;transition:all .2s}.pagination-buttons button:hover{background-color:#f3f4f6;border-color:#9ca3af}.pagination-buttons button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-buttons button:disabled{cursor:not-allowed;opacity:.5}.nudge-btn{background:#fbbf24;border:none;border-radius:5px;color:#1f2937;cursor:pointer;font-size:11px;font-weight:600;margin-top:6px;padding:6px 12px;transition:all .2s}.nudge-btn:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.nudge-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:2rem;padding:1.5rem;position:relative;transition:all .3s ease}.dashboard-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-card:hover:before{opacity:1}.dashboard-card:hover{box-shadow:0 8px 30px #3b82f64d;transform:translateY(-4px)}.card-header{margin-bottom:1.25rem}.card-title{font-weight:700;margin:0}.quick-request-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.quick-request-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.view-all-link{align-items:center;color:#3b82f6;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;text-decoration:none;transition:all .2s ease}.view-all-link:hover{color:#1e40af;transform:translateX(2px)}.requests-content{height:280px;overflow-y:scroll;padding-right:.5rem}.requests-content::-webkit-scrollbar{width:6px}.requests-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.requests-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.requests-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.requests-list{gap:.75rem}.request-item{background:#f8fafc;border-radius:12px;color:inherit;flex-shrink:0;gap:.75rem;min-height:70px;padding:1rem;text-decoration:none;transition:all .2s ease}.request-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateX(4px)}.request-icon{background:#e0e7ff;border-radius:8px;color:#4f46e5;flex-shrink:0;font-size:1.1rem;height:35px;width:35px}.request-details{flex:1 1;min-width:0}.request-title{font-size:.8rem;margin-bottom:.4rem}.request-description{font-size:.75rem;line-height:1.4;margin-bottom:.6rem}.request-meta{color:#94a3b8;font-size:.7rem;gap:.75rem}.request-status{flex-direction:column;gap:.4rem;min-width:70px}.status-icon{font-size:1.1rem}.status-icon.completed{color:#10b981}.status-text{border-radius:4px;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.2rem .4rem;text-align:center;text-transform:uppercase}.status-text.completed{background:#d1fae5;color:#065f46}.status-text.pending{background:#fef3c7;color:#92400e}.status-text.rejected{background:#fee2e2;color:#991b1b}.request-action{align-items:center;display:flex;justify-content:center;min-width:80px}.view-details{color:#3b82f6;font-size:.7rem;font-weight:500}.empty-state{gap:.75rem;height:100%;min-height:180px;padding:2rem}.empty-state svg{font-size:2rem}.empty-state span{color:#94a3b8;font-size:.9rem;font-weight:500}.empty-state p{color:#94a3b8;font-size:.8rem;margin:0}@media (max-width:1400px){.project-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid{gap:1.25rem;grid-template-columns:1fr}.chart-section,.metrics-section{grid-column:1}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-grid,.metrics-grid,.project-metrics{grid-template-columns:1fr}.dashboard-header{padding:.75rem}.header-bottom,.header-top{align-items:flex-start;flex-direction:column;gap:.75rem}.header-nav{justify-content:flex-start;width:100%}.nav-item{font-size:.75rem;min-width:auto;padding:.4rem .6rem}.main-content-container,.main1{padding:1rem}.request-item{align-items:flex-start;flex-direction:column;gap:.75rem}.request-requester{align-items:flex-start;min-width:auto}.pagination-controls{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.chart-card,.metric-card{padding:1rem}.chart-card h3{font-size:1rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.9rem}.analytics-title{font-size:1.25rem}.card-title{font-size:1.1rem}.dashboard-card{padding:1.25rem}.requests-content{height:250px}}.analytics-flex{display:flex;flex-direction:column;gap:2.1rem}@media (min-width:1100px){.analytics-flex{align-items:stretch;flex-direction:row}.analytics-block.chart-block{flex:2.3 1}.analytics-block.metrics-block{flex:1 1;max-width:440px}}.analytics-flex.single-column{flex-direction:column!important}.analytics-flex.single-column .chart-block.full-width{flex:1 1 auto}.metrics-row-inline{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.1rem}@media (max-width:820px){.metrics-row-inline{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.metric-card.inline{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0f}.metric-card.inline:hover{box-shadow:0 10px 24px -6px #0f172a38}.gradient-border{border-radius:16px;position:relative}.gradient-border:before{background:linear-gradient(135deg,#6366f1,#0ea5e9,#10b981);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.gradient-border:hover:before{opacity:.9}.chart-card.gradient-border{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6}.chart-card.gradient-border h3{margin-bottom:.25rem;text-align:left}.card-head-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mini-trend-note{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#6366f1;font-size:.6rem;font-weight:600;letter-spacing:.6px;padding:.35rem .5rem .3rem;text-transform:uppercase;white-space:nowrap}.metrics-grid.auto-fit{gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:.15rem}@media (max-width:640px){.metrics-grid.auto-fit{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.metrics-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 8px #0f172a0f;display:flex;flex-direction:column;gap:.85rem;overflow:hidden;padding:1rem .95rem 1.05rem;position:relative}.metrics-panel:before{background:linear-gradient(140deg,#6366f117,#fff0 55%);content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.metrics-grid.clean{grid-gap:.9rem .95rem;display:grid;gap:.9rem .95rem;grid-template-columns:repeat(2,1fr);padding:0}@media (max-width:1180px){.metrics-grid.clean{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:640px){.metrics-grid.clean{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid.clean{grid-template-columns:1fr}}.metric-card.isolated{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0f}.metric-card.isolated:hover{box-shadow:0 6px 18px -4px #0f172a40}.metric-card{background:linear-gradient(145deg,#fff,#f8fafc)}.metric-card.compact{border-radius:18px;box-shadow:0 4px 14px -4px #0f172a1f,0 1px 2px #0000000a;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;overflow:hidden;padding:.9rem .95rem .85rem;position:relative}.metric-card.compact:after{background:radial-gradient(circle at 85% 15%,#6366f11f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.metric-card.compact:hover{box-shadow:0 14px 30px -10px #0f172a40,0 4px 10px -2px #0f172a1f;transform:translateY(-4px) scale(1.015)}.metric-card.compact .metric-header{margin-bottom:.4rem}.metric-card.compact .metric-title{color:#64748b;font-size:.62rem;letter-spacing:.9px}.metric-card.compact .metric-value{background:linear-gradient(90deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.55rem;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card.compact .metric-value.small{font-size:1.55rem}.metric-card.compact .metric-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.68rem;font-weight:500;line-height:1.15;overflow:hidden}.metric-card.compact .metric-description.small{font-size:.68rem}.metric-value{align-items:baseline;display:flex;gap:.3ch}.metric-value .unit,.metric-value small{color:#64748b;font-size:.55em;font-weight:600;letter-spacing:.5px}.metric-card .metric-icon{box-shadow:0 4px 10px -2px #00000040,0 2px 4px -1px #0000001f;font-size:1.15rem;height:36px;width:36px}.no-data-state.alt{flex-direction:column;gap:.85rem}.skeleton-chart{animation:shimmer 1.35s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;border-radius:12px;height:160px;width:100%}.main1::-webkit-scrollbar{width:10px}.main1::-webkit-scrollbar-track{background:#0000}.main1::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:6px}.main1::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (prefers-reduced-motion:reduce){.chart-card:hover,.dashboard-card:hover,.metric-card:hover{transform:none!important}.gradient-border:before{transition:none}}.material-requests-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#fffc,#f1f5f9ee);border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 6px 28px -6px #0f172a26,0 2px 4px #0f172a0f;display:flex;flex-direction:column;gap:1.1rem;overflow:hidden;padding:1.4rem 1.3rem 1.55rem;position:relative}.material-requests-panel:after{background:radial-gradient(circle at 92% 12%,#6366f11f,#0000 60%);content:"";inset:0;mix-blend-mode:normal;pointer-events:none;position:absolute}.mr-panel-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.mr-head-left{display:flex;flex-direction:column;gap:.35rem}.mr-title{background:linear-gradient(90deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.15rem;font-weight:700;letter-spacing:-.5px;margin:0}.mr-sub{align-items:center;color:#64748b;display:flex;font-size:.7rem;font-weight:600;gap:.4ch;letter-spacing:.9px;text-transform:uppercase}.mr-sub span{color:#3b82f6;font-weight:700}.mr-actions{align-items:center;display:flex;gap:.6rem}.mr-quick-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#3b82f6);border:none;border-radius:10px;box-shadow:0 6px 18px -6px #3b82f68c;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:.45rem;letter-spacing:.5px;padding:.65rem .95rem .55rem;transition:all .28s cubic-bezier(.4,0,.2,1)}.mr-quick-btn:hover{box-shadow:0 14px 28px -10px #3b82f68c;transform:translateY(-3px)}.mr-view-all{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:inline-flex;font-size:.68rem;font-weight:600;gap:.4rem;letter-spacing:.9px;padding:.55rem .85rem .45rem;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.mr-view-all:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.mr-list-wrapper{margin-top:.35rem}.mr-empty{align-items:center;display:flex;flex-direction:column;gap:.65rem;justify-content:center;min-height:190px;text-align:center}.mr-empty-icon{color:#94a3b8;font-size:2.2rem;opacity:.7}.mr-empty-title{color:#1e293b;font-size:.95rem;font-weight:600}.mr-empty-desc{color:#64748b;font-size:.75rem}.mr-list{display:flex;flex-direction:column;gap:.9rem}.mr-item{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 2px 6px #0f172a0d;gap:1.1rem;overflow:hidden;padding:1rem 1.05rem .95rem;position:relative;text-decoration:none;transition:all .28s cubic-bezier(.4,0,.2,1)}.mr-item:after{background:linear-gradient(120deg,#3b82f614,#6366f100 65%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.mr-item:hover{border-color:#d2dae3;box-shadow:0 10px 24px -6px #0f172a40;transform:translateY(-4px)}.mr-item:hover:after{opacity:1}.mr-left{align-items:flex-start;display:flex;flex:1 1;gap:.95rem;min-width:0}.mr-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:14px;box-shadow:0 6px 16px -4px #3b82f680;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.mr-main{display:flex;flex:1 1;flex-direction:column;gap:.55rem;min-width:0}.mr-top-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.mr-material-badges{display:flex;flex-wrap:wrap;gap:.4rem;row-gap:.45rem}.mr-mat{align-items:baseline;background:#f1f5f9;border-radius:6px;color:#334155;display:inline-flex;font-size:.63rem;font-weight:600;gap:.25ch;letter-spacing:.4px;line-height:1.1;padding:.35rem .55rem .3rem;position:relative}.mr-mat .q{color:#475569;font-size:.55rem;font-weight:700;letter-spacing:.3px}.mr-mat.more{background:#eef2ff;color:#4f46e5}.mr-status-badge{background:#e2e8f0;border-radius:6px;color:#334155;font-size:.55rem;font-weight:700;letter-spacing:.9px;line-height:1;padding:.4rem .55rem .3rem;text-transform:uppercase;white-space:nowrap}.mr-status-badge.pending,.mr-status-badge.pending-area-manager,.mr-status-badge.pending-project-manager{background:#fef3c7;color:#92400e}.mr-status-badge.completed{background:#dcfce7;color:#065f46}.mr-status-badge.rejected{background:#fee2e2;color:#991b1b}.mr-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.7rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mr-meta{color:#64748b;display:flex;font-size:.58rem;font-weight:600;gap:.75rem;letter-spacing:.5px;margin-top:.1rem;text-transform:uppercase}.mr-project{background:#f1f5f9;border-radius:4px;color:#334155;padding:.25rem .45rem .2rem}.mr-date{color:#475569}.mr-action{align-items:center;align-self:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.6px;padding:.4rem .55rem;transition:all .25s ease}.mr-item:hover .mr-action{background:#dbeafe;color:#1d4ed8}@media (max-width:680px){.mr-top-row{align-items:flex-start;flex-direction:column}.mr-status-badge{align-self:flex-start}.mr-item{flex-direction:column}.mr-left{width:100%}.mr-action{align-self:flex-end;margin-top:.35rem}}.progress-tracker{align-items:flex-start;display:flex;gap:0;justify-content:center;margin:20px 0;width:100%}.step-vertical{min-width:70px}.step-circle,.step-vertical{align-items:center;display:flex;flex-direction:column}.step-circle{background:#f0f0f0;border:2px solid #e0e0e0;border-radius:50%;color:#666;font-size:14px;height:36px;justify-content:center;transition:background .2s,border .2s,color .2s;width:36px;z-index:2}.step-circle.completed{background:#4caf50;border:2px solid #4caf50;color:#fff}.step-circle.active{background:#2196f3;border:2px solid #2196f3;color:#fff}.step-circle.denied{background:#f44336;border:2px solid #f44336;color:#fff}.step-label{color:#222;font-size:11px;font-weight:700;margin-top:4px;text-align:center}.step-status{color:#777;font-size:11px;font-weight:500;margin-top:2px}.step-status.approved,.step-status.completed,.step-status.placed,.step-status.received{color:#4caf50}.step-status.active{color:#2196f3}.step-status.denied{color:#f44336}.step-date{color:#888;font-size:10px;margin-top:1px}.step-line{background:#e0e0e0;border-radius:2px;height:4px;margin:18px 0 0;width:32px;z-index:1}.step-line.completed{background:#4caf50}.step-line.denied{background:#f44336}.step-circle.not-received{background:#bbb!important;color:#fff!important}.step-status-not-received{color:#bbb!important}.mini-progress{gap:6px}.mini-progress,.mini-step{align-items:center;display:inline-flex}.mini-step{background:#0000;border:none;color:#475569;font-size:14px;font-weight:800;justify-content:center;line-height:1;padding:0 2px}.mini-step.completed{color:#22c55e;text-shadow:0 0 6px #22c55e73}.mini-step.denied{color:#ef4444;text-shadow:0 0 6px #ef444473}.mini-sep{background:#d8dee6;border-radius:1px;height:2px;width:10px}.mini-arrow{color:#94a3b8;font-size:22px;font-weight:800;line-height:1}.mini-arrow.completed{color:#22c55e}.mini-arrow.denied{color:#ef4444}.loading-container-IT{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-spinner-IT{animation:spin-IT 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin-IT{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container-IT{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;text-align:center}.back-button-IT{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.back-button-IT:hover{background-color:#2563eb}.no-sidebar-IT{display:flex;justify-content:center;margin-left:0!important}.no-sidebar-IT .dashboard-content-IT{margin-left:0;max-width:1200px;width:100%}.dashboard-card-IT{margin:0 auto;max-width:1200px;padding:0 20px}.welcome-header-IT{align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.header-left-IT{flex:1 1}.header-right-IT{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.status-badge-large-IT{align-items:center;display:flex}.status-badge-large-IT span{border-radius:50px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase}.action-buttons-header-IT{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.edit-btn-header-IT{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edit-btn-header-IT:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.delete-btn-header-IT{align-items:center;background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.delete-btn-header-IT:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-btn-header-IT:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.back-btn-header-IT{align-items:center;background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn-header-IT:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.error-message-IT{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-bottom:20px;padding:16px}.detail-grid-IT{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px}.detail-card-IT{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin:0 auto;max-width:500px;overflow:hidden;transition:all .3s ease}.detail-card-IT:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.detail-card-IT.full-width-IT{grid-column:1/-1;max-width:800px}.card-header-IT{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:1px solid #e5e7eb;color:#fff;padding:15px 18px}.card-header-IT h3{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.card-header-IT svg{font-size:14px}.card-content-IT{padding:18px}.info-row-IT{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.info-row-IT:last-child{border-bottom:none}.info-label-IT{color:#374151;flex-shrink:0;font-weight:600;min-width:120px}.info-value-IT{color:#1f2937;flex:1 1;margin-left:20px;text-align:right}.description-text-IT{color:#4b5563;line-height:1.6;text-align:left!important}.priority-badge-IT{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.priority-badge-IT.priority-pending-project-manager{background-color:#fffbeb;color:#d97706}.priority-badge-IT.priority-denied-by-project-manager{background-color:#fef2f2;color:#dc2626}.priority-badge-IT.priority-pending-area-manager{background-color:#fffbeb;color:#d97706}.priority-badge-IT.priority-denied-by-area-manager{background-color:#fef2f2;color:#dc2626}.priority-badge-IT.priority-approved{background-color:#f0fdf4;color:#16a34a}.priority-badge-IT.priority-pending{background-color:#fffbeb;color:#d97706}.materials-list-IT{display:flex;flex-direction:column;gap:12px}.material-item-IT{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;padding:12px}.material-info-IT{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.material-name-IT{color:#1f2937;font-weight:600}.material-quantity-IT{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.materials-section-IT{border-top:1px solid #e5e7eb;margin-top:15px;padding-top:15px}.materials-section-IT h4{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;margin-bottom:12px}.materials-section-IT .materials-list-IT{margin-top:0}.materials-section-IT .material-item-IT{background:#f8fafc;border-left:3px solid #667eea;padding:10px}.materials-section-IT .material-info-IT{margin-bottom:0}.materials-section-IT .material-quantity-IT{background:#667eea;border-radius:16px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px}.attachments-list-IT{display:flex;flex-direction:column;gap:10px}.attachment-item-IT{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:10px;padding:10px;transition:all .2s ease}.attachment-item-IT:hover{background:#f3f4f6;border-color:#667eea}.attachment-icon-IT{align-items:center;background:#667eea;border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:35px;justify-content:center;width:35px}.attachment-info-IT{align-items:center;display:flex;flex:1 1;justify-content:space-between}.attachment-name-IT{color:#1f2937;font-size:14px;font-weight:500}.attachment-link-IT{align-items:center;background:#667eea1a;border-radius:6px;color:#667eea;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.attachment-link-IT:hover{background:#667eea33;color:#5a67d8}.no-data-IT{color:#9ca3af;font-style:italic;padding:15px;text-align:center}.approval-timeline-IT{padding-left:25px;position:relative}.approval-timeline-IT:before{background:#e5e7eb;bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.timeline-item-IT{margin-bottom:20px;position:relative}.timeline-item-IT:last-child{margin-bottom:0}.timeline-marker-IT{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;height:24px;justify-content:center;left:-18px;position:absolute;top:0;width:24px;z-index:2}.timeline-marker-IT.completed-IT{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.timeline-marker-IT.pending-IT{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.timeline-marker-IT.denied-IT{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.timeline-content-IT{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;padding:15px}.timeline-content-IT h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 6px}.timeline-content-IT p{color:#4b5563;font-size:13px;margin:0 0 6px}.timeline-date-IT{color:#9ca3af;font-size:11px;font-weight:500}.progress-tracker-IT{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.progress-stage-IT{flex:1 1;flex-direction:column}.progress-icon-IT,.progress-stage-IT{align-items:center;display:flex;position:relative}.progress-icon-IT{border-radius:50%;color:#fff;font-size:16px;height:40px;justify-content:center;margin-bottom:6px;transition:all .3s ease;width:40px;z-index:2}.progress-icon-IT.completed-IT{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;transform:scale(1.1)}.progress-icon-IT.current-IT{animation:pulse-IT 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;transform:scale(1.1)}.progress-icon-IT.denied-IT{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.progress-icon-IT.pending-IT{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 8px #94a3b84d}.progress-label-IT{font-size:14px;font-weight:600;text-align:center;transition:all .3s ease}.progress-label-IT.completed-IT{color:#10b981}.progress-label-IT.current-IT{color:#f59e0b}.progress-label-IT.denied-IT{color:#ef4444}.progress-label-IT.pending-IT{color:#64748b}.progress-connector-IT{background:#e2e8f0;height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:1}.progress-connector-IT.completed-IT{background:linear-gradient(90deg,#10b981,#10b981);box-shadow:0 1px 3px #10b9814d}.tracking-divider-IT{margin:20px 0;position:relative;text-align:center}.tracking-divider-IT:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.tracking-divider-IT span{background:#fff;color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;padding:0 20px;position:relative;text-transform:uppercase;z-index:2}@keyframes pulse-IT{0%,to{box-shadow:0 4px 12px #f59e0b66;transform:scale(1.1)}50%{box-shadow:0 6px 16px #f59e0b99;transform:scale(1.15)}}@media (max-width:768px){.welcome-header-IT{align-items:flex-start;flex-direction:column;gap:1rem}.header-right-IT{align-items:flex-start;width:100%}.action-buttons-header-IT{justify-content:flex-start;width:100%}.detail-grid-IT{gap:20px;grid-template-columns:1fr}.info-row-IT{align-items:flex-start;flex-direction:column;gap:4px}.info-value-IT{margin-left:0;text-align:left}.attachment-info-IT,.material-info-IT{align-items:flex-start;flex-direction:column;gap:8px}.approval-timeline-IT{padding-left:20px}.timeline-marker-IT{height:24px;left:-15px;width:24px}.progress-tracker-IT{flex-direction:column;gap:20px;padding:15px}.progress-stage-IT{width:100%}.progress-connector-IT{display:none}.progress-icon-IT{font-size:16px;height:40px;width:40px}.progress-label-IT{font-size:12px}}.description-input-IT{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.description-input-IT:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.material-edit-item-IT{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.material-edit-row-IT{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.material-edit-field-IT{display:flex;flex-direction:column;gap:6px}.material-edit-field-IT label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.material-edit-field-IT input,.material-edit-field-IT select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.material-edit-field-IT input:focus,.material-edit-field-IT select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.material-edit-field-IT select{background:#fff;cursor:pointer}.remove-material-btn-IT{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.remove-material-btn-IT:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.remove-material-btn-IT:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.add-material-btn-IT{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:16px;padding:12px 20px;transition:all .2s ease;width:100%}.add-material-btn-IT:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.file-upload-section-IT{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.file-upload-section-IT h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.file-input-IT{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease;width:100%}.file-input-IT:hover{background:#f0f4ff;border-color:#667eea}.file-input-IT:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.existing-attachments-IT{margin-bottom:20px}.existing-attachments-IT h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.new-files-preview-IT{margin-top:16px}.new-files-preview-IT h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.remove-attachment-btn-IT{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease}.remove-attachment-btn-IT:hover{background:#dc2626;transform:scale(1.05)}.submit-actions-IT{border-top:1px solid #e5e7eb;gap:16px;margin-top:30px;padding-top:20px}.save-btn-IT,.submit-actions-IT{display:flex;justify-content:center}.save-btn-IT{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 28px;transition:all .3s ease}.save-btn-IT:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.save-btn-IT:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cancel-btn-IT{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.cancel-btn-IT:hover{background:#4b5563;box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}@media (max-width:768px){.material-edit-row-IT{gap:16px;grid-template-columns:1fr}.remove-material-btn-IT{height:40px;width:100%}.submit-actions-IT{align-items:stretch;flex-direction:column}.cancel-btn-IT,.save-btn-IT{width:100%}}.form-header-section{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.back-button-container{flex-shrink:0}.back-button{background-color:#f8fafc;border:1px solid #e2e8f0;font-size:.875rem;padding:.75rem 1rem}.back-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.project-details-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:2rem;padding:1.5rem}.project-name{font-size:1.25rem;margin:0 0 .5rem}.project-location{font-size:.875rem;font-style:italic;margin:0 0 .25rem}.project-target-date{color:#94a3b8;font-size:.875rem;margin:0}.logo-container{gap:10px;min-height:65px}.brand-name{font-size:1.6rem;margin-top:4px}.header{background-color:#000466;color:#fff;justify-content:space-between;padding:.8rem 2.5rem}.header,.nav-menu{align-items:center;display:flex}.nav-menu{gap:1.8rem}.profile-circle{background-color:#555;height:40px;width:40px}.profile-menu{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0003;margin-top:10px;padding:10px;position:absolute;right:0;z-index:10}.profile-menu button{background:none;border:none;cursor:pointer;padding:5px 10px;text-align:left;width:100%}.profile-menu button:hover{background-color:#f0f0f0}.profile-circle{height:32px;width:32px}.main-content-picmatreq{align-items:flex-start;display:flex;flex:1 1;justify-content:center;max-height:calc(100vh - 80px);padding:3rem 2rem;position:relative;z-index:1}.request-materials-container-picmatreq{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:1000px;padding:2.5rem;width:100%}.page-title-picmatreq{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:left}.page-description{color:#64748b;font-size:.875rem;font-weight:400;margin:0}.materials-form-picmatreq{display:flex;flex-direction:column;gap:2.5rem}.form-group-picmatreq{display:flex;flex-direction:column;gap:.75rem}.form-label-picmatreq{color:#1e293b;font-size:1.125rem;font-weight:600;letter-spacing:0;margin-bottom:1rem;text-transform:none}.materials-list-picmatreq{display:flex;flex-direction:column;gap:1rem;overflow:visible;width:100%}.material-headers-picmatreq{grid-gap:1.5rem;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:2.5fr 1.2fr 1.5fr 80px;margin-bottom:.75rem;padding:1rem 1.25rem}.action-header-label-picmatreq,.material-header-label-picmatreq,.quantity-header-label-picmatreq,.unit-header-label-picmatreq{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.action-header-label-picmatreq{width:36px}.material-row-picmatreq{grid-gap:1.5rem;align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;display:grid;gap:1.5rem;grid-template-columns:2.5fr 1.2fr 1.5fr 80px;padding:1.25rem;transition:all .2s ease}.material-row-picmatreq:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px 0 #0000001a}.material-input-picmatreq,.quantity-input-picmatreq,.unit-select-picmatreq{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;padding:.875rem;transition:all .2s ease}.material-input-picmatreq:focus,.quantity-input-picmatreq:focus,.unit-select-picmatreq:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.unit-select-picmatreq{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;cursor:pointer;padding-right:2.5rem}.unit-select-picmatreq option{padding:.5rem}.remove-material-btn-picmatreq{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;width:36px}.remove-material-btn-picmatreq:hover:not(:disabled){background-color:#dc2626;transform:scale(1.05)}.remove-material-btn-picmatreq:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.add-material-btn-picmatreq{align-items:center;align-self:flex-start;background-color:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-material-btn-picmatreq:hover{background-color:#2563eb;box-shadow:0 2px 4px 0 #0000001a;transform:translateY(-1px)}.upload-section-picmatreq{align-items:center;background-color:#fafafa;border:2px dashed #c0c4cc;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .2s ease}.upload-section-picmatreq:hover{background-color:#f8fbff;border-color:#007bff}.file-input-picmatreq{display:none}.upload-button{align-items:center;background-color:#007bff;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff33;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem 2rem;transition:all .2s ease}.upload-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-1px)}.upload-icon-picmatreq{font-size:1.2rem}.upload-hint-picmatreq{color:#666;font-size:.9rem;font-style:italic;text-align:center}.uploaded-files-picmatreq{margin-top:1rem;width:100%}.file-item-picmatreq{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.file-name-picmatreq{color:#333;font-weight:500}.remove-file-btn-picmatreq{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-file-btn-picmatreq:hover{background-color:#c82333;transform:scale(1.1)}.description-textarea-picmatreq{background-color:#fafafa;border:2px solid #e1e5e9;border-radius:8px;font-family:Arial,sans-serif;font-size:1rem;min-height:120px;padding:1.25rem;resize:vertical;transition:all .2s ease;width:100%}.description-textarea-picmatreq:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.description-textarea-picmatreq::placeholder{color:#999;font-style:italic}.form-actions-picmatreq{display:flex;justify-content:center;margin-top:2rem}.publish-button-picmatreq{background-color:#059669;border:none;border-radius:8px;box-shadow:0 2px 4px 0 #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:1rem 2.5rem;transition:all .2s ease}.publish-button-picmatreq:hover{background-color:#047857;box-shadow:0 4px 8px 0 #00000026;transform:translateY(-1px)}.publish-button-picmatreq:active{transform:translateY(0)}@media (max-width:900px){.header{flex-direction:column;padding:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;margin:1rem 0}.search-profile{justify-content:space-between;width:100%}.main-content-picmatreq{padding:2rem 1rem}.request-materials-container-picmatreq{padding:2rem}.form-header-section{align-items:stretch;flex-direction:column;gap:1rem}.back-button-container{align-self:flex-start}.material-headers-picmatreq{gap:.75rem;grid-template-columns:1fr;text-align:center}.action-header-label-picmatreq,.material-header-label-picmatreq,.quantity-header-label-picmatreq,.unit-header-label-picmatreq{display:none}.material-row-picmatreq{gap:.75rem;grid-template-columns:1fr}.page-title-picmatreq{font-size:2rem;margin-bottom:2rem}}@media (max-width:480px){.page-title-picmatreq{font-size:1.75rem}.request-materials-container-picmatreq,.upload-section-picmatreq{padding:1.5rem}.publish-button-picmatreq{font-size:1rem;min-width:160px;padding:1rem 2rem}.material-row-picmatreq{padding:.75rem}.material-input-picmatreq,.quantity-input-picmatreq{font-size:.9rem;padding:.6rem}}.pm-request-list .page-container{margin:0 auto;max-width:1600px;padding:.75rem 1.5rem 1.5rem;width:100%}.pm-request-list .page-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-start;margin-bottom:.5rem;padding-bottom:.5rem}.pm-request-list .page-subtitle{color:#64748b;font-size:.85rem;line-height:1.3;margin:0}.pm-request-list .controls-bar{grid-gap:2rem;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr auto;margin-bottom:1.25rem;padding:1rem}.pm-request-list .filter-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.25rem}.pm-request-list .filter-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.pm-request-list .filter-tab:hover{background:#3b82f61a;color:#3b82f6}.pm-request-list .filter-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f640;color:#fff}.pm-request-list .search-sort-section{align-items:center;display:flex;gap:1rem}.pm-request-list .search-wrapper{align-items:center;display:flex;position:relative}.pm-request-list .search-icon{color:#94a3b8;font-size:.875rem;left:12px;position:absolute}.pm-request-list .search-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:250px}.pm-request-list .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pm-request-list .sort-wrapper{align-items:center;display:flex;position:relative}.pm-request-list .sort-icon{color:#94a3b8;font-size:.875rem;left:12px;pointer-events:none;position:absolute}.pm-request-list .sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease}.pm-request-list .sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pm-request-list .requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.pm-request-list .requests-grid.enhanced-list{display:block}.pm-request-list .requests-grid.enhanced-list .request-list{grid-gap:1rem 1.1rem;align-items:start;display:grid;gap:1rem 1.1rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));list-style:none;margin:0;padding:0}.pm-request-list .request-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px -2px #00000014;display:flex;flex-direction:column;font-size:.8rem;min-height:190px;padding:1rem 1.1rem;position:relative;transition:box-shadow .25s,transform .25s,border-color .25s}.pm-request-list .request-row:hover{border-color:#cbd5e1;box-shadow:0 10px 24px -6px #1e40af2e;transform:translateY(-3px)}.pm-request-list .request-row.request-denied{border-color:#ef4444}.pm-request-list .request-row.request-completed{border-color:#0ea5e9}.pm-request-list .request-row-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.35rem}.pm-request-list .request-title-group{flex:1 1;min-width:0}.pm-request-list .request-row-title{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.35;margin:0 0 .25rem}.pm-request-list .request-row-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.7rem;line-height:1.35;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pm-request-list .status-chip{align-items:center;background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:.55rem;font-weight:700;gap:.35rem;letter-spacing:.5px;padding:.35rem .7rem;text-transform:uppercase;white-space:nowrap}.pm-request-list .status-chip.status-approved{background:#d1fae5;color:#065f46}.pm-request-list .status-chip.status-pending{background:#fef3c7;color:#92400e}.pm-request-list .status-chip.status-rejected{background:#fee2e2;color:#991b1b}.pm-request-list .status-chip.status-completed{background:#bfdbfe;color:#1e3a8a}.pm-request-list .priority-chip{background:#e2e8f0;border-radius:6px;color:#334155;font-size:.55rem;font-weight:700;letter-spacing:.4px;padding:.3rem .6rem;text-transform:uppercase}.pm-request-list .priority-chip.priority-high{background:#fee2e2;color:#b91c1c}.pm-request-list .priority-chip.priority-medium{background:#fef3c7;color:#92400e}.pm-request-list .priority-chip.priority-low{background:#dcfce7;color:#166534}.pm-request-list .request-meta-line{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin:.15rem 0 .5rem}.pm-request-list .meta-origin{align-items:center;color:#64748b;display:flex;font-size:.6rem;gap:.4rem}.pm-request-list .progress-steps{align-items:stretch;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:0;overflow:hidden;padding:.6rem .75rem;position:relative}.pm-request-list .progress-step{align-items:center;display:flex;flex-direction:column;min-width:70px;padding:0 .3rem;position:relative;text-align:center}.pm-request-list .progress-step .step-icon{align-items:center;border-radius:50%;box-shadow:0 2px 6px -2px #00000040;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;margin-bottom:.25rem;width:28px}.pm-request-list .progress-step .step-label{color:#1e293b;font-size:.55rem;font-weight:600;letter-spacing:.3px}.pm-request-list .progress-step .step-sub{font-size:.5rem;font-weight:600;letter-spacing:.4px;margin-top:.1rem}.pm-request-list .progress-step .step-date{color:#64748b;font-size:.45rem;font-weight:500;letter-spacing:.4px;margin-top:.15rem}.pm-request-list .progress-step .step-connector{background:#e2e8f0;border-radius:2px;height:3px;left:calc(100% - 2px);position:absolute;top:14px;width:42px}.pm-request-list .progress-step .step-connector.completed{background:linear-gradient(90deg,#10b981,#059669)}.pm-request-list .progress-step.completed .step-icon{background:linear-gradient(135deg,#10b981,#059669)}.pm-request-list .progress-step.pending .step-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}.pm-request-list .progress-step.denied .step-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.pm-request-list .progress-step.blocked .step-icon{background:linear-gradient(135deg,#f59e0b,#d97706);filter:grayscale(.25)}.pm-request-list .progress-step.completed .step-sub{color:#059669}.pm-request-list .progress-step.pending .step-sub{color:#6b7280}.pm-request-list .progress-step.denied .step-sub{color:#dc2626}.pm-request-list .progress-step.blocked .step-sub{color:#b45309}.pm-request-list .request-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.pm-request-list .request-actions .view-details-btn{align-items:center;background:#1d4ed8;border-radius:8px;box-shadow:0 4px 14px -4px #1d4ed866;color:#fff;display:inline-flex;font-size:.6rem;font-weight:600;gap:.4rem;letter-spacing:.4px;padding:.5rem .9rem;text-decoration:none;transition:background .25s,transform .25s}.pm-request-list .request-actions .view-details-btn:hover{background:#1e3a8a;transform:translateY(-2px)}@media (max-width:820px){.pm-request-list .progress-steps{flex-wrap:wrap;row-gap:.75rem}.pm-request-list .progress-step{min-width:60px}.pm-request-list .progress-step .step-connector{display:none}}@media (max-width:560px){.pm-request-list .request-row{padding:.9rem .85rem}.pm-request-list .request-row-title{font-size:.85rem}.pm-request-list .request-row-desc{-webkit-line-clamp:3;line-clamp:3}.pm-request-list .progress-steps{padding:.55rem .6rem}.pm-request-list .progress-step .step-icon{height:26px;width:26px}.pm-request-list .priority-chip,.pm-request-list .status-chip{font-size:.5rem}.pm-request-list .meta-origin{font-size:.55rem}}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.request-card.needs-attention{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b40,0 8px 24px #f59e0b40}.request-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-header{border-bottom:1px solid #f1f5f9;padding:1.5rem 1.5rem 1rem}.attention-pill{background:#f59e0b;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.25rem .5rem}.request-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;color:#0369a1;font-size:1.5rem;height:48px;justify-content:center;width:48px}.request-icon,.request-status{align-items:center;display:flex}.status-badge{border-radius:9999px;letter-spacing:.025em}.card-body{padding:1rem 1.5rem}.request-title{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.request-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.request-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.meta-label{color:#94a3b8;font-weight:500}.meta-value{color:#1e293b;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.card-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.5rem}.view-details-btn{background:#f1f5f9;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-details-btn:hover{background:#e2e8f0;color:#1e293b}.pm-request-list .empty-state,.pm-request-list .error-state,.pm-request-list .loading-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.pm-request-list .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 1rem;width:40px}.pm-request-list .loading-state p{color:#64748b;font-size:1rem;margin:0}.pm-request-list .error-state p{color:#ef4444;font-size:1rem;margin:0}.pm-request-list .empty-state .empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.pm-request-list .empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pm-request-list .empty-state p{color:#64748b;font-size:1rem;margin:0 auto;max-width:400px}.pm-request-list .pagination-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.pm-request-list .pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.pm-request-list .pagination-controls{align-items:center;display:flex;gap:.5rem}.pm-request-list .pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pm-request-list .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.pm-request-list .pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pm-request-list .pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.pm-request-list .requests-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1500px){.pm-request-list .page-container{max-width:1720px}.pm-request-list .requests-grid.enhanced-list .request-list{gap:1.25rem 1.4rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.pm-request-list .request-row-title{font-size:1rem}.pm-request-list .request-row-desc{font-size:.72rem}.pm-request-list .progress-step{min-width:75px}}@media (min-width:1800px){.pm-request-list .page-container{max-width:1840px}.pm-request-list .requests-grid.enhanced-list .request-list{grid-template-columns:repeat(auto-fill,minmax(460px,1fr))}.pm-request-list .request-row{padding:1.1rem 1.25rem 1.15rem}.pm-request-list .progress-steps{padding:.7rem .9rem}.pm-request-list .progress-step .step-icon{height:30px;width:30px}}@media (max-width:992px){.requests-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.pm-request-list .page-container{padding:1.5rem}.pm-request-list .controls-bar{gap:1rem;grid-template-columns:1fr}.pm-request-list .search-sort-section{justify-content:center}}@media (max-width:768px){.pm-request-list .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.pm-request-list .requests-grid{gap:1rem;grid-template-columns:1fr}.pm-request-list .search-sort-section{flex-direction:column;width:100%}.pm-request-list .search-input,.pm-request-list .sort-select{width:100%}.pm-request-list .filter-tabs{flex-wrap:wrap;justify-content:center;width:100%}.pm-request-list .card-body,.pm-request-list .card-footer,.pm-request-list .card-header{padding:1rem}.pm-request-list .request-meta{gap:.75rem}.pm-request-list .meta-item{align-items:flex-start;flex-direction:column;gap:.25rem}.pm-request-list .meta-value{max-width:none;text-align:left}}@media (max-width:480px){.pm-request-list .page-container{padding:1rem}.pm-request-list .page-subtitle{font-size:1rem}.pm-request-list .controls-bar{padding:1rem}.pm-request-list .filter-tabs{gap:.25rem}.pm-request-list .filter-tab{font-size:.8rem;padding:.375rem .75rem}.pm-request-list .pagination-section{padding:1.5rem 1rem}.pm-request-list .pagination-controls{flex-wrap:wrap;justify-content:center}}@media (prefers-color-scheme:dark){.pm-request-list .controls-bar,.pm-request-list .pagination-section,.pm-request-list .request-card{background:#1e293b;border-color:#334155}.pm-request-list .page-subtitle{color:#94a3b8}.request-title{color:#f1f5f9}.request-description{color:#94a3b8}.meta-label{color:#64748b}.meta-value{color:#f1f5f9}.card-footer{background:#334155;border-color:#475569}.pm-request-list .search-input,.pm-request-list .sort-select{background:#334155;border-color:#475569;color:#f1f5f9}.pm-request-list .search-input::placeholder{color:#94a3b8}.pm-request-list .pagination-btn{background:#334155;border-color:#475569;color:#f1f5f9}.pm-request-list .pagination-btn:hover:not(:disabled){background:#475569}}.am-dashboard{background-color:#f8fafc;color:#1e293b;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;width:100%}.am-dashboard *{box-sizing:border-box}.am-dashboard .dashboard-container,.am-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;margin:0;max-width:100%;overflow:visible;padding:0;position:relative;width:100%}.am-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;overflow:visible;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.am-dashboard .dashboard-header.collapsed{padding:.5rem 2rem}.am-dashboard .dashboard-header.collapsed .header-top{margin-bottom:.5rem;padding-bottom:.5rem}.am-dashboard .dashboard-header.collapsed .header-bottom{padding-top:.5rem}.am-dashboard .hidden{display:none!important}.am-dashboard .dashboard-header.collapsed .nav-item{justify-content:center;min-width:50px;padding:.5rem .75rem}.am-dashboard .dashboard-header.collapsed .nav-item span{display:none}.am-dashboard .dashboard-header.collapsed .nav-item svg{font-size:1.2rem;margin:0}.am-dashboard .dashboard-header.collapsed .profile-info{display:none}.am-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.am-dashboard .logo-section{align-items:center;display:flex;gap:1rem}.am-dashboard .header-logo{height:50px;width:auto}.am-dashboard .header-brand{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.am-dashboard .user-profile{align-items:center;background:#ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1rem;position:relative;transition:all .3s ease}.am-dashboard .user-profile:hover{background:#fff3;transform:translateY(-2px)}.am-dashboard .profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:1.2rem;height:45px;justify-content:center;width:45px}.am-dashboard .profile-info{display:flex;flex-direction:column;gap:.2rem}.am-dashboard .profile-name{color:#fff;font-size:1rem;font-weight:600}.am-dashboard .profile-role{color:#fffc;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.am-dashboard .profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:.5rem;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.am-dashboard .logout-btn{background:none;border:none;color:#333;cursor:pointer;font-size:.95rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.am-dashboard .logout-btn:hover{background:#f8f9fa;color:#dc3545}.am-dashboard .header-bottom{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.am-dashboard .header-nav,.am-dashboard .nav-item{align-items:center;display:flex;gap:.5rem}.am-dashboard .nav-item{border-radius:10px;color:#fffc;font-size:.9rem;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.am-dashboard .nav-item:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.am-dashboard .nav-item.active{background:#fff3;box-shadow:0 4px 15px #0003;color:#fff}.am-dashboard .nav-item svg{font-size:1rem}.am-dashboard .nav-item span{white-space:nowrap}.am-dashboard .dashboard-main{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;overflow:visible;position:relative}.am-dashboard .sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:20px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:1000}.am-dashboard .sidebar-toggle-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.am-dashboard .sidebar-toggle-btn:active{transform:translateY(-50%) scale(.95)}.am-dashboard .areas-projects-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:4px 0 20px #0000001a;height:100vh;left:-400px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:400px;z-index:1001}.am-dashboard .areas-projects-sidebar.open{left:0}.am-dashboard .sidebar-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.am-dashboard .sidebar-header h3{font-size:1.2rem;font-weight:600;margin:0}.am-dashboard .close-sidebar-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease}.am-dashboard .close-sidebar-btn:hover{background:#ffffff1a}.am-dashboard .sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.am-dashboard .areas-projects-card{background:#fff;border:none;border-radius:0;box-shadow:none;height:calc(100vh - 80px);overflow-y:auto;padding:1.5rem;width:100%}.am-dashboard .areas-projects-card .card-header{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1rem}.am-dashboard .areas-projects-card .card-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.am-dashboard .add-project-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.am-dashboard .add-project-btn:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}.am-dashboard .areas-list{display:flex;flex-direction:column;gap:1rem}.am-dashboard .area-item{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.am-dashboard .area-header{align-items:center;background:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.am-dashboard .area-header:hover{background:#f1f5f9}.am-dashboard .area-info{align-items:center;display:flex;gap:1rem}.am-dashboard .area-icon{color:#3b82f6;font-size:1.5rem}.am-dashboard .area-info h4{color:#1e293b;font-size:1.1rem;margin-bottom:.25rem}.am-dashboard .area-info p{color:#64748b;font-size:.9rem}.am-dashboard .area-stats{align-items:center;display:flex;gap:1rem}.am-dashboard .project-count{color:#64748b;font-size:.9rem;font-weight:500}.am-dashboard .expand-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.am-dashboard .expand-btn:hover{background:#e2e8f0;color:#1e293b}.am-dashboard .projects-list{background:#fff;padding:1rem}.am-dashboard .project-item{align-items:center;border-radius:8px;color:inherit;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.am-dashboard .project-item:last-child{margin-bottom:0}.am-dashboard .project-item:hover{background:#f8fafc;transform:translateX(4px)}.am-dashboard .project-icon{color:#3b82f6;font-size:1.2rem}.am-dashboard .project-info{flex:1 1}.am-dashboard .project-info h5{color:#1e293b;font-size:1rem;margin-bottom:.25rem}.am-dashboard .project-info p{color:#64748b;font-size:.85rem}.am-dashboard .arrow-icon{color:#94a3b8;font-size:.9rem;transition:all .2s ease}.am-dashboard .project-item:hover .arrow-icon{color:#3b82f6;transform:translateX(4px)}.am-dashboard .dashboard-content{flex:1 1;margin:0 auto;max-width:1680px;overflow:visible;padding:2rem}.am-dashboard .dashboard-grid{grid-gap:1.5rem 1.25rem;align-items:stretch;display:grid;gap:1.5rem 1.25rem;grid-template-columns:repeat(auto-fill,minmax(clamp(340px,30%,480px),1fr))}@media (min-width:1900px){.am-dashboard .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}}@media (max-width:1250px){.am-dashboard .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.am-dashboard .dashboard-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #0000000f;font-size:.95rem;padding:1.5rem;position:relative;transition:box-shadow .25s ease,transform .25s ease}.am-dashboard .dashboard-card:hover{box-shadow:0 8px 26px #0000001a;transform:translateY(-2px)}.am-dashboard .card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.am-dashboard .card-header h3,.am-dashboard .card-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.am-dashboard .view-all-link{align-items:center;color:#3b82f6;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.am-dashboard .view-all-link:hover{color:#1e40af;transform:translateX(2px)}.am-dashboard .am-welcome-card,.am-dashboard .welcome-card{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 6px 26px -4px #1e40af59;color:#fff;grid-column:1/-1;isolation:isolate;margin-bottom:2.25rem;overflow:visible;padding:1.75rem 2rem 2rem;position:relative}.am-dashboard .am-welcome-card:before,.am-dashboard .welcome-card:before{background:linear-gradient(180deg,#ffffff14,#fff0);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.am-dashboard .am-welcome-card .card-header,.am-dashboard .welcome-card .card-header{border-bottom-color:#fff3}.am-dashboard .am-welcome-card h3,.am-dashboard .welcome-card h3{color:#fff}.am-dashboard .welcome-content{margin-bottom:1.5rem}.am-dashboard .welcome-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.am-dashboard .welcome-subtitle{font-size:1rem;opacity:.9}.am-dashboard .welcome-stats{display:flex;gap:2rem}.am-dashboard .stat-item{text-align:center}.am-dashboard .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.am-dashboard .stat-label{font-size:.9rem;opacity:.8}.am-dashboard .requests-card{display:flex;flex-direction:column;grid-column:1/-1;order:3}.am-dashboard .requests-card .card-header{flex-shrink:0}.am-dashboard .requests-content{display:flex;flex:1 1;flex-direction:column}.am-dashboard .requests-list{flex:1 1}.am-dashboard .requests-list::-webkit-scrollbar{width:8px}.am-dashboard .requests-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.am-dashboard .requests-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-dashboard .requests-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-dashboard .project-metrics-card{grid-column:1/-1;margin-top:0;order:2;position:relative;z-index:0}.am-dashboard .welcome-card{grid-column:1/-1;order:1}.am-dashboard .requests-content{min-height:200px}.am-dashboard .requests-summary{align-items:center;display:flex;gap:1rem}.am-dashboard .pending-count{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.am-dashboard .requests-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:8px}.am-dashboard .request-item-new-layout{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1.5rem;min-height:80px;padding:1rem;position:relative;transition:all .2s ease}.am-dashboard .request-item-new-layout:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.am-dashboard .request-left-section{align-items:center;display:flex;flex-shrink:0;gap:.75rem;max-width:200px;min-width:200px;width:200px}.am-dashboard .request-icon-new{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.am-dashboard .request-details-new{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;max-width:140px;min-width:140px;width:140px}.am-dashboard .request-title-new{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.am-dashboard .request-meta-new{display:flex;flex-direction:column;gap:.1rem}.am-dashboard .request-project-new{color:#3b82f6;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.am-dashboard .request-date-new{color:#64748b;font-size:.7rem}.am-dashboard .request-center-section{align-items:center;display:flex;justify-content:center;left:50%;max-width:400px;min-width:300px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.am-dashboard .tracking-timeline-new{align-items:center;display:flex;gap:0;position:relative}.am-dashboard .timeline-step-new{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem;max-width:60px;min-width:60px;position:relative;width:60px}.am-dashboard .timeline-icon-new{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;position:relative;width:32px;z-index:2}.am-dashboard .timeline-label-new{font-size:.65rem;font-weight:600;max-width:50px;min-width:40px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.am-dashboard .timeline-connector-new{background:#e2e8f0;height:2px;left:50%;position:absolute;top:16px;transform:translateX(-50%);width:calc(100% - 32px);z-index:1}.am-dashboard .timeline-connector-new.completed{background:#10b981}.am-dashboard .timeline-step-new.completed .timeline-icon-new{background:linear-gradient(135deg,#10b981,#059669)}.am-dashboard .timeline-step-new.completed .timeline-label-new{color:#059669}.am-dashboard .timeline-step-new.pending .timeline-icon-new{background:linear-gradient(135deg,#f59e0b,#d97706)}.am-dashboard .timeline-step-new.pending .timeline-label-new{color:#b45309}.am-dashboard .timeline-step-new.completed.one-step-behind .timeline-icon-new{background:linear-gradient(135deg,#10b981,#059669)}.am-dashboard .timeline-step-new.completed.one-step-behind .timeline-label-new{color:#059669}.am-dashboard .timeline-step-new:not(.completed):not(.pending):not(.completed.one-step-behind) .timeline-icon-new{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b}.am-dashboard .timeline-step-new:not(.completed):not(.pending):not(.completed.one-step-behind) .timeline-label-new{color:#64748b}.am-dashboard .request-right-section{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto;max-width:150px;min-width:150px;width:150px}.am-dashboard .request-status-new{text-align:right}.am-dashboard .status-text-new{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;max-width:120px;overflow:hidden;padding:.4rem .8rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.am-dashboard .status-text-new.pendingareamanager{background:#eff6ff;border:1px solid #dbeafe;color:#3b82f6}.am-dashboard .status-text-new.pendingprojectmanager{background:#fffbeb;border:1px solid #fed7aa;color:#f59e0b}.am-dashboard .status-text-new.approved{background:#ecfdf5;border:1px solid #bbf7d0;color:#059669}.am-dashboard .status-text-new.received{background:#f3e8ff;border:1px solid #e9d5ff;color:#7c3aed}@media (max-width:1200px){.am-dashboard .request-left-section{max-width:160px;min-width:160px;width:160px}.am-dashboard .request-details-new{max-width:100px;min-width:100px;width:100px}.am-dashboard .request-right-section{max-width:120px;min-width:120px;width:120px}.am-dashboard .status-text-new{max-width:100px}.am-dashboard .request-center-section{max-width:350px;min-width:250px}}@media (max-width:1000px){.am-dashboard .request-item-new-layout{align-items:stretch;flex-direction:column;gap:1rem;min-height:auto}.am-dashboard .request-left-section{justify-content:flex-start;max-width:none;min-width:auto;width:100%}.am-dashboard .request-details-new{max-width:none;min-width:auto;width:auto}.am-dashboard .request-right-section{justify-content:flex-end;margin-left:0;max-width:none;min-width:auto;width:100%}.am-dashboard .status-text-new{max-width:80px}.am-dashboard .request-center-section{margin:.5rem 0;max-width:none;min-width:auto;position:static;transform:none}}.am-dashboard .request-item-compact{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;transition:all .2s ease}.am-dashboard .request-item-compact.pending-for-user{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;box-shadow:0 4px 15px #f59e0b26}.am-dashboard .request-item-compact:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.am-dashboard .request-item-compact.pending-for-user:hover{box-shadow:0 6px 20px #f59e0b40}.am-dashboard .request-main-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.am-dashboard .request-icon-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;width:32px}.am-dashboard .request-details-compact{flex:1 1;max-width:60%;min-width:0}.am-dashboard .request-title-compact{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:.15rem}.am-dashboard .request-meta-compact{align-items:center;display:flex;gap:.25rem}.am-dashboard .request-project-compact{background:#3b82f61a;border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.15rem .3rem}.am-dashboard .request-date-compact{color:#94a3b8;font-size:.7rem}.am-dashboard .request-status-compact{flex-shrink:0;margin-left:auto}.am-dashboard .status-text-compact{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.15rem .5rem;text-transform:uppercase}.am-dashboard .status-text-compact.pendingam{background:#fef3c7;border:1px solid #fbbf24;color:#d97706}.am-dashboard .status-text-compact.pendingpm{background:#dbeafe;border:1px solid #60a5fa;color:#2563eb}.am-dashboard .status-text-compact.pendingcio{background:#f3e8ff;border:1px solid #a78bfa;color:#7c3aed}.am-dashboard .status-text-compact.approved{background:#d1fae5;border:1px solid #34d399;color:#059669}.am-dashboard .status-text-compact.rejected{background:#fee2e2;border:1px solid #f87171;color:#dc2626}.am-dashboard .status-text-compact.received{background:#dcfce7;border:1px solid #4ade80;color:#16a34a}.am-dashboard .status-text-compact.placed{background:#e0f2fe;border:1px solid #38bdf8;color:#0284c7}.am-dashboard .tracking-timeline-compact{align-items:center;display:flex;gap:.1rem;overflow-x:auto;padding:.25rem 0;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.am-dashboard .tracking-timeline-compact::-webkit-scrollbar{height:3px}.am-dashboard .tracking-timeline-compact::-webkit-scrollbar-track{background:#0000}.am-dashboard .tracking-timeline-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.am-dashboard .timeline-step-compact{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.1rem;min-width:35px}.am-dashboard .timeline-icon-compact{align-items:center;background:#e2e8f0;border:2px solid #0000;border-radius:50%;color:#64748b;display:flex;font-size:.6rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.am-dashboard .timeline-step-compact.completed .timeline-icon-compact{background:#3b82f6;border-color:#3b82f6;color:#fff}.am-dashboard .timeline-step-compact.completed.one-step-behind .timeline-icon-compact{animation:pulse 2s infinite,glow 2s ease-in-out infinite alternate!important;background:#10b981!important;border-color:#10b981!important;box-shadow:0 0 10px #10b98180,0 0 20px #10b9814d,0 0 30px #10b9811a!important;color:#fff!important;transform:scale(1.1)}.am-dashboard .timeline-step-compact.pending .timeline-icon-compact{animation:pulse 2s infinite,glow 2s ease-in-out infinite alternate!important;background:#f59e0b!important;border-color:#f59e0b!important;box-shadow:0 0 10px #f59e0b80,0 0 20px #f59e0b4d,0 0 30px #f59e0b1a!important;color:#fff!important;transform:scale(1.1)}.am-dashboard .timeline-step-compact.rejected .timeline-icon-compact{animation:pulse 2s infinite,glow 2s ease-in-out infinite alternate!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 0 10px #ef444480,0 0 20px #ef44444d,0 0 30px #ef44441a!important;color:#fff!important;transform:scale(1.1)}.am-dashboard .timeline-step-compact.completed .timeline-icon-compact{animation:pulse 2s infinite,glow 2s ease-in-out infinite alternate!important;background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 0 10px #3b82f680,0 0 20px #3b82f64d,0 0 30px #3b82f61a!important;color:#fff!important;transform:scale(1.1)}@keyframes glow{0%{box-shadow:0 0 10px #f59e0b80,0 0 20px #f59e0b4d,0 0 30px #f59e0b1a,0 0 0 0 #f59e0bb3}to{box-shadow:0 0 15px #f59e0bb3,0 0 25px #f59e0b80,0 0 35px #f59e0b4d,0 0 0 0 #f59e0bb3}}.am-dashboard .timeline-label-compact{color:#64748b;font-size:.6rem;font-weight:600;text-align:center;white-space:nowrap}.am-dashboard .timeline-step-compact.completed.one-step-behind .timeline-label-compact{color:#10b981}.am-dashboard .timeline-step-compact.pending .timeline-label-compact{color:#f59e0b;font-weight:700}.am-dashboard .timeline-step-compact.rejected .timeline-label-compact{color:#ef4444;font-weight:700}.am-dashboard .timeline-step-compact.completed .timeline-label-compact{color:#3b82f6;font-weight:700}.am-dashboard .timeline-connector-compact{background:#e2e8f0;flex-shrink:0;height:2px;transition:all .2s ease;width:12px}.am-dashboard .timeline-connector-compact.completed{background:#10b981}.am-dashboard .empty-state,.am-dashboard .error-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.am-dashboard .empty-state svg,.am-dashboard .error-state svg{color:#94a3b8;font-size:3rem;margin-bottom:1rem}.am-dashboard .empty-state span,.am-dashboard .error-state span{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.am-dashboard .empty-state p{color:#94a3b8;font-size:.9rem;margin:0}.am-dashboard .progress-card{display:flex;flex-direction:column}.am-dashboard .progress-chart{align-items:center;display:flex;flex:1 1;justify-content:space-between}.am-dashboard .progress-legend{display:flex;flex-direction:column;gap:.75rem}.am-dashboard .legend-item{align-items:center;display:flex;gap:.75rem}.am-dashboard .legend-color{border-radius:50%;height:12px;width:12px}.am-dashboard .legend-label{color:#64748b;flex:1 1;font-size:.9rem}.am-dashboard .legend-value{color:#1e293b;font-size:.9rem;font-weight:600}.am-dashboard .chart-card{grid-column:span 2}.am-dashboard .chart-container{align-items:center;display:flex;justify-content:center;min-height:300px}.am-dashboard .loading-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;height:100vh;justify-content:center}.am-dashboard .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:1rem;width:50px}@media (max-width:1200px){.am-dashboard .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.am-dashboard .sidebar-toggle-btn{height:45px;left:10px;width:45px}.am-dashboard .areas-projects-sidebar{left:-300px;width:300px}.am-dashboard .dashboard-content{padding:1rem}.am-dashboard .progress-chart,.am-dashboard .welcome-stats{flex-direction:column;gap:1rem}.am-dashboard .chart-container{min-height:250px}.am-dashboard .request-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.am-dashboard .dashboard-header{padding:.5rem 1rem}.am-dashboard .header-top{align-items:flex-start;flex-direction:column;gap:1rem}.am-dashboard .header-nav{flex-wrap:wrap;gap:.25rem}.am-dashboard .nav-item{font-size:.8rem;padding:.5rem .75rem}.am-dashboard .nav-item span{display:none}.am-dashboard .dashboard-grid{grid-template-columns:1fr}.am-dashboard .request-item{align-items:flex-start;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.75rem;isolation:isolate;padding:.85rem .95rem .95rem;position:relative;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.am-dashboard .request-item:before{background:linear-gradient(90deg,#6366f1,#6366f100 35%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.am-dashboard .request-item:after{border-right:2px solid #64748b;border-top:2px solid #64748b;content:"";height:9px;opacity:.25;pointer-events:none;position:absolute;right:.8rem;top:50%;transform:translateY(-50%) rotate(45deg) translateX(-2px);transition:opacity .25s ease,transform .25s ease;width:9px}.am-dashboard .request-item:hover{background:#fff;border-color:#d1d9e5;box-shadow:0 8px 22px -6px #0f172a26;transform:translateY(-2px)}.am-dashboard .request-item:hover:before{opacity:.08}.am-dashboard .request-item:hover:after{opacity:.55;transform:translateY(-50%) rotate(45deg) translateX(0)}.am-dashboard .request-item:active{box-shadow:0 4px 14px -4px #0f172a2e;transform:translateY(0)}.am-dashboard .request-item:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.am-dashboard .request-status{align-self:flex-end}.am-dashboard .sidebar-toggle-btn{height:40px;left:5px;width:40px}.am-dashboard .areas-projects-sidebar{left:-280px;width:280px}}.am-dashboard .project-metric-item{min-width:300px}.am-dashboard .dashboard-content{padding-bottom:3rem}.am-dashboard .dashboard-header.collapsed .nav-item{padding:.55rem .9rem}@supports (min-width:min(100%,100%)){.am-dashboard .dashboard-grid>*{min-width:0}}.am-dashboard .dashboard-grid>.dashboard-card{overflow:visible}@media (max-width:980px){.am-dashboard .chart-card,.am-dashboard .project-metrics-card,.am-dashboard .requests-card{grid-column:1/-1}}.am-dashboard .metrics-subtitle{color:#64748b;font-size:.8rem;font-weight:400}.am-dashboard .project-metrics-container{min-height:200px}.am-dashboard .metrics-empty,.am-dashboard .metrics-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.am-dashboard .metrics-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:30px;margin-bottom:1rem;width:30px}.am-dashboard .metrics-empty svg{color:#94a3b8;font-size:2rem;margin-bottom:1rem}.am-dashboard .metrics-empty span{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem}.am-dashboard .metrics-empty p{color:#94a3b8;font-size:.9rem;margin:0}.am-dashboard .project-metrics-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.75rem .25rem .75rem 0;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.am-dashboard .project-metrics-scroll::-webkit-scrollbar{height:6px}.am-dashboard .project-metrics-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.am-dashboard .project-metrics-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.am-dashboard .project-metrics-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-dashboard .project-metric-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-shrink:0;min-width:280px;padding:1rem;transition:all .2s ease}.am-dashboard .project-metric-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.am-dashboard .metric-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.am-dashboard .metric-project-info{flex:1 1;min-width:0}.am-dashboard .metric-project-name{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.am-dashboard .metric-project-details{color:#64748b;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.am-dashboard .metric-pm{color:#3b82f6;font-weight:500}.am-dashboard .metric-area{color:#94a3b8}.am-dashboard .metric-progress-circle{flex-shrink:0;margin-left:1rem}.am-dashboard .progress-ring{align-items:center;display:flex;justify-content:center;position:relative}.am-dashboard .progress-text{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.am-dashboard .progress-percentage{color:#1e293b;font-size:.9rem;font-weight:700}.am-dashboard .metric-footer{border-top:1px solid #f1f5f9;padding-top:.75rem}.am-dashboard .metric-stats{color:#64748b;display:flex;font-size:.75rem;gap:1rem}.am-dashboard .metric-stat{align-items:center;display:flex;gap:.25rem}.am-dashboard .metric-stat svg{color:#94a3b8;font-size:.7rem}.am-dashboard .profile-menu button{background:none;padding:5px 10px}.am-dashboard .profile-menu button:hover{background-color:#f0f0f0}.area-addproj-main-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 70px);padding:2.5rem 0;width:100vw}.area-addproj-form-container{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 10px 36px #2c3e5021;display:flex;flex-direction:column;max-height:90vh;max-width:1150px;min-height:700px;min-width:600px;overflow-y:auto;padding:2.7rem 2.5rem 2.2rem;position:relative;width:100%}.area-addproj-page-title{color:#253354;font-size:2rem;font-weight:600;margin-bottom:2.2rem;text-align:center}.area-addproj-project-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.area-addproj-field-grid{grid-gap:1rem 1.15rem;align-items:start;display:grid;gap:1rem 1.15rem;grid-template-columns:repeat(6,1fr)}.area-addproj-field-grid .area-addproj-form-group{margin:0}.grid-span-2{grid-column:span 2}@media (max-width:1400px){.area-addproj-field-grid{grid-template-columns:repeat(4,1fr)}.grid-span-2{grid-column:span 2}}@media (max-width:1100px){.area-addproj-field-grid{grid-template-columns:repeat(3,1fr)}.grid-span-2{grid-column:span 3}}@media (max-width:900px){.area-addproj-field-grid{grid-template-columns:repeat(2,1fr)}.grid-span-2{grid-column:span 2}}@media (max-width:600px){.area-addproj-field-grid{grid-template-columns:1fr}.grid-span-2{grid-column:span 1}}.area-addproj-form-container{padding-bottom:1.8rem;padding-top:1.8rem}.area-addproj-page-title{margin-bottom:1.4rem}.area-addproj-form-group input,.area-addproj-form-group select{margin-bottom:0}.area-addproj-form-row{display:flex;gap:1.3rem;width:100%}.area-addproj-form-row.area-addproj-single-column{align-items:flex-start;display:flex;flex-direction:row!important;gap:2.2rem;justify-content:center;width:100%}.area-addproj-form-group{display:flex;flex:1 1;flex-direction:column;min-width:0}label{color:#3b465e;font-size:.98rem;font-weight:500;margin-bottom:.38rem}input,select,textarea{background:#f8fafc;border:1px solid #ccd4dd;border-radius:8px;font-size:.9rem;margin-bottom:.4rem;padding:.6rem .7rem;transition:.22s}input[type=date]{width:100%}input:focus,select:focus,textarea:focus{background:#fff;border-color:#0b5fff;outline:none}select[multiple]{min-height:44px}textarea{min-height:80px;resize:vertical}.area-addproj-submit-button{background:#0b5fff;border:none;border-radius:10px;box-shadow:0 6px 16px -4px #0b5fff66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.4rem;padding:.85rem 2.4rem;transition:.25s}.area-addproj-submit-button:hover{background:#094bcc}.area-addproj-manpower-panels{align-items:flex-start;display:flex;flex-direction:row;gap:2.2rem;justify-content:center;width:100%}.area-addproj-manpower-box{align-items:stretch;display:flex;flex-direction:column;max-width:430px;min-width:260px}.area-addproj-manpower-box label{color:#2e4161;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.area-addproj-manpower-box input[type=text]{border:1px solid #bbb;border-radius:5px;font-size:1rem;margin-bottom:11px;padding:.5rem}.area-addproj-manpower-box select{background:#f8fafb;border:1.1px solid #b2b2b2;border-radius:6px;font-size:1rem;height:205px;margin-bottom:4px;min-width:160px;padding:7px 5px;transition:border .16s;width:100%}.area-addproj-manpower-box select:focus{background:#fff;border-color:#4a6da7}.dual-list-card{background:linear-gradient(135deg,#fff,#f5f8ff);border:1px solid #0000000f;border-radius:14px;box-shadow:0 4px 14px #0000000a;padding:14px 16px 16px;position:relative}.dual-list-card:hover{box-shadow:0 6px 18px #00000012}.dual-list-card label{align-items:center;display:flex;gap:6px;margin-bottom:6px}.count-badge{background:#0b5fff;border-radius:12px;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:2px 8px}.count-badge.alt{background:#4a6da7}.dual-list{background:#f3f6fa;border:1px solid #c7d3e6}.dual-list.available{background:#f3f8ff}.dual-list.assigned{background:#f9f3ff;border-color:#d8c8f1}.dual-list option{border-radius:4px;margin:2px 0;padding:4px 6px}.dual-list option:checked{background:#4a6da7;color:#fff}.dual-list:focus{outline:2px solid #4a6da7;outline-offset:1px}.area-addproj-manpower-help{color:#888;font-size:12px;margin-bottom:4px;margin-top:2px}.area-addproj-csv-upload-btn{background-color:#4a6da7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.97rem;margin-left:9px;padding:.36rem 1.1rem;transition:background .2s}.area-addproj-csv-upload-btn:hover{background:#283759}.area-addproj-manpower-error{color:#b9001f;font-size:.98rem;margin-bottom:6px}.area-addproj-triple-columns{display:flex;gap:24px}.dual-lists-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.dual-list-card{transition:box-shadow .28s ease,transform .25s ease}.dual-list-card:focus-within{box-shadow:0 0 0 3px #0b5fff40}.dual-list-card:hover{transform:translateY(-3px)}.count-badge{overflow:hidden;position:relative}.count-badge:after{animation:shine 4.2s linear infinite;background:linear-gradient(90deg,#fff0,#ffffff59 50%,#fff0);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes shine{0%{transform:translateX(-100%)}60%{transform:translateX(130%)}to{transform:translateX(130%)}}.area-addproj-form-container::-webkit-scrollbar{width:10px}.area-addproj-form-container::-webkit-scrollbar-track{background:#0000000a;border-radius:8px}.area-addproj-form-container::-webkit-scrollbar-thumb{background:#c1c9d6;border-radius:8px}.area-addproj-form-container::-webkit-scrollbar-thumb:hover{background:#a8b4c4}input,select,textarea{box-shadow:inset 0 1px 2px #0000000a}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0b5fff2e}.file-previews{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:900px){.dual-lists-grid{grid-template-columns:1fr}.dual-list-card{padding:12px 14px}}@media (max-width:600px){.area-addproj-page-title{font-size:1.55rem}.area-addproj-submit-button{width:100%}.dual-list-card{border-radius:12px}}.area-addproj-manpower-box{flex:1 1;min-width:240px}@media (max-width:1200px){.area-addproj-form-container{max-width:98vw}.area-addproj-project-form{max-width:99vw}}@media (max-width:950px){.area-addproj-form-container{padding:1.3rem .5rem}.area-addproj-manpower-panels{gap:1rem}.area-addproj-form-row{gap:.7rem}}@media (max-width:900px){.area-addproj-main-content{padding:0}.area-addproj-form-row{flex-direction:column;gap:1rem}.area-addproj-form-row.area-addproj-single-column{align-items:stretch;flex-direction:column!important;gap:1.1rem}.area-addproj-manpower-panels{flex-direction:column;gap:1rem}.area-addproj-manpower-box{max-width:99vw}}@media (max-width:600px){.area-addproj-form-container{padding:.8rem .1rem}.area-addproj-project-form{max-width:99vw}.area-addproj-form-row.area-addproj-single-column{gap:.4rem}.area-addproj-manpower-box select{height:100px}.area-addproj-page-title{font-size:1.13rem}}@media (max-width:480px){.area-addproj-form-container{padding:.55rem 0}.area-addproj-manpower-box{min-width:0}}.assign-sections-grid{display:flex;flex-direction:column;gap:26px}.assign-sections-grid>.assign-card{width:100%}.assign-card{background:#fff;border:1px solid #e4e9f2;border-radius:16px;box-shadow:0 4px 14px #1a27440f;display:flex;flex-direction:column;min-height:320px;overflow:hidden;padding:14px 18px 18px;position:relative}.assign-card:before{background:radial-gradient(circle at 85% 15%,#0b5fff1f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.assign-card-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.assign-card-header h4{align-items:center;color:#22324f;display:flex;font-size:1.05rem;font-weight:600;gap:6px;letter-spacing:.3px;margin:0}.assign-card-header.compact{padding:4px 0 2px}.muted{color:#6b7a91;font-size:12px;font-weight:500}.count-chip{background:#0b5fff;border-radius:999px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:3px 8px 4px}.assign-body{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0}.search-row input{background:#f5f8fc;border:1px solid #cbd4e3;border-radius:8px;font-size:.87rem;padding:.55rem .75rem;transition:.2s;width:100%}.search-row input:focus{background:#fff;border-color:#4a6da7;box-shadow:0 0 0 3px #0b5fff2e;outline:none}ul.available-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:170px;overflow-y:auto;padding:0}ul.available-list.tall{max-height:340px}.role-dual-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:650px){.role-dual-grid{grid-template-columns:1fr}}.assigned-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:170px;overflow-y:auto;padding:0}.assigned-list li button.assigned-row{align-items:center;background:#f9fbff;border:1px solid #d3deeb;border-radius:10px;color:#142a43;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:10px;padding:8px 10px;position:relative;text-align:left;transition:.18s;width:100%}.assigned-list li button.assigned-row:hover{background:#edf4ff;border-color:#b8cade;transform:translateY(-2px)}.assigned-list li button.assigned-row:active{transform:translateY(0)}.assigned-list li button.assigned-row .avatar-sm.alt{background:#114083;box-shadow:0 2px 4px #00000040;color:#fff}.assigned-list li button.assigned-row .remove-x{align-items:center;background:#114083;border:none;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;line-height:18px;margin-left:auto;padding:0;width:18px}.assigned-list li button.assigned-row .remove-x:hover{background:#0b5fff}.assigned-list::-webkit-scrollbar{width:8px}.assigned-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.assigned-list::-webkit-scrollbar-thumb{background:#c3cedb;border-radius:10px}.assigned-list::-webkit-scrollbar-thumb:hover{background:#a9b4c1}.assigned-list-wrapper{display:flex;flex-direction:column;gap:6px}.assigned-subheader{color:#425167;font-size:.58rem;font-weight:700;letter-spacing:.55px;padding:2px 4px 2px 2px;text-transform:uppercase}.assigned-list.styled{background:linear-gradient(145deg,#f5f8fc,#eef3f9);border:1px solid #d5e0ec;border-radius:12px;box-shadow:inset 0 0 0 1px #fff6;padding:8px 10px 10px}.assigned-row-card{align-items:center;background:#fff;border:1px solid #d4deeb;border-radius:10px;box-shadow:0 2px 4px #0f1c340d;color:#132a44;display:flex;font-size:.78rem;font-weight:500;gap:10px;padding:6px 8px 6px 10px;position:relative;transition:.18s}.assigned-row-card:before{background:#0b5fff;border-radius:10px 0 0 10px;bottom:0;content:"";left:0;opacity:.55;position:absolute;top:0;transition:.25s;width:4px}.assigned-row-card:hover{border-color:#b8cade;transform:translateY(-2px)}.assigned-row-card:hover:before{opacity:.9}.assigned-row-main{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.assigned-row-card .avatar-sm.alt{align-items:center;background:#0b5fff;border-radius:8px;box-shadow:0 2px 4px #0b5fff59;color:#fff;display:flex;font-size:.72rem;font-weight:700;height:26px;justify-content:center;width:26px}.assigned-row-card .label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-pill{align-items:center;background:#0b5fff;border:none;border-radius:20px;box-shadow:0 2px 4px #0000002e;color:#fff;cursor:pointer;display:flex;font-size:.62rem;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px 5px}.remove-pill:hover{background:#083aaf}.remove-pill:focus{outline:3px solid #0b5fff59;outline-offset:2px}.assigned-row-card .label-text em{font-style:normal;font-weight:600;letter-spacing:.2px;opacity:.55}.assigned-list.styled li{list-style:none}.assigned-list.styled{display:flex;flex-direction:column;gap:8px;max-height:170px;overflow-y:auto}.assigned-list.styled::-webkit-scrollbar{width:8px}.assigned-list.styled::-webkit-scrollbar-thumb{background:#c3cedb;border-radius:10px}.assigned-list.styled::-webkit-scrollbar-thumb:hover{background:#a9b4c1}ul.available-list li button{align-items:center;background:#f1f6fd;border:1px solid #d2dfef;border-radius:10px;color:#142a43;cursor:pointer;display:flex;font-size:.83rem;font-weight:500;gap:10px;padding:8px 10px;position:relative;text-align:left;transition:.18s;width:100%}ul.available-list li button:hover{background:#e6f1ff;border-color:#b3c8e6;transform:translateY(-2px)}ul.available-list li button:active{transform:translateY(0)}ul.available-list li .avatar-sm{align-items:center;background:#0b5fff;border-radius:8px;box-shadow:0 2px 4px #0b5fff59;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}ul.available-list li .label-text{color:#142a43;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.available-list li .plus{color:#0b5fff;font-size:16px;font-weight:600;margin-left:4px}ul.available-list li .label-text em{font-size:.7rem;font-style:normal;font-weight:500;margin-left:4px;opacity:.68}ul.available-list .empty{color:#6f7f91;font-size:.75rem;padding:6px 4px;text-align:center}.chips-column,.chips-row{align-content:flex-start;display:flex;flex-wrap:wrap;gap:8px}.chips-column{flex-direction:column}.chips-scroller{display:flex;flex-wrap:wrap;gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}.chip{animation:chipIn .25s ease;background:#e8f1ff;border:1px solid #bed5ef;border-radius:30px;color:#103053;font-size:.72rem;font-weight:600;gap:6px;line-height:1.1;padding:5px 10px 5px 12px;position:relative}.chip.large{border-radius:34px;font-size:.74rem;padding:7px 14px 7px 16px}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chip .remove{align-items:center;background:#114083;border:none;border-radius:50%;box-shadow:0 0 0 2px #fff;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;line-height:18px;padding:0;transition:.18s;width:18px}.chip.large .remove{font-size:13px;height:20px;width:20px}.chip .remove:hover{background:#0b5fff}.placeholder{color:#6d7b90;font-size:.74rem;font-weight:500}.manpower-section{background:#fff;border:1px solid #e4e9f2;border-radius:18px;box-shadow:0 4px 18px #14234212;margin-top:4px;padding:16px 18px 20px}.manpower-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.manpower-tools input{background:#f5f8fc;border:1px solid #cbd4e3;border-radius:10px;flex:1 1 300px;font-size:.86rem;padding:.58rem .8rem}.manpower-tools input:focus{background:#fff;border-color:#4a6da7;box-shadow:0 0 0 3px #0b5fff2e;outline:none}.manpower-grid{grid-gap:24px;gap:24px;grid-template-columns:minmax(320px,1fr) minmax(260px,1fr);margin-top:14px}@media (max-width:1050px){.manpower-grid{grid-template-columns:1fr}}.chips-column .placeholder{margin:6px 0 4px}.chips-scroller::-webkit-scrollbar,ul.available-list::-webkit-scrollbar{width:8px}.chips-scroller::-webkit-scrollbar-track,ul.available-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.chips-scroller::-webkit-scrollbar-thumb,ul.available-list::-webkit-scrollbar-thumb{background:#c3cedb;border-radius:10px}.chips-scroller::-webkit-scrollbar-thumb:hover,ul.available-list::-webkit-scrollbar-thumb:hover{background:#a9b4c1}.area-addproj-csv-upload-btn.small{box-shadow:0 2px 4px #00000014;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.48rem .9rem;text-transform:uppercase}.area-addproj-csv-upload-btn.small:hover{transform:translateY(-2px)}.section-card{background:#fff;border:1px solid #e5eaf1;border-radius:22px;box-shadow:0 6px 28px -10px #1b273d38,0 2px 8px #1b273d14;overflow:hidden;padding:20px 24px 26px;position:relative}.section-card.meta-card{padding-top:18px}.section-card:before{background:linear-gradient(140deg,#0b5fff14,#fff0 55%);content:"";inset:0;pointer-events:none;position:absolute}.section-card-header{align-items:baseline;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.section-card-header h3{color:#1f3048;font-size:1.05rem;font-weight:600;letter-spacing:.4px;margin:0}.section-hint{color:#5f6e83;font-size:.68rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.assignments-wrapper{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 240px;padding-bottom:12px}.assignments-wrapper .section-card-header{grid-column:1/span 2}.assignments-wrapper .assign-sections-grid{grid-column:1/2}.assignments-wrapper .summary-panel{grid-column:2/3}@media (max-width:1350px){.assignments-wrapper{grid-template-columns:1fr}.assignments-wrapper .summary-panel{grid-column:1/2}}.summary-panel{align-self:start;background:linear-gradient(160deg,#0b5fff,#064dc9 70%);border-radius:20px;box-shadow:0 10px 28px -8px #003baa8c,0 2px 8px #00000026;color:#fff;display:flex;flex-direction:column;gap:12px;padding:18px 20px 22px;position:-webkit-sticky;position:sticky;top:80px;width:100%}.summary-panel h4{font-size:.8rem;font-weight:700;letter-spacing:.6px;margin:0 0 4px;text-transform:uppercase}.summary-list{display:flex;flex-direction:column;font-size:.7rem;gap:2px;list-style:none;margin:0;padding:0}.summary-list li strong{font-weight:600}.summary-mini{display:flex;flex-wrap:wrap;gap:6px}.mini-avatar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#0b5fff;display:flex;font-size:.7rem;font-weight:700;height:26px;justify-content:center;width:26px}.mini-avatar.alt{background:#001b4d;color:#fff}.summary-note{font-size:.6rem;line-height:1.2;opacity:.85}@media (max-width:1350px){.assignments-wrapper{grid-template-columns:1fr}.summary-panel{flex-direction:row;flex-wrap:wrap;margin-top:6px;position:static;width:100%}.summary-note{flex:1 0 100%}}.media-card{position:relative}.upload-grid{grid-gap:34px;display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.uploader-block h5{color:#213550;font-size:.78rem;letter-spacing:.6px;margin:0 0 10px;text-transform:uppercase}.dropzone{background:#f6f9fd;border:2px dashed #c4d2e3;border-radius:18px;cursor:pointer;padding:26px 18px 28px;position:relative;text-align:center;transition:.28s}.dropzone.drag{background:#e2efff;border-color:#0b5fff}.dropzone p{color:#27405e;font-size:.85rem;margin:0 0 4px}.dropzone .hint{color:#6b7a90;font-size:.65rem;font-weight:500;letter-spacing:.4px}.thumbs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin-top:12px}.thumb{border-radius:14px;box-shadow:0 4px 10px #00000024;overflow:hidden;position:relative}.thumb img{display:block;filter:saturate(1.05);height:72px;object-fit:cover;width:100%}.thumb button.remove{background:#0000008c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:22px;line-height:22px;position:absolute;right:4px;top:4px;width:22px}.thumb button.remove:hover{background:#0b5fff}.doc-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 0;max-height:220px;overflow-y:auto;padding:0}.doc-item{grid-gap:10px;align-items:center;background:#f2f6fb;border:1px solid #d4e1f0;border-radius:12px;display:grid;font-size:.7rem;font-weight:500;gap:10px;grid-template-columns:38px 1fr auto 26px;padding:8px 10px;position:relative}.doc-item .ext-pill{background:#0b5fff;border-radius:8px;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.6px;padding:4px 6px 5px;text-align:center;text-transform:uppercase}.doc-item .doc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item .size{color:#4d6279;font-size:.55rem;font-weight:600;letter-spacing:.4px}.doc-item button.remove{align-items:center;background:#102c57;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.doc-item button.remove:hover{background:#0b5fff}.doc-list::-webkit-scrollbar{width:8px}.doc-list::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.doc-list::-webkit-scrollbar-thumb{background:#b9c6d3;border-radius:10px}.doc-list::-webkit-scrollbar-thumb:hover{background:#a0afbe}.meta-card label{color:#1f3048;font-size:.75rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.meta-card input,.meta-card select{font-size:.85rem}.meta-card .area-addproj-form-group{position:relative}.meta-card .area-addproj-form-group input,.meta-card .area-addproj-form-group select{padding-bottom:.55rem;padding-top:.75rem}.currency-field{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;display:flex;line-height:1;padding:4px 8px;transition:border-color .2s,box-shadow .2s}.currency-field:focus-within{border-color:#0b5fff;box-shadow:0 0 0 3px #0b5fff2e}.currency-field input{background:#0000;box-shadow:none;margin:0;padding:4px 0 3px}.currency-field input:focus{box-shadow:none}.currency-field{max-width:100%}.currency-field input{min-width:0;width:100%}.aa-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.aa-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 48px -12px #0f172a66,0 8px 24px -8px #0f172a4d;display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:100%}.aa-modal-header{border-bottom:1px solid #eef2f7;padding:20px 26px 10px}.aa-modal-header h3{color:#0f172a;font-size:1.05rem;letter-spacing:.4px;margin:0}.aa-modal-body{font-size:13px;line-height:1.45;overflow-y:auto;padding:14px 26px 4px}.aa-modal-body strong{font-weight:600}.aa-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 26px 22px}.aa-btn-primary{background:#0b5fff;border:none;border-radius:10px;box-shadow:0 6px 16px -4px #0b5fff66;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:10px 20px}.aa-btn-primary:hover{background:#094bcc}.aa-btn-primary:focus{outline:3px solid #0b5fff66;outline-offset:2px}.aa-modal pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;margin:8px 0 0}.aa-modal-body ul{padding-left:18px}.aa-modal-body li{margin-bottom:4px}.am-dashboard,.am-dashboard body{background:linear-gradient(180deg,#f5f7fb,#eef2f7)}.area-addproj-form-container{max-width:1600px}.fullwidth-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(12,1fr)}.fullwidth-grid>.meta-card{grid-column:span 8}.fullwidth-grid>.assignments-wrapper{grid-column:span 4}.fullwidth-grid>.manpower-section,.fullwidth-grid>.media-card{grid-column:span 6}@media (max-width:1500px){.fullwidth-grid>.meta-card{grid-column:span 7}.fullwidth-grid>.assignments-wrapper{grid-column:span 5}}@media (max-width:1250px){.fullwidth-grid{grid-template-columns:repeat(8,1fr)}.fullwidth-grid>.assignments-wrapper,.fullwidth-grid>.meta-card{grid-column:span 8}.fullwidth-grid>.manpower-section,.fullwidth-grid>.media-card{grid-column:span 4}}@media (max-width:1050px){.fullwidth-grid{grid-template-columns:repeat(4,1fr)}.fullwidth-grid>*{grid-column:span 4!important}}@media (max-width:650px){.fullwidth-grid{grid-template-columns:repeat(2,1fr)}.fullwidth-grid>*{grid-column:span 2!important}}@media (max-width:480px){.fullwidth-grid{grid-template-columns:1fr}.fullwidth-grid>*{grid-column:span 1!important}}.grouped-manpower-scroll{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;padding-right:6px}.mp-group{background:#f5f8fc;border:1px solid #d6e2ef;border-radius:14px;box-shadow:0 2px 4px #0000000a;padding:6px 10px 10px}.mp-group-header{align-items:center;background:linear-gradient(90deg,#fff,#eef5ff);border:1px solid #c6d6e6;border-radius:10px;color:#123255;cursor:pointer;display:flex;font-size:.72rem;font-weight:600;gap:8px;padding:6px 10px;position:relative;width:100%}.mp-group-header:hover{background:#fff}.mp-group-title{flex:1 1;text-align:left}.mp-group-count{background:#0b5fff;border-radius:10px;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.5px;padding:2px 6px 3px}.mp-group-caret{font-size:.7rem}.mp-group-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mp-group-list .manpower-chip{background:#eef5ff;border:1px solid #c2d6ec}.mp-group-list .manpower-chip:hover{background:#e2efff}.mp-group-card{background:#fff;border:1px solid #e4e9f2;border-radius:16px;box-shadow:0 3px 10px #1423420d;display:flex;flex-direction:column;gap:8px;padding:10px 12px 14px;position:relative}.mp-group-card-header,.mp-group-toggle{align-items:center;display:flex}.mp-group-toggle{background:#f5f8fc;border:1px solid #d2ddea;border-radius:10px;color:#1f3048;cursor:pointer;font-size:.8rem;font-weight:600;gap:10px;padding:6px 10px;text-align:left;width:100%}.mp-group-toggle:hover{background:#e9f2ff;border-color:#b9cbe0}.mp-group-title-text{flex:1 1}.mp-group-count-pill{background:#0b5fff;border-radius:12px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:3px 7px 4px}.mp-group-caret{font-size:.65rem;transition:transform .25s}.mp-group-caret.collapsed{transform:rotate(-90deg)}.mp-group-people{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.mp-group-people li{margin:0}.mp-group-people .mp-person-row{align-items:center;background:#f1f6fd;border:1px solid #d2dfef;border-radius:10px;color:#142a43;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:10px;padding:8px 10px;position:relative;text-align:left;transition:.18s;width:100%}.mp-group-people .mp-person-row:hover{background:#e6f1ff;border-color:#b3c8e6;transform:translateY(-2px)}.mp-group-people .mp-person-row:active{transform:translateY(0)}.mp-group-people .mp-person-row .avatar-sm{align-items:center;background:#0b5fff;border-radius:8px;box-shadow:0 2px 4px #0b5fff59;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.mp-group-people .mp-person-row .label-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-group-people .mp-person-row .label-text em{font-size:.68rem;font-style:normal;font-weight:500;margin-left:4px;opacity:.65}.mp-group-people .mp-person-row .plus{color:#0b5fff;font-size:16px;font-weight:600;margin-left:4px}.manpower-grid>.available-list{padding:0}.grouped-manpower-scroll{gap:14px}.group-controls{display:flex;gap:6px}.group-controls .mini-btn{background:#eef4fb;border:1px solid #c5d5e6;border-radius:8px;color:#1f3048;cursor:pointer;font-size:.62rem;font-weight:600;letter-spacing:.4px;padding:4px 8px;text-transform:uppercase}.group-controls .mini-btn:hover{background:#e2edf9}.mp-group-card-header{position:-webkit-sticky;position:sticky;top:0;z-index:2}.grouped-manpower-scroll{position:relative}.show-more-btn{background:#0000;border:none;color:#0b5fff;cursor:pointer;font-size:.68rem;font-weight:600;margin-top:6px;padding:2px 4px}.show-more-btn:hover{text-decoration:underline}.assigned-groups{display:flex;flex-direction:column;gap:14px;max-height:340px;overflow-y:auto}.assigned-group-card{background:#fff;border:1px solid #e4e9f2;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:10px 12px 14px;position:relative}.assigned-group-title{align-items:center;color:#234;display:flex;font-size:.65rem;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.assigned-group-people{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.assigned-group-people li button{align-items:center;background:#f9fbff;border:1px solid #d9e3ef;border-radius:10px;color:#142a43;cursor:pointer;display:flex;font-size:.78rem;font-weight:500;gap:10px;padding:7px 10px;text-align:left;width:100%}.assigned-group-people li button:hover{background:#edf4ff}.assigned-group-people li button .avatar-sm{align-items:center;background:#114083;border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:26px;justify-content:center;width:26px}.assigned-group-people li button .remove-x{align-items:center;background:#114083;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;line-height:18px;margin-left:auto;padding:0;width:18px}.assigned-group-people li button .remove-x:hover{background:#0b5fff}.assigned-groups::-webkit-scrollbar{width:8px}.assigned-groups::-webkit-scrollbar-thumb{background:#c3cedb;border-radius:10px}.assigned-groups::-webkit-scrollbar-thumb:hover{background:#a9b4c1}label{font-size:1.08rem}input,select,textarea{font-size:1rem}.aa-modal-header h3,.assign-card-header h4,.section-card-header h3{font-size:1.18rem!important}.area-addproj-page-title{font-size:2.05rem!important}.dropzone .hint,.muted,.section-hint,.summary-note{font-size:.72rem}.assigned-group-people li button,.assigned-row-card,.mp-group-people .mp-person-row,ul.available-list li button{font-size:.9rem}.mp-group-people .mp-person-row .label-text em,ul.available-list li .label-text em{font-size:.74rem}.count-badge,.count-chip,.doc-item .ext-pill,.mini-avatar,.mp-group-count,.mp-group-count-pill,.remove-pill{font-size:.66rem}.area-addproj-csv-upload-btn,.area-addproj-csv-upload-btn.small{font-size:.85rem}.summary-panel h4{font-size:.95rem}.summary-list{font-size:.82rem}.doc-item{font-size:.8rem}.doc-item .size{font-size:.65rem}.aa-modal-body{font-size:14px}.area-addproj-submit-button{font-size:1.05rem}.assigned-group-people li button .avatar-sm,.assigned-row-card .avatar-sm.alt,.mp-group-people .mp-person-row .avatar-sm,ul.available-list li .avatar-sm{font-size:.82rem}.chip,.chip.large{font-size:.8rem}.assigned-row-card .label-text,ul.available-list li .label-text{line-height:1.15}@media (max-width:600px){.area-addproj-page-title{font-size:1.7rem!important}.assigned-group-people li button,.mp-group-people .mp-person-row,ul.available-list li button{font-size:.88rem}}.am-manpower-header{align-items:center;background-color:#000466;color:#fff;display:flex;justify-content:space-between;padding:.8rem 2.5rem}.am-manpower-logo-container{align-items:center;display:flex;gap:10px;min-height:65px}.am-manpower-logo-img{height:50px!important;max-height:50px;object-fit:contain}.am-manpower-brand-name{font-size:1.6rem;font-weight:700;margin-left:15px;margin-top:4px}.am-manpower-nav-menu{align-items:center;display:flex;flex-grow:1;gap:4rem;justify-content:center}.am-manpower-nav-link{color:#fff;font-size:.95rem;font-weight:500;text-decoration:none}.am-manpower-nav-link:hover{color:silver}.am-manpower-profile-menu-container{margin-left:auto;position:relative}.am-manpower-profile-circle{align-items:center;background-color:#9c27b0;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:38px;justify-content:center;width:38px}.am-manpower-main-content{flex:1 1;padding:1rem}.am-manpower-content-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:80rem;padding:1.5rem;width:100%}.am-manpower-filters-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.am-manpower-filter-options{align-items:center;display:flex;gap:.25rem}.am-manpower-filter-label{color:#6b7280;font-size:.875rem;margin-right:.5rem}.am-manpower-filter-button{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.3rem .8rem}.am-manpower-filter-button.active{color:#2563eb;font-weight:600}.am-manpower-filter-button.inactive{color:#6b7280}.am-manpower-view-options{display:flex;gap:.5rem}.am-manpower-view-button{background:none;border:none;cursor:pointer;padding:.25rem}.am-manpower-view-button.active{background-color:#e5e7eb;border-radius:.25rem}.am-manpower-view-icon{color:#6b7280;height:1.25rem;width:1.25rem}.am-manpower-scrollable-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.am-manpower-request-list{display:flex;flex-direction:column;gap:.75rem}.am-manpower-request-item{align-items:center;background-color:#fff;border:1px solid #f3f4f6;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem}.am-manpower-request-info{align-items:flex-start;display:flex;flex-direction:column}.am-manpower-request-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.am-manpower-request-project{color:#6b7280;font-size:.875rem}.am-manpower-request-date{color:#6b7280;font-size:.75rem;margin-top:.5rem}.am-manpower-requester-info{font-size:.875rem;font-weight:500;text-align:right}.am-manpower-status-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.am-manpower-status-approved{background-color:#d1fae5;color:#047857}.am-manpower-status-declined{background-color:#fee2e2;color:#b91c1c}.am-manpower-status-pending{background-color:#fef3c7;color:#92400e}.am-manpower-pagination{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.am-manpower-pagination-info{color:#6b7280;font-size:.875rem}.am-manpower-pagination-controls{display:flex;gap:.5rem}.am-manpower-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.4rem .75rem}.am-manpower-pagination-btn.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.am-manpower-pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:768px){.am-manpower-main-content{padding:1rem}.am-manpower-content-card{padding:1rem;width:95%}.am-manpower-request-item{align-items:flex-start;flex-direction:column}.am-manpower-request-meta{margin-top:.75rem;text-align:left}}.project-actions{display:flex;gap:.5rem;left:.5rem;opacity:0;position:absolute;top:.5rem;transform:translateY(-10px);transition:all .3s ease}.dashboard-container.no-inner-scroll,.dashboard-main.auto-height,.projects-container{height:auto!important;overflow:visible!important}.projects-container{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:2rem}.page-header.enhanced{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff10;background:var(--card-bg,#ffffff10);border:1px solid #ffffff12;border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem 1rem}.page-header.enhanced .page-title{margin:0}.page-header.enhanced .page-subtitle{font-size:.875rem;margin:.25rem 0 0;opacity:.75}.page-actions{align-items:stretch;gap:.75rem}.search-container{align-items:center;display:flex}.search-container .search-input{background:#1d1f24;background:var(--input-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:10px;color:#e7e9ec;color:var(--text-color,#e7e9ec);font-size:.9rem;padding:.65rem .85rem .65rem 2.15rem;transition:border .2s,background .2s;width:240px}.search-container .search-input:focus{background:#23252b;background:var(--focus-bg,#23252b);border-color:#6366f1;border-color:var(--accent,#6366f1);outline:none}.search-container .search-icon{color:#8f95a3;font-size:.95rem;left:.75rem;position:absolute}.view-mode-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d1f24;background:var(--input-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);color:#b0b6c2;color:var(--text-muted,#b0b6c2);display:flex;font-size:.9rem;justify-content:center;padding:.55rem .7rem;transition:background .2s,color .2s,border-color .2s}.view-mode-btn:first-child{border-radius:10px 0 0 10px}.view-mode-btn:last-child{border-radius:0 10px 10px 0}.view-mode-btn.active{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1)}.view-mode-btn:not(.active):hover{background:#272a31;color:#fff}.sort-container{align-items:stretch;gap:.4rem}.sort-select{color:#e7e9ec;color:var(--text-color,#e7e9ec);min-width:130px;padding:.55rem .75rem}.sort-order-btn,.sort-select{background:#1d1f24;background:var(--input-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:10px}.sort-order-btn{align-items:center;color:#b0b6c2;color:var(--text-muted,#b0b6c2);display:flex;justify-content:center;padding:.55rem .6rem}.sort-order-btn:hover{background:#272a31;color:#fff}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{align-items:center;background:#1d1f24;background:var(--chip-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:100px;color:#c0c5d0;color:var(--text-muted,#c0c5d0);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;letter-spacing:.5px;padding:.5rem .85rem;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}.filter-chip .badge{background:#272a31;background:var(--badge-bg,#272a31);border-radius:20px;color:#e3e6ea;color:var(--text-color,#e3e6ea);font-size:.65rem;font-weight:600;line-height:1;padding:.15rem .45rem}.filter-chip.active{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1);color:#fff}.filter-chip:not(.active):hover{background:#272a31;color:#fff}.projects-display.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-card{background:#1d1f24;background:var(--card-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:16px;display:flex;flex-direction:column;position:relative;transition:border-color .25s,transform .25s,background .25s}.project-card:hover{border-color:#6366f1;border-color:var(--accent,#6366f1);transform:translateY(-3px)}.project-card.list{flex-direction:row;min-height:170px}.project-image-wrapper{aspect-ratio:16/9;background:#111318;overflow:hidden;position:relative;width:100%}.project-card.list .project-image-wrapper{aspect-ratio:unset;flex-shrink:0;height:auto;width:260px}.project-image{display:block;transition:transform 4s ease}.project-image-wrapper:hover .project-image{transform:scale(1.08)}.status-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;box-shadow:0 4px 10px -2px #0006;color:#fff;display:flex;font-size:.65rem;gap:.35rem;left:.65rem;padding:.35rem .6rem;position:absolute;top:.65rem}.project-content{display:flex;flex-direction:column;gap:.55rem;padding:.95rem .95rem 1.15rem}.project-name{color:#fff;color:var(--text-color,#fff);font-size:1.05rem;letter-spacing:.3px;line-height:1.3;margin:0}.project-name.clamp{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-location{color:#aab1bd;color:var(--text-muted,#aab1bd);font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:1px;opacity:.85;text-transform:uppercase}.project-location svg{font-size:.8rem}.meta-list{grid-gap:.35rem;display:grid;font-size:.72rem;gap:.35rem;letter-spacing:.2px;list-style:none;margin:.35rem 0 0;padding:0}.meta-list li{align-items:center;color:#c2c7d1;color:var(--text-muted,#c2c7d1);display:flex;gap:.45rem}.meta-list li svg{font-size:.8rem;opacity:.9}.pagination-bar{align-items:center;background:#1d1f24;background:var(--card-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding:.9rem 1rem}.pagination-left{align-items:center;color:#9aa1ac;color:var(--text-muted,#9aa1ac);display:flex;font-size:.75rem;gap:1.25rem;letter-spacing:.5px;text-transform:uppercase}.pagination-info{font-weight:600}.page-size-select-label{align-items:center;display:flex;font-weight:600;gap:.45rem}.page-size-select{background:#1d1f24;background:var(--input-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:8px;color:#e7e9ec;color:var(--text-color,#e7e9ec);font-size:.75rem;padding:.35rem .55rem}.pagination-pages{gap:.4rem}.page-btn,.pagination-pages{align-items:center;display:flex}.page-btn{background:#1d1f24;background:var(--input-bg,#1d1f24);border:1px solid #2d2f36;border:1px solid var(--border-color,#2d2f36);border-radius:8px;color:#a8afb9;color:var(--text-muted,#a8afb9);cursor:pointer;font-size:.75rem;justify-content:center;min-width:36px;padding:.45rem .7rem;transition:background .2s,color .2s,border-color .2s}.page-btn:hover:not(:disabled){background:#272a31;color:#fff}.page-btn.active{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1);color:#fff;font-weight:600}.page-btn:disabled{cursor:not-allowed;opacity:.4}.ellipsis{color:#7d8490;color:var(--text-muted,#7d8490);padding:0 .25rem}.projects-light{--card-bg:#fff;--input-bg:#fff;--focus-bg:#f4f6f9;--chip-bg:#fff;--badge-bg:#eef1f5;--border-color:#e1e4e8;--text-color:#1a1d21;--text-muted:#5a6069;background:#0000}.projects-light .project-card{background:#fff;border-color:#e1e4e8}.projects-light .project-card:hover{background:#f8faff}.projects-light .search-container .search-input{background:#fff;border-color:#d7dbe0;color:#1a1d21}.projects-light .filter-chip{background:#fff;border-color:#d7dbe0;color:#4a5563}.projects-light .filter-chip.active{background:#6366f1;background:var(--accent,#6366f1);color:#fff}.projects-light .filter-chip .badge{background:#f0f3f6;color:#374151}.projects-light .pagination-bar{background:#fff;border-color:#e1e4e8}.projects-light .page-btn{background:#fff;border-color:#d7dbe0}.projects-light .page-btn:hover:not(:disabled){background:#f1f5f9}.projects-light .page-btn.active{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1);color:#fff}.projects-light .meta-list li{color:#4a4f56}.projects-light .empty-state.full{background:#fff;border-color:#e1e4e8}.projects-light .status-badge{box-shadow:0 2px 6px -2px #0003}.projects-light .view-mode-btn{background:#fff;border-color:#d7dbe0}.projects-light .view-mode-btn:not(.active):hover{background:#f1f5f9}.projects-light .sort-order-btn,.projects-light .sort-select{background:#fff;border-color:#d7dbe0;color:#374151}.projects-light .sort-order-btn:hover{background:#f1f5f9}.projects-light .skeleton-line{background:#eef1f4}.projects-light .project-image-wrapper{background:#f1f3f6}.ceo-projects-page .dashboard-main,.ceo-projects-page .projects-container,.ceo-projects-page.dashboard-container{background:#f5f7fa!important;background-image:none!important}body.light .ceo-projects-page .dashboard-main,body.light .ceo-projects-page.dashboard-container{background:#f5f7fa!important}.ceo-projects-page .page-header.enhanced{background:#fff!important;border:1px solid #e1e4e8!important;box-shadow:0 2px 4px -2px #0000000a,0 1px 2px #0000000a;padding:1.1rem 1.25rem .95rem}.ceo-projects-page .page-header.enhanced .page-title{font-size:1.55rem;font-weight:600;letter-spacing:.5px}.ceo-projects-page .page-header.enhanced .page-subtitle{font-size:.78rem;font-weight:500;letter-spacing:.8px;opacity:.6;text-transform:uppercase}.ceo-projects-page .page-header.enhanced .page-actions{align-items:flex-end}.filter-bar.below-header{margin-top:.6rem}.ceo-projects-page .page-header.enhanced+.filter-bar{margin-top:-.35rem;padding:0 .25rem .2rem}.ceo-projects-page .filter-bar .filter-chip{border-color:#d7dbe0}.ceo-projects-page .filter-bar .filter-chip.active{border-color:#6366f1;border-color:var(--accent,#6366f1)}@media (max-width:680px){.ceo-projects-page .page-header.enhanced{padding:1rem 1rem .85rem}.ceo-projects-page .page-header.enhanced .page-title{font-size:1.35rem}.ceo-projects-page .page-header.enhanced .page-subtitle{font-size:.7rem}}.skeleton{overflow:hidden;position:relative}.skeleton .project-image-wrapper{background:#16181d}.skeleton-line{background:#1f2228;border-radius:4px;height:10px;margin:.45rem 0}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.skeleton-line.w80{width:80%}.skeleton-line.w50{width:50%}.shimmer{position:relative}.shimmer:after{animation:shimmer 1.4s infinite;background:linear-gradient(110deg,#0000,#ffffff12 45%,#0000 90%);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}.empty-state.full,.error-state.compact{background:#1d1f24;background:var(--card-bg,#1d1f24);border:1px dashed #2d2f36;border:1px dashed var(--border-color,#2d2f36);border-radius:16px;color:#c2c7d1;color:var(--text-muted,#c2c7d1);display:flex;flex-direction:column;gap:.75rem;padding:3rem 1rem;text-align:center}.empty-state.full h3{color:#fff;color:var(--text-color,#fff);font-weight:600;margin:0}.empty-state.full p{font-size:.85rem;margin:0;opacity:.75}@media (max-width:1100px){.projects-display.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:860px){.project-card.list{flex-direction:column}.project-card.list .project-image-wrapper{aspect-ratio:16/9;width:100%}}@media (max-width:600px){.page-actions,.search-container .search-input{width:100%}.projects-display.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.project-card{border-radius:14px}.project-content{padding:.85rem .85rem 1rem}}body.light .project-card{background:#fff;border-color:#e4e6eb}body.light .project-card:hover{background:#f8faff;border-color:#6366f1}body.light .search-container .search-input{background:#fff;border-color:#d8dbe0;color:#1a1d21}body.light .filter-chip{background:#fff;border-color:#d8dbe0;color:#4a5563}body.light .filter-chip .badge{background:#eef1f5;color:#374151}body.light .filter-chip.active{color:#fff}body.light .meta-list li{color:#4f5660}body.light .empty-state.full,body.light .error-state.compact{background:#fff;border-color:#e5e7eb}.project-card:hover .project-actions{opacity:1;transform:translateY(0)}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.view-btn{background:#3b82f6e6;color:#fff}.view-btn:hover{background:#3b82f6;transform:scale(1.1)}.edit-btn{background:#22c55ee6;color:#fff}.edit-btn:hover{background:#22c55e;transform:scale(1.1)}.audit-btn{background:#f59e0be6;color:#fff}.audit-btn:hover{background:#f59e0b;transform:scale(1.1)}.delete-btn{background:#ef4444e6;color:#fff}.delete-btn:hover{background:#ef4444;transform:scale(1.1)}.grid-2col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.gap-md{gap:1rem}.flex-row{display:flex}.gap-sm{gap:.5rem}.modal-overlay{-webkit-backdrop-filter:saturate(160%) blur(3px);backdrop-filter:saturate(160%) blur(3px);background:#1418218c;inset:0;padding:1.5rem;z-index:1400}.modal-card{animation:modalIn .22s ease;background:#fff;border-radius:14px;box-shadow:0 8px 28px -4px #00000040,0 2px 6px #0000001f;padding:1.25rem 1.5rem 1.5rem;position:relative;width:100%}.modal-card.large{max-width:960px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section{background:#fafbfc;border:1px solid #e4e7ec;border-radius:10px;display:flex;flex-direction:column;gap:.55rem;padding:.75rem .9rem .95rem}.section legend{color:#4b5563;font-size:.85rem;letter-spacing:.5px;padding:0 .5rem}.section label,.section legend{font-weight:600;text-transform:uppercase}.section label{color:#374151;display:flex;flex-direction:column;font-size:.78rem;gap:.35rem;letter-spacing:.4px}.section input,.section select,.section textarea{background:#fff;border:1px solid #d1d9e6;border-radius:8px;font-size:.8rem;outline:none;padding:.55rem .6rem;transition:border-color .16s,box-shadow .16s}.section input:focus,.section select:focus,.section textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}button{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;letter-spacing:.4px;padding:.55rem .9rem;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#1d4ed8}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}.table-action-btn{background:#eef2f8;border-radius:6px;color:#334155;margin-left:.25rem;padding:.4rem .6rem}.table-action-btn:hover{background:#d9e2ef}.table-action-btn.danger{background:#fee2e2;color:#b91c1c}.table-action-btn.danger:hover{background:#fecaca}.alert{border-radius:10px;font-size:.75rem;line-height:1.3;padding:.75rem .9rem}.alert.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.multibox{background:#fff;border:1px solid #d6dde7;border-radius:10px;display:flex;flex-direction:column;gap:.45rem;min-height:120px;padding:.55rem}.multibox>input{border:1px solid #cdd5df;border-radius:6px;font-size:.72rem;padding:.45rem .55rem}.box-list{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:120px;overflow:auto}.box-item{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:.65rem;font-weight:500;overflow:hidden;padding:.35rem .4rem;text-overflow:ellipsis;white-space:nowrap}.box-item.selected{background:#2563eb;border-color:#1d4ed8;color:#fff}.box-item:hover{background:#e1eaf3}.box-item.selected:hover{background:#1e50c2}.empty{color:#64748b;font-size:.65rem;grid-column:1/-1;padding:.3rem 0;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{align-items:center;background:#2563eb;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.62rem;gap:.25rem;line-height:1;padding:.25rem .45rem}.chip:hover{background:#1d4ed8}.task-editor ul{list-style:none;margin:0;padding:0}.task-editor li{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:.4rem .5rem}.task-editor li input{font-size:.65rem;margin-right:.35rem;padding:.35rem .4rem}.task-editor form input{font-size:.7rem}.task-editor form button{font-size:.65rem;padding:.45rem .6rem}.task-editor button{background:#f1f5f9;color:#334155}.task-editor button:hover{background:#e2e8f0}.pm-table.modern{border-collapse:initial;border-spacing:0 4px;width:100%}.pm-table.modern thead th{background:#f1f5f9;border:none;color:#475569;font-size:.68rem;font-weight:600;letter-spacing:.6px;padding:.55rem .7rem;text-transform:uppercase}.pm-table.modern tbody td{background:#fff;border-bottom:1px solid #edf2f7;border-top:1px solid #edf2f7;font-size:.72rem;padding:.6rem .7rem}.pm-table.modern tbody tr{box-shadow:0 1px 2px #0000000d}.pm-table.modern tbody tr:hover td{background:#f8fafc}.pm-table.modern.compact tbody td{padding:.5rem .65rem}.pm-table.modern td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.pm-table.modern td:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.search-bar{align-items:center;background:#fff;border:1px solid #d2dae4;border-radius:8px;display:inline-flex;font-size:.75rem;gap:.5rem;padding:.35rem .55rem}.search-bar input{border:none;font-size:.75rem;outline:none;width:180px}.uploader input{display:block;font-size:.7rem;margin-top:.25rem}.uploader{display:flex;flex-direction:column;font-size:.65rem;font-weight:600;gap:.25rem;letter-spacing:.5px;text-transform:uppercase}.form-grid{width:100%}.box-list::-webkit-scrollbar,.task-editor ul::-webkit-scrollbar{width:8px}.box-list::-webkit-scrollbar-track{background:#0000}.box-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.box-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:820px){.grid-2col{grid-template-columns:1fr}.modal-card.large{max-width:100%;padding:1rem}.search-bar input{width:120px}}@media (max-width:520px){.chips{max-height:70px;overflow:auto}.box-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.am-white-theme{background:#f1f5f9!important}.am-white-theme .dashboard-main.am-main-white{background:linear-gradient(#fff,#f8fafc)!important}.am-white-theme .project-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px -4px #0f172a14;color:#1e293b;transition:.25s}.am-white-theme .project-card:hover{box-shadow:0 8px 28px -6px #0f172a26;transform:translateY(-3px)}.am-white-theme .project-card .project-content{background:#0000;color:#334155}.am-white-theme .project-card .project-name{color:#0f172a}.am-white-theme .project-card .project-location span{color:#475569}.am-white-theme .project-card .detail-label{color:#64748b}.am-white-theme .project-card .detail-value{color:#0f172a;font-weight:600}.am-white-theme .project-card .project-image-container{background:#fff}.am-white-theme .project-card .project-image{filter:none}.am-white-theme .project-status-badge{border-radius:10px;box-shadow:0 2px 6px -2px #0003;padding:.4rem .6rem}.am-white-theme .filter-btn{background:#fff}.am-white-theme .filter-btn.active{background:#2563eb;border-color:#2563eb}.am-white-theme .view-mode-btn.active{background:#2563eb}.am-white-theme .add-project-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.am-dashboard .dashboard-container,.am-dashboard.dashboard-container{height:auto!important;min-height:100vh;overflow:visible!important}.am-dashboard,.am-dashboard body,.am-dashboard html{height:auto!important;min-height:100%;overflow-y:auto!important}.projects-container{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.am-dashboard .dashboard-main{background:#f8fafc;flex:1 1;min-height:auto;padding-bottom:2rem}.page-header{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px -2px #0000000a,0 1px 2px #0000000a;gap:1rem;padding:1.1rem 1.25rem .95rem}.page-title-section h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-actions .add-project-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #4f46e5;border-radius:10px;box-shadow:0 2px 6px -1px #4f46e566;color:#fff;display:inline-flex;font-weight:600;gap:.55rem;line-height:1;padding:.65rem 1.1rem;transition:.25s;white-space:nowrap}.page-actions .add-project-btn span{font-size:.85rem;letter-spacing:.3px}.page-actions .add-project-btn:hover{box-shadow:0 6px 18px -4px #4f46e58c;transform:translateY(-2px)}.page-actions .add-project-btn:active{transform:translateY(0)}.projects-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.controls-left{flex:1 1;gap:1.5rem}.controls-left,.controls-right{align-items:center;display:flex}.controls-right{gap:1rem}.search-container{min-width:300px;position:relative}.search-icon{font-size:.9rem}.search-input{background:#fff;padding:.75rem 1rem .75rem 2.5rem}.filter-group{flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sort-container{align-items:center;display:flex;gap:.5rem}.sort-select{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem .75rem}.sort-select,.sort-select option{background:#fff;color:#1e293b}.sort-order-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.sort-order-btn:hover{border-color:#3b82f6;color:#3b82f6}.view-mode-container{border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.25rem;overflow:hidden}.view-mode-btn{background:#fff;border:none;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.view-mode-btn:hover{background:#f8fafc;color:#3b82f6}.view-mode-btn.active{background:#3b82f6;color:#fff}.error-state{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.error-state svg{color:#ef4444;margin-bottom:1rem}.retry-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.5rem 1rem}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:#94a3b8;margin-bottom:1rem}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem}.projects-display{grid-gap:1rem;display:grid;gap:1rem;padding-bottom:1.5rem}.projects-display.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.projects-display.list{grid-template-columns:1fr}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;height:auto;max-width:100%;overflow:hidden;transition:all .2s ease}.project-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.project-image-container{height:120px;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;width:100%}.project-status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.65rem;font-weight:600;gap:.2rem;padding:.2rem .4rem;position:absolute;right:.5rem;top:.5rem}.project-content{padding:.75rem}.project-header{margin-bottom:.5rem}.project-name{font-weight:700;line-height:1.2;margin:0 0 .2rem}.project-location{align-items:center;display:flex;font-size:.75rem;gap:.2rem}.project-location svg{color:#94a3b8;font-size:.65rem}.project-details{display:flex;flex-direction:column;gap:.3rem;margin-bottom:0}.detail-item{align-items:center;display:flex;gap:.4rem;padding:.15rem 0}.detail-icon{color:#94a3b8;flex-shrink:0;font-size:.75rem;text-align:center;width:16px}.detail-content{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.detail-label{color:#64748b;flex-shrink:0;font-size:.65rem;font-weight:500;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.detail-value{color:#1e293b;flex:1 1;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-display.list .project-card{display:flex;height:auto}.projects-display.list .project-image-container{flex-shrink:0;height:150px;width:200px}.projects-display.list .project-content{display:flex;flex:1 1;flex-direction:column}.projects-display.list .project-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.projects-display.list .project-footer{margin-top:auto}.loading-container{color:#64748b;min-height:60vh;padding:4rem 2rem;text-align:center}.loading-spinner{margin-bottom:1rem}@media (max-width:1024px){.projects-container{padding:1.5rem}.projects-display.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.controls-left{align-items:stretch;flex-direction:column;gap:1rem}.search-container{min-width:auto}.filter-group{justify-content:center}}@media (max-width:768px){.page-header,.projects-controls{align-items:stretch;flex-direction:column;gap:1rem}.controls-right{justify-content:space-between}.projects-display.grid{grid-template-columns:1fr}.projects-display.list .project-card{flex-direction:column}.projects-display.list .project-image-container{height:200px;width:100%}.projects-display.list .project-details{grid-template-columns:1fr}}@media (max-width:480px){.projects-container{padding:1rem}.page-title-section h1{font-size:1.5rem}.project-content{padding:1rem}.project-name{font-size:1.1rem}.filter-group{flex-direction:column}.filter-btn{text-align:center}}.fadztrack-app{background:#f6f8fa;display:flex;flex-direction:column;min-height:100vh}.fadztrack-summary-section,.fadztrack-title{margin:0 auto;text-align:center}.fadztrack-summary-box{justify-content:center;text-align:center}.logo-img{height:60px!important;max-height:65px}.am-dashboard .logo-container{align-items:center;display:flex;gap:10px;min-height:65px}.am-dashboard .brand-name{font-size:1.6rem;font-weight:700;margin-top:4px}.am-dashboard .header{align-items:center;background-color:#000466;color:#fff;display:flex;justify-content:space-between;padding:.8rem 2.5rem}.am-dashboard .nav-menu{align-items:center;display:flex;gap:1.8rem}.am-dashboard .profile-menu-container{position:relative}.am-dashboard .profile-circle{background-color:#555;cursor:pointer;height:40px;width:40px}.am-dashboard .profile-menu{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0003;margin-top:10px;padding:10px;position:absolute;right:0;z-index:10}.am-dashboard .profile-menu button{background:#fff;border:none;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#1b1f3b;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.am-dashboard .profile-menu button:hover{background-color:#f3f4f6}.am-dashboard .profile-circle{align-items:center;background-color:#9c27b0;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.fadztrack-main{align-items:flex-start;background:#0000;display:flex;justify-content:center;min-height:80vh}.details-card{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 10px 38px #00000029;display:flex;flex-direction:column;font-size:1.19rem;margin:38px auto 30px;max-width:1100px;padding:3.2rem 3.6rem;width:98vw}.fadztrack-header-section{margin-bottom:1.9rem;text-align:center}.fadztrack-title{color:#2d3c7a;font-size:2.6rem;font-weight:700;letter-spacing:.03em;margin-bottom:.4rem}.fadztrack-title .highlight-id{color:#3251c2;font-size:1.25rem;font-weight:700;margin-left:9px}.fadztrack-subtitle{color:#3d475c;font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.fadztrack-form-row.center-row{display:flex;gap:90px;justify-content:center;margin-bottom:1.8rem;margin-top:.2rem}.fadztrack-form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:1.3rem}.fadztrack-form-group{display:flex;flex-direction:column}.fadztrack-label{color:#3c4160;display:block;font-size:15px;font-weight:600;margin-bottom:6px}.fadztrack-input,.fadztrack-select{background:#fafbfc;border:1.2px solid #d1d5db;border-radius:7px;font-size:1.07rem;outline:none;padding:11px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.fadztrack-input:focus,.fadztrack-select:focus{border-color:#466ee0;box-shadow:0 0 0 2px #3b82f614}.fadztrack-summary-section{margin-bottom:2.2rem;text-align:center}.fadztrack-summary-label{display:block;font-size:1.19rem;font-weight:700;margin-bottom:.55rem}.fadztrack-summary-box{align-items:center;background:#f9fafb;border:1.6px solid #d5dbe7;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;font-size:1.25rem;margin:.4rem auto 1.4rem;max-width:740px;min-height:90px;padding:1.8rem;width:88%}.fadztrack-summary-list{text-align:center;width:100%}.fadztrack-summary-item{color:#1b233c;font-size:1.12rem;margin-bottom:2px}.fadztrack-summary-description{background:#f9fafb;border:1.6px solid #d5dbe7;border-radius:12px;box-shadow:0 2px 10px #0000000f;font-size:1.25rem;margin:.4rem auto 1.4rem;max-width:740px;min-height:90px;padding:1.8rem;white-space:pre-wrap;width:88%}.fadztrack-buttons{display:flex;gap:36px;justify-content:center;margin-top:2.8rem}.fadztrack-button{background:#3251c2;border:none;border-radius:9px;box-shadow:0 2px 6px #2d417e13;color:#fff;cursor:pointer;font-size:1.22rem;font-weight:700;min-width:185px;padding:1.07rem 0;transition:background .18s,box-shadow .18s}.fadztrack-button.deny-btn{background:#be3543}.fadztrack-button.deny-btn:hover{background:#a6222e}.fadztrack-button.review-btn:hover,.fadztrack-button:hover{background:#23398d}.status-badge{border-radius:22px;display:inline-block;font-size:1.13rem;font-weight:700;letter-spacing:.05em;margin-bottom:18px;margin-top:.5rem;padding:7px 21px;text-transform:capitalize}.status-approved{background:#31c86a1f;border:1.5px solid #1ebe6c;color:#167c45}.status-rejected{background:#ffe7e6;border:1.5px solid #d23b32;color:#d23b32}.status-pending{background:#f1f3fb;border:1.5px solid #3a539b;color:#4a579e}.nav-link{color:#fff;font-size:.95rem;font-weight:500;text-decoration:none}.nav-link svg{vertical-align:middle}@media (max-width:1100px){.details-card{max-width:96vw;padding:2rem 1.5rem}.fadztrack-title{font-size:2.05rem}.fadztrack-header-section{margin-bottom:1.2rem}.fadztrack-main{align-items:flex-start}}@media (max-width:800px){.details-card{padding:1.4rem .4rem}.fadztrack-form-row{gap:13px;grid-template-columns:1fr}.fadztrack-summary-box,.fadztrack-summary-description{min-width:0;width:97%}.fadztrack-buttons{flex-direction:column;gap:20px}}@media (max-width:480px){.details-card{padding:.6rem .1rem}.fadztrack-title{font-size:1.3rem}}.progress-report-container{background:linear-gradient(135deg,#87ceeb,#e0f6ff 50%,#fff8dc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.progress-report-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1000px;padding:40px}.report-header{margin-bottom:30px}.report-title{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:600;gap:10px;margin-bottom:20px}.dropdown-arrow{color:#7f8c8d;font-size:20px}.filter-section{gap:20px}.filter-group,.filter-section{align-items:center;display:flex}.filter-group{gap:15px}.filter-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#2980b9}.filter-btn:hover{transform:translateY(-1px)}.location-dropdown{align-items:center;display:flex;position:relative}.location-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e1e8ed;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;min-width:150px;padding:8px 30px 8px 12px}.location-select:focus{border-color:#3498db;outline:none}.location-dropdown .dropdown-arrow{color:#7f8c8d;pointer-events:none;position:absolute;right:10px}.reports-section{margin-bottom:40px}.section-title{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.reports-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:grid;grid-template-columns:2fr 2fr 1.5fr 2fr 1.5fr}.header-cell{color:#495057;font-size:14px;font-weight:600;padding:15px 20px;text-align:left}.table-row{border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:2fr 2fr 1.5fr 2fr 1.5fr;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{color:#495057;font-size:14px;padding:15px 20px}.download-btn,.table-cell{align-items:center;display:flex}.download-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;gap:5px;padding:6px 12px;transition:all .3s ease}.download-btn:hover{background:#2980b9;transform:translateY(-1px)}.back-button-container{display:flex;justify-content:center;margin-top:40px}.back-btn{background:#3498db;font-size:16px;font-weight:500;padding:12px 40px;transition:all .3s ease}.back-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.am-dashboard .nav-link{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:6px;text-decoration:none}.am-dashboard .nav-link svg{font-size:1.05rem;vertical-align:middle}.am-dashboard .nav-link:hover{color:silver}@media (max-width:768px){.progress-report-content{margin:10px;padding:20px}.report-title{font-size:24px}.table-header,.table-row{gap:10px;grid-template-columns:1fr}.header-cell,.table-cell{border-bottom:1px solid #e9ecef;padding:10px}.header-cell{background:#f8f9fa;font-weight:600}.filter-group{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.progress-report-container{padding:10px}.progress-report-content{padding:15px}.report-title{font-size:20px}.section-title{font-size:18px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:Inter,sans-serif;height:100vh;line-height:1.5}.fadztrack-app-IT{display:flex;flex-direction:column;min-height:100vh}.form-label-IT{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.header-IT{background-color:#00205b;border-bottom:none;color:#fff;justify-content:space-between;margin:0;padding:.5rem 2rem;position:relative;z-index:2}.header-IT,.logo-container-IT{align-items:center;display:flex}.logo-IT{height:40px;margin-right:10px;position:relative;width:40px}.logo-building-IT{background-color:#f33;border-radius:3px 3px 0 0;bottom:0;height:35px;left:5px;position:absolute;width:30px}.logo-flag-IT{background-color:#fff;height:20px;left:18px;position:absolute;top:0;width:4px}.logo-flag-IT:after{background-color:#f33;content:"";height:10px;left:4px;position:absolute;top:0;width:15px}.brand-name-IT{color:#fff;font-size:1.5rem;font-weight:700}.nav-menu-IT{display:flex;gap:2rem}.nav-link-IT{color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link-IT:hover{color:silver}.search-profile-IT{align-items:center;display:flex;gap:1rem}.search-container-IT{align-items:center;background-color:#fff3;border-radius:20px;display:flex;padding:.2rem .5rem}.search-input-IT{background:#0000;border:none;color:#fff;outline:none;padding:.3rem .5rem;width:180px}.search-input-IT::placeholder{color:#ffffffb3}.search-button-IT{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center}.profile-menu-container-IT{position:relative}.profile-circle-IT{align-items:center;background-color:#555;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.profile-menu-IT{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0003;margin-top:10px;padding:10px;position:absolute;right:0;z-index:10}.profile-menu-IT button{padding:5px 10px;text-align:left}.profile-menu-IT button:hover{background-color:#f0f0f0}.profile-menu-IT button{background:none;border:none;cursor:pointer;padding:.5rem 0;width:100%}.main-content-IT{flex:1 1;min-height:calc(100vh - 60px);overflow:hidden}.main-content-IT,.sidebar-IT{display:flex;height:calc(100vh - 60px)}.sidebar-IT{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;flex-direction:column;overflow-y:auto;padding:1.5rem;position:relative;width:250px}.sidebar-IT h2{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.error-msg-IT{color:red;font-size:.85em;margin-top:2px}.new-account-btn-IT{background-color:#3353c9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-bottom:2rem;padding:.6rem 1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.new-account-btn-IT:hover{background-color:#2843b0;box-shadow:0 6px 14px #2843b040}.new-account-btn-IT:active{transform:translateY(1px)}.user-profile-large-IT{margin-top:2rem;text-align:center}.profile-avatar-IT{align-items:center;background-color:#5762a5;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.user-profile-large-IT h3{font-size:1.1rem;margin-bottom:.3rem}.user-email-IT{color:#777;font-size:.85rem;margin-bottom:.5rem}.user-position-IT{font-weight:600;margin-bottom:.5rem}.status-indicator-IT{margin-top:.5rem}.status-IT{border-radius:50px;font-size:.8rem;padding:.25rem .75rem}.status-IT.active-IT{background-color:#48c78e1a;color:#48c78e}.status-IT.online-IT{background-color:#22c55e1f;color:#16a34a}.status-IT.offline-IT{background-color:#f1f5f9;color:#64748b}.create-account-sidebar-IT{display:flex;flex-direction:column;height:100%;width:100%}.create-account-sidebar-IT h2{color:#192f59;font-size:1.2rem;margin-bottom:1.5rem}.form-group-IT{margin-bottom:1.25rem}.form-control-IT{border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#333;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;height:42px;padding:.7rem;transition:all .2s ease;width:100%}.form-control-IT:focus{border-color:#3353c9;box-shadow:0 0 0 3px #3353c926;outline:none}.form-control-IT:hover{border-color:#cbd5e1}.form-control-IT::placeholder{color:#999}.create-account-sidebar-IT select.form-control-IT{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:16px;height:42px;line-height:normal;padding-right:2.5rem}.create-account-btn-IT{background-color:#3353c9;border:none;border-radius:8px;box-shadow:0 4px 12px #3353c92e;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:.75rem;padding:.8rem 1rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.create-account-btn-IT:hover{background-color:#2843b0;box-shadow:0 8px 18px #3353c940}.create-account-btn-IT:active{transform:translateY(1px)}.button-group-IT{margin-top:auto;padding-top:1rem}.back-btn-IT{align-items:center;background-color:#f5f7fa;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.7rem 1rem;transition:all .2s ease;width:100%}.back-btn-IT:hover{background-color:#edf0f7;color:#333}.back-arrow-IT{font-size:1.1rem;line-height:1;margin-right:.5rem}.dashboard-content-IT{flex:1 1;height:100%;overflow-y:auto;padding:1.5rem}.dashboard-card-IT{background-color:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 10px 25px #0206170f;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card-IT:hover{box-shadow:0 14px 30px #02061714;transform:translateY(-2px)}.welcome-header-IT{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.welcome-header-IT h2{font-size:1.5rem;font-weight:600}.stats-container-IT{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-card-IT{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1.25rem}.stat-card-IT,.stat-icon-IT{align-items:center;display:flex}.stat-icon-IT{border-radius:10px;font-size:1.1rem;height:40px;justify-content:center;margin-right:.75rem;width:40px}.stat-icon-IT.devices-IT,.stat-icon-IT.users-IT{background-color:#48c78e1a;color:#48c78e}.stat-label-IT{color:#6b7280;font-size:.8rem}.stat-number-IT{font-size:1.5rem;font-weight:600}.accounts-section-IT{margin-top:1.5rem}.accounts-header-IT{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.accounts-header-IT h3{font-size:1.1rem}.accounts-tools-IT{align-items:center;display:flex;gap:1rem}.search-box-IT{position:relative}.search-box-IT .search-input-IT{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#0f172a;font-size:.9rem;padding:.5rem .75rem;width:220px}.search-box-IT .search-input-IT::placeholder{color:#6b7280}.search-box-IT .search-input-IT:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sort-dropdown-IT{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.sort-dropdown-IT select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.5rem .75rem}.sort-dropdown-IT select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.export-btn-IT{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.55rem .9rem;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.export-btn-IT:hover{background-color:#2563eb;box-shadow:0 8px 18px #2563eb40}.export-btn-IT:active{transform:translateY(1px)}.export-btn-IT:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.accounts-table-IT{margin-top:1rem;overflow-x:auto}.accounts-table-IT table{border-collapse:collapse;width:100%}.accounts-table-IT thead{background-color:#f8fafc}.accounts-table-IT th{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-align:left;text-transform:uppercase}.accounts-table-IT td,.accounts-table-IT th{border-bottom:1px solid #e5e7eb;padding:.9rem 1rem}.accounts-table-IT td{color:#0f172a;font-size:.92rem}.accounts-table-IT tbody tr:nth-child(2n){background-color:#f9fafb}.accounts-table-IT tbody tr:hover{background-color:#f1f5f9}.status-badge-IT{border-radius:50px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge-IT.active-IT{background-color:#e8fff3;border:1px solid #b6f0d1;color:#137449}.status-badge-IT.inactive-IT{background-color:#fff2f2;border:1px solid #f7c4c4;color:#a11c1c}.status-badge-IT.online-IT{background-color:#e6fffa;border:1px solid #99f6e4;color:#0f766e}.status-badge-IT.offline-IT{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.edit-button-IT{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .15s ease}.edit-button-IT:hover{background:#e2e8f0}.pagination-IT{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-top:1.5rem}.pagination-info-IT{color:#6b7280}.pagination-controls-IT{display:flex;gap:.35rem}.pagination-btn-IT{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;height:34px;justify-content:center;transition:all .15s ease;width:34px}.pagination-btn-IT:hover{background-color:#f1f5f9;border-color:#cbd5e1}.pagination-btn-IT.active-IT{background-color:#5762a5;border-color:#5762a5;box-shadow:0 6px 14px #5762a540;color:#fff}.pagination-btn-IT:focus{outline:2px solid #3b82f6;outline-offset:1px}.pagination-btn-IT:disabled{cursor:not-allowed;opacity:.5}.status-toggle-button-IT{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:6px 10px;transition:transform .1s ease,box-shadow .2s ease}.status-toggle-button-IT:hover{box-shadow:0 6px 14px #0000001f}.status-toggle-button-IT:active{transform:translateY(1px)}.status-toggle-button-IT.deactivate-IT{background-color:#ef4444;color:#fff}.status-toggle-button-IT.activate-IT{background-color:#22c55e;color:#fff}.nav-link{align-items:center;border-radius:6px;display:flex;gap:6px;line-height:1;padding:6px 8px;transition:color .15s ease,background-color .15s ease}.nav-link svg{flex-shrink:0;font-size:1.05rem}.nav-link:hover{background-color:#ffffff14;color:#cfd8ff}.nav-link.active{background-color:#ffffff24;color:#fff}.status-modal-overlay-IT{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.status-modal-IT{animation:modalFadeIn .22s ease;background:#fff;border-radius:12px;box-shadow:0 18px 40px -8px #02061740,0 0 0 1px #0000000a;font-family:Inter,sans-serif;max-width:420px;padding:1.5rem 1.75rem;width:100%}.status-modal-IT h3{color:#111827;font-size:1.15rem;font-weight:600;margin:0 0 .75rem}.status-modal-IT p{color:#374151;font-size:.9rem;line-height:1.4}.status-modal-actions-IT{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.cancel-btn-IT,.confirm-btn-IT{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;line-height:1;padding:.55rem 0;transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease;width:84px}.cancel-btn-IT:focus,.cancel-btn-IT:hover{background:#e5e7eb!important;color:#374151!important}.cancel-btn-IT:active{background:#dfe3e7!important}.confirm-btn-IT{background:#2563eb;color:#fff}.confirm-btn-IT:hover{background:#1d4ed8}.cancel-btn-IT{background:#f3f4f6;color:#374151}.cancel-btn-IT:hover{background:#e5e7eb}.cancel-btn-IT:active,.confirm-btn-IT:active{transform:translateY(1px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-container-IT .search-input-IT{width:120px}.create-account-sidebar-IT .form-control-IT{height:42px}.logo-container-IT h1{font-size:1rem}}@media (max-width:576px){.search-container-IT{max-width:100px}.search-input-IT{width:80px}}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.logo-section{align-items:center;display:flex;gap:1rem}.header-logo{height:40px;object-fit:contain;width:40px}.header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.nav-item{color:#cbd5e1;font-size:.875rem;gap:.5rem;justify-content:center;min-width:120px;text-align:center;transition:all .2s ease}.nav-item.active,.nav-item:hover{background-color:#3b82f633}.nav-item.active{border:1px solid #3b82f64d}.nav-item svg{font-size:1rem}.user-profile{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;gap:.75rem;padding:.5rem;transition:all .2s ease}.user-profile:hover{background-color:#3b82f633;border-color:#3b82f64d}.profile-avatar{font-size:1.125rem;text-transform:uppercase}.profile-info{gap:.25rem}.profile-name{color:#fff;font-size:.9rem;font-weight:700;line-height:1.2}.profile-role{color:#fffc;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-dropdown,.profile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:120px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.logout-btn,.profile-menu button{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.logout-btn:hover,.profile-menu button:hover{background-color:#fef2f2}.dashboard-header.collapsed .profile-info{display:none}.dashboard-header.collapsed .user-profile{padding:.25rem .5rem}.dashboard-header.collapsed .profile-avatar{font-size:1rem;height:35px;width:35px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ceo-dashboard .dashboard-container{background-color:#f8f9fa;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;max-height:none;min-height:100vh;overflow:visible;width:100%}.ceo-dashboard .dashboard-layout{background-color:#f0f2f5;display:flex;flex:1 1;height:auto;overflow-y:auto;padding:0;width:100%}.ceo-dashboard .header{align-items:center;background-color:#000466;color:#fff;display:flex;justify-content:space-between;padding:.8rem 2.5rem}.ceo-dashboard .nav-menu{flex:1 1;gap:2.5rem;justify-content:center;margin:0 2rem}.ceo-dashboard .nav-link{color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease,background-color .15s ease}.ceo-dashboard .nav-link:hover{background:#ffffff14}.ceo-dashboard .nav-link.active{background:#ffffff24}.ceo-dashboard .right-sidebar,.ceo-dashboard .sidebar{background:#fff}.ceo-dashboard .dashboard-card.ceo-welcome-card{background:linear-gradient(135deg,#3b82f6,#1e40af)!important;color:#fff}@media (max-width:900px){.ceo-dashboard .nav-menu{gap:1rem}.ceo-dashboard .nav-link{gap:5px;padding:6px}}.nav-link:hover{color:silver}.profile-menu-container{flex-shrink:0;position:relative}.profile-circle{align-items:center;background-color:#9c27b0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:center;transition:background-color .3s;width:36px}.profile-circle:hover{background-color:#7b1fa2}.activity-item{background-color:#f5f5f5;border-radius:8px;gap:15px;margin-bottom:15px;padding:15px}.user-initial{background-color:#5850c1;flex-shrink:0;height:45px;width:45px}.user-initial,.user-name{font-weight:700}.activity-date{color:#666}.activity-description{margin-bottom:10px}.activity-extra-details{color:#555}.detail-item{margin-bottom:5px}body{margin:0;overflow-x:hidden;padding:0}.dashboard-layout{background-color:#f0f2f5;display:flex;flex:1 1;height:calc(100vh - 110px);overflow-y:auto;padding:0;width:100%}.sidebar{background-color:#fff;border-right:1px solid #eaeaea;box-shadow:0 0 10px #0000000d;overflow-y:auto;padding:15px;width:280px}.sidebar h2{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.add-project-btn{background-color:#4a6aa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:15px;padding:8px;transition:background-color .2s;width:100%}.add-project-btn:hover{background-color:#3b5998}.project-list{display:flex;flex-direction:column;gap:20px}.main1{background-color:#f0f2f5;display:flex;flex:1 1;flex-direction:column;margin:0 5px;min-width:0;padding:0}.greeting-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;margin-top:15px;padding:20px 25px;width:100%}.greeting-section h1{font-size:24px;font-weight:600;margin-bottom:15px;margin-top:0}.progress-tracking-section{margin-bottom:15px;margin-top:0;width:100%}.progress-tracking-section h2{font-size:18px;font-weight:600;margin-bottom:15px}.latest-projects-progress h3{font-size:16px;font-weight:500;margin-bottom:15px}.project-charts{display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin-bottom:15px;width:100%}.scroll-x{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;white-space:nowrap}.project-chart-container{background-color:initial;border-radius:8px;box-shadow:none;display:inline-block;flex:0 0 220px;max-width:220px;min-width:220px;min-width:0;padding:0 10px;text-align:center}.project-chart-container h4{font-size:14px;font-weight:500;margin-bottom:10px;text-align:left}.pie-chart-wrapper{display:flex;justify-content:center;margin-bottom:5px;width:100%}.chart-legend{align-items:flex-start;display:flex;flex-direction:column;font-size:13px;gap:6px;justify-content:flex-start;margin-top:10px}.legend-item{align-items:center;display:flex;gap:6px;margin-bottom:0}.color-box{border-radius:2px;height:12px;margin-right:4px;width:12px}.recent-activities-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;margin-bottom:15px;margin-top:15px;padding:30px;width:100%}.recent-activities-section h2{font-size:20px;font-weight:600;margin-bottom:25px;margin-top:0}.activity-item{align-items:flex-start;background-color:#f7f8fc;border-radius:10px;gap:18px;margin-bottom:16px;padding:20px;transition:background .2s}.activity-item:hover{background-color:#eef1f7}.user-initial{align-items:center;background-color:#5e60ce;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.activity-details{flex:1 1}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-name{font-size:16px}.activity-date{color:#777;font-size:14px;font-weight:500}.activity-description{color:#333;font-size:14px;margin-bottom:8px}.activity-extra-details{color:#444;font-size:13px;line-height:1.5}.detail-item{margin-bottom:3px}.right-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;flex-shrink:0;margin-bottom:15px;margin-top:15px;overflow-y:auto;padding:20px;width:280px}.chats-section,.reports-section{margin-bottom:30px}.chats-section h3,.reports-section h3{font-size:18px;font-weight:600;margin-bottom:15px}.chats-list,.reports-list{display:flex;flex-direction:column;gap:10px}.report-item{align-items:center;border-radius:4px;display:flex;gap:12px;padding:8px;transition:background-color .2s}.report-item:hover{background-color:#f5f5f5}.report-icon{color:#d32f2f;font-size:20px}.report-details{flex:1 1}.report-name{font-size:14px;font-weight:500;margin-bottom:4px}.report-date,.report-engineer{color:#666;font-size:12px;margin-bottom:2px}.chat-item{align-items:center;border-radius:4px;display:flex;gap:12px;padding:8px;transition:background-color .2s}.chat-item:hover{background-color:#f5f5f5}.chat-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.chat-details{flex:1 1}.chat-name{font-size:14px;font-weight:500;margin-bottom:4px}.chat-message{color:#666;font-size:12px}@media screen and (min-width:1920px){.sidebar{width:240px}.right-sidebar,.search-input{width:300px}}@media screen and (min-height:1080px){.sidebar{width:240px}.right-sidebar,.search-input{width:300px}}.greeting-header{align-items:center;display:flex;justify-content:space-between;width:100%}.greeting-left{flex:1 1}.greeting-left h1{margin:0 0 15px}.total-projects{align-items:center;align-self:flex-start;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:inline-flex;gap:10px;margin:0;padding:12px 20px}.total-projects-label{color:#666;font-size:.95rem}.total-projects-count{background-color:#4a6aa5;border-radius:20px;color:#fff;font-size:1.1rem;font-weight:600;padding:4px 12px}.right-sidebar .pending-requests-section{background:none;box-shadow:none;margin:0 0 20px;padding:0}.right-sidebar .pending-requests-section .section-header{padding:0 0 10px}.right-sidebar .pending-requests-section h2{font-size:18px;margin:0}.right-sidebar .pending-requests-list{gap:8px;padding:0}.right-sidebar .pending-request-item{background:#f8f9fa;border-radius:6px;font-size:13px;margin-bottom:0;min-height:0;min-height:auto;padding:8px 6px}.right-sidebar .request-title{font-size:14px;margin-bottom:2px}.right-sidebar .request-description{font-size:12px;margin-bottom:2px}.right-sidebar .request-meta{font-size:11px;gap:8px}.right-sidebar .request-status{margin-left:0}.right-sidebar .status-badge.pending{font-size:11px;padding:2px 8px}.right-sidebar .no-requests{font-size:13px;padding:10px 0}.location-folders{display:flex;flex-direction:column;gap:4px;margin-top:12px}.location-folder{background-color:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.location-header{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;min-height:36px;padding:8px 10px;transition:background-color .2s}.location-header:hover{background-color:#f0f2f5}.folder-icon{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-right:8px}.folder-arrow{color:#666;font-size:10px;text-align:center;transition:transform .2s;width:12px}.folder-arrow.expanded{transform:rotate(90deg)}.folder-icon-img{font-size:16px}.location-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.location-name{color:#333;font-size:13px;font-weight:600}.location-name,.location-region{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-region{color:#666;font-size:11px;max-width:80px}.project-count{background-color:#e8eaf6;border-radius:10px;color:#4a6aa5;font-size:11px;font-weight:500;padding:1px 6px}.projects-list{grid-gap:4px;background-color:#fff;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:4px 8px}.project-item{align-items:center;background-color:#f8f9fa;border-radius:4px;color:inherit;display:flex;gap:8px;padding:6px;text-decoration:none;transition:background-color .2s}.project-item:hover{background-color:#f0f2f5}.project-icon{flex-shrink:0;position:relative}.icon{font-size:16px;position:relative;z-index:2}.icon-bg{background-color:#f0f0f0;border-radius:50%;height:28px;left:-6px;position:absolute;top:-6px;width:28px;z-index:1}.project-info{min-width:0}.project-name{color:#333;font-size:12px;margin-bottom:1px}.project-engineer{color:#666;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{background:#00000040;bottom:0;right:0;z-index:99}.modal-content{background:#fff;border-radius:16px;box-shadow:0 2px 24px #0000002e;max-height:95vh;max-width:95vw;min-height:150px;min-width:380px;overflow-y:auto;padding:0;position:relative}.modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:2rem;position:absolute;right:12px;top:8px;z-index:2}.ceo-dashboard .nav-menu{align-items:center;display:flex;gap:1.8rem}.ceo-dashboard .nav-link{align-items:center;border-radius:6px;display:flex;gap:6px;line-height:1;padding:6px 8px;transition:color .15s ease,background-color .15s ease}.ceo-dashboard .nav-link svg{flex-shrink:0;font-size:1.05rem}.ceo-dashboard .nav-link:hover{background-color:#ffffff14;color:#cfd8ff}.ceo-dashboard .nav-link.active{background-color:#ffffff24;color:#fff}@media (max-width:900px){.nav-menu{gap:1rem}.nav-link{gap:5px;padding:6px}}.ceo-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1400px){.ceo-grid{grid-template-columns:1fr}}.ceo-dashboard .ceo-project-metrics-card{grid-column:1/-1;width:100%}.ceo-welcome-card,.dashboard-card.ceo-welcome-card{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.dashboard-card.ceo-welcome-card{border:none;display:flex;flex-direction:column;gap:.65rem;height:auto;margin-bottom:1.75rem;min-height:0;padding:1.05rem 1.25rem .85rem}.ceo-welcome-card .card-header{border-bottom-color:#fff3}.ceo-welcome-card h3{color:#fff}.dashboard-content .dashboard-card.ceo-welcome-card{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;height:auto;margin-bottom:1.75rem;min-height:0;padding:1.05rem 1.25rem .85rem}.dashboard-content .dashboard-grid.ceo-grid .dashboard-card.ceo-welcome-card .stat-number{color:#fff}.dashboard-content .dashboard-grid.ceo-grid .dashboard-card.ceo-welcome-card .stat-label{color:#ffffffe6}.ceo-welcome-card .welcome-content{margin-bottom:.2rem}.ceo-welcome-card .welcome-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:.25rem}.ceo-welcome-card .welcome-title{font-size:1.25rem;margin:0 0 .25rem}.ceo-welcome-card .welcome-subtitle{font-size:.9rem;margin:0}.ceo-welcome-card .stat-item{align-items:baseline;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;display:inline-flex;gap:.4rem;justify-content:center;padding:.4rem .6rem}.ceo-welcome-card .stat-number{font-size:1.25rem}.ceo-welcome-card .stat-label{font-size:.8rem}.metrics-pagination{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#f1f5f9;border-radius:6px;color:#334155;display:inline-flex;height:32px;width:32px}.pagination-btn:disabled{opacity:.5}.pagination-info{color:#64748b;font-size:.85rem}.project-metrics-scroll{align-items:stretch;padding-bottom:8px;scroll-snap-type:x mandatory}.ceo-content .project-metrics-container{min-height:0!important;padding-bottom:.25rem}.ceo-content{padding-bottom:.75rem}.ceo-content .dashboard-grid{row-gap:.85rem}.ceo-content .dashboard-card{margin-bottom:0}.ceo-content .dashboard-card.ceo-welcome-card{margin-bottom:1.75rem!important}.project-metric-item{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;max-width:360px;min-height:170px;min-width:320px;padding:1rem 1.05rem .95rem;position:relative;scroll-snap-align:start;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.project-metric-item:before{background:linear-gradient(90deg,#6366f1,#6366f100 35%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.project-metric-item:hover{background:#fff;box-shadow:0 10px 28px -8px #0f172a2e;transform:translateY(-3px)}.project-metric-item:hover:before{opacity:.07}.project-metric-item:active{box-shadow:0 6px 18px -6px #0f172a33;transform:translateY(-1px)}.project-metric-item:focus-within{outline:2px solid #6366f1;outline-offset:2px}.metric-status{border:1px solid #0000;border-radius:999px;box-shadow:inset 0 0 0 1px #fff9,0 1px 2px #0000000a;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.status-ontrack{background:#d1fae5;border-color:#34d399;color:#065f46}.status-regressing{background:#fee2e2;border-color:#f87171;color:#991b1b}.status-stale{background:#fef9c3;border-color:#fde68a;color:#92400e}.status-pending{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.ceo-project-metrics-card input[type=text],.ceo-project-metrics-card select{background:#fff;box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s ease,border-color .2s ease}.ceo-project-metrics-card input[type=text]:focus,.ceo-project-metrics-card select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f140;outline:none}.metric-progress-circle .progress-ring svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.metric-progress-circle .progress-ring circle:last-of-type{transition:stroke-dashoffset .6s ease,stroke .4s ease}.metric-pics{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;overflow:hidden}.metric-progress-circle{position:relative}.metric-progress-circle .progress-text{align-items:center;color:#0f172a;display:flex;font-size:.8rem;font-weight:600;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-46%,-54%)}.metric-progress-circle .progress-percentage{line-height:1}.metric-header{align-items:flex-start;display:flex;gap:.85rem;justify-content:space-between;margin-bottom:.75rem}.metric-project-info h4.metric-project-name{color:#0f172a;font-size:.95rem;font-weight:600;line-height:1.15;margin:0 0 .2rem}.metric-project-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:.65rem;gap:.4rem;margin:0}.metric-project-details .metric-area{background:#eef2ff;border-radius:999px;color:#4f46e5;font-weight:600;letter-spacing:.3px;padding:.15rem .45rem}.metric-progress-circle{align-items:center;display:flex;justify-content:center}.metric-progress-circle .progress-ring{height:60px;position:relative;width:60px}.metric-footer{margin-top:auto}.metric-stats{display:flex;flex-wrap:wrap;gap:.45rem .55rem;margin:0 0 .45rem}.metric-stat{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:.6rem;font-weight:600;gap:.3rem;letter-spacing:.25px;line-height:1.1;padding:.35rem .55rem}.metric-stat svg{color:#64748b;font-size:.7rem}.project-metric-item .metric-status{margin-left:0}.metric-pics{border-top:1px dashed #e2e8f0;margin-top:.25rem;padding-top:.4rem}@media (max-width:1100px){.metric-project-info h4.metric-project-name{font-size:.9rem}}@media (max-width:800px){.metric-project-info h4.metric-project-name{font-size:.85rem}}@media (max-width:1100px){.project-metric-item{min-width:280px;padding:.85rem .85rem .75rem}.metric-project-name{font-size:.9rem}.metric-status{font-size:.65rem}}@media (max-width:800px){.project-metric-item{min-width:240px}.metric-progress-circle svg{height:52px;width:52px}}.ceo-dashboard .ceo-welcome{margin-bottom:3rem;padding-bottom:.5rem}.spacer-lg{height:1.5rem;width:100%}.ceo-dashboard .input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;padding:6px 10px;transition:border-color .2s,box-shadow .2s}.ceo-dashboard .input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140;outline:none}.metrics-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.subtle-text{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.active-filter-pill{align-items:center;align-self:center;background:#f1f5f9;border-radius:20px;color:#64748b;display:inline-flex;font-size:12px;gap:6px;margin-right:12px;padding:4px 10px}.btn-light-xs{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:11px;font-weight:500;line-height:1;padding:2px 8px}.btn-light-xs:hover{background:#f1f5f9}.metric-card{min-width:320px}.fade-in{animation:fadeIn .35s ease}.material-requests-card{margin-bottom:.85rem;min-height:60px}.inline-link{color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none}.inline-link:hover{text-decoration:underline}.compact-padding{padding:0 18px 12px}.helper-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.helper-text,.muted{color:#64748b;font-size:13px}.mr-list-wrapper{margin-bottom:12px}.mr-list-label{color:#64748b;font-size:13px;font-weight:500;margin-bottom:6px}.mr-item,.mr-items{display:flex;flex-direction:column;gap:6px}.mr-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;padding:8px}.mr-item-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.mr-item-title{color:#1f2937;flex:1 1;font-weight:500}.status-chip{border-radius:10px;display:inline-block;font-size:10px;font-weight:500;line-height:1.3;padding:1px 6px}.status-chip.status-approved{background:#dcfce7;color:#16a34a}.status-chip.status-denied{background:#fef2f2;color:#dc2626}.status-chip.status-pending{background:#fef3c7;color:#d97706}.mr-tracking{margin-bottom:6px}.mr-tracking-label{color:#64748b;font-size:11px;font-weight:500;margin-bottom:6px}.mr-tracking-rail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:0;padding:6px}.mr-tracking-rail,.track-stage{align-items:center;display:flex}.track-stage{flex-direction:column;gap:3px;min-width:70px}.track-stage .stage-icon{align-items:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.track-stage.completed .stage-icon{background:linear-gradient(135deg,#10b981,#059669)}.track-stage.rejected .stage-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.track-stage.pending .stage-icon{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.stage-label{color:#1f2937;font-size:10px;font-weight:600;text-align:center}.stage-status{font-size:9px;font-weight:500}.stage-status.success{color:#10b981}.stage-status.error{color:#ef4444}.stage-date,.stage-status.pending{color:#6b7280}.stage-date{font-size:8px}.track-connector{background:linear-gradient(90deg,#e5e7eb,#f3f4f6);border-radius:2px;height:2px;margin:0 3px;width:16px}.track-connector.completed{background:linear-gradient(90deg,#10b981,#d1fae5)}.mr-meta{font-size:11px}.strong{font-weight:500}.actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.btn-outline-primary{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0ea5e9;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-outline-primary:hover{background:#e0f2fe;box-shadow:0 1px 2px #0000000a}.btn-outline-primary.sm{font-size:13px;padding:6px 12px}.risks-card{min-height:80px}.pad-l{padding-left:18px}.risk-list{font-size:.85rem;line-height:1.5;margin:0;padding:0 0 0 18px}.risk-list li{margin-bottom:4px}.metric-pics{color:#64748b;font-size:12px;margin-top:6px}.no-decoration{text-decoration:none}.inherit-color{color:inherit}.pad-1rem{padding:1rem}.link-accent{color:#3b82f6!important}.pointer{cursor:pointer}.no-decoration{text-decoration:none!important}.inherit-color{color:inherit!important}.modal-centered{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-standard{background:#fff;border-radius:16px;box-shadow:0 2px 24px #0000002e;max-height:95vh;max-width:95vw;min-width:380px;overflow-y:auto;padding:0;position:relative}.ceo-metrics-header{align-items:center}.ceo-content .dashboard-grid{margin-top:0}.ceo-content{margin:0 auto;max-width:1600px;padding:0 1.25rem 2.5rem}.dashboard-grid.single-col{grid-template-columns:1fr}.dashboard-grid.two-col{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.dashboard-grid.two-col.compact-row{margin-top:1.75rem}.stretch-card{display:flex;flex-direction:column;height:100%}.stretch-card .card-body{display:flex;flex:1 1;flex-direction:column}.risks-card ul{max-height:320px;overflow:auto}.risks-card{display:flex;flex-direction:column}.risks-card .card-header{margin-bottom:.5rem}.risks-card .risk-list{flex:1 1;overflow:auto}.ceo-project-metrics-card .project-metrics-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.75rem}.ceo-project-metrics-card .metric-header{margin-bottom:.25rem}.ceo-welcome-card .welcome-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.areas-projects-sidebar{transition:left .35s ease}@media (max-width:1200px){.dashboard-grid.two-col{grid-template-columns:1fr}.project-metric-item{min-width:300px}}@media (max-width:700px){.ceo-content{padding:0 .75rem 2.25rem}.ceo-welcome-card .stat-item{align-items:flex-start;flex-direction:column}.project-metric-item{min-width:260px}}.ceo-modal-card{background:#fff;border-radius:18px;box-shadow:0 8px 32px -4px #0f172a26,0 2px 6px #0f172a14;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:640px;min-width:520px;padding:1.25rem 1.35rem 5.25rem;position:relative;width:auto}.modal-standard{align-items:flex-start;display:flex;justify-content:center;padding:1.25rem 1.25rem 1.75rem}.ceo-narrow-modal{background:#0000;box-shadow:none;padding:0}.ceo-narrow-modal>.ceo-modal-card{box-shadow:0 8px 32px -4px #0f172a26,0 2px 6px #0f172a14}@media (max-width:580px){.ceo-modal-card{min-width:0;width:100%}}.modal-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.modal-header-inline h2{font-size:1.15rem;font-weight:600;letter-spacing:.3px;margin:0}.btn-text{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.15rem;line-height:1;padding:.25rem .5rem}.btn-text:hover{background:#f1f5f9;color:#0f172a}.form-row{display:flex;flex-direction:column;gap:.4rem}.form-label{color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input.select.w-full{width:100%}.locations-toolbar{flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:.25rem}.locations-toolbar,.search-box{align-items:center;display:flex}.search-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:.5rem;min-width:200px;padding:.45rem .75rem}.search-box input{background:#0000;border:none;flex:1 1;font-size:.85rem;outline:none}.toolbar-actions{display:flex;gap:.5rem}.btn-chip{background:#fff;border:1px solid #cbd5e1;border-radius:20px;color:#334155;cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.45rem .75rem;text-transform:uppercase;transition:all .18s ease}.btn-chip:hover{background:#f1f5f9}.locations-meta{align-items:center;color:#64748b;display:flex;font-size:.7rem;font-weight:600;gap:.75rem;margin-top:-.25rem}.locations-meta .divider{background:#e2e8f0;height:14px;width:1px}.locations-meta .count.subtle{font-weight:500;opacity:.75}.location-list{grid-gap:.4rem .35rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:.4rem .35rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:260px;overflow-y:auto;padding:.4rem .35rem .6rem}.location-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.55rem;padding:.55rem .6rem .55rem .55rem;position:relative;transition:background .2s,border-color .2s,box-shadow .2s}.location-item:hover{background:#f1f5f9}.location-item.selected{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.location-item input{margin:0}.location-item .loc-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-item .loc-region{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.state-icon{font-size:.85rem;margin-left:auto}.state-icon.ok{color:#16a34a}.state-icon.muted{color:#cbd5e1}.empty-row,.loading-row{color:#475569;font-size:.8rem;font-weight:500;grid-column:1/-1;padding:1rem .75rem;text-align:center}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;bottom:4.25rem;color:#b91c1c;font-size:.75rem;font-weight:600;gap:.5rem;left:1rem;padding:.55rem .75rem;right:1rem}.error-banner,.sticky-actions{display:flex;position:absolute}.sticky-actions{background:linear-gradient(180deg,#fff9,#fff 65%);border-radius:0 0 18px 18px;border-top:1px solid #e2e8f0;bottom:0;gap:.75rem;justify-content:flex-end;left:0;padding:.85rem 1.25rem;right:0}.btn-outline{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1.05rem;transition:all .2s}.btn-outline:hover{background:#f1f5f9}.btn-primary{background:#6366f1;border:1px solid #4f46e5;border-radius:10px;box-shadow:0 4px 12px -3px #6366f173;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1.05rem;transition:background .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 6px 18px -4px #4f46e58c}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}@media (max-width:560px){.ceo-modal-card{padding:1rem 1rem 5.25rem}.location-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.ceo-sidepanel{background:#fff;border-right:1px solid #e4e7ec;border-right:1px solid var(--border-color,#e4e7ec);box-shadow:4px 0 24px -4px #0000001f;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-360px);transition:transform .36s cubic-bezier(.4,0,.2,1);width:340px;z-index:20010}.ceo-sidepanel.open{transform:translateX(0)}.sidepanel-header{align-items:center;background:linear-gradient(90deg,#0d47a1,#1565c0 50%,#0d47a1);border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--border-color,#e4e7ec);color:#fff;display:flex;gap:.5rem;padding:.75rem .85rem}.sidepanel-header .panel-title{flex:1 1;font-size:1rem;font-weight:600;margin:0}.icon-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 .75rem;transition:background .2s,color,box-shadow}.icon-btn.primary{background:#1e62d0;color:#fff}.icon-btn.primary:hover{background:#184fa9}.icon-btn.ghost{background:#ffffff26;color:#fff}.icon-btn.ghost:hover{background:#ffffff47}.sidepanel-search-row{background:#f8f9fb;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--border-color,#e4e7ec);padding:.6rem .8rem}.sidepanel-search{background:#fff;border:1px solid #d0d5dd;border-radius:6px;font-size:.8rem;height:34px;padding:0 .75rem;width:100%}.sidepanel-search:focus{outline:2px solid #1e62d0;outline-offset:1px}.sidepanel-scroll{flex:1 1;overflow-y:auto;padding:.35rem .5rem .75rem;scrollbar-width:thin}.sidepanel-scroll::-webkit-scrollbar{width:8px}.sidepanel-scroll::-webkit-scrollbar-track{background:#0000}.sidepanel-scroll::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:4px}.area-block{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0000000a;margin:.45rem 0;transition:border-color .2s,box-shadow .2s}.area-block.expanded{border-color:#1e62d0;box-shadow:0 2px 6px #1e62d02e}.area-summary{grid-gap:.6rem;all:unset;align-items:center;border-radius:10px;cursor:pointer;display:grid;gap:.6rem;grid-template-columns:20px 1fr auto 20px;padding:.65rem .7rem}.area-summary:hover{background:#f2f6fb}.marker{color:#1e62d0;display:flex;font-size:.9rem}.area-texts{display:flex;flex-direction:column;line-height:1.15}.area-name{color:#1f2933;font-size:.8rem;font-weight:600}.area-region{color:#64748b;font-size:.65rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.count-pill{align-items:center;background:#eef3fb;border-radius:999px;color:#1e62d0;display:inline-flex;font-size:.6rem;font-weight:600;justify-content:center;min-width:22px;padding:.2rem .45rem}.chevron{color:#667085;display:flex;font-size:.65rem}.projects-collapsible{display:flex;flex-direction:column;padding:0 0 .5rem}.project-link{grid-gap:.55rem;align-items:center;border-radius:8px;color:#1f2933;display:grid;font-size:.7rem;gap:.55rem;grid-template-columns:16px 1fr auto 16px;margin:0 .25rem;padding:.55rem .9rem;position:relative;text-decoration:none}.project-link:hover{background:#f5f8fc;color:#0d47a1}.pj-ic{color:#0d47a1;font-size:.7rem}.pj-name{font-weight:600}.pj-name,.pj-pm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-pm{color:#64748b;font-size:.6rem}.arrow{color:#98a2b3;font-size:.55rem;opacity:0;transform:translateX(-4px);transition:.25s}.project-link:hover .arrow{color:#0d47a1;opacity:1;transform:translateX(0)}.sidepanel-footer{background:#f8f9fb;border-top:1px solid #e5e7eb;color:#475569;font-size:.65rem;padding:.55rem .85rem;text-align:right}@media (max-width:820px){.ceo-sidepanel{max-width:360px;width:92vw}}.mr-item-link{color:inherit;text-decoration:none}.mr-item-link:hover{background:#f1f5f9;border-color:#d0d5dd}.metric-card-link{color:inherit}.metric-card-link,.metric-card-link:hover{text-decoration:none}.loading-container-CEO{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-spinner-CEO{animation:spin-CEO 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin-CEO{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container-CEO{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;text-align:center}.back-button-CEO{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.back-button-CEO:hover{background-color:#2563eb}.no-sidebar-CEO{display:flex;justify-content:center;margin-left:0!important}.no-sidebar-CEO .dashboard-content-CEO{margin-left:0;max-width:1200px;width:100%}.dashboard-card-CEO{margin:0 auto;max-width:1200px;padding:0 20px}.welcome-header-CEO{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.header-left-CEO{flex:1 1}.header-right-CEO{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.status-badge-large-CEO{align-items:center;display:flex}.status-badge-large-CEO span{border-radius:50px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase}.action-buttons-header-CEO{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.edit-btn-header-CEO{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.edit-btn-header-CEO:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.delete-btn-header-CEO{align-items:center;background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.delete-btn-header-CEO:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-btn-header-CEO:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.back-btn-header-CEO{align-items:center;background-color:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn-header-CEO:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.error-message-CEO{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-bottom:20px;padding:16px}.detail-grid-CEO{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px}.detail-card-CEO{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin:0 auto;max-width:500px;overflow:hidden;transition:all .3s ease}.detail-card-CEO:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.detail-card-CEO.full-width-CEO{grid-column:1/-1;max-width:800px}.card-header-CEO{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:1px solid #e5e7eb;color:#fff;padding:15px 18px}.card-header-CEO h3{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.card-header-CEO svg{font-size:14px}.card-content-CEO{padding:18px}.info-row-CEO{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.info-row-CEO:last-child{border-bottom:none}.info-label-CEO{color:#374151;flex-shrink:0;min-width:120px}.info-value-CEO{flex:1 1;margin-left:20px;text-align:right}.description-text-CEO{color:#4b5563;line-height:1.6;text-align:left!important}.priority-badge-CEO{border-radius:20px;font-size:12px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.priority-badge-CEO.priority-pending-project-manager{background-color:#fffbeb;color:#d97706}.priority-badge-CEO.priority-denied-by-project-manager{background-color:#fef2f2;color:#dc2626}.priority-badge-CEO.priority-pending-area-manager{background-color:#fffbeb;color:#d97706}.priority-badge-CEO.priority-denied-by-area-manager{background-color:#fef2f2;color:#dc2626}.priority-badge-CEO.priority-approved{background-color:#f0fdf4;color:#16a34a}.priority-badge-CEO.priority-pending{background-color:#fffbeb;color:#d97706}.materials-list-CEO{display:flex;flex-direction:column;gap:12px}.material-item-CEO{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;padding:12px}.material-info-CEO{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.material-name-CEO{color:#1f2937;font-weight:600}.material-quantity-CEO{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.materials-section-CEO{border-top:1px solid #e5e7eb;margin-top:15px;padding-top:15px}.materials-section-CEO h4{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;margin-bottom:12px}.materials-section-CEO .materials-list-CEO{margin-top:0}.materials-section-CEO .material-item-CEO{background:#f8fafc;border-left:3px solid #667eea;padding:10px}.materials-section-CEO .material-info-CEO{margin-bottom:0}.materials-section-CEO .material-quantity-CEO{background:#667eea;border-radius:16px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px}.attachment-item-CEO{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:10px;padding:10px;transition:all .2s ease}.attachment-item-CEO:hover{background:#f3f4f6;border-color:#667eea}.attachment-icon-CEO{background:#667eea;border-radius:6px;flex-shrink:0;height:35px;width:35px}.attachment-info-CEO{align-items:center;display:flex;flex:1 1;justify-content:space-between}.attachment-name-CEO{color:#1f2937;font-size:14px;font-weight:500}.attachment-link-CEO{background:#667eea1a;border-radius:6px;color:#667eea;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.attachment-link-CEO:hover{background:#667eea33;color:#5a67d8}.no-data-CEO{color:#9ca3af;font-style:italic;padding:15px;text-align:center}.approval-timeline-CEO{padding-left:25px;position:relative}.approval-timeline-CEO:before{background:#e5e7eb;bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.timeline-item-CEO{margin-bottom:20px;position:relative}.timeline-item-CEO:last-child{margin-bottom:0}.timeline-marker-CEO{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;height:24px;justify-content:center;left:-18px;position:absolute;top:0;width:24px;z-index:2}.timeline-marker-CEO.completed-CEO{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.timeline-marker-CEO.pending-CEO{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.timeline-marker-CEO.denied-CEO{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.timeline-content-CEO{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;padding:15px}.timeline-content-CEO h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 6px}.timeline-content-CEO p{color:#4b5563;font-size:13px;margin:0 0 6px}.timeline-date-CEO{color:#9ca3af;font-size:11px;font-weight:500}.progress-tracker-CEO{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.progress-stage-CEO{flex:1 1;flex-direction:column}.progress-icon-CEO,.progress-stage-CEO{align-items:center;display:flex;position:relative}.progress-icon-CEO{border-radius:50%;color:#fff;font-size:16px;height:40px;justify-content:center;margin-bottom:6px;transition:all .3s ease;width:40px;z-index:2}.progress-icon-CEO.completed-CEO{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;transform:scale(1.1)}.progress-icon-CEO.current-CEO{animation:pulse-CEO 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66;transform:scale(1.1)}.progress-icon-CEO.denied-CEO{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.progress-icon-CEO.pending-CEO{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 8px #94a3b84d}.progress-label-CEO{font-size:14px;font-weight:600;text-align:center;transition:all .3s ease}.progress-label-CEO.completed-CEO{color:#10b981}.progress-label-CEO.current-CEO{color:#f59e0b}.progress-label-CEO.denied-CEO{color:#ef4444}.progress-label-CEO.pending-CEO{color:#64748b}.progress-connector-CEO{background:#e2e8f0;height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:1}.progress-connector-CEO.completed-CEO{background:linear-gradient(90deg,#10b981,#10b981);box-shadow:0 1px 3px #10b9814d}.tracking-divider-CEO{margin:20px 0;position:relative;text-align:center}.tracking-divider-CEO:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.tracking-divider-CEO span{background:#fff;color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;padding:0 20px;position:relative;text-transform:uppercase;z-index:2}@keyframes pulse-CEO{0%,to{box-shadow:0 4px 12px #f59e0b66;transform:scale(1.1)}50%{box-shadow:0 6px 16px #f59e0b99;transform:scale(1.15)}}.description-input-CEO{border:1px solid #d1d5db;font-family:inherit;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.description-input-CEO:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.material-edit-item-CEO{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.material-edit-row-CEO{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.material-edit-field-CEO{display:flex;flex-direction:column;gap:6px}.material-edit-field-CEO label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.material-edit-field-CEO input,.material-edit-field-CEO select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.material-edit-field-CEO input:focus,.material-edit-field-CEO select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.material-edit-field-CEO select{background:#fff;cursor:pointer}.remove-material-btn-CEO{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.remove-material-btn-CEO:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.remove-material-btn-CEO:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.add-material-btn-CEO{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:16px;padding:12px 20px;transition:all .2s ease;width:100%}.add-material-btn-CEO:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.file-upload-section-CEO{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.file-upload-section-CEO h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.file-input-CEO{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease;width:100%}.file-input-CEO:hover{background:#f0f4ff;border-color:#667eea}.file-input-CEO:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.existing-attachments-CEO{margin-bottom:20px}.existing-attachments-CEO h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.new-files-preview-CEO{margin-top:16px}.new-files-preview-CEO h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.remove-attachment-btn-CEO{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease}.remove-attachment-btn-CEO:hover{background:#dc2626;transform:scale(1.05)}.submit-actions-CEO{border-top:1px solid #e5e7eb;gap:16px;margin-top:30px;padding-top:20px}.save-btn-CEO,.submit-actions-CEO{display:flex;justify-content:center}.save-btn-CEO{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 28px;transition:all .3s ease}.save-btn-CEO:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.save-btn-CEO:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cancel-btn-CEO{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.cancel-btn-CEO:hover{background:#4b5563;box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}@media (max-width:768px){.material-edit-row-CEO{gap:16px;grid-template-columns:1fr}.remove-material-btn-CEO{height:40px;width:100%}.submit-actions-CEO{align-items:stretch;flex-direction:column}.cancel-btn-CEO,.save-btn-CEO{width:100%}.welcome-header-CEO{align-items:flex-start;flex-direction:column;gap:1rem}.header-right-CEO{align-items:flex-start;width:100%}.action-buttons-header-CEO{justify-content:flex-start;width:100%}.detail-grid-CEO{gap:20px;grid-template-columns:1fr}.info-row-CEO{align-items:flex-start;flex-direction:column;gap:4px}.info-value-CEO{margin-left:0;text-align:left}.attachment-info-CEO,.material-info-CEO{align-items:flex-start;flex-direction:column;gap:8px}.approval-timeline-CEO{padding-left:20px}.timeline-marker-CEO{height:24px;left:-15px;width:24px}.progress-tracker-CEO{flex-direction:column;gap:20px;padding:15px}.progress-stage-CEO{width:100%}.progress-connector-CEO{display:none}.progress-icon-CEO{font-size:16px;height:40px;width:40px}.progress-label-CEO{font-size:12px}}.mr-edit-page{background:#f5f7fa;background:var(--mr-bg,#f5f7fa);min-height:100vh}.mr-container{margin:0 auto;max-width:1240px;padding:40px 40px 140px}.mr-page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:32px}.mr-page-head h1{color:#0f172a;font-size:1.55rem;font-weight:600;letter-spacing:.3px;margin:0}.mr-meta-line{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;gap:14px;margin-top:10px}.mr-meta-line .mr-id{background:#eef2f7;border-radius:20px;letter-spacing:.5px;padding:4px 10px}.mr-meta-line .mr-project{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.7rem;letter-spacing:.65px;padding:4px 10px;text-transform:uppercase}.mr-head-actions{align-items:center;display:flex;gap:.75rem}.mr-btn{--btn-bg:#fff;--btn-color:#1e293b;--btn-border:#cbd5e1;--btn-bg-hover:#f1f5f9;--btn-shadow:0 2px 4px -2px #00000026;align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:10px;color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.55rem;letter-spacing:.7px;padding:11px 18px;position:relative;text-transform:uppercase;transition:.18s}.mr-btn:hover{background:var(--btn-bg-hover);box-shadow:var(--btn-shadow)}.mr-btn.primary{--btn-bg:#1d4ed8;--btn-bg-hover:#2563eb;--btn-color:#fff;--btn-border:#1d4ed8;box-shadow:0 4px 14px -4px #2563eb73}.mr-btn.primary:hover{box-shadow:0 6px 18px -5px #2563eb8c}.mr-btn.ghost{--btn-bg:#f1f5f9;--btn-bg-hover:#e2e8f0;--btn-border:#cbd5e1;--btn-color:#334155}.mr-btn.subtle{--btn-bg:#eef2f7;--btn-bg-hover:#e2e8f0;--btn-border:#d8e2ec;--btn-color:#334155;font-size:.68rem;padding:9px 14px}.mr-btn.danger{--btn-bg:#dc2626;--btn-bg-hover:#b91c1c;--btn-border:#dc2626;--btn-color:#fff}.mr-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.mr-alert{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;font-size:.85rem;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 18px}.mr-alert.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.mr-form{display:flex;flex-direction:column;gap:34px}.mr-grid{grid-gap:34px;display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.mr-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px -4px #0000000d;display:flex;flex-direction:column;position:relative}.mr-section.full{grid-column:1/-1}.mr-section>header{background:linear-gradient(90deg,#1d4ed8,#2563eb);border-bottom:1px solid #e2e8f0;border-top-left-radius:18px;border-top-right-radius:18px;color:#fff;padding:18px 22px}.mr-section>header h2{font-size:.85rem;font-weight:600;letter-spacing:.8px;margin:0;text-transform:uppercase}.mr-section .mr-field{display:flex;flex-direction:column;gap:8px;padding:22px 24px 8px}.mr-field label{color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.65px;text-transform:uppercase}.mr-field textarea{background:#fff;border:1px solid #d4dce4;border-radius:10px;font:inherit;font-size:.82rem;line-height:1.45;min-height:120px;padding:14px 16px;resize:vertical;transition:.18s;width:100%}.mr-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40;outline:none}.mr-hint{color:#64748b;font-size:.65rem;font-weight:500;letter-spacing:.4px;margin-top:2px;padding:0 24px 18px}.mr-inline-info{display:flex;flex-wrap:wrap;gap:26px;padding:6px 24px 24px}.mr-inline-info .lbl{color:#64748b;display:block;font-size:.6rem;font-weight:600;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.mr-inline-info .val{color:#1e293b;font-size:.8rem;font-weight:500}.mr-materials-wrap{display:flex;flex-direction:column;padding:16px 20px 22px}.mr-materials-table{border-collapse:initial;border-spacing:0 8px;font-size:.74rem;width:100%}.mr-materials-table thead tr th{background:#f0f5ff;border:1px solid #d8e2f0;border-bottom-color:#c3d3e9;color:#475569;font-size:.6rem;font-weight:600;letter-spacing:.8px;padding:12px 14px;text-transform:uppercase;vertical-align:middle}.mr-materials-table thead tr th:first-child{border-bottom-left-radius:12px;border-top-left-radius:12px}.mr-materials-table thead tr th:last-child{border-bottom-right-radius:12px;border-top-right-radius:12px}.mr-materials-table tbody tr{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 4px -2px #00000014;transition:.15s}.mr-materials-table tbody tr:hover{border-color:#2563eb;box-shadow:0 4px 12px -4px #2563eb66}.mr-materials-table tbody td{padding:10px 12px;vertical-align:middle}.mr-materials-table tbody td:first-child{border-bottom-left-radius:12px;border-top-left-radius:12px}.mr-materials-table tbody td:last-child{border-bottom-right-radius:12px;border-top-right-radius:12px}.mr-materials-table input,.mr-materials-table select{background:#fff;border:1px solid #d4dce4;border-radius:8px;font:inherit;font-size:.72rem;padding:8px 10px;transition:.18s;width:100%}.mr-materials-table input:focus,.mr-materials-table select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40;outline:none}.mr-actions-cell{text-align:right}.mr-icon-btn{align-items:center;background:#f1f5f9;border:1px solid #d8e2ec;border-radius:10px;color:#334155;cursor:pointer;display:inline-flex;font-size:.7rem;height:36px;justify-content:center;transition:.18s;width:36px}.mr-icon-btn:hover{background:#e2e8f0}.mr-icon-btn.danger{background:#fee2e2;border-color:#fecaca;color:#dc2626}.mr-icon-btn.danger:hover{background:#fca5a5}.mr-icon-btn:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4}.mr-attachments{display:flex;flex-direction:column;gap:18px;padding:18px 24px 26px}.mr-empty{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.75rem;padding:14px 18px}.mr-file-add{display:flex;flex-direction:column;gap:14px}.mr-file-drop{align-items:center;background:#eef2f7;border:2px dashed #c7d2e1;border-radius:14px;color:#475569;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:8px;letter-spacing:.7px;padding:14px 18px;text-transform:uppercase;transition:.18s}.mr-file-drop:hover{background:#e2e8f0}.mr-file-drop input{display:none}.mr-attachment-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.mr-attachment-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px -2px #0000000f;display:flex;gap:14px;padding:12px 16px}.mr-attachment-item .file{align-items:center;color:#1e293b;display:inline-flex;font-size:.72rem;font-weight:500;gap:8px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-attachment-item a.file{text-decoration:none}.mr-attachment-item a.file:hover{color:#2563eb}.mr-attachment-list.new .mr-attachment-item{background:#f8fafc;border-style:dashed}.mr-floating-bar{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:55}.mr-floating-bar .inner{align-items:center;background:#fff;border:1px solid #d9e3ef;border-radius:20px;box-shadow:0 12px 42px -8px #0000002e,0 4px 14px -4px #0000001f;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:14px 26px;pointer-events:auto;transform:translateY(0)}.mr-floating-bar .hint{color:#64748b;font-size:.68rem;font-weight:600;letter-spacing:.55px;text-transform:uppercase}.mr-floating-bar .actions{display:flex;gap:.9rem}.mr-loading{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:.85rem;gap:14px;justify-content:center;min-height:60vh}.mr-spinner{animation:spin .9s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:38px;width:38px}@media (max-width:1100px){.mr-container{padding:32px 26px 140px}.mr-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:760px){.mr-page-head{align-items:flex-start;flex-direction:column}.mr-head-actions{justify-content:flex-end;width:100%}.mr-floating-bar .inner{border-radius:0;max-width:100%}.mr-container{padding:26px 18px 140px}}@media (max-width:520px){.mr-materials-table thead{display:none}.mr-materials-table tbody tr{grid-row-gap:10px;display:grid;grid-template-columns:1fr 1fr;padding:14px}.mr-materials-table tbody td{padding:0}.mr-materials-table tbody td:first-child{grid-column:1/3;margin-bottom:6px}.mr-actions-cell{grid-column:2/2;justify-self:end}}:root{--mr-bg:#f5f7fa;--mr-card-bg:#fff;--mr-border:#e2e8f0;--mr-border-strong:#cbd5e1;--mr-radius:12px;--mr-radius-sm:6px;--mr-primary:#1d4ed8;--mr-primary-accent:#2563eb;--mr-primary-grad:linear-gradient(135deg,#1d4ed8,#2563eb);--mr-danger:#dc2626;--mr-danger-accent:#b91c1c;--mr-success:#059669;--mr-text:#1f2937;--mr-text-dim:#64748b;--mr-focus-ring:0 0 0 3px #2563eb40}body .fadztrack-app-CEO{background:#f5f7fa;background:var(--mr-bg)}.mr-edit-form-CEO{width:100%}.detail-card-CEO{background:#fff;background:var(--mr-card-bg);border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:12px;border-radius:var(--mr-radius);box-shadow:0 2px 4px #00000005,0 1px 2px #0000000a}.detail-card-CEO:hover{box-shadow:0 4px 14px -2px #00000014}.detail-card-CEO.full-width-CEO{max-width:100%}.card-header-CEO{background:linear-gradient(135deg,#1d4ed8,#2563eb);background:var(--mr-primary-grad);border:none;padding:14px 20px}.card-header-CEO h3{font-size:15px;letter-spacing:.3px}.card-content-CEO{padding:20px 22px 24px}.info-row-CEO{padding:12px 0}.info-label-CEO{color:#64748b;color:var(--mr-text-dim);font-size:13px;font-weight:600}.info-value-CEO{color:#1f2937;color:var(--mr-text);font-size:14px}.description-input-CEO{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:6px;border-radius:var(--mr-radius-sm);font-size:14px;line-height:1.4}.description-input-CEO:focus{border-color:#1d4ed8;border-color:var(--mr-primary);box-shadow:0 0 0 3px #2563eb40;box-shadow:var(--mr-focus-ring)}.materials-edit-table-CEO{display:flex;flex-direction:column;gap:10px}.materials-header-row-CEO{background:linear-gradient(90deg,#f0f4ff,#e3ecff);color:#334155;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.materials-header-row-CEO,.materials-row-CEO{grid-gap:14px;border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:6px;border-radius:var(--mr-radius-sm);display:grid;gap:14px;grid-template-columns:2fr .9fr .9fr 56px;padding:10px 14px}.materials-row-CEO{align-items:center;background:#fff;box-shadow:0 1px 2px #00000005;transition:.15s}.materials-row-CEO:hover{border-color:#1d4ed8;border-color:var(--mr-primary);box-shadow:0 2px 6px -1px #0000000f}.materials-row-CEO input,.materials-row-CEO select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:6px;font-size:13px;padding:8px 10px;transition:.15s;width:100%}.materials-row-CEO input:focus,.materials-row-CEO select:focus{border-color:#1d4ed8;border-color:var(--mr-primary);box-shadow:0 0 0 3px #2563eb40;box-shadow:var(--mr-focus-ring);outline:none}.add-row-btn-CEO{align-items:center;align-self:flex-start;background:#1d4ed8;background:var(--mr-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:4px;padding:9px 14px;transition:.18s}.add-row-btn-CEO:hover{background:#2563eb;background:var(--mr-primary-accent);box-shadow:0 4px 12px -3px #2563eb73}.add-row-btn-CEO svg,.icon-btn-CEO{font-size:14px}.icon-btn-CEO{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:.18s;width:40px}.icon-btn-CEO:hover{background:#e2e8f0}.icon-btn-CEO.danger{background:#fee2e2;border-color:#fecaca;color:#dc2626}.icon-btn-CEO.danger:hover{background:#fca5a5;color:#991b1b}.icon-btn-CEO:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.45}.attachments-edit-CEO{display:flex;flex-direction:column;gap:18px}.attachments-list-CEO{display:flex;flex-direction:column;gap:10px}.attachment-item-CEO{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--mr-border);border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;gap:12px;padding:10px 14px;position:relative}.attachment-item-CEO .attachment-name-CEO{font-size:13px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-item-CEO .icon-btn-CEO{height:36px;width:36px}.attachment-icon-CEO{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);background:var(--mr-primary-grad);border-radius:10px;box-shadow:0 2px 6px -1px #00000040;color:#fff;display:flex;font-size:14px;height:38px;justify-content:center;width:38px}.attachment-link-CEO{align-items:center;color:#1f2937;color:var(--mr-text);display:flex;flex:1 1;gap:10px;text-decoration:none}.attachment-link-CEO:hover .attachment-name-CEO{color:#2563eb;color:var(--mr-primary-accent)}.file-label-CEO{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border:1px dashed var(--mr-border-strong);border-radius:10px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:.2s}.file-label-CEO:hover{background:#e2e8f0}.file-label-CEO input{display:none}.new-files-CEO{display:flex;flex-direction:column;gap:8px}.submit-actions-CEO{background:#0000;border:none;margin-top:10px;padding:34px 0 0}.save-btn-CEO{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 16px -4px #05966966}.save-btn-CEO:hover:not(:disabled){box-shadow:0 8px 22px -5px #0596698c}.cancel-btn-CEO{background:#475569}.cancel-btn-CEO:hover{background:#334155}.priority-badge-CEO{font-size:11px;font-weight:600;letter-spacing:.6px}@media (max-width:1024px){.materials-header-row-CEO,.materials-row-CEO{grid-template-columns:1.7fr .8fr .8fr 48px}}@media (max-width:820px){.materials-header-row-CEO{display:none}.materials-row-CEO{grid-auto-rows:auto;grid-template-columns:1fr 1fr}.materials-row-CEO select{grid-column:1/1}.materials-row-CEO button{grid-column:2/2;justify-self:end}}.ceo-mr-detail .page-header{margin-bottom:1.25rem}.ceo-mr-detail .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);background-clip:text;-webkit-background-clip:text}.ceo-mr-detail .status-banner{background:linear-gradient(135deg,#fff,#f1f5f9 60%,#eef2f7);border-radius:14px;box-shadow:0 6px 24px -4px #0f172a14,0 2px 4px #0f172a0f;display:flex;flex-direction:column;gap:1rem;padding:1.75rem 1.5rem}.ceo-mr-detail .status-banner.pending{border-left:6px solid #f59e0b}.ceo-mr-detail .status-banner.approved{border-left:6px solid #10b981}.ceo-mr-detail .status-banner.rejected{border-left:6px solid #ef4444}.ceo-mr-detail .status-banner.completed{border-left:6px solid #059669}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 0 24px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-height:86px;overflow:hidden;padding:14px 14px 12px;position:relative;transition:box-shadow .25s ease,transform .25s ease}.metric-card:after{background:radial-gradient(circle at 85% 15%,#0000000d,#0000 60%);content:"";inset:0;opacity:.25;pointer-events:none;position:absolute}.metric-card:hover{box-shadow:0 8px 28px -6px #0f172a26;transform:translateY(-2px)}.metric-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.metric-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.1}.metric-bar{background:#94a3b8;border-radius:2px;height:4px;margin-top:6px;opacity:.9}.metric-card[data-color] .metric-bar{background:var(--bar-color)}.metric-card[data-color] .metric-value{color:var(--bar-color)}.description-card .description-text{background:#fff;border:1px dashed #cbd5e1;font-size:.9rem;padding:.75rem .85rem}.manpower-grid{gap:12px}.manpower-item{border-radius:10px;padding:1rem .75rem}.manpower-item .manpower-quantity{font-size:1.65rem}.bottom-actions{border-top:1px dashed #cbd5e1;margin-top:2rem;padding-top:1.25rem}.bottom-actions .back-btn{background:#1e293b}.bottom-actions .back-btn:hover{background:#0f172a}@media (max-width:820px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-value{font-size:20px}}@media (max-width:560px){.metrics-grid{gap:10px}.metric-card{min-height:78px;padding:12px 12px 10px}.metric-value{font-size:18px}}.ceo-mr-detail .dashboard-main{overflow-y:hidden;padding:16px 18px 40px}.ceo-mr-detail .content-wrapper{max-width:1100px}.status-metrics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 14px -4px #0f172a14;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 18px 10px}.status-metrics-card.pending{border-left:4px solid #f59e0b}.status-metrics-card.approved{border-left:4px solid #10b981}.status-metrics-card.rejected{border-left:4px solid #ef4444}.status-metrics-card.completed{border-left:4px solid #059669}.smc-header{align-items:center;display:flex;gap:14px}.smc-status-icon .status-icon{font-size:1.6rem;height:38px;width:38px}.smc-texts h3{color:#0f172a;font-size:1.05rem;font-weight:600;margin:0 0 2px}.smc-texts p{color:#64748b;font-size:.75rem;line-height:1.25;margin:0;max-width:620px}.badge-overdue{background:#fef3c7;border-radius:20px;color:#b45309;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:4px 8px;text-transform:uppercase}.smc-metrics{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.smc-metric{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:8px 10px 6px}.smc-metric .m-label{color:#64748b;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.smc-metric .m-value{color:#1e293b;font-size:14px;font-weight:600}.info-grid{gap:1rem;margin-top:6px}.info-card{box-shadow:0 3px 12px -3px #0f172a14}.card-header{padding:.65rem .9rem}.card-content{padding:.9rem .9rem 1rem}.info-row{padding:.45rem 0}.description-card .card-content{padding:.75rem .9rem 1rem}.description-text{font-size:.8rem;padding:.55rem .65rem}.manpower-grid{gap:.65rem}.manpower-item{padding:.75rem .6rem}.manpower-quantity{font-size:1.4rem}.bottom-actions{margin-top:1.2rem;padding-top:.8rem}.bottom-actions .back-btn{font-size:.75rem;padding:.55rem 1.1rem}@media (max-width:640px){.status-metrics-card{padding:12px 14px 8px}.smc-texts h3{font-size:.95rem}.smc-texts p{font-size:.7rem}.smc-metrics{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.smc-metric{padding:6px 8px 5px}.smc-metric .m-value{font-size:13px}}.hr-dashboard *{box-sizing:border-box}.hr-dashboard,.hr-dashboard #root,.hr-dashboard .App,.hr-dashboard body,.hr-dashboard html{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.hr-dashboard .dashboard-container,.hr-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;max-width:100%;min-height:100vh;overflow:visible;position:relative;width:100%}.hr-dashboard .areas-projects-sidebar,.hr-dashboard .create-account-sidebar-IT,.hr-dashboard .left-sidebar,.hr-dashboard .modern-sidebar,.hr-dashboard .right-sidebar,.hr-dashboard .sidebar,.hr-dashboard .sidebar-IT{display:none!important}.hr-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:.3s;z-index:100}.hr-dashboard .dashboard-header.collapsed{padding:.5rem 2rem}.hr-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.hr-dashboard .header-bottom{justify-content:space-between;padding-top:1rem}.hr-dashboard .header-bottom,.hr-dashboard .header-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.hr-dashboard .nav-item{align-items:center;border-radius:8px;color:#ffffffd9;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.65rem .9rem;text-decoration:none;transition:.25s}.hr-dashboard .nav-item:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.hr-dashboard .nav-item.active{background:#fff3;color:#fff}.dashboard-header.collapsed{padding:.5rem 2rem}.dashboard-header.collapsed .header-top{margin-bottom:.5rem;padding-bottom:.5rem}.dashboard-header.collapsed .header-bottom{padding-top:.5rem}.hidden{display:none!important}.header-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.header-left,.header-top,.logo-container{align-items:center;display:flex}.logo-container{gap:12px}.logo-img{height:40px;object-fit:contain;width:auto}.brand-name{color:#fff;font-size:1.5rem;font-weight:700}.hr-dashboard .dashboard-main{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex:1 1;min-height:calc(100vh - 70px);overflow:visible;padding:1.75rem 2rem 2.5rem}.hr-dashboard .dashboard-grid{gap:1.5rem}.hr-dashboard .dashboard-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1 420px;flex-direction:column;margin:0;min-height:320px;padding:1.25rem 1.5rem;position:relative;transition:.3s}.hr-dashboard .dashboard-card:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.hr-dashboard .hr-welcome-card,.hr-dashboard .welcome-card{border:none;flex:1 1 100%;padding:1.75rem 2rem 2rem}.hr-dashboard .hr-welcome-card .card-title,.hr-dashboard .welcome-card .card-title{color:#fff}.hr-dashboard .hr-welcome-card .card-header,.hr-dashboard .welcome-card .card-header{border-bottom-color:#ffffff40}.hr-dashboard .overview-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.hr-dashboard .overview-stats .stat-item{background:#ffffff26;border:1px solid #ffffff4d;flex:1 1 200px;min-width:180px}.hr-dashboard .overview-stats .stat-value{color:#fff}.hr-dashboard .overview-stats .stat-label{color:#ffffffe6}.hr-dashboard .activities-card,.hr-dashboard .chart-card,.hr-dashboard .requests-card{flex:1 1 420px}.hr-dashboard .card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.1rem;padding-bottom:.75rem}.hr-dashboard .card-title{color:#1e293b;font-size:1.15rem;font-weight:600;margin:0}.hr-dashboard .activities-list,.hr-dashboard .card-content,.hr-dashboard .requests-list{max-height:340px;overflow:auto;padding-right:.5rem;scrollbar-width:thin}.hr-dashboard .activities-list,.hr-dashboard .requests-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.hr-dashboard .request-status{border-radius:6px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.3rem .5rem;text-transform:uppercase}.hr-dashboard .request-status.pending{background:#fef3c7;color:#b45309}.hr-dashboard .request-status.completed{background:#d1fae5;color:#065f46}.hr-dashboard .request-status.rejected{background:#fee2e2;color:#b91c1c}@media (max-width:1200px){.hr-dashboard .dashboard-card{flex:1 1 360px}}@media (max-width:900px){.hr-dashboard .dashboard-main{padding:1.25rem 1.25rem 2rem}.hr-dashboard .dashboard-card{flex:1 1 100%}}@media (max-width:600px){.hr-dashboard .nav-item{font-size:.75rem;padding:.5rem .6rem}.hr-dashboard .dashboard-main{padding:1rem}.hr-dashboard .card-title{font-size:1rem}}.header-right{gap:1rem}.header-right,.user-profile{align-items:center;display:flex}.user-profile{cursor:pointer;gap:12px;position:relative}.profile-info{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.user-name{color:#fff;font-size:.95rem;font-weight:600}.user-role{color:#fffc;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.profile-avatar:hover{border-color:#fff6;transform:scale(1.05)}.profile-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:8px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:#374151;cursor:pointer;font-size:.9rem;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.header-bottom{justify-content:space-between;padding-top:1rem}.header-bottom,.header-nav{align-items:center;display:flex}.header-nav{flex-wrap:wrap;gap:.5rem}.nav-item{align-items:center;border-radius:8px;color:#fffc;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a;color:#fff;transform:translateY(-1px)}.nav-item.active{background-color:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff}.nav-item svg{flex-shrink:0;font-size:1.1rem}.dashboard-header.collapsed .nav-item{justify-content:center;min-width:50px;padding:.5rem .75rem}.dashboard-header.collapsed .nav-item span{display:none}.dashboard-header.collapsed .nav-item svg{font-size:1.2rem;margin:0}.dashboard-main{height:200vh;left:0!important;margin:0!important;max-height:200vh;max-width:100%!important;min-height:200vh;padding:2rem 2rem 100rem;right:0!important;width:100%!important}.hr-dashboard .dashboard-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.25rem;min-height:auto;padding-bottom:1.5rem;width:100%}.hr-dashboard .hr-welcome-card,.hr-dashboard .welcome-card{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:20px;color:#fff;flex:1 1 100%!important;height:auto!important;margin-bottom:1.25rem!important;max-height:none!important;min-height:260px!important;overflow:hidden;padding:1.75rem 2rem 2.25rem;position:relative}.welcome-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.welcome-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:-1rem;position:relative;z-index:2}.welcome-content{flex:1 1}.welcome-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400}.quick-actions-compact{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.welcome-card .quick-actions-compact .hr-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:.25rem;margin-bottom:0!important;min-width:60px;padding:.75rem .5rem;position:relative;text-align:center!important;text-decoration:none;transition:all .3s ease;width:auto!important}.welcome-card .quick-actions-compact .hr-action-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon{align-items:center;background:#ffffff1a;border-radius:4px;color:#fff!important;display:flex;height:20px;justify-content:center;padding:2px;width:20px}.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon svg{display:block!important;font-size:16px!important;height:16px!important;width:16px!important}.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon *,.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon svg,.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon svg[data-icon]{fill:#fff!important;stroke:#fff!important;color:#fff!important;opacity:1!important;visibility:visible!important}.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon *,.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important}.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon *,.welcome-card .quick-actions-compact .hr-action-btn .hr-action-icon svg,.welcome-card .quick-actions-compact .hr-action-btn svg,.welcome-card .quick-actions-compact .hr-action-btn svg *{fill:#fff!important;stroke:#fff!important;color:#fff!important;display:block!important;font-size:16px!important;height:16px!important;opacity:1!important;visibility:visible!important;width:16px!important}.welcome-card .quick-actions-compact .hr-action-btn,.welcome-card .quick-actions-compact .hr-action-btn *{color:#fff!important}.welcome-card .quick-actions-compact .hr-action-btn span{color:#fff!important;font-size:.7rem;font-weight:600;letter-spacing:.3px;line-height:1;text-align:center;text-shadow:0 1px 2px #0003;text-transform:uppercase}.welcome-card .quick-actions-compact .hr-action-btn:after{background:#000000e6;border-radius:6px;bottom:-35px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:500;padding:.5rem .75rem;white-space:nowrap}.welcome-card .quick-actions-compact .hr-action-btn:after,.welcome-card .quick-actions-compact .hr-action-btn:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:1000}.welcome-card .quick-actions-compact .hr-action-btn:before{border:4px solid;border-color:#0000 #0000 #000000e6;bottom:-8px;content:""}.welcome-card .quick-actions-compact .hr-action-btn:hover:after,.welcome-card .quick-actions-compact .hr-action-btn:hover:before{opacity:1;visibility:visible}.overview-stats{display:flex;flex-wrap:wrap;gap:1.5rem;position:relative;z-index:2}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex:1 1 200px;gap:12px;min-width:200px;padding:1rem}.stat-icon{background:#ffffff40;box-shadow:0 2px 8px #0000001a}.stat-icon svg{fill:currentColor!important;color:#fff!important;display:block!important;height:20px!important;width:20px!important}.stat-icon.assigned{background:#22c55e66}.stat-icon.available{background:#3b82f666}.stat-icon.requests{background:#f59e0b66}.stat-value{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px #00000080!important}.stat-label{color:#fff!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))!important;text-shadow:0 1px 2px #00000080!important}.chart-card{flex:1 1 600px;height:auto!important;margin-bottom:2rem!important;max-height:600px!important;min-height:450px!important;padding:2rem!important}.chart-content{align-items:center;display:flex;flex-direction:row;gap:1rem!important;height:auto!important;min-height:auto!important;padding-bottom:0!important}.chart-container{align-items:center;background:#f8fafc;border-radius:12px;height:240px!important;padding:1rem!important}.chart-container,.chart-metrics{display:flex;flex:1 1;justify-content:center}.chart-metrics{flex-direction:column;gap:.75rem!important}.chart-metrics .metric-item,.dashboard-card.chart-card .metric-item,.metric-item{align-items:center!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 1px 3px #0000000d!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:.5rem!important;padding:.75rem 1rem!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.metric-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.chart-metrics .metric-label,.dashboard-card.chart-card .metric-label,.metric-label{color:#64748b!important;flex:1 1!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:0!important;text-align:left!important;text-transform:uppercase!important}.chart-metrics .metric-value,.dashboard-card.chart-card .metric-value,.metric-value{color:#1e293b!important;flex-shrink:0!important;font-size:1.2rem!important;font-weight:700!important;line-height:1!important;margin-left:1rem!important;min-width:60px!important;text-align:right!important}.chart-metrics .metric-value.assigned,.dashboard-card.chart-card .metric-value.assigned,.metric-value.assigned{color:#16a34a!important}.chart-metrics .metric-value.available,.dashboard-card.chart-card .metric-value.available,.metric-value.available{color:#2563eb!important}.metric-value.assigned{color:#16a34a}.metric-value.available{color:#2563eb}.requests-card{flex:1 1 600px;margin-bottom:2rem;min-height:550px;padding:3rem}.card-header{justify-content:space-between;margin-bottom:1.5rem}.card-title{color:#1e293b;font-size:1.25rem;font-weight:600}.card-actions{align-items:center;display:flex;gap:.75rem}.refresh-btn{background:#f1f5f9;border:none;height:32px;width:32px}.refresh-btn:hover{background:#e2e8f0;color:#475569}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.view-all-btn{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-all-btn:hover{background:#2563eb;transform:translateY(-1px)}.card-content{max-height:400px;min-height:250px}.empty-state,.error-state,.loading-state{font-size:.9rem;height:200px}.loading-spinner{border:2px solid #e2e8f0;height:24px;margin-bottom:.5rem;width:24px}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-item{align-items:stretch;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-left:4px solid #667eea;border-radius:14px;cursor:pointer;display:flex;gap:.9rem;isolation:isolate;justify-content:space-between;min-height:82px;padding:.95rem 1rem 1rem;position:relative;transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.request-item:before{background:linear-gradient(90deg,#6366f1,#6366f100 35%);border-radius:inherit;inset:0;opacity:0;transition:opacity .3s ease}.request-item:after,.request-item:before{content:"";pointer-events:none;position:absolute}.request-item:after{border-right:2px solid #64748b;border-top:2px solid #64748b;height:10px;opacity:.25;right:.9rem;top:50%;transform:translateY(-50%) rotate(45deg) translateX(-2px);transition:opacity .25s ease,transform .25s ease;width:10px}.request-item:hover{background:#fff;border-color:#d1d9e5;box-shadow:0 8px 22px -6px #0f172a26;transform:translateY(-2px)}.request-item:hover:before{opacity:.08}.request-item:hover:after{opacity:.55;transform:translateY(-50%) rotate(45deg) translateX(0)}.request-item:active{box-shadow:0 4px 14px -4px #0f172a2e;transform:translateY(0)}.request-item:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.request-left{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.request-project{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.request-status{align-self:flex-start;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.request-status.pending{background:#fef3c7;color:#d97706}.request-status.overdue{background:#fee2e2;color:#dc2626}.request-status.completed{background:#f0fdf4;color:#16a34a}.request-status.canceled,.request-status.cancelled{background:#f1f5f9;color:#475569}.request-status.approved{background:#dcfce7;color:#16a34a}.request-status.rejected{background:#fee2e2;color:#dc2626}.request-middle{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:120px}.request-position{color:#1e293b}.request-position,.request-quantity{font-size:.9rem;font-weight:600;text-align:center}.request-quantity{color:#059669}.request-right{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;min-width:200px}.request-by{color:#475569;font-size:.85rem;font-style:italic;font-weight:500;text-align:right}.request-date{color:#374151;font-size:.8rem;font-weight:600;text-align:right}.activities-card{flex:1 1 500px;margin-bottom:2rem;min-height:500px;padding:3rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:.75rem;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-icon{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-title{color:#1e293b;font-size:.85rem;font-weight:500;line-height:1.3;margin-bottom:.25rem}.activity-time{color:#94a3b8;font-size:.75rem}@media (max-width:1600px){.dashboard-card{flex:1 1 450px}.stat-item{flex:1 1 180px;min-width:180px}.quick-actions-compact{gap:.5rem}.hr-action-btn{min-width:50px;padding:.5rem .4rem}.hr-action-btn span{font-size:.65rem}}@media (max-width:1400px){.dashboard-card{flex:1 1 400px}.stat-item{flex:1 1 160px;min-width:160px}.quick-actions-compact{gap:.4rem}.hr-action-btn{min-width:45px;padding:.4rem .3rem}.hr-action-btn span{font-size:.6rem}.chart-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.dashboard-card{flex:1 1 350px}.stat-item{flex:1 1 140px;min-width:140px}.quick-actions-compact{gap:.3rem}.hr-action-btn{min-width:40px;padding:.3rem .25rem}.hr-action-btn span{font-size:.55rem}.chart-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{padding:.75rem 1rem}.dashboard-header.collapsed{padding:.5rem 1rem}.header-bottom,.header-top{align-items:flex-start;flex-direction:column;gap:1rem}.header-nav{flex-wrap:wrap;gap:.25rem;width:100%}.nav-item{flex:1 1;font-size:.8rem;justify-content:center;min-width:80px;padding:.5rem .75rem}.dashboard-main{padding:1rem}.dashboard-grid{gap:1rem}.dashboard-card{flex:1 1 100%!important}.welcome-card{min-height:150px!important;padding:1.5rem}.welcome-title{font-size:1.5rem}.overview-stats{gap:1rem}.stat-item{flex:1 1 45%!important;min-width:140px;padding:.75rem}.stat-icon{height:40px;width:40px}.stat-icon,.stat-value{font-size:1.25rem}.welcome-header{align-items:flex-start;flex-direction:column;gap:1rem}.quick-actions-compact{gap:.5rem;justify-content:center;width:100%}.hr-action-btn{flex:1 1;min-width:80px;padding:.5rem .25rem}.hr-action-btn span{font-size:.65rem}.chart-metrics{gap:.75rem;grid-template-columns:repeat(2,1fr)}.metric-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 1px 3px #0000000d!important;padding:.75rem 1rem!important;transition:all .2s ease!important}.metric-item:hover{border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)!important}.metric-label{font-size:.75rem!important;font-weight:600!important;letter-spacing:.5px!important}.metric-value{font-size:1.2rem!important;font-weight:700!important;min-width:40px!important;text-align:right!important}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.dashboard-header{padding:.5rem}.header-top{margin-bottom:.5rem;padding-bottom:.5rem}.header-bottom{padding-top:.5rem}.nav-item{font-size:.75rem;min-width:60px;padding:.5rem}.nav-item span{display:none}.dashboard-main{padding:.75rem}.welcome-card{min-height:120px!important;padding:1rem}.welcome-title{font-size:1.25rem}.overview-stats{gap:.75rem}.stat-item{flex:1 1 100%!important;min-width:100%}.quick-actions-compact{flex-direction:column;gap:.5rem;width:100%}.hr-action-btn{flex-direction:row;gap:.5rem;justify-content:center;min-width:100%;padding:.5rem;width:100%}.hr-action-btn span{font-size:.7rem}.chart-metrics{gap:.5rem;grid-template-columns:1fr}.metric-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;padding:.5rem .75rem!important;transition:all .2s ease!important}.metric-item:hover{border-color:#cbd5e1!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)!important}.metric-label{font-size:.7rem!important;font-weight:600!important;letter-spacing:.5px!important}.metric-value{font-size:1rem!important;font-weight:700!important;min-width:35px!important;text-align:right!important}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-actions{justify-content:space-between;width:100%}.stat-item{padding:.5rem}.stat-icon{font-size:1rem;height:36px;width:36px}.stat-value{font-size:1.1rem}.stat-label{font-size:.75rem}}.dashboard-main::-webkit-scrollbar{width:12px}.dashboard-main::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:6px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hr-dashboard .dashboard-main{overflow-x:hidden;scroll-behavior:smooth}.overview-stats{overflow-y:hidden}.overview-stats::-webkit-scrollbar{height:8px}.overview-stats::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.overview-stats::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.overview-stats::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chart-metrics{overflow-y:hidden}.chart-metrics::-webkit-scrollbar{height:8px}.chart-metrics::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.chart-metrics::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chart-metrics::-webkit-scrollbar-thumb:hover{background:#94a3b8}.requests-list{max-height:700px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.requests-list::-webkit-scrollbar{width:8px}.requests-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.requests-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.requests-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activities-list{max-height:650px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.activities-list::-webkit-scrollbar{width:8px}.activities-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.activities-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.activities-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chart-content{max-height:550px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.chart-content::-webkit-scrollbar{width:8px}.chart-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.chart-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chart-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card-content{max-height:600px;min-height:400px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.card-content::-webkit-scrollbar{width:8px}.card-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.card-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.card-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-card{animation:fadeInUp .6s ease-out}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card:nth-child(5){animation-delay:.5s}.action-item:focus,.nav-item:focus,.refresh-btn:focus,.view-all-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.dashboard-card{border:2px solid #000}.nav-item.active{background-color:#000;color:#fff}}.overview-stats{max-height:500px;scrollbar-color:#cbd5e1 #f1f5f9}.chart-metrics,.overview-stats{overflow-x:auto;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-width:thin}.chart-metrics{max-height:450px;scrollbar-color:#cbd5e1 #f8fafc}.welcome-content{max-height:400px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}.welcome-content::-webkit-scrollbar{width:8px}.welcome-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.welcome-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.welcome-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chart-container{max-height:400px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.chart-container::-webkit-scrollbar{width:8px}.chart-container::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.chart-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chart-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.metric-item{max-height:250px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.metric-item::-webkit-scrollbar{width:6px}.metric-item::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.metric-item::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.metric-item::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stat-item{max-height:200px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}.stat-item::-webkit-scrollbar{width:6px}.stat-item::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.stat-item::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.stat-item::-webkit-scrollbar-thumb:hover{background:#ffffff80}.request-item{max-height:250px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.request-item::-webkit-scrollbar{width:6px}.request-item::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.request-item::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.request-item::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-item{max-height:200px;overflow-y:auto;padding-bottom:1rem;padding-right:.5rem;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.activity-item::-webkit-scrollbar{width:6px}.activity-item::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.activity-item::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-item::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-card:last-child{margin-bottom:4rem}@media (max-height:800px){.dashboard-main{padding-bottom:25rem}.dashboard-grid{padding-bottom:12rem}}.request-item.unviewed{background:#f8fafc!important;border-color:#e2e8f0!important;box-shadow:inset 0 0 0 3px #0ea5e91f!important}.request-item.unviewed:hover{background:#f1f5f9!important;border-left-color:#0284c7!important;box-shadow:inset 0 0 0 3px #0284c729!important}.dashboard-container .welcome-card,.dashboard-grid .welcome-card,.dashboard-main .welcome-card{height:290px!important;max-height:290px!important;min-height:290px!important;padding-bottom:1.5rem!important}.dashboard-card.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1 400px;max-height:420px!important;min-height:380px!important;overflow:hidden;padding:1rem!important;position:relative;transition:all .3s ease}.dashboard-card.chart-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem!important}.dashboard-card.chart-card .card-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.dashboard-card.chart-card .card-content{max-height:300px;min-height:200px;overflow-y:auto;padding:.5rem!important;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.dashboard-card,.dashboard-card.chart-card,.dashboard-card.requests-card{margin-bottom:0!important}.welcome-card{margin-bottom:-40rem!important}.hr-dashboard .page-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.hr-dashboard .page-header:before{animation:none!important;background:linear-gradient(90deg,#3b82f6,#1d4ed8)!important;background-position:0 50%!important;background-size:100% 100%!important;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.hr-dashboard .header-content{flex:1 1}.hr-dashboard .page-title{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.hr-dashboard .title-icon{color:#3b82f6;font-size:1.5rem}.hr-dashboard .page-subtitle{color:#64748b;font-size:1rem;font-weight:500;margin:0}.hr-dashboard .header-stats{display:flex;gap:1rem}.hr-dashboard .stat-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;min-width:120px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center}.hr-dashboard .stat-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.hr-dashboard .stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.hr-dashboard .stat-label{font-size:.875rem;font-weight:500;opacity:.9}.hr-dashboard .filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:1.5rem;padding:1.5rem}.hr-dashboard .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.hr-dashboard .search-bar{flex:1 1;min-width:300px;position:relative}.hr-dashboard .search-icon{color:#64748b;font-size:1.1rem;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%)}.hr-dashboard .search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:1.1rem;min-height:50px;padding:1rem 1.25rem 1rem 3rem;transition:all .2s ease;width:100%}.hr-dashboard .search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.hr-dashboard .filter-controls{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.75rem}.hr-dashboard .filter-toggle{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.hr-dashboard .filter-toggle:hover{background:#e2e8f0;border-color:#94a3b8}.hr-dashboard .filter-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.hr-dashboard .clear-filters{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.hr-dashboard .clear-filters:hover{background:#dc2626;transform:translateY(-1px)}.hr-dashboard .filter-panel{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.hr-dashboard .filter-row{display:flex;flex-wrap:wrap;gap:1rem}.hr-dashboard .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.hr-dashboard .filter-group label{color:#374151;font-size:.875rem;font-weight:500}.hr-dashboard .filter-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.hr-dashboard .filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.hr-dashboard .date-sort-buttons{display:flex;gap:.25rem}.hr-dashboard .sort-btn{background:#f1f5f9;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.hr-dashboard .sort-btn:hover{background:#e2e8f0;border-color:#94a3b8}.hr-dashboard .sort-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.hr-dashboard .project-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:150px;padding:.5rem .75rem;transition:all .2s ease}.hr-dashboard .project-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.hr-dashboard .date-filter-dropdown{position:relative}.hr-dashboard .date-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.hr-dashboard .date-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.hr-dashboard .custom-date-range{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.hr-dashboard .date-input{border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:.875rem;padding:.375rem .5rem;transition:all .2s ease}.hr-dashboard .date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.hr-dashboard .custom-date-range span{color:#6b7280;font-size:.875rem;font-weight:500}@media (max-width:768px){.hr-dashboard .filters-row{align-items:stretch;flex-direction:column;gap:1rem}.hr-dashboard .search-bar{min-width:auto}.hr-dashboard .filter-controls{flex-wrap:wrap;justify-content:center}.hr-dashboard .search-input{font-size:1rem;min-height:45px;padding:.875rem 1rem .875rem 2.75rem}.hr-dashboard .search-icon{font-size:1rem;left:1rem}}.hr-dashboard .reports-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.hr-dashboard .table-wrapper{overflow-x:auto}.hr-dashboard .reports-table{border-collapse:collapse;font-size:.875rem;width:100%}.hr-dashboard .reports-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.hr-dashboard .reports-table th{border-bottom:2px solid #e2e8f0;color:#374151;font-weight:600;padding:1rem .75rem;text-align:left;white-space:nowrap}.hr-dashboard .reports-table th.sortable{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hr-dashboard .reports-table th.sortable:hover{background:#e2e8f0;color:#1f2937}.hr-dashboard .sort-icon{color:#9ca3af;font-size:.75rem;margin-left:.5rem}.hr-dashboard .reports-table td{border-bottom:1px solid #f1f5f9;padding:1rem .75rem;vertical-align:top}.hr-dashboard .report-row:hover{background:#f8fafc}.hr-dashboard .project-info{display:flex;flex-direction:column;gap:.25rem}.hr-dashboard .project-title{color:#1f2937;font-size:.875rem;font-weight:600}.hr-dashboard .project-dates{color:#6b7280;font-size:.75rem}.hr-dashboard .file-info{align-items:center;display:flex;gap:.5rem}.hr-dashboard .file-icon{color:#059669;font-size:1rem}.hr-dashboard .location-info{align-items:center;display:flex;gap:.5rem}.hr-dashboard .location-icon{color:#dc2626;font-size:.875rem}.hr-dashboard .user-info{align-items:center;display:flex;gap:.5rem}.hr-dashboard .user-icon{color:#7c3aed;font-size:.875rem}.hr-dashboard .date-info{align-items:center;display:flex;gap:.5rem}.hr-dashboard .date-icon{color:#f59e0b;font-size:.875rem}.hr-dashboard .action-buttons{display:flex;gap:.5rem}.hr-dashboard .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.hr-dashboard .view-btn{background:#3b82f6;color:#fff}.hr-dashboard .view-btn:hover{background:#2563eb;transform:translateY(-1px)}.hr-dashboard .download-btn{background:#059669;color:#fff}.hr-dashboard .download-btn:hover{background:#047857;transform:translateY(-1px)}.hr-dashboard .empty-state,.hr-dashboard .error-state,.hr-dashboard .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.hr-dashboard .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:1rem;width:32px}.hr-dashboard .error-state{color:#dc2626}.hr-dashboard .retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem}.hr-dashboard .retry-btn:hover{background:#b91c1c}.hr-dashboard .empty-state{color:#6b7280}.hr-dashboard .empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.hr-dashboard .empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.hr-dashboard .empty-state p{font-size:1rem;margin:0 0 1.5rem}.hr-dashboard .clear-filters-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.hr-dashboard .clear-filters-btn:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width:768px){.hr-dashboard .page-header{align-items:stretch;flex-direction:column;gap:1rem}.hr-dashboard .header-stats{justify-content:center}.hr-dashboard .filter-row{flex-direction:column}.hr-dashboard .filter-group{min-width:auto}.hr-dashboard .reports-table{font-size:.75rem}.hr-dashboard .reports-table td,.hr-dashboard .reports-table th{padding:.5rem .25rem}}.manpower-container{margin:0 auto;max-width:1600px;padding:0;width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.page-title-section{min-width:300px}.page-title{font-size:2rem;margin-bottom:.5rem}.page-subtitle{font-size:1rem}.page-actions{flex-wrap:wrap;gap:1rem}.action-button,.page-actions{align-items:center;display:flex}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-button.primary{background:#3b82f6;color:#fff}.action-button.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.action-button.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.action-button.secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:after{background:linear-gradient(135deg,#0000,#ffffff4d,#0000);border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.stat-card:hover:after{opacity:1}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.stat-card.total:hover{box-shadow:0 8px 25px #667eea33}.stat-card.active:hover{box-shadow:0 8px 25px #10b98133}.stat-card.inactive:hover{box-shadow:0 8px 25px #3b82f633}.stat-icon{align-items:center;animation:pulse 2s infinite;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-card.total{animation-delay:.1s;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#c7d2fe}.stat-card.active{animation-delay:.2s;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.stat-card.inactive{animation-delay:.3s;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.active .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.inactive .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-content{display:flex;flex-direction:column}.stat-value{color:#000;font-size:2rem;font-weight:800;line-height:1;text-shadow:none}.stat-label{color:#1f2937;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.filters-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{color:#94a3b8;height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.refresh-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.manpower-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.manpower-table-wrapper{overflow-x:auto;width:100%}.manpower-table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.manpower-table thead tr{background:linear-gradient(135deg,#f8fafc,#eef2f7)}.manpower-table th{background:inherit;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.85rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.manpower-table tbody tr{transition:background .15s ease}.manpower-table tbody tr:nth-child(2n){background:#fafbfc}.manpower-table tbody tr:hover{background:#f1f5f9}.manpower-table td{border-bottom:1px solid #f1f5f9;padding:.9rem 1rem;vertical-align:top}.manpower-table td.col-actions{width:110px}.emp-name{color:#1e293b;font-weight:600}.emp-pos{color:#64748b;font-size:.7rem;font-weight:600;text-transform:uppercase}.emp-id,.emp-pos{letter-spacing:.5px;margin-top:2px}.emp-id{color:#94a3b8;font-family:monospace;font-size:.6rem}.loan-wrapper,.project-wrapper{display:flex;flex-direction:column;gap:2px}.loan-project{color:#b45309}.loan-until{color:#64748b;font-size:.65rem;font-style:italic}.project-name.unassigned{color:#94a3b8;font-weight:500}.col-status .status-badge{display:inline-block;min-width:90px;text-align:center}.status-inactive{background:#fee2e2;color:#991b1b}.status-on-loan{color:#b45309}@media (max-width:900px){.manpower-table td:nth-child(4),.manpower-table th:nth-child(4){background:#fff;box-shadow:-4px 0 6px -2px #0000000d;position:-webkit-sticky;position:sticky;right:0}}@media (max-width:640px){.manpower-table td:nth-child(2),.manpower-table th:nth-child(2){min-width:180px}.manpower-table{font-size:.8rem}.emp-pos{display:none}}.empty-state,.error-state,.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:1rem;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-spinner{border:3px solid #e2e8f0;height:32px;width:32px}.error-state{color:#ef4444}.error-state svg{font-size:2rem}.empty-state svg{color:#cbd5e1;font-size:3rem}.manpower-list{display:flex;flex-direction:column}.manpower-row{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:1.5rem;grid-template-columns:2fr 2fr 1fr 1fr;padding:1.5rem;transition:all .2s ease}.manpower-row:hover{background:#f8fafc}.manpower-row:last-child{border-bottom:none}.manpower-info{align-items:center;display:flex;gap:1rem}.manpower-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.manpower-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;width:100%}.manpower-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.manpower-name{color:#1e293b;font-size:1rem;font-weight:600}.manpower-name,.manpower-position{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manpower-position{color:#64748b;font-size:.85rem}.manpower-id{color:#94a3b8;font-size:.75rem;margin:0}.manpower-project{display:flex;flex-direction:column;gap:.25rem;min-width:0}.project-name{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name.project-link{color:#2563eb;cursor:pointer;text-decoration:none}.project-name.project-link:hover{color:#1d4ed8;text-decoration:underline}.project-name.unassigned-dash{color:#94a3b8;font-weight:400}.project-location{color:#64748b;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-project-info{display:flex;flex-direction:column;gap:.25rem}.loan-project{color:#d97706;font-weight:600}.loan-duration{color:#64748b;font-size:.75rem;font-style:italic}.assigned-project-info{display:flex;flex-direction:column;gap:.25rem}.manpower-status{display:flex;justify-content:center}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fef3c7;color:#92400e}.status-on-loan{background:#fef3c7;color:#d97706}.manpower-actions{gap:.5rem}.action-btn,.manpower-actions{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;height:32px;transition:all .2s ease;width:32px}.view-btn{background:#f1f5f9;color:#64748b}.view-btn:hover{background:#e2e8f0;color:#374151}.edit-btn{background:#dbeafe;color:#1d4ed8}.edit-btn:hover{background:#bfdbfe;color:#1e40af}.reassign-btn{background:#f0f9ff;color:#0369a1}.reassign-btn:hover:not(:disabled){background:#e0f2fe;color:#0c4a6e}.reassign-btn:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.pagination-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;flex-direction:row;gap:1.5rem;justify-content:space-between;padding:2rem 1.5rem;position:relative}.pagination-wrapper:before{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.pagination-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#374151;flex-shrink:0;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-align:left}.pagination{border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.5rem;padding:.75rem}.pagination,.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;flex-shrink:0;justify-content:center}.pagination-btn{border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;min-width:40px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:before{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pagination-btn:hover:not(:disabled):before{opacity:1}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#1e40af;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;position:relative;transform:translateY(-1px)}.pagination-btn.active:before{display:none}.pagination-btn.active:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.pagination-btn:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.4}.pagination-btn.dots{background:none;border:none;color:#64748b;cursor:default;font-weight:700;min-width:32px}.pagination-btn.dots:hover{background:none;border-color:#0000;box-shadow:none;transform:none}@media (max-width:1400px){.manpower-row{gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1fr}}@media (max-width:1200px){.manpower-row{gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1fr}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.page-actions{justify-content:stretch}.action-button{flex:1 1;justify-content:center}.stats-overview{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-section{align-items:stretch;flex-direction:column;gap:1rem}.pagination-wrapper{justify-content:center;padding:1.5rem}.pagination-info{margin-bottom:.5rem;text-align:center;width:100%}.pagination{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.pagination-btn{font-size:.85rem;height:36px;min-width:36px}.search-box{min-width:auto}.filter-controls{justify-content:space-between;width:100%}.manpower-row{gap:1rem;grid-template-columns:1fr;padding:1rem}.manpower-info{justify-content:center}.manpower-project{text-align:center}.manpower-status{justify-content:center}.pagination-wrapper{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.page-title{font-size:1.5rem}.stats-overview{grid-template-columns:1fr}.stat-card{padding:1rem}.filter-controls{flex-direction:column;gap:.75rem}.filter-select{width:100%}.manpower-row{padding:.75rem}.manpower-name{font-size:.9rem}.manpower-position{font-size:.8rem}.pagination-wrapper{flex-direction:column;justify-content:center;padding:1rem}.pagination-info{margin-bottom:.5rem;text-align:center}.pagination{flex-direction:row;flex-wrap:wrap;gap:.25rem;justify-content:center;width:100%}.pagination-btn{font-size:.8rem;height:32px;min-width:32px}}.manpower-row{animation:fadeInUp .3s ease-out}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-btn:focus,.action-button:focus,.filter-select:focus,.pagination-btn:focus,.refresh-btn:focus,.search-input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.manpower-row{border-bottom:2px solid #000}.status-badge{border:1px solid #000}}.reassign-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reassign-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reassign-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.reassign-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.reassign-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.reassign-modal-close:hover{background:#e2e8f0;color:#374151}.reassign-modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:2rem}.current-assignment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1rem}.current-assignment h4{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.current-assignment p{color:#1e293b;font-size:1rem;font-weight:500;margin:.25rem 0}.current-assignment .location{color:#64748b;font-size:.85rem;font-weight:400}.new-assignment h4{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.project-options{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.project-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.project-option:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px)}.project-option:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.project-option.current{background:#ecfdf5;border-color:#10b981}.project-option.unassign{background:#fffbeb;border-color:#f59e0b}.project-option.unassign:hover:not(:disabled){background:#fef3c7;border-color:#d97706}.project-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;position:relative}.project-name{color:#1e293b;font-size:1rem;font-weight:600}.project-description{color:#64748b;font-size:.85rem}.current-badge{background:#10b981;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;position:absolute;right:0;text-transform:uppercase;top:0}.reassigning-indicator{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem}.edit-field-group{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.edit-field-group label{color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-field-group input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;padding:.6rem .75rem}.edit-field-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}@media (max-width:768px){.reassign-modal{margin:1rem;width:95%}.reassign-modal-header{padding:1rem 1.5rem}.reassign-modal-content{padding:1.5rem}.project-options{max-height:250px}}.dashboard-main{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex:1 1;min-height:calc(100vh - 140px);overflow-y:auto;padding:1rem}.content-wrapper{margin:0 auto;max-width:1200px}.page-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;padding:1.25rem}.page-header-content{align-items:center;display:flex;gap:1.5rem}.back-button{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.page-title-section{flex:1 1}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.page-subtitle{color:#64748b;font-size:.95rem;font-weight:400;margin:0}.request-details-container{display:flex;flex-direction:column;gap:1.5rem}.status-banner{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative}.overdue-ribbon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1.5rem;position:absolute;right:0;text-transform:uppercase;top:0;transform:rotate(0deg);z-index:10}.overdue-ribbon:before{border-color:#0000 #dc2626 #0000 #0000;border-style:solid;border-width:0 10px 10px 0;left:-10px;top:0}.overdue-ribbon:after,.overdue-ribbon:before{content:"";height:0;position:absolute;width:0}.overdue-ribbon:after{border-color:#0000 #0000 #0000 #dc2626;border-style:solid;border-width:10px 0 0 10px;bottom:0;right:-10px}.status-banner.approved{border-left:4px solid #10b981}.status-banner.rejected{border-left:4px solid #ef4444}.status-banner.pending{border-left:4px solid #f59e0b}.status-content{gap:1rem}.status-content,.status-icon{align-items:center;display:flex}.status-icon{border-radius:50%;font-size:2rem;height:48px;justify-content:center;width:48px}.status-icon.approved{background:#10b9811a;color:#10b981}.status-icon.rejected{background:#ef44441a;color:#ef4444}.status-icon.pending{background:#f59e0b1a;color:#f59e0b}.status-info h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.status-description{color:#64748b;font-size:.9rem;margin:0}.received-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:#374151;cursor:pointer;font-weight:500;gap:.5rem}.toggle-input{accent-color:#10b981;height:18px;width:18px}.toggle-text{font-size:.9rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.info-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:1rem 1.5rem}.card-icon{color:#3b82f6;font-size:1.25rem}.card-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-size:.9rem;font-weight:500}.info-value{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:.5rem}.inline-icon{color:#3b82f6;font-size:.9rem}.requirements-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.manpower-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.manpower-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.manpower-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.manpower-quantity{color:#3b82f6;font-size:2rem;font-weight:700;margin-bottom:.5rem}.manpower-type{color:#64748b;font-size:.9rem;font-weight:500}.no-manpower{color:#64748b;padding:2rem;text-align:center}.description-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.description-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-size:.85rem;line-height:1.4;min-height:40px;padding:.5rem}.approval-panel{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;box-shadow:0 4px 20px #0ea5e91a;padding:1.5rem}.panel-header{margin-bottom:1.5rem}.panel-header h3{color:#0c4a6e;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.panel-description{color:#0369a1;font-size:.9rem;line-height:1.5;margin:0}.approval-actions{display:flex;gap:1rem;justify-content:flex-end}.deny-btn{align-items:center;background:#fff;border:2px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.deny-btn:hover{background:#dc2626;color:#fff}.approve-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.approve-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.approve-btn:disabled{background:#9ca3af;cursor:not-allowed}.creator-actions{display:flex;gap:1rem;justify-content:center}.cancel-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.bottom-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.back-btn{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn:hover{background:#4b5563;transform:translateY(-1px)}.schedule-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.schedule-btn:hover:not(.disabled){background:#2563eb;transform:translateY(-1px)}.schedule-btn.disabled{background:#9ca3af;cursor:not-allowed}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.calendar-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:90vw;overflow:hidden;width:400px}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:1.5rem;text-align:center}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-content{padding:1.5rem}.date-input{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;padding:.75rem;width:100%}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding:1.5rem}.confirm-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s ease}.confirm-btn:hover:not(:disabled){background:#2563eb}.confirm-btn:disabled{background:#9ca3af;cursor:not-allowed}.cancel-modal-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s ease}.cancel-modal-btn:hover{background:#dc2626}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.error-icon{font-size:3rem}@media (max-width:1024px){.dashboard-main{padding:1rem}.content-wrapper{max-width:100%}.page-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.info-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{padding:.75rem}.page-header{margin-bottom:.75rem;padding:1rem}.status-banner{align-items:flex-start;gap:1rem}.approval-actions,.creator-actions,.status-banner{flex-direction:column}.creator-actions{width:100%}.cancel-btn{justify-content:center;width:100%}.bottom-actions{flex-direction:column;width:100%}.back-btn,.schedule-btn{justify-content:center;width:100%}.page-title{font-size:1.25rem}.page-subtitle{font-size:.9rem}.calendar-modal{margin:1rem;width:90vw}}@media (max-width:480px){.dashboard-main{padding:.5rem}.page-header{margin-bottom:.75rem;padding:.75rem}.status-banner{padding:1rem}.status-content{flex-direction:column;gap:.75rem;text-align:center}.status-icon{font-size:1.5rem;height:40px;width:40px}.overdue-ribbon{font-size:.7rem;padding:.375rem 1rem}.overdue-ribbon:before{border-width:0 8px 8px 0;left:-8px}.overdue-ribbon:after{border-width:8px 0 0 8px;right:-8px}.card-content{padding:1rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.manpower-grid{grid-template-columns:1fr}.page-title{font-size:1.1rem}.page-subtitle{font-size:.8rem}}.request-details-container{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.approval-panel,.description-card,.info-card,.requirements-card{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.approve-btn:focus-visible,.back-btn:focus-visible,.back-button:focus-visible,.cancel-btn:focus-visible,.cancel-modal-btn:focus-visible,.confirm-btn:focus-visible,.deny-btn:focus-visible,.schedule-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.description-card,.info-card,.requirements-card{border-width:2px}.status-banner{border-width:3px}}@media (prefers-reduced-motion:reduce){.approval-panel,.description-card,.info-card,.request-details-container,.requirements-card{animation:none}.approve-btn:hover,.back-btn:hover,.cancel-btn:hover,.deny-btn:hover,.schedule-btn:hover{transform:none}}.staff-dashboard,.staff-dashboard body,.staff-dashboard html{height:100vh!important;margin:0!important;overflow:auto!important;padding:0!important;width:100%!important}.staff-dashboard *{box-sizing:border-box;margin:0;padding:0}.staff-dashboard body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0!important;min-height:100vh;padding:0!important;width:100%!important}.staff-dashboard .dashboard-container,.staff-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;padding:0;width:100%}.staff-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.staff-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.staff-dashboard .logo-section{align-items:center;display:flex;gap:.75rem}.staff-dashboard .header-logo{height:32px;object-fit:contain;width:32px}.staff-dashboard .header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0}.staff-dashboard .header-bottom{align-items:center;display:flex;justify-content:space-between}.staff-dashboard .header-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.staff-dashboard .nav-item{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.5rem .75rem;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.staff-dashboard .nav-item:hover{background-color:#3b82f633;color:#fff;transform:translateY(-1px)}.staff-dashboard .nav-item.active{background-color:#3b82f633;border:1px solid #3b82f64d;color:#fff}.staff-dashboard .nav-item svg{font-size:.9rem}.staff-dashboard .user-profile{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem;position:relative;transition:all .2s ease}.staff-dashboard .user-profile:hover{background-color:#3b82f633;border-color:#3b82f64d}.staff-dashboard .profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.staff-dashboard .profile-info{display:flex;flex-direction:column;gap:.2rem}.staff-dashboard .profile-name{font-size:.8rem;font-weight:600}.staff-dashboard .profile-role{color:#94a3b8;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.staff-dashboard .profile-dropdown{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:120px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.staff-dashboard .logout-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-weight:500;padding:.6rem .8rem;text-align:left;transition:all .2s ease;width:100%}.staff-dashboard .logout-btn:hover{background-color:#fef2f2;color:#dc2626}.staff-dashboard .dashboard-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.staff-dashboard .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.staff-dashboard .dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.staff-dashboard .dashboard-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.staff-dashboard .welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.staff-dashboard .welcome-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.staff-dashboard .welcome-subtitle{font-size:1rem;margin-bottom:1rem;opacity:.9}.staff-dashboard .welcome-project{background:#fff3;border-radius:8px;display:inline-block;font-weight:600;padding:.5rem 1rem}.staff-dashboard .header,.staff-dashboard .nav-menu,.staff-dashboard .profile-menu-container{display:none}@media (max-width:768px){.staff-dashboard .dashboard-header{padding:.5rem 1rem}.staff-dashboard .header-nav{gap:.25rem}.staff-dashboard .nav-item{font-size:.75rem;min-width:80px;padding:.4rem .6rem}.staff-dashboard .nav-item span{display:none}.staff-dashboard .nav-item svg{font-size:1rem}.staff-dashboard .profile-info{display:none}.staff-dashboard .dashboard-main{padding:1rem}.staff-dashboard .dashboard-grid{grid-template-columns:1fr}}.hr-site-dashboard,.hr-site-dashboard body,.hr-site-dashboard html{height:100vh!important;margin:0!important;overflow:auto!important;padding:0!important;width:100%!important}html{-ms-overflow-style:auto!important;scrollbar-width:auto!important}.hr-site-dashboard *{box-sizing:border-box;margin:0;padding:0}.hr-site-dashboard body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0!important;min-height:100vh;padding:0!important;width:100%!important}.hr-site-dashboard .dashboard-container,.hr-site-dashboard.dashboard-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;margin:0;max-width:100vw;min-height:100vh;padding:0;width:100%}.hr-site-dashboard .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 20px #0000001a;color:#fff;flex-shrink:0;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.hr-site-dashboard .header-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.hr-site-dashboard .logo-section{align-items:center;display:flex;gap:.75rem}.hr-site-dashboard .header-logo{height:32px;object-fit:contain;width:32px}.hr-site-dashboard .header-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0}.hr-site-dashboard .header-bottom{align-items:center;display:flex;justify-content:space-between}.hr-site-dashboard .header-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.hr-site-dashboard .nav-item{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.5rem .75rem;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.hr-site-dashboard .nav-item:hover{background-color:#3b82f633;color:#fff;transform:translateY(-1px)}.hr-site-dashboard .nav-item.active{background-color:#3b82f633;border:1px solid #3b82f64d;color:#fff}.hr-site-dashboard .nav-item svg{font-size:.9rem}.hr-site-dashboard .user-profile{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem;position:relative;transition:all .2s ease}.hr-site-dashboard .user-profile:hover{background-color:#3b82f633;border-color:#3b82f64d}.hr-site-dashboard .profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.hr-site-dashboard .profile-info{display:flex;flex-direction:column;gap:.2rem}.hr-site-dashboard .profile-name{font-size:.8rem;font-weight:600}.hr-site-dashboard .profile-role{color:#94a3b8;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.hr-site-dashboard .profile-dropdown{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:120px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.hr-site-dashboard .logout-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-weight:500;padding:.6rem .8rem;text-align:left;transition:all .2s ease;width:100%}.hr-site-dashboard .logout-btn:hover{background-color:#fef2f2;color:#dc2626}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hr-site-dashboard .dashboard-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.hr-site-dashboard .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hr-site-dashboard .dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.hr-site-dashboard .dashboard-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.hr-site-dashboard .welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.hr-site-dashboard .welcome-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.hr-site-dashboard .welcome-subtitle{font-size:1rem;margin-bottom:1rem;opacity:.9}.hr-site-dashboard .welcome-project{background:#fff3;border-radius:8px;display:inline-block;font-weight:600;padding:.5rem 1rem}.hr-site-dashboard .header,.hr-site-dashboard .nav-menu,.hr-site-dashboard .profile-menu-container{display:none}@media (max-width:768px){.hr-site-dashboard .dashboard-header{padding:.5rem 1rem}.hr-site-dashboard .header-nav{gap:.25rem}.hr-site-dashboard .nav-item{font-size:.75rem;min-width:80px;padding:.4rem .6rem}.hr-site-dashboard .nav-item span{display:none}.hr-site-dashboard .nav-item svg{font-size:1rem}.hr-site-dashboard .profile-info{display:none}.hr-site-dashboard .dashboard-main{padding:1rem}.hr-site-dashboard .dashboard-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3f7bf264.css.map*/