@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{color:#333}button{cursor:pointer;padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:14px;transition:background-color .3s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}input,select,textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 4px #0000001a}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd;color:#333}th{background-color:#f8f9fa;font-weight:600;color:#333}tr:hover{background-color:#f5f5f5}.card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.error{color:#dc3545;font-size:14px;margin-top:5px}.success{color:#28a745;font-size:14px;margin-top:5px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-screen p{color:#666;font-size:16px}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;max-width:500px;width:calc(100% - 40px);animation:slideUp .3s ease-out}.pwa-install-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:16px;border:1px solid #e5e7eb}.pwa-install-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;color:#fff;margin:0 auto}.pwa-install-text{text-align:center}.pwa-install-text h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.pwa-install-text p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.pwa-install-actions{display:flex;gap:12px;justify-content:center}.pwa-install-button,.pwa-dismiss-button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.pwa-install-button{background:#3b82f6;color:#fff;flex:1}.pwa-install-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pwa-install-button:active{transform:translateY(0)}.pwa-dismiss-button{background:#f3f4f6;color:#6b7280;flex:1}.pwa-dismiss-button:hover{background:#e5e7eb}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 768px){.pwa-install-prompt{bottom:10px;width:calc(100% - 20px)}.pwa-install-content{padding:16px}.pwa-install-text h3{font-size:16px}.pwa-install-text p{font-size:13px}.pwa-install-actions{flex-direction:column}.pwa-install-button,.pwa-dismiss-button{width:100%}}@media (display-mode: standalone){.pwa-install-prompt{display:none}}.offline-indicator{position:fixed;bottom:20px;right:20px;z-index:10000;padding:10px 16px;border-radius:24px;font-size:13px;font-weight:500;transition:transform .3s ease-in-out,opacity .3s ease-in-out;box-shadow:0 4px 12px #0003;cursor:pointer}.offline-indicator.offline{background-color:#ef4444;color:#fff;transform:scale(1);opacity:1}.offline-indicator.online{background-color:#10b981;color:#fff;animation:fadeIn .3s ease-in-out,fadeOut .3s ease-in-out 2.7s forwards}.offline-indicator-content{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.offline-indicator svg{flex-shrink:0;width:16px;height:16px}@keyframes fadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@media (max-width: 768px){.offline-indicator{bottom:80px;right:16px;font-size:12px;padding:8px 14px}.offline-indicator-content{gap:6px}.offline-indicator svg{width:14px;height:14px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;padding:20px}.login-card{background:#fff;border-radius:10px;padding:40px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h1{color:#000;text-align:center;margin-bottom:10px;font-size:2rem}.login-card h2{color:#000;text-align:center;margin-bottom:30px;font-size:1.5rem;font-weight:400}.login-logo{max-height:80px;max-width:300px;object-fit:contain;display:block;margin:0 auto 10px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid #fcc}.login-button{width:100%;padding:12px;font-size:16px;font-weight:600;background:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000000!important;background-color:#fff!important;color:#000!important;border:1px solid #ddd!important}.form-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000000!important;background-color:#fff!important;color:#000!important;border:1px solid #000000!important}.forgot-password-link{margin-top:15px;text-align:center}.info-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid #c3e6cb;font-size:.9rem}.form-actions{margin-top:20px;display:flex;gap:10px}.btn-secondary{padding:12px 24px;font-size:14px;font-weight:600;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .2s;flex:1}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.login-container{padding:15px}.login-card{padding:30px 25px;max-width:100%}.login-card h1{font-size:1.75rem}.login-card h2{font-size:1.25rem}.form-group input{padding:14px 12px;font-size:16px}.login-button,.btn-secondary{padding:14px;font-size:15px;min-height:48px}}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:25px 20px}.login-card h1{font-size:1.5rem}.login-card h2{font-size:1.1rem;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{font-size:.9rem}.login-button,.btn-secondary{padding:14px 16px;font-size:14px}.form-actions{flex-direction:column}}.login-version-info{margin-top:25px;padding-top:20px;border-top:1px solid #e9ecef;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.version-row{display:flex;align-items:center;gap:6px;font-family:Monaco,Courier New,monospace}.version-label{font-size:.7rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.version-value{font-size:.7rem;color:#495057;font-weight:700}.version-separator{font-size:.7rem;color:#adb5bd;font-weight:400}@media (max-width: 480px){.login-version-info{gap:8px}.version-label,.version-value,.version-separator{font-size:.65rem}}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;padding:20px}.reset-password-card{background:#fff;border-radius:10px;padding:40px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.reset-password-card h1{color:#000;text-align:center;margin-bottom:10px;font-size:1.8rem}.reset-password-logo{max-height:80px;max-width:300px;object-fit:contain;display:block;margin:0 auto 10px}.subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:.95rem}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid #f5c6cb}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:5px;margin-bottom:20px;border:1px solid #c3e6cb}.btn{width:100%;padding:12px;font-size:16px;font-weight:600;background:#000;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group label{display:block;margin-bottom:8px;color:#000;font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;color:#000;background-color:#fff;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#000;background-color:#fff;color:#000}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-help{display:block;margin-top:5px;color:#666;font-size:12px}.form-footer{margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#000;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.link-button:hover:not(:disabled){color:#666}.link-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.reset-password-container{padding:15px}.reset-password-card{padding:30px 25px;max-width:100%}.reset-password-card h1{font-size:1.6rem}.subtitle{font-size:.9rem}.form-group input{padding:14px 12px;font-size:16px}.btn{padding:14px;font-size:15px;min-height:48px}}@media (max-width: 480px){.reset-password-container{padding:10px}.reset-password-card{padding:25px 20px}.reset-password-card h1{font-size:1.4rem}.subtitle{font-size:.85rem;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{font-size:.9rem}.form-group input{padding:14px 12px}.btn{padding:14px 16px;font-size:14px}}.feedback-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#000;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s ease;padding:5px}.feedback-button .feedback-text{display:none}.feedback-button .feedback-icon{display:block}body.modal-open .feedback-button{display:none!important}.feedback-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.feedback-button:active{transform:scale(.95)}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.feedback-modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.feedback-modal-header{background:#000;color:#fff;padding:25px 30px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f0f0f0;flex-shrink:0}.feedback-modal-header-content{flex:1}.feedback-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}.feedback-modal-close{background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s}.feedback-modal-close:hover{color:#ccc;transform:rotate(90deg)}.feedback-modal-body{flex:1;overflow-y:auto;padding:25px 30px 10px;-webkit-overflow-scrolling:touch}.feedback-form-group{margin-bottom:20px}.feedback-form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.feedback-form-group input[type=text],.feedback-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;color:#333;transition:border-color .2s}.feedback-form-group input[type=text]:focus,.feedback-form-group textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.feedback-form-group textarea{resize:vertical;min-height:120px}.feedback-char-counter{display:flex;justify-content:flex-end;margin-top:4px;font-size:12px;color:#6b7280}.feedback-char-counter.near-limit{color:#f59e0b;font-weight:600}.feedback-char-counter.at-limit{color:#ef4444;font-weight:600}.feedback-upload-box{border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;transition:all .2s;cursor:pointer}.feedback-upload-box:hover{border-color:#000;background-color:#f5f5f5}.feedback-upload-box input[type=file]{display:none}.feedback-upload-label{cursor:pointer;color:#000;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:8px}.feedback-upload-hint{font-size:12px;color:#6b7280;margin-top:4px}.feedback-image-preview{margin-top:12px;position:relative;display:inline-block}.feedback-image-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #d1d5db}.feedback-remove-image{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s}.feedback-remove-image:hover{background:#dc2626}.feedback-paste-hint{font-size:12px;color:#6b7280;margin-top:8px;font-style:italic}.feedback-modal-footer{padding:15px 30px;border-top:3px solid #f0f0f0;display:flex;justify-content:flex-end;gap:15px;flex-shrink:0;background:#f8f9fa;box-sizing:border-box}.feedback-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.feedback-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.feedback-btn-cancel:hover{background:#f9fafb}.feedback-btn-submit{background:#000;color:#fff}.feedback-btn-submit:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.feedback-btn-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.feedback-success-message{background:#fff;border-radius:12px;padding:32px;text-align:center;max-width:400px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-success-icon{width:64px;height:64px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.feedback-success-icon svg{color:#fff}.feedback-success-message h3{margin:0 0 8px;color:#111827;font-size:20px}.feedback-success-message p{margin:0;color:#6b7280;font-size:14px}.feedback-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;color:#991b1b;font-size:14px}@media (min-width: 769px){.feedback-modal-content{max-height:90vh}}.feedback-modal-back-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:0;margin-right:15px;width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;flex-shrink:0}.feedback-modal-back-button svg{stroke-linecap:round;stroke-linejoin:round}.feedback-modal-back-button:hover{background:#ffffff4d}@media (max-width: 768px){.feedback-button{width:37px;height:37px;bottom:0;right:0;border-radius:8px 0 0 8px}.feedback-button .feedback-icon{display:block}.feedback-button .feedback-text{display:none}.send-feedback-modal.feedback-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;padding:0!important;margin:0!important;align-items:stretch!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.send-feedback-modal .feedback-modal-content{position:relative!important;margin:0!important;width:100%!important;height:auto!important;flex:1!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.send-feedback-modal .feedback-modal-header{padding:15px 20px!important;border-radius:0!important;flex-shrink:0!important;position:relative!important;justify-content:flex-start!important}.send-feedback-modal .feedback-modal-header h2{font-size:20px!important;text-align:left!important;flex:1!important}.send-feedback-modal .feedback-modal-back-button{display:flex!important;margin-right:12px!important;position:static!important;transform:none!important}.send-feedback-modal .feedback-modal-close{display:none!important}.send-feedback-modal .feedback-modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding:20px 20px 0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.send-feedback-modal .feedback-modal-footer{border-radius:0!important;flex-shrink:0!important;position:relative!important;margin-top:0!important;margin-bottom:0!important;padding:15px!important;max-height:none!important;height:auto!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:space-between!important}.send-feedback-modal .feedback-btn-cancel{display:none!important}.send-feedback-modal .feedback-btn-submit{width:100%!important;flex:1!important;height:44px!important;padding:8px 16px!important;font-size:16px!important}.send-feedback-modal.feedback-modal-overlay,.send-feedback-modal .feedback-modal-content{padding-bottom:0!important}.send-feedback-modal .feedback-modal-footer{padding-bottom:15px!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.send-feedback-modal.feedback-modal-overlay{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.send-feedback-modal .feedback-modal-content{padding-bottom:0!important;height:auto!important}.send-feedback-modal .feedback-modal-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}.send-feedback-modal .feedback-modal-header{padding-top:15px!important}}}body.feedback-modal-open{overflow:hidden}.layout{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:260px;background:#000;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s ease,width .3s ease}.sidebar.sidebar-collapsed{width:70px}.sidebar-header{padding:15px 20px;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff;min-height:36px;box-sizing:border-box}.sidebar-header h2{margin:0;font-size:20px;font-weight:600;color:#000}.sidebar-logo{text-decoration:none;color:inherit;cursor:pointer;flex:1;display:block;transition:opacity .2s}.sidebar-logo:hover{opacity:.8}.sidebar-logo-container{padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-logo-img{max-height:40px;max-width:200px;object-fit:contain;display:block;transition:all .3s ease}.sidebar-collapsed .sidebar-logo-container{padding:0;border-radius:6px;width:100%;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .sidebar-logo-img{max-height:28px;max-width:28px}.sidebar-collapsed .sidebar-logo-container{aspect-ratio:1}.sidebar-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ff8c00;color:#fff;border-left-color:#ff8c00;font-weight:600}.nav-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:15px}.sidebar-collapsed .sidebar-header{padding:8px 10px;min-height:40px}.sidebar-collapsed .sidebar-header h2{display:block;font-size:10px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-toggle{display:none}.sidebar-collapsed .nav-item{padding:12px;justify-content:center}.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .nav-icon{margin-right:0}.sidebar-collapse-btn{display:flex;align-items:center;padding:12px 20px;color:#fffc;background:none;border:none;width:100%;cursor:pointer;transition:all .2s;border-left:3px solid transparent;text-align:left;font-size:15px}.sidebar-collapse-btn:hover{background-color:#ffffff1a;color:#fff}.sidebar-collapse-btn .nav-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .sidebar-collapse-btn{padding:12px;justify-content:center}.sidebar-collapsed .sidebar-collapse-btn .nav-label{display:none}.sidebar-collapsed .sidebar-collapse-btn .nav-icon{margin-right:0}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-footer>.nav-item{margin:0}.sidebar-footer>.sidebar-collapse-btn{margin:8px 0 0}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.main-content-collapsed{margin-left:70px}.top-header{background-color:#fff;padding:15px 30px;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10;transition:transform .3s ease,opacity .3s ease}@media (max-width: 768px){body.modal-open .top-header{display:none}}.hamburger{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:5px;color:#333}.page-title{font-size:20px;font-weight:600;color:#333;margin-left:15px}.header-logo-link{text-decoration:none;color:inherit;cursor:pointer;flex:1;display:block;transition:opacity .2s}.header-logo-link:hover{opacity:.8}.header-spacer{flex:1}.header-user{position:relative;margin-left:auto;z-index:1500}.user-dropdown-button{display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;cursor:pointer;border-radius:6px;transition:background-color .2s}.user-dropdown-button:hover{background-color:#0000000d}.user-avatar-header{width:36px;height:36px;border-radius:50%;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden}.user-avatar-header img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.user-name-header{font-size:14px;font-weight:500;color:#333}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;z-index:1500;border:1px solid #e0e0e0;overflow:hidden}.user-dropdown-info{padding:15px;border-bottom:1px solid #e0e0e0}.user-dropdown-name{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.user-dropdown-role{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.user-dropdown-item{width:100%;padding:12px 15px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:#333;font-weight:500;transition:background-color .2s;text-align:left;text-decoration:none;border-bottom:1px solid #e0e0e0}.user-dropdown-item:hover{background-color:#f5f5f5}.user-dropdown-logout{width:100%;padding:12px 15px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:#d32f2f;font-weight:500;transition:background-color .2s;text-align:left}.user-dropdown-logout:hover{background-color:#f5f5f5}.content{flex:1;padding:0 30px 30px;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:500}@media (max-width: 1024px){.sidebar{width:220px}.sidebar.sidebar-collapsed{width:60px}.main-content{margin-left:220px}.main-content-collapsed{margin-left:60px}.content{padding:0 25px 25px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px;box-shadow:2px 0 10px #0000001a}.sidebar-open{transform:translate(0)}.sidebar-toggle{display:block;position:absolute;right:15px;top:15px;width:44px;height:44px;font-size:20px}.sidebar-overlay{display:block}.main-content{margin-left:0}.hamburger{display:block;width:44px;height:44px;min-width:44px;padding:10px;font-size:20px}.content{padding:0 20px 20px}.top-header{padding:12px 20px;gap:10px}.page-title{font-size:18px;margin-left:0;flex:1}.nav-item{padding:16px 20px;min-height:48px;font-size:16px}.nav-icon{width:24px;height:24px;margin-right:16px}.nav-label{font-size:16px}.sidebar-collapse-btn{min-height:48px;padding:16px 20px;font-size:16px}.sidebar-nav{flex-direction:column;padding:10px 0}.sidebar-header h2{font-size:18px}.sidebar-header{min-height:60px}}@media (max-width: 480px){.content{padding:0 15px 15px}.top-header{padding:10px 15px}.page-title{font-size:16px;margin-left:0}.user-name-header{display:none}.user-dropdown-button{padding:8px 12px;min-height:44px}.user-avatar-header{width:32px;height:32px;font-size:12px}.nav-item{padding:14px 18px;min-height:44px;font-size:15px}.nav-icon{width:22px;height:22px;margin-right:14px}.nav-label{font-size:15px}.sidebar{width:260px}.sidebar-header{padding:12px 15px;min-height:56px}.sidebar-header h2{font-size:16px}.sidebar-collapse-btn{min-height:44px;padding:14px 18px;font-size:15px}}body.modal-open{overflow:hidden!important;position:fixed;width:100%}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:deleteModalFadeIn .2s ease-out}@keyframes deleteModalFadeIn{0%{opacity:0}to{opacity:1}}.delete-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #dc354566;animation:deleteModalSlideUp .3s ease-out;border:3px solid #dc3545}@keyframes deleteModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:25px 30px;text-align:center;border-radius:9px 9px 0 0}.delete-warning-icon{font-size:48px;margin-bottom:10px;animation:deleteWarningPulse 2s ease-in-out infinite}@keyframes deleteWarningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-modal-header h2{margin:0;font-size:24px;font-weight:800;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.delete-modal-body{padding:30px}.delete-warning-box{background:linear-gradient(135deg,#fff5f5,#ffe0e0);border:3px solid #dc3545;border-radius:8px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #dc354526}.delete-warning-title{color:#dc3545;font-size:18px;font-weight:800;margin:0 0 10px;text-align:center;letter-spacing:.5px}.delete-warning-subtitle{color:#721c24;font-size:15px;font-weight:600;margin:0;text-align:center}.delete-details-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.delete-details-box h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:700;border-bottom:2px solid #dc3545;padding-bottom:8px}.delete-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.delete-detail-row:last-child{border-bottom:none}.delete-detail-label{font-weight:600;color:#666;font-size:14px}.delete-detail-value{font-weight:600;color:#333;font-size:14px;text-align:right}.delete-detail-value.amount-value{color:#dc3545;font-size:16px;font-weight:700}.delete-impact-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:20px}.delete-impact-box h3{margin:0 0 12px;color:#856404;font-size:16px;font-weight:700}.delete-impact-list{margin:0;padding-left:0;list-style:none}.delete-impact-list li{padding:8px 0;color:#856404;font-weight:600;font-size:14px}.delete-confirmation-box{background:#f8f9fa;border:2px solid #dc3545;border-radius:8px;padding:15px;text-align:center}.delete-confirmation-text{margin:0;color:#333;font-size:15px;font-weight:700}.delete-modal-footer{display:flex;gap:15px;padding:20px 30px;background:#f8f9fa;border-top:2px solid #e0e0e0;border-radius:0 0 9px 9px}.delete-btn-cancel,.delete-btn-confirm{flex:1;padding:14px 24px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.delete-btn-cancel{background:#6c757d;color:#fff}.delete-btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.delete-btn-confirm{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:2px solid #bd2130}.delete-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}.delete-btn-cancel:disabled,.delete-btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.delete-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:deleteSpinnerRotate 1s linear infinite}@keyframes deleteSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.delete-modal-overlay{padding:10px}.delete-modal-content{max-height:95vh}.delete-modal-header{padding:20px}.delete-warning-icon{font-size:40px}.delete-modal-header h2{font-size:20px}.delete-modal-body{padding:20px}.delete-warning-title{font-size:16px}.delete-warning-subtitle{font-size:14px}.delete-details-box,.delete-impact-box,.delete-confirmation-box{padding:15px}.delete-modal-footer{flex-direction:column-reverse;padding:15px 20px}.delete-btn-cancel,.delete-btn-confirm{width:100%}}.submission-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain}.submission-overlay-content{background:#fff;border-radius:16px;padding:40px 32px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideInScale .3s ease-out}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.submission-spinner{display:inline-block;width:64px;height:64px;border:6px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:24px}.submission-overlay-content h3{font-size:24px;font-weight:600;color:#111827;margin:0 0 16px}.submission-warning{font-size:18px;font-weight:600;color:#dc2626;margin:12px 0;padding:12px 16px;background:#fee2e2;border-radius:8px;border:2px solid #fca5a5}.submission-info{font-size:14px;color:#6b7280;margin:8px 0 0}.submission-success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#10b981;border-radius:50%;color:#fff;font-size:48px;font-weight:700;margin-bottom:20px;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.submission-success-message{font-size:16px;color:#10b981;font-weight:500;margin:8px 0 0}.submission-error-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ef4444;border-radius:50%;color:#fff;font-size:48px;font-weight:700;margin-bottom:20px;animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.submission-error-message{font-size:16px;color:#ef4444;font-weight:500;margin:8px 0 0}@media (max-width: 768px){.submission-overlay-content{padding:32px 24px;width:85%;max-width:340px}.submission-spinner{width:56px;height:56px;border-width:5px;margin-bottom:20px}.submission-overlay-content h3{font-size:20px;margin:0 0 12px}.submission-warning{font-size:16px;padding:10px 14px;margin:10px 0}.submission-info{font-size:13px}.submission-success-icon,.submission-error-icon{width:72px;height:72px;font-size:42px;margin-bottom:16px}.submission-success-message,.submission-error-message{font-size:15px}}@media (max-width: 480px){.submission-overlay-content{padding:24px 20px;width:90%;max-width:300px}.submission-spinner{width:48px;height:48px;border-width:4px;margin-bottom:16px}.submission-overlay-content h3{font-size:18px;margin:0 0 10px}.submission-warning{font-size:15px;padding:10px 12px;margin:8px 0}.submission-info{font-size:12px}.submission-success-icon,.submission-error-icon{width:64px;height:64px;font-size:38px;margin-bottom:14px}.submission-success-message,.submission-error-message{font-size:14px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.dashboard-page{max-width:1600px;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:2rem}.success-notification{background:#10b981;color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:600;font-size:16px;text-align:center;box-shadow:0 4px 12px #10b9814d;animation:slideDown .3s ease-out;position:sticky;top:20px;z-index:10000}.btn-export{padding:12px 24px;background:#000;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2ecc714d}.date-filter-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.date-filter-card h3{margin:0 0 15px;color:#333;font-size:18px}.filter-pane.export-pane{display:flex;align-items:center;justify-content:center;padding:15px 20px;flex:0 0 auto;margin-left:auto}.export-buttons-group{display:flex;gap:10px}.summary-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.summary-table-container h2{margin:0;padding:20px;color:#333;font-size:20px;border-bottom:1px solid #eee}.summary-table{width:100%;border-collapse:collapse}.summary-table thead{background-color:#f8f9fa}.summary-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.summary-table td{padding:15px;border-bottom:1px solid #eee;color:#333;font-size:14px}.summary-table tbody tr:hover{background-color:#f8f9fa}.summary-table tbody tr.selected{background-color:#e8eaf6;border-left:3px solid #667eea}.user-info strong{color:#333;display:block;margin-bottom:4px}.user-email{font-size:12px;color:#999}.btn-details{padding:6px 12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-details:hover{background-color:#5568d3}.details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:50px 20px 20px;animation:fadeIn .2s ease-out}.details-content{background:#000;border-radius:16px;width:100%;max-width:98vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.details-header{padding:20px 80px 0 30px;flex-shrink:0;position:relative;background:#000;z-index:10;border-radius:16px 16px 0 0}.details-header-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.details-header-left{flex:1}.details-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.btn-paid-header{margin:0}.btn-close-top-right{position:absolute;top:15px;right:15px;background:#fff3;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.btn-close-top-right:hover{background:#ffffff4d;transform:rotate(90deg)}.details-back-button{display:none;position:absolute;top:15px;left:15px;background:#fff3;border:none;color:#fff;cursor:pointer;padding:0;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;z-index:10}.details-back-button svg{stroke-linecap:round;stroke-linejoin:round}.details-back-button:hover{background:#ffffff4d}.details-header h2{margin:0;color:#fff;font-size:24px;font-weight:700}.viewing-week{margin:5px 0 -10px;color:#ffffffe6;font-size:14px;font-weight:500}.action-buttons{display:flex;gap:10px;margin-top:10px}.btn-edit,.btn-paid{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-edit{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-edit:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-paid{background:#2ecc71;color:#fff;border:2px solid #2ecc71}.btn-paid:hover{background:#27ae60;border-color:#27ae60;transform:translateY(-1px);box-shadow:0 4px 12px #2ecc714d}.btn-paid:disabled,.btn-paid.disabled{background:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.btn-paid:disabled:hover,.btn-paid.disabled:hover{background:#ccc;border-color:#ccc;transform:none;box-shadow:none}.btn-close{background:#fff3;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.btn-table-edit{padding:6px 12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-table-edit:hover{background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.btn-table-edit.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.btn-table-edit.disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.btn-table-delete{padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-table-delete:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.btn-table-delete.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.btn-table-delete.disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.user-summary{padding:30px;border-bottom:2px solid #e0e0e0;background:#000}.user-summary h3{margin:0 0 20px;color:#333;font-size:22px;font-weight:700}.rate-info{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.rate-badge{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000001a}.rate-badge.normal{background:#000;border:2px solid #28a745}.rate-badge.normal .rate-label{color:#155724}.rate-badge.normal .rate-value{color:#155724;font-weight:700;font-size:16px}.rate-badge.overtime{background:#000;border:2px solid #f59e0b}.rate-badge.overtime .rate-label{color:#92400e}.rate-badge.overtime .rate-value{color:#92400e;font-weight:700;font-size:16px}.payment-status{margin:0;padding:0 30px 30px;text-align:center;font-size:14px;font-weight:600;background:#000}.status-paid{background-color:#d4edda;border:2px solid #2ecc71;color:#155724;padding:12px;border-radius:6px;font-size:14px;font-weight:700}.status-unpaid{background-color:#fff3cd;border:2px solid #f39c12;color:#856404;padding:12px;border-radius:6px;font-size:14px;font-weight:700}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;background:#000;padding:30px;margin:-1px 0 0}.stat{background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;border-left:4px solid #667eea;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.stat-value{display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}.stat-hours{font-size:32px;font-weight:700;color:#667eea;line-height:1}.stat-amount-breakdown{display:flex;flex-direction:row;align-items:baseline;gap:8px}.stat-rate{font-size:13px;font-weight:600;color:#888;letter-spacing:.3px}.stat-total{font-size:20px;font-weight:700;color:#2ecc71}.stat-total-weekend{color:#9b59b6}.stat-total-overtime{color:#f39c12}.stat:nth-child(4){border-left-color:#e74c3c}.stat:nth-child(4) .stat-value{color:#e74c3c;font-size:20px;font-weight:700}.stat:nth-child(5){border-left-color:#27ae60}.stat:nth-child(5) .stat-value{color:#27ae60;font-size:20px;font-weight:700}.stat-grand-total .stat-value{font-size:32px;font-weight:700;color:#667eea}.rate-amount{font-size:20px;font-weight:700;margin-left:8px}.rate-amount.normal{color:#2ecc71}.rate-amount.weekend{color:#9b59b6}.rate-amount.overtime{color:#f39c12}.details-table-container{padding-top:10px;background:#fff}.details-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d;background:#fff;table-layout:auto}.details-table thead{background:#000!important}.details-table th{padding:15px 12px;text-align:left;font-weight:700;color:#fff!important;background:transparent;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:normal;word-wrap:break-word}.details-table td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.details-table thead tr:hover{background:#000!important}.details-table thead tr:hover th{color:#fff!important;background:transparent!important}.details-table th:first-child{border-radius:10px 0 0}.details-table th:last-child{border-radius:0 10px 0 0}.details-table td{padding:16px 14px;border-bottom:1px solid #f0f0f0;color:#333;font-size:15px}.details-table tbody tr{transition:background-color .2s}.details-table tbody tr:hover{background-color:#f8f9fa}.details-table tbody tr:last-child td{border-bottom:1px solid #f0f0f0}.details-table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.details-table tbody tr:last-child td:last-child{border-radius:0 0 10px}.summary-table td:before,.details-table td:before{display:none}.badge-paid{display:inline-block;background-color:#2ecc71;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-unpaid{display:inline-block;background-color:#f39c12;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-expenses{white-space:nowrap;display:inline-block}.details-table-header-mobile{display:none}@media (max-width: 768px){.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.btn-export{width:100%;padding:14px 24px}.success-notification{font-size:14px;padding:12px 15px}.date-filter-card{padding:15px}.filter-panes{flex-direction:column;gap:15px}.filter-pane{width:100%;min-width:100%}.filter-pane.date-selection-pane{min-width:100%}.filter-pane.export-pane{padding:0;background:transparent;border:none}.export-buttons-group{flex-direction:column;width:100%;gap:10px}.filter-pane.export-pane .btn-export{width:100%}.filter-pane.view-mode-pane{justify-content:center}.date-filters{flex-direction:column;align-items:stretch;gap:15px}.date-filters .date-forms{flex-direction:row;flex-wrap:nowrap;gap:10px}.date-filters .form-group{flex:1;min-width:140px}.date-filters .form-group input{font-size:14px;padding:10px 8px;white-space:nowrap}.date-filter-actions{display:none}.view-filter-actions{justify-content:center;margin-top:0}.view-filter-actions .view-filter-buttons{flex:1;justify-content:center}.summary-table-container{overflow:visible}.summary-table{display:block;min-width:0}.summary-table thead{display:none}.summary-table tbody{display:block}.summary-table tr{display:block;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#fff;box-shadow:0 2px 4px #0000000d}.summary-table tr.selected{border-left:4px solid #667eea}.summary-table td{display:flex;justify-content:space-between;padding:8px 0;border:none;font-size:14px;align-items:center}.summary-table td:before{content:attr(data-label);font-weight:600;color:#555;text-transform:uppercase;font-size:11px;letter-spacing:.3px;display:inline-block;min-width:110px;flex-shrink:0}.summary-table td strong{color:#333;font-weight:700;font-size:15px}.summary-table td:last-child{border-top:1px solid #e0e0e0;padding-top:12px;margin-top:8px;justify-content:center}.summary-table td:last-child:before{display:none}.summary-table td:first-child{font-size:16px;font-weight:700;color:#333;padding:10px 0;border-bottom:2px solid #667eea;margin-bottom:8px}.summary-table td:first-child:before{display:none}.summary-table td[data-label=Expenses],.summary-table td[data-label=Status]{align-items:center}.summary-table td[data-label=Expenses] .badge-expenses,.summary-table td[data-label=Status] .badge-paid,.summary-table td[data-label=Status] .badge-unpaid{margin-left:auto;white-space:nowrap}.btn-details{width:100%;padding:10px 16px;font-size:14px}.summary-stats{grid-template-columns:1fr;gap:12px;margin:-1px 0 0;padding:15px}.stat{padding:15px}.expenses-breakdown-modal.details-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding:0!important;margin:0!important;align-items:stretch!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.expenses-breakdown-modal .details-content{position:relative!important;margin:0!important;width:100%!important;height:auto!important;flex:1!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.expenses-breakdown-modal .details-header{padding:15px 20px 15px 65px!important;border-radius:0!important;flex-shrink:0!important}.expenses-breakdown-modal .details-back-button{display:flex!important;position:absolute!important;top:15px!important;left:15px!important}.expenses-breakdown-modal .btn-close-top-right{display:none!important}.expenses-breakdown-modal .details-header h2{font-size:18px!important}.expenses-breakdown-modal .viewing-week{font-size:12px!important;margin:5px 0 -10px!important}.expenses-breakdown-modal .details-header-content{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.expenses-breakdown-modal .details-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.expenses-breakdown-modal.details-modal,.expenses-breakdown-modal .details-content{padding-bottom:0!important}.daily-breakdown-modal.details-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding:0!important;margin:0!important;align-items:stretch!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.daily-breakdown-modal .details-content{position:relative!important;margin:0!important;width:100%!important;height:auto!important;flex:1!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.daily-breakdown-modal .details-header{padding:15px 20px 15px 65px!important;border-radius:0!important;flex-shrink:0!important}.daily-breakdown-modal .details-back-button{display:flex!important;position:absolute!important;top:15px!important;left:15px!important}.daily-breakdown-modal .btn-close-top-right{display:none!important}.daily-breakdown-modal .details-header h2{font-size:18px!important}.daily-breakdown-modal .viewing-week{font-size:12px!important;margin:5px 0 0!important}.daily-breakdown-modal .details-header-content{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.daily-breakdown-modal .details-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.daily-breakdown-modal.details-modal,.daily-breakdown-modal .details-content{padding-bottom:0!important}.daily-breakdown-modal .details-table-header-mobile{display:block;padding:10px 10px 8px;background:#f8f9fa;border-bottom:2px solid #667eea;margin-bottom:10px;border-radius:6px}.daily-breakdown-modal .details-table-header-mobile h4{margin:0;font-size:13px;color:#667eea;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.daily-breakdown-modal .btn-paid-header{width:100%;padding:12px;font-size:14px}.daily-breakdown-modal .btn-close-top-right{width:36px;height:36px;font-size:24px;top:10px;right:10px}.user-summary{padding:15px}.user-summary h3{font-size:18px;margin-bottom:15px}.rate-info{flex-direction:column;gap:10px}.rate-badge{padding:10px 15px}.stat-label{font-size:11px}.stat-hours{font-size:24px}.stat-amount-breakdown{gap:6px}.stat-rate{font-size:11px}.stat-total{font-size:17px}.stat-grand-total .stat-value{font-size:24px}.stat:nth-child(4) .stat-value{font-size:17px;font-weight:700}.stat:nth-child(5) .stat-value{font-size:17px;font-weight:700}.rate-amount{font-size:16px;display:block;margin-top:5px;margin-left:0}.details-table-container{padding:20px 10px 10px;overflow-x:visible}.details-table{display:block;min-width:0}.details-table thead{display:none}.details-table tbody{display:block}.details-table tr{display:block;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d;overflow:hidden}.details-table td:before{display:none}.details-table td{display:block;padding:0;border:none;font-size:13px}.details-table:not(.expenses-table) td:nth-child(1){padding:10px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.details-table:not(.expenses-table) td:nth-child(1)>div{display:flex;flex-direction:column;gap:8px}.details-table:not(.expenses-table) td:nth-child(1) .btn-table-edit,.details-table:not(.expenses-table) td:nth-child(1) .btn-table-delete{width:100%;padding:8px 12px;font-size:13px}.details-table:not(.expenses-table) td:nth-child(2){padding:12px 12px 8px;font-size:15px;font-weight:700;color:#333;background:#fff}.details-table:not(.expenses-table) td:nth-child(3){padding:0 12px 8px;color:#667eea;font-weight:600;font-size:14px}.details-table:not(.expenses-table) td:nth-child(4),.details-table:not(.expenses-table) td:nth-child(5),.details-table:not(.expenses-table) td:nth-child(6),.details-table:not(.expenses-table) td:nth-child(7),.details-table:not(.expenses-table) td:nth-child(8),.details-table:not(.expenses-table) td:nth-child(9),.details-table:not(.expenses-table) td:nth-child(10){padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f5f5}.details-table:not(.expenses-table) td.empty-field{display:none!important}.details-table:not(.expenses-table) td:nth-child(4):before{content:"⏰ Time";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(5):before{content:"☕ Break";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(6):before{content:"🕐 Normal";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(7):before{content:"🌅 Weekend";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(8):before{content:"⏱️ Overtime";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(9):before{content:"⏰ Total";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(10):before{content:"💰 Amount";display:inline;font-weight:600;color:#666;font-size:12px}.details-table:not(.expenses-table) td:nth-child(10){border-bottom:2px solid #e0e0e0;font-weight:700;color:#2ecc71;padding:8px 12px}.details-table:not(.expenses-table) td:nth-child(11),.details-table:not(.expenses-table) td:nth-child(12){padding:6px 12px;font-size:11px;color:#888;display:flex;justify-content:space-between;align-items:flex-start}.details-table:not(.expenses-table) td:nth-child(11):before{content:"📅 Submitted";display:inline;font-weight:600;color:#999;font-size:11px;margin-right:8px}.details-table:not(.expenses-table) td:nth-child(12):before{content:"👤 By";display:inline;font-weight:600;color:#999;font-size:11px;margin-right:8px}.details-table:not(.expenses-table) td:nth-child(12){padding-bottom:10px}.details-table.expenses-table td:before{display:inline!important}.expenses-table:not(.expenses-breakdown-table) tr{margin-bottom:15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d}.expenses-table:not(.expenses-breakdown-table) td:nth-child(1){padding:10px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(1)>div{display:flex;flex-direction:column;gap:8px}.expenses-table:not(.expenses-breakdown-table) td:nth-child(1) .btn-table-edit,.expenses-table:not(.expenses-breakdown-table) td:nth-child(1) .btn-table-delete{width:100%;padding:8px 12px;font-size:13px}.expenses-table:not(.expenses-breakdown-table) td:nth-child(2){padding:12px 12px 8px;font-size:15px;font-weight:700;color:#333;background:#fff}.expenses-table:not(.expenses-breakdown-table) td:nth-child(3){padding:6px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0;color:#667eea;font-weight:600;font-size:14px}.expenses-table:not(.expenses-breakdown-table) td:nth-child(3):before{content:"📁 Project"!important;font-weight:600!important;color:#666!important;font-size:12px!important;flex-shrink:0!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(4):before,.expenses-table:not(.expenses-breakdown-table) td:nth-child(5):before,.expenses-table:not(.expenses-breakdown-table) td:nth-child(6):before,.expenses-table:not(.expenses-breakdown-table) td:nth-child(7):before,.expenses-table:not(.expenses-breakdown-table) td:nth-child(8):before{display:inline!important;font-weight:600!important;color:#666!important;font-size:12px!important;flex-shrink:0!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(4):before{content:"📂 Category"!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(5):before{content:"📝 Description"!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(6):before{content:"💰 Amount"!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(7):before{content:"🧾 Receipts"!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(8):before{content:"📅 Submitted On"!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(9):before{content:"👤 Submitted By"!important;font-weight:600!important;color:#666!important;font-size:12px!important;flex-shrink:0!important}.expenses-table:not(.expenses-breakdown-table) td:nth-child(3),.expenses-table:not(.expenses-breakdown-table) td:nth-child(4){padding:6px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(5){padding:6px 12px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e0e0e0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(7),.expenses-table:not(.expenses-breakdown-table) td:nth-child(8){padding:6px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(6){border-bottom:2px solid #e0e0e0;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;white-space:nowrap}.expenses-table:not(.expenses-breakdown-table) td:nth-child(6):before{flex-shrink:0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(6) strong{color:#2ecc71;font-weight:700;white-space:nowrap}.expenses-table:not(.expenses-breakdown-table) td:nth-child(5){flex-direction:column;align-items:flex-start;padding:6px 12px;border-bottom:1px solid #e0e0e0;display:flex}.expenses-table:not(.expenses-breakdown-table) td:nth-child(5):before{content:"📝 Description";font-weight:600;color:#666;font-size:12px;margin-bottom:4px}.expenses-table:not(.expenses-breakdown-table) td:nth-child(7){flex-direction:column;align-items:flex-start;padding:6px 12px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-start}.expenses-table:not(.expenses-breakdown-table) td:nth-child(7):before{content:"🧾 Receipts";margin-bottom:8px;font-weight:600;color:#666;font-size:12px}.expenses-table:not(.expenses-breakdown-table) td:nth-child(8){display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e0e0e0;padding:6px 12px;white-space:nowrap}.expenses-table:not(.expenses-breakdown-table) td:nth-child(8):before{content:"📅 Submitted On";font-weight:600;color:#666;font-size:12px;flex-shrink:0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(9){display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-bottom:2px solid #e0e0e0;padding:6px 12px;white-space:nowrap}.expenses-table:not(.expenses-breakdown-table) td:nth-child(9):before{content:"👤 Submitted By";font-weight:600;color:#666;font-size:12px;flex-shrink:0}.expenses-table:not(.expenses-breakdown-table) td:nth-child(9) span{white-space:nowrap}.details-table.expenses-breakdown-table td:before{display:inline!important}.details-table.expenses-breakdown-table tr{display:flex;flex-direction:column;margin-bottom:15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d}.details-table.expenses-breakdown-table td:before{font-weight:600;color:#666;font-size:12px;flex-shrink:0;margin-bottom:4px;display:block!important}.details-table.expenses-breakdown-table td:nth-of-type(1){padding:12px!important;display:flex!important;flex-direction:column!important;gap:8px!important;border-bottom:1px solid #e0e0e0!important;order:1!important}.details-table.expenses-breakdown-table td:nth-of-type(1):before{content:"⚙️ Actions"!important}.details-table.expenses-breakdown-table td:nth-of-type(1)>div{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.details-table.expenses-breakdown-table td:nth-of-type(1) button{width:100%!important;flex:1!important}.details-table.expenses-breakdown-table td:nth-of-type(2){padding:6px 12px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #e0e0e0!important;font-weight:600!important;font-size:14px!important;order:2!important}.details-table.expenses-breakdown-table td:nth-of-type(2):before{content:"📅 Date"!important}.details-table.expenses-breakdown-table td:nth-of-type(3){padding:6px 12px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #e0e0e0!important;font-size:14px!important;order:3!important}.details-table.expenses-breakdown-table td:nth-of-type(3):before{content:"👤 For User"!important}.details-table.expenses-breakdown-table td:nth-of-type(4){padding:6px 12px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #e0e0e0!important;color:#667eea!important;font-weight:600!important;font-size:14px!important;order:4!important}.details-table.expenses-breakdown-table td:nth-of-type(4):before{content:"📁 Project"!important}.details-table.expenses-breakdown-table td:nth-of-type(5){display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:6px 12px!important;border-bottom:1px solid #e0e0e0!important;order:5!important}.details-table.expenses-breakdown-table td:nth-of-type(5):before{content:"📂 Category"!important}.details-table.expenses-breakdown-table td:nth-of-type(6){display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:6px 12px!important;border-bottom:1px solid #e0e0e0!important;order:6!important}.details-table.expenses-breakdown-table td:nth-of-type(6):before{content:"📝 Description"!important}.details-table.expenses-breakdown-table td:nth-of-type(7){flex-direction:column!important;align-items:flex-start!important;padding:6px 12px!important;border-bottom:2px solid #e0e0e0!important;display:flex!important;justify-content:flex-start!important;order:9!important}.details-table.expenses-breakdown-table td:nth-of-type(7):before{content:"🧾 Receipt"!important;margin-bottom:8px!important}.details-table.expenses-breakdown-table td:nth-of-type(8){display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #e0e0e0!important;padding:6px 12px!important;white-space:nowrap!important;width:auto!important;min-width:100%;order:7}.details-table.expenses-breakdown-table td:nth-of-type(8):before{content:"📊 Status"!important}.details-table.expenses-breakdown-table td:nth-of-type(8) span{white-space:nowrap!important;flex-shrink:0!important}.details-table.expenses-breakdown-table td:nth-of-type(9){border-bottom:1px solid #e0e0e0;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;white-space:nowrap;order:8}.details-table.expenses-breakdown-table td:nth-of-type(9):before{content:"💰 Amount"!important}.details-table.expenses-breakdown-table td:nth-of-type(9) span{color:#2ecc71;font-weight:700;white-space:nowrap}.inline-edit-form{padding:15px}.inline-edit-fields{grid-template-columns:1fr;gap:12px}.inline-edit-actions{flex-direction:column-reverse;gap:8px}.inline-edit-actions .btn{width:100%;padding:12px}.modal-content{width:95%;max-height:85vh}.modal-header,.modal-body,.modal-footer{padding:15px}.form-row{grid-template-columns:1fr;gap:15px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.expenses-breakdown-modal.details-modal{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.expenses-breakdown-modal .details-content{padding-bottom:0!important;height:auto!important}.expenses-breakdown-modal .details-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}.expenses-breakdown-modal .details-header{padding-top:15px!important}}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.daily-breakdown-modal.details-modal{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.daily-breakdown-modal .details-content{padding-bottom:0!important;height:auto!important}.daily-breakdown-modal .details-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}.daily-breakdown-modal .details-header{padding-top:15px!important}}}.inline-edit-row{background-color:#f8f9fa;border:2px solid #667eea;box-shadow:0 2px 4px #0000001a}.inline-edit-cell{padding:0!important;border:none!important}.inline-edit-form{padding:20px;background:#fff}.inline-edit-form-content{display:flex;flex-direction:column;gap:15px}.inline-edit-header{padding-bottom:10px;border-bottom:2px solid #e0e0e0;color:#667eea;font-size:15px}.inline-edit-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.inline-edit-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #e0e0e0}.inline-edit-form .form-group{margin-bottom:0;display:flex;flex-direction:column;gap:5px}.inline-edit-form .form-group label{font-size:13px;font-weight:600;color:#555;margin-bottom:0}.inline-edit-form .form-group input,.inline-edit-form .form-group select{padding:8px 10px;font-size:14px;border:1px solid #ddd;border-radius:4px;width:100%;box-sizing:border-box}.inline-edit-form .form-group input:focus,.inline-edit-form .form-group select:focus{border-color:#667eea;outline:none}@media (max-width: 768px){.inline-edit-fields{grid-template-columns:1fr}.inline-edit-actions{flex-direction:column-reverse}.inline-edit-actions .btn{width:100%}}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px;vertical-align:middle}.details-table tbody tr.day-with-less-hours{background-color:#ff8c42!important;border-left:4px solid #d35400}.details-table tbody tr.day-with-less-hours:hover{background-color:#ff9a56!important}.details-table tbody tr.day-with-less-hours td{color:#1a1a1a;font-weight:500}.export-receipts-modal{max-width:800px}@media (min-width: 1024px){.export-receipts-modal{max-width:900px}}@media (min-width: 1440px){.export-receipts-modal{max-width:1000px}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:exportModalFadeIn .2s ease-out}@keyframes exportModalFadeIn{0%{opacity:0}to{opacity:1}}.export-modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #2ecc7166;animation:exportModalSlideUp .3s ease-out;border:3px solid #2ecc71}@keyframes exportModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.export-modal-header{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;padding:25px 30px;text-align:center;border-radius:9px 9px 0 0}.export-icon{font-size:48px;margin-bottom:10px;animation:exportIconPulse 2s ease-in-out infinite}@keyframes exportIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.export-modal-header h2{margin:0;font-size:24px;font-weight:800;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.export-modal-body{padding:30px}.export-info-box{background:linear-gradient(135deg,#f0fff4,#d4edda);border:3px solid #2ecc71;border-radius:8px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #2ecc7126}.export-info-title{color:#2ecc71;font-size:18px;font-weight:800;margin:0 0 10px;text-align:center;letter-spacing:.5px}.export-info-subtitle{color:#155724;font-size:15px;font-weight:600;margin:0;text-align:center}.export-details-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.export-details-box h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:700;border-bottom:2px solid #2ecc71;padding-bottom:8px}.export-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.export-detail-row:last-child{border-bottom:none}.export-detail-label{font-weight:600;color:#666;font-size:14px}.export-detail-value{font-weight:600;color:#333;font-size:14px;text-align:right}.export-detail-value.highlight{color:#2ecc71;font-size:16px;font-weight:700}.export-contents-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin-bottom:20px}.export-contents-box h3{margin:0 0 12px;color:#856404;font-size:16px;font-weight:700}.export-contents-list{margin:0;padding-left:20px;list-style:none}.export-contents-list li{padding:6px 0;color:#856404;font-weight:600;font-size:14px}.export-contents-list li:before{content:"✓ ";color:#2ecc71;font-weight:700;margin-right:5px}.export-organization-box{background:#e8f5e9;border:2px solid #2ecc71;border-radius:8px;padding:20px;margin-bottom:20px}.export-organization-box h3{margin:0 0 10px;color:#2ecc71;font-size:16px;font-weight:700}.export-organization-box p{margin:0;color:#155724;font-size:14px;line-height:1.6}.export-next-steps-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.export-next-steps-box h3{margin:0 0 12px;color:#333;font-size:16px;font-weight:700}.export-next-steps-list{margin:0;padding-left:0;list-style:none}.export-next-steps-list li{color:#555;font-weight:600;font-size:14px;position:relative;padding:8px 0 8px 25px}.export-next-steps-list li:before{content:"→";position:absolute;left:0;color:#2ecc71;font-weight:700;font-size:18px}.export-confirmation-box{background:#f0fff4;border:2px solid #2ecc71;border-radius:8px;padding:15px;text-align:center}.export-confirmation-box p{margin:0;color:#155724;font-size:15px;font-weight:700}.export-modal-footer{display:flex;gap:15px;padding:20px 30px;background:#f8f9fa;border-top:2px solid #e0e0e0;border-radius:0 0 9px 9px}.export-btn-cancel,.export-btn-confirm{flex:1;padding:14px 24px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.export-btn-cancel{background:#6c757d;color:#fff}.export-btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.export-btn-confirm{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:2px solid #229954}.export-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#229954);transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7166}.export-btn-cancel:disabled,.export-btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.export-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:exportSpinnerRotate 1s linear infinite}@keyframes exportSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.export-modal-overlay{padding:10px}.export-modal-content{max-height:95vh}.export-modal-header{padding:20px}.export-icon{font-size:40px}.export-modal-header h2{font-size:20px}.export-modal-body{padding:20px}.export-info-title{font-size:16px}.export-info-subtitle{font-size:14px}.export-details-box,.export-contents-box,.export-organization-box,.export-next-steps-box,.export-confirmation-box{padding:15px}.export-modal-footer{flex-direction:column-reverse;padding:15px 20px}.export-btn-cancel,.export-btn-confirm{width:100%}}.manager-dashboard{padding-top:0;padding-bottom:30px;width:100%;margin-left:auto;margin-right:auto;max-width:1600px;box-sizing:border-box}.manager-filter-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filter-pane.view-mode-pane{display:flex;align-items:center;flex:0 0 auto}.view-filter-actions{display:flex;align-items:center;gap:12px}.view-filter-actions .view-filter-label{font-weight:600;color:#555;font-size:14px;white-space:nowrap}.view-filter-actions .view-filter-buttons{display:flex;gap:8px;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.view-filter-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;color:#666;white-space:nowrap}.view-filter-btn:hover{background:#e9ecef;color:#333}.view-filter-btn.active{background:#000;color:#fff;box-shadow:0 2px 4px #0003}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.filter-tab:hover{color:#333}.filter-tab.active{color:#667eea;border-bottom-color:#667eea}.timesheets-list{display:flex;flex-direction:column;gap:15px}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.timesheet-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s}.timesheet-card:hover{box-shadow:0 4px 8px #00000026}.timesheet-header{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.timesheet-header:hover{background-color:#f8f9fa}.timesheet-info{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:20px;align-items:center;flex:1}.timesheet-date-hours-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.timesheet-payment-status{text-align:right}.payment-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.payment-badge.paid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.payment-badge.unpaid{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.timesheet-user strong{color:#333;font-size:16px;display:block;margin-bottom:4px}.timesheet-email{color:#999;font-size:13px}.timesheet-date{color:#555;font-size:14px}.timesheet-project .project-name{background:#e8eaf6;color:#667eea;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.timesheet-time{color:#555;font-size:14px;font-weight:500}.timesheet-hours{text-align:right}.worked-hours{background:#000;color:#fff;padding:6px 16px;border-radius:6px;font-weight:600;font-size:14px}.timesheet-submitted{text-align:right}.timesheet-submitted .timesheet-payment-status-mobile{display:none}.submission-time{color:#666;font-size:13px;font-style:italic}.expand-icon{font-size:20px;color:#999;margin-left:20px;transition:transform .2s}.timesheet-header:hover .expand-icon{color:#667eea}.timesheet-details{padding:20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.timesheet-details-footer{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0;text-align:center}.btn-collapse-bottom{padding:12px 30px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.btn-collapse-bottom:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-collapse-bottom:active{transform:translateY(0)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:15px;color:#333}.detail-item .hours-value{font-size:18px;font-weight:700;color:#667eea}.breakdown{display:flex;flex-direction:column;gap:4px}.breakdown span{font-size:14px;color:#555}.breakdown span:first-child:before{content:"• ";color:#2ecc71;font-weight:700}.breakdown span:last-child:before{content:"• ";color:#f39c12;font-weight:700}.week-days{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.week-summary{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;border:2px solid #e0e0e0}.week-summary h3{color:#333;font-size:18px;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:15px;background:#000;border-radius:8px;text-align:center}@media (min-width: 769px){.summary-stats .stat-item{text-align:left;align-items:flex-start}}.stat-item label{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.stat-item .stat-value{font-size:24px;font-weight:700;color:#fff}.stat-item .stat-value.paid{background:#28a745;color:#fff}.stat-item .stat-value.unpaid{background:#dc3545;color:#fff}.week-actions{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:right}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.btn-sm{padding:6px 12px;font-size:12px}.timesheet-details>h3{color:#333;font-size:18px;margin:20px 0 15px;padding-bottom:10px;border-bottom:2px solid #667eea}.daily-timesheets-table{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}@media (min-width: 769px){.daily-timesheets-table{overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:1000px}}.table-header{display:grid;grid-template-columns:140px 2fr 160px 80px 90px 90px 100px 150px 100px 150px;gap:12px;padding:12px 15px;background:#000;color:#fff;font-weight:700;font-size:14px;text-transform:none;letter-spacing:.5px;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.table-header .col-notes,.table-row .col-notes{grid-column:9}.table-header .col-payment,.table-row .col-payment{grid-column:10}.table-header .col-day,.table-header .col-project,.table-header .col-time,.table-header .col-break,.table-header .col-hours,.table-header .col-normal,.table-header .col-weekend,.table-header .col-overtime,.table-header .col-submitted,.table-header .col-notes,.table-header .col-payment{color:#fff!important}.table-row{display:grid;grid-template-columns:140px 2fr 160px 80px 90px 90px 100px 150px 100px 150px;gap:12px;padding:12px 15px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;transition:background-color .2s;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f9fa}.col-day{font-weight:600;color:#667eea;line-height:1.3}.col-day .day-header-row{display:contents}.col-day .project-name-mobile{display:none}.col-day .day-info{display:contents}.col-day .day-name{display:block}.col-day .col-date-small{font-size:12px;color:#999;font-weight:400}.col-day .payment-badge-mobile,.mobile-data-table{display:none}.col-project{font-weight:500;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.col-time{color:#555;font-size:13px}.col-break{color:#666;text-align:center}.col-hours{font-weight:700;color:#333;text-align:center}.col-normal{color:#2ecc71;font-weight:600;text-align:center}.col-weekend{color:#9b59b6;font-weight:600;text-align:center}.col-overtime{color:#f39c12;font-weight:600;text-align:center}.col-submitted{color:#666;font-size:12px;text-align:left;line-height:1.3}.col-notes{text-align:center}.col-payment{text-align:center;line-height:1.3}.col-payment .payment-badge{font-size:11px;padding:3px 8px}@media (max-width: 1200px){.timesheet-info{grid-template-columns:1fr 1fr;gap:15px}.timesheet-project,.timesheet-time,.timesheet-submitted{border-top:1px solid #eee;padding-top:10px;margin-top:10px}}@media (max-width: 768px){.manager-dashboard{padding:10px}.page-header h1{font-size:24px}.timesheet-info{grid-template-columns:1fr;gap:10px}.timesheet-date-hours-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.timesheet-date-hours-row .timesheet-date{flex:0 0 auto;font-size:13px}.timesheet-date-hours-row .timesheet-hours{flex:0 0 auto;text-align:left}.timesheet-submitted{display:flex;justify-content:space-between;align-items:center;text-align:left}.timesheet-submitted .submission-time{font-size:13px;font-style:italic}.timesheet-submitted .timesheet-payment-status-mobile{display:inline-flex}.timesheet-payment-status{display:none}.timesheet-user{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.timesheet-user strong{display:inline}.details-grid{grid-template-columns:1fr}.timesheet-header{padding:15px}.expand-icon{margin-left:10px}.timesheet-details{padding:15px 10px}.timesheet-details>h3{margin:0 0 12px;padding:0 10px 10px;font-size:17px}.daily-timesheets-table{margin:0 -10px;width:calc(100% + 20px)}.week-summary{margin:0 -10px 15px;padding:0;background:transparent;border:none}.week-summary h3{margin:0 0 10px;padding:0 10px 10px;font-size:17px;border-bottom:2px solid #667eea}.summary-stats{display:flex;flex-direction:column;gap:0;background:#fff;border:none;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-radius:0;overflow:hidden}.stat-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#000;border-radius:0;text-align:left;border-bottom:1px solid #333}.stat-item:last-child{border-bottom:none}.stat-item label{font-size:14px;font-weight:600;color:#fff;text-transform:none;letter-spacing:0}.stat-item .stat-value{font-size:16px;font-weight:700;color:#fff}.week-summary{padding:15px;background:#f8f9fa;border:1px solid #e0e0e0}.week-summary h3{font-size:17px;margin:0 0 15px;padding-bottom:10px}.desktop-only{display:none!important}.mobile-only{display:block}.filter-panes{flex-direction:column;gap:10px}.filter-pane{width:100%;min-width:100%}.filter-pane.mobile-filter-pane{background:#f8f9fa;border:1px solid #e9ecef}#mobile-view-mode-select{display:none}.filter-pane:has(#mobile-view-mode-select){display:none}.mobile-filter-pane{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:6px}.mobile-filter-label{font-size:14px;font-weight:600;color:#555;white-space:nowrap}.mobile-filter-select{flex:1;padding:12px 40px 12px 16px;font-size:15px;font-weight:500;color:#333;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s}.mobile-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.mobile-filter-select:active{transform:scale(.99)}.daily-timesheets-table{border:none;background:transparent}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:0;padding:0;border:none;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-radius:0;margin-bottom:12px;background:#fff;font-size:13px;box-shadow:none;overflow:hidden;width:100%;max-width:100%}.table-row:hover{background:#fafafa}.col-day{display:block;font-weight:600;color:#667eea;background:#e8eaf6;padding:12px 16px;border-bottom:2px solid #c5cae9;width:100%;max-width:100%;box-sizing:border-box}.col-day .day-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.col-day .day-info{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.col-day .day-name{font-size:15px;font-weight:600}.col-day .col-date-small{font-size:12px;color:#7986cb;font-weight:500}.col-day .payment-badge-mobile{display:inline-flex;flex-shrink:0}.col-day .payment-badge{font-size:10px;padding:4px 9px;white-space:nowrap}.col-project{display:none}.col-day .project-name-mobile{display:block;font-size:13px;font-weight:600;color:#333;flex:1;text-align:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;white-space:normal}.mobile-data-table{display:flex!important;flex-direction:column;gap:0;background:#fff;width:100%;max-width:100%;box-sizing:border-box}.mobile-data-row{display:grid;grid-template-columns:140px 1fr;align-items:center;padding:12px 16px;border-bottom:1px solid #d0d0d0;gap:8px;min-height:44px;width:100%;max-width:100%;box-sizing:border-box}.mobile-data-row:last-child{border-bottom:none}.mobile-data-row:nth-child(odd){background-color:#fafafa}.mobile-data-row .data-label{font-size:14px;font-weight:600;color:#555;text-align:left;justify-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mobile-data-row .data-value{font-size:14px;font-weight:600;color:#333;text-align:right;justify-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.col-time,.col-break,.col-hours,.col-normal,.col-weekend,.col-overtime,.col-submitted,.col-payment{display:none}.col-notes{border-top:2px solid #dee2e6;padding:12px 16px;display:flex;flex-direction:row;justify-content:center;align-items:center}.timesheet-details-footer{margin:15px -10px 0;padding:15px 10px 0;border-top:2px solid #d0d0d0}.btn-collapse-bottom{width:100%;padding:14px 20px;font-size:15px;margin-top:0}.col-break,.col-hours,.col-normal,.col-weekend,.col-overtime{text-align:center}}@media (max-width: 480px){.manager-dashboard{padding:8px}.page-header h1{font-size:22px}.timesheet-header{padding:12px}.timesheet-user strong{font-size:14px}.timesheet-email{font-size:12px}.worked-hours{padding:4px 12px;font-size:13px}.payment-badge{padding:3px 8px;font-size:11px}.timesheet-details{padding:12px 8px}.timesheet-details>h3,.week-summary h3{padding:0 8px 8px;font-size:16px;margin:0 0 10px}.week-summary{margin:0 -8px 12px;padding:0}.daily-timesheets-table{margin:0 -8px;width:calc(100% + 16px)}.timesheet-details-footer{margin:12px -8px 0;padding:12px 8px 0}.stat-item{padding:10px 14px}.stat-item label{font-size:13px}.stat-item .stat-value{font-size:15px}.table-row{margin-bottom:10px}.col-day,.col-project{padding:10px 14px}.col-day .day-name{font-size:14px}.col-day .col-date-small{font-size:11px}.col-project{font-size:13px}.mobile-data-row{padding:10px 14px;gap:8px;min-height:40px;grid-template-columns:125px 1fr}.mobile-data-row .data-label{max-width:125px}.mobile-data-row .data-label,.mobile-data-row .data-value{font-size:13px}.col-notes{padding:10px 14px}.form-group input,.form-group select{padding:12px 14px;min-height:44px}.btn,.btn-primary,.btn-secondary{padding:12px 20px;font-size:14px;width:100%}.filter-pane.mobile-filter-pane{padding:10px 12px;gap:8px}.mobile-filter-label{font-size:13px}.mobile-filter-select{padding:10px 34px 10px 12px;font-size:14px;background-position:right 10px center;min-height:44px}}@media (min-width: 769px) and (max-width: 1024px){.manager-dashboard{padding:20px}.table-header,.table-row{font-size:12px;gap:8px;padding:10px 12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;margin-top:20px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.filter-pane.search-pane{flex:0;min-width:250px;max-width:300px;padding:0!important;background:transparent!important;border:none!important}.search-container{display:flex;align-items:center;gap:8px;position:relative;width:100%}.search-icon{font-size:16px;color:#999;position:absolute;left:12px;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 38px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:all .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.search-input::placeholder{color:#999;font-weight:400}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#e0e0e0;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#666;transition:all .2s;padding:0;z-index:10}.search-clear:hover{background:#d0d0d0;color:#333}.mobile-search-input{padding-left:12px!important;background-image:none!important;padding-right:40px}.search-results-info{background:#e8f4fd;border:1px solid #b8daff;border-radius:6px;padding:12px 16px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.search-results-text{font-size:14px;color:#004085;font-weight:500}.search-clear-all{background:#004085;color:#fff;border:none;padding:6px 14px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.search-clear-all:hover{background:#036;transform:translateY(-1px)}@media (max-width: 768px){.search-results-info{flex-direction:column;align-items:stretch;gap:10px}.search-results-text{text-align:center;font-size:13px}.search-clear-all{width:100%;padding:10px}.search-pane{min-width:100%}}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.ios-header-spacer{height:70px;width:100%;flex-shrink:0}.report-modal,.report-modal-full{background:#fff;width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;position:relative;margin:0}.report-header{background-color:#fffffff2;padding:15px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #667eea;box-shadow:0 4px 6px #0000001a}.report-title-section h1{margin:0;font-size:1.25rem;color:#1a202c;font-weight:700}.report-title-section h2{margin:6px 0 3px;font-size:.9rem;color:#667eea;font-weight:600}.report-description{margin:3px 0 0;color:#4a5568;font-size:.8rem}.report-close{background:#e53e3e;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:300;line-height:1;box-shadow:0 4px 6px #e53e3e4d}.report-close:hover{background:#c53030;transform:scale(1.1)}.report-content{background-color:#fff;flex:1;padding:20px 20px 40px;overflow-y:auto}.report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;margin:40px;border-radius:12px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-error{background:#fed7d7;color:#742a2a;padding:30px;margin:40px;border-radius:12px;text-align:center;font-size:1.2rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.summary-card{background:#fff;border-radius:12px;padding:30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px #0000001a;border-left:5px solid;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.summary-card.total-cost{border-left-color:#48bb78}.summary-card.total-hours{border-left-color:#4299e1}.summary-card.total-workers{border-left-color:#ed8936}.summary-card.total-entries{border-left-color:#9f7aea}.card-icon{opacity:.9;color:inherit;display:flex;align-items:center;justify-content:center}.card-content h3{margin:0 0 10px;font-size:.95rem;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card-value{margin:0;font-size:2.2rem;font-weight:700;color:#1a202c}.card-subtitle{margin:5px 0 0;font-size:.9rem;color:#718096}.chart-section{background:#f7fafc;border-radius:12px;padding:30px;margin-bottom:40px;box-shadow:0 2px 4px #0000000d}.chart-section-full-width{width:100%;max-width:100%}.chart-section h3{margin:0 0 25px;font-size:1.5rem;color:#2d3748;font-weight:600}.spending-charts-section{background:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000000d}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.charts-container-full-width{width:100%;max-width:100%;margin-top:20px;display:block}.chart-card{background:#f7fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.chart-card-full-width{background:#f7fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;width:100%;max-width:100%}.chart-card h4{margin:0 0 15px;font-size:1.1rem;color:#2d3748;font-weight:600;text-align:center}.chart-wrapper{display:flex;justify-content:center;align-items:center;overflow-x:auto}.chart-wrapper-full-width{width:100%;max-width:100%;display:block;overflow-x:auto}.line-chart-svg,.area-chart-svg{display:block;max-width:100%;height:auto}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4a5568;font-weight:500}.legend-color{width:20px;height:20px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.cost-breakdown-chart{display:flex;flex-direction:column;gap:20px}.chart-bar{display:flex;align-items:center;gap:15px}.bar-label{min-width:120px;font-weight:600;color:#2d3748;font-size:1.1rem}.bar-container{flex:1;background:#e2e8f0;border-radius:8px;height:50px;overflow:hidden;position:relative}.bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;transition:width 1s ease;color:#fff;font-weight:600;font-size:.95rem}.workers-bar{background:linear-gradient(90deg,#48bb78,#38a169)}.managers-bar{background:linear-gradient(90deg,#ed8936,#dd6b20)}.bar-percentage{min-width:60px;text-align:right;font-weight:600;color:#2d3748;font-size:1.1rem}.data-section{margin-bottom:40px}.data-section h3{margin:0 0 20px;font-size:1.5rem;color:#2d3748;font-weight:600}.data-table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.report-table{width:100%;border-collapse:collapse;font-size:.95rem}.report-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.report-table thead th{padding:18px 15px;text-align:left;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.report-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.report-table tbody tr:hover{background-color:#f7fafc}.report-table tbody tr:last-child{border-bottom:none}.report-table td{padding:16px 15px;color:#2d3748}.report-table .person-name{font-weight:600;color:#1a202c}.report-table .total-hours-cell{font-weight:600;color:#4299e1}.report-table .cost-cell{font-weight:600;color:#2d3748}.report-table .total-cost-cell{color:#48bb78;font-weight:700;font-size:1.05rem}.report-table .manager-total-cost-cell{color:#ed8936;font-weight:700;font-size:1.05rem}.mobile-total-cost.manager-mobile-cost{color:#ed8936;background:#fff}.table-footer{background-color:#edf2f7!important;font-weight:700}.table-footer td{padding:16px 15px;color:#1a202c;border-top:2px solid #cbd5e0}.no-data{text-align:center;padding:60px 20px;color:#718096;font-size:1.2rem;background:#f7fafc;border-radius:12px}@media (max-width: 1200px){.report-content{padding:30px}.summary-cards{grid-template-columns:repeat(2,1fr)}}.mobile-row-header-cell,.mobile-details-cell{display:none}@media (max-width: 768px){.report-modal-overlay{padding:0;align-items:flex-start;z-index:9999;transform:translateZ(0);-webkit-transform:translateZ(0)}.report-modal,.report-modal-full{border-radius:0;transform:translateZ(0);-webkit-transform:translateZ(0);contain:layout style paint;isolation:isolate}.report-header{padding:12px 15px;flex-direction:row;gap:10px;position:relative;z-index:1;margin-top:0}.report-title-section h1{font-size:1.1rem}.report-title-section h2{font-size:.85rem}.report-description{font-size:.75rem}.report-close{width:35px;height:35px;font-size:1.2rem}.report-content{padding:10px 15px 30px;flex:1;margin-top:0}.summary-cards{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.summary-card{padding:20px;gap:15px}.card-icon{transform:scale(.8)}.card-value{font-size:1.8rem}.card-subtitle{font-size:.8rem}.chart-section{padding:20px 15px;margin-bottom:25px}.chart-section-full-width{padding:20px 10px}.chart-section h3{font-size:1.2rem;margin-bottom:15px}.charts-container{grid-template-columns:1fr;gap:20px}.charts-container-full-width{width:100%;padding:0}.chart-card{padding:15px}.chart-card-full-width{padding:10px;width:100%}.chart-wrapper-full-width{width:100%;overflow-x:auto}.chart-card h4{font-size:1rem;margin-bottom:10px}.chart-wrapper{overflow-x:visible;-webkit-overflow-scrolling:touch}.line-chart-svg,.area-chart-svg{width:100%;height:auto;min-width:0}.chart-legend{gap:15px;flex-wrap:wrap}.chart-card svg text{font-size:11px!important}.chart-card svg{padding-left:10px}.legend-item{font-size:.85rem}.chart-bar{flex-direction:column;align-items:flex-start;gap:8px}.bar-label{min-width:auto;font-size:1rem}.bar-container{width:100%;height:50px;position:relative}.bar{font-size:.9rem;padding:0 15px;min-height:50px}.bar-value{display:none}.bar-percentage{text-align:left;margin-top:0;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:10px}.bar-percentage:after{content:" (" attr(data-cost) ")";font-size:.95rem;font-weight:700}.bar-percentage.workers-percentage:after{color:#48bb78}.bar-percentage.managers-percentage:after{color:#ed8936}.data-section h3{font-size:1.2rem}.data-table-container{overflow-x:visible;-webkit-overflow-scrolling:touch;margin:0;padding:0;box-shadow:none}.report-table{font-size:.85rem;min-width:100%;display:block}.report-table thead{display:none}.report-table tbody{display:block}.report-table tfoot{display:block;margin-top:10px}.report-table tbody tr{display:block;background:transparent;border:none;margin-bottom:12px;border-radius:0;overflow:visible;box-shadow:none}.report-table tfoot tr{display:flex;flex-direction:column;border:2px solid #667eea;border-radius:12px;overflow:hidden;background:#f7fafc}.report-table tbody td{display:none!important}.report-table tbody td.mobile-row-header-cell{display:flex!important;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000001a}.report-table tbody td.mobile-row-header-cell:active{background:linear-gradient(135deg,#5568d3,#653a8b)}.mobile-name{font-weight:700;font-size:1rem;flex:1}.mobile-total-cost{font-weight:700;font-size:1.1rem;color:#48bb78;background:#fff;padding:6px 12px;border-radius:6px;margin-left:10px}.mobile-expand-icon{margin-left:10px;transition:transform .3s ease;color:#fff;font-size:.9rem}.mobile-expand-icon.expanded{transform:rotate(180deg)}.report-table tbody td.mobile-details-cell{display:none!important;padding:0;border:none;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 2px 4px #0000001a}.report-table tbody td.mobile-details-cell.expanded{display:block!important}.report-table tbody td.mobile-detail-row{display:flex!important;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e2e8f0;text-align:left}.report-table tbody td.mobile-detail-row:last-child{border-bottom:none}.report-table tbody td.mobile-detail-row:before{content:attr(data-label);font-weight:700;color:#4a5568;flex:1;font-size:.85rem}.report-table tfoot td{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e2e8f0;text-align:left}.report-table tfoot td:last-child{border-bottom:none}.report-table tfoot td:before{content:attr(data-label);font-weight:700;color:#2d3748}.report-table tfoot td:first-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;justify-content:center}.report-table tfoot td:first-child:before{content:""}.card-content h3{font-size:.85rem}}@media print{.report-modal-overlay{background:#fff}.report-header{background:#fff!important}.report-close{display:none}}.users-page{max-width:1600px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}@supports (-webkit-touch-callout: none){.users-page{width:100%;max-width:100vw;overflow-x:hidden;-webkit-overflow-scrolling:touch}.users-filter-card{max-width:100vw;overflow:hidden}.users-search-box,.search-input{max-width:100%}input[type=text],input[type=email],input[type=password],input[type=number],select{font-size:16px!important}}.users-filter-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;overflow:hidden}.filter-pane.search-pane{flex:1 1 auto;min-width:300px}.filter-pane.rate-display-pane{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}.filter-pane.create-user-pane{display:flex;align-items:center;justify-content:center;padding:15px 20px;margin-left:auto;flex:0 0 auto}@media (max-width: 768px){.users-filter-card{position:sticky;top:0;padding:15px;z-index:5;width:100%;max-width:100vw;box-sizing:border-box;overflow:visible}.filter-panes{flex-direction:column;gap:15px;width:100%;max-width:100%}.filter-pane{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.filter-pane.search-pane{min-width:0;max-width:100%}.users-search-box{width:100%;max-width:100%;min-width:0}.search-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.filter-pane.rate-display-pane{margin-left:0;justify-content:center}.filter-pane.create-user-pane{padding:0;background:transparent;border:none;width:100%;max-width:100%}.filter-pane.create-user-pane .btn-primary{width:100%}body.keyboard-open .users-filter-card{position:sticky;top:0}}.users-search-box{position:relative;width:100%;min-width:550px}.rate-display-toggle{display:flex;align-items:center;gap:12px;width:100%}.toggle-label{font-size:14px;color:#666;font-weight:600;white-space:nowrap}.toggle-buttons{display:flex;gap:4px;background:#f8f9fa;padding:4px;border-radius:8px;border:1px solid #e9ecef}.toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:#666;white-space:nowrap}.toggle-btn:hover{background:#e9ecef;color:#333}.toggle-btn.active{background:#000;color:#fff;box-shadow:0 2px 4px #0003}.rate-unit{font-size:11px;color:#999;margin-left:4px;font-weight:500}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;box-sizing:border-box;transition:all .3s;background:#fff;color:#333;touch-action:manipulation;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input:hover{border-color:#ced4da}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.search-clear:hover{color:#333}.search-results-count{margin-bottom:15px;font-size:14px;color:#666;font-style:italic}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f8f9fa}.users-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:15px;border-bottom:1px solid #eee;color:#333;font-size:14px}.users-card-view{display:none}.users-table tbody tr:hover{background-color:#f8f9fa}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;overflow:hidden}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:600;color:#333}.user-id{font-size:12px;color:#999;margin-top:2px}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-admin{background-color:#000;color:#fff}.role-manager{background-color:#f39c12;color:#fff}.role-worker{background-color:#2ecc71;color:#fff}.action-buttons{display:flex;gap:8px}.btn-edit{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-edit:hover{background-color:#2980b9}.btn-delete{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-delete:hover{background-color:#c0392b}.btn-delete:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.btn-delete:disabled:hover{background-color:#ccc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;height:100vh;box-sizing:border-box;overflow:hidden}.modal{background:#fff;border-radius:16px;width:95%;max-width:500px;height:calc(90vh - 40px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@media (min-width: 1024px){.modal{max-width:900px}}@media (min-width: 1440px){.modal{max-width:1100px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid #eee;background:#000;border-radius:16px 16px 0 0;flex-shrink:0}.modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.modal-close{background:#fff3;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-header h2{margin:0;color:#333;font-size:20px}.modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:25px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}@media (min-width: 1024px){.form-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.form-section:last-of-type{grid-template-columns:1fr}.form-section>.form-group{margin-bottom:0}.form-section>h3{grid-column:1 / -1}}@media (min-width: 1440px){.form-section{grid-template-columns:1fr 1fr 1fr}.form-section:nth-of-type(2){grid-template-columns:1fr 1fr}.form-section:last-of-type{grid-template-columns:1fr}}.checkbox-label{display:flex!important;align-items:center;margin-bottom:8px!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin-right:10px;cursor:pointer}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;width:100%;max-width:100%;box-sizing:border-box;transition:all .3s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover{border-color:#ced4da}.form-group input[type=file]{padding:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:25px 30px;border-top:1px solid #eee;background-color:#f8f9fa;border-radius:0 0 16px 16px;flex-shrink:0}.btn-submit[style*="background: #e74c3c"]{box-shadow:0 4px 12px #e74c3c4d}.btn-submit[style*="background: #e74c3c"]:hover:not(:disabled){box-shadow:0 6px 20px #e74c3c66}.warning-text{color:#e74c3c;font-size:14px;margin-top:10px}.info-text{color:#27ae60;font-size:13px;margin-top:8px}@media (max-width: 1024px){.users-page{max-width:100%}}@media (max-width: 768px){.users-filter-card{display:block!important;position:relative;z-index:5;width:100%;max-width:100%;overflow:visible}.filter-panes{gap:15px}.users-search-box{width:100%!important;max-width:100%!important;position:relative;z-index:1;display:block!important;overflow:visible;margin:0!important}.search-input{padding:14px 40px 14px 16px;min-height:48px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;position:relative;z-index:2;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0!important;border:2px solid #e9ecef;border-radius:8px}.search-clear{width:30px;height:30px;font-size:20px;touch-action:manipulation;pointer-events:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:3;-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;cursor:pointer}.rate-display-toggle{width:100%;justify-content:space-between;position:relative;z-index:1;display:flex!important;margin-top:10px}.toggle-buttons{flex:1;justify-content:flex-end}.users-table-container .users-table{display:none}.users-table{min-width:900px}.users-card-view{display:flex;flex-direction:column;gap:15px}.users-table th,.users-table td{padding:14px 12px;font-size:14px}.action-buttons{flex-direction:column;gap:8px}.btn-edit,.btn-delete{padding:10px 16px;font-size:14px;min-height:40px}.user-avatar-small{width:40px;height:40px;font-size:13px}.role-badge{padding:5px 12px;font-size:12px}.modal{margin:10px;max-width:calc(100% - 20px);height:calc(95vh - 20px)}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body,.form-section{padding:20px}.form-group input,.form-group select{padding:12px 14px;min-height:48px;font-size:16px}.btn-primary{padding:14px 22px;font-size:15px;min-height:48px}}@media (max-width: 480px){.users-page{width:100%;max-width:100vw;overflow-x:hidden;padding:0;margin:0}.users-filter-card{margin-bottom:15px;padding:12px;width:100%;max-width:100vw;box-sizing:border-box}.filter-panes{gap:12px;width:100%}.filter-pane{width:100%;min-width:0;padding:12px}.users-search-box{display:block!important;visibility:visible!important;width:100%!important;max-width:100vw!important;min-width:0!important}.search-input{min-height:50px!important;font-size:16px!important;padding:16px 45px 16px 16px!important;width:100%!important;max-width:100%!important;border:2px solid #e9ecef!important;box-sizing:border-box!important}.search-clear{width:32px!important;height:32px!important;font-size:22px!important;right:10px!important}.rate-display-toggle{flex-direction:column;align-items:flex-start;gap:8px;display:flex!important;width:100%}.toggle-label{font-size:13px}.toggle-buttons{width:100%}.toggle-btn{padding:10px 14px;font-size:13px;min-height:40px;touch-action:manipulation;flex:1}.users-table-container{overflow:visible}.users-table-container .users-table{display:none}.users-card-view{display:flex;flex-direction:column}.user-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.user-card-header{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.user-card-avatar{width:50px;height:50px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;overflow:hidden}.user-card-avatar img{width:100%;height:100%;object-fit:cover}.user-card-name{flex:1}.user-card-name h3{margin:0 0 4px;font-size:18px;color:#333}.user-card-name .user-id{font-size:12px;color:#999}.user-card-body{display:grid;grid-template-columns:1fr;gap:12px}.user-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.user-card-label{font-size:13px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-card-value{font-size:15px;color:#333;font-weight:500}.user-card-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.user-card-actions .btn-edit,.user-card-actions .btn-delete{flex:1;padding:12px 16px;font-size:14px;min-height:44px}.user-card-role{display:flex;justify-content:flex-end}.user-card-rate{font-weight:600;color:#000}.modal{margin:5px;max-width:calc(100% - 10px);height:calc(95vh - 10px);border-radius:12px}.modal-header{padding:16px;border-radius:12px 12px 0 0}.modal-header h2{font-size:18px}.modal-body,.form-section{padding:16px}.modal-footer{padding:16px 20px;flex-direction:column-reverse;border-radius:0 0 12px 12px}.btn-cancel,.btn-submit{width:100%;padding:16px 20px;font-size:15px;min-height:48px}}.projects-page{max-width:1600px;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:2rem}.projects-filter-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filter-pane.tabs-pane{padding:0;background:transparent;border:none}.filter-pane.create-project-pane{display:flex;align-items:center;justify-content:center;padding:15px 20px;flex:0 0 auto;margin-left:auto}.projects-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.projects-table{width:100%;border-collapse:collapse}.projects-table thead{background-color:#f8f9fa}.projects-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.projects-table td{padding:15px;border-bottom:1px solid #eee;color:#333;font-size:14px}.projects-table tbody tr:hover{background-color:#f8f9fa}.project-name{font-weight:600;color:#333}.project-description{color:#666;font-size:13px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.active{background-color:#2ecc71;color:#fff}.status-badge.archived{background-color:#95a5a6;color:#fff}.actions-cell{white-space:nowrap}.btn-report{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-report:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-report svg{flex-shrink:0}.btn-archive{padding:6px 12px;background-color:#f39c12;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-archive:hover{background-color:#e67e22}.btn-archive.unarchive{background-color:#3498db}.btn-archive.unarchive:hover{background-color:#2980b9}.projects-cards{display:none}.project-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #eee}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.project-card-title{flex:1}.project-card-title h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.project-card-id{font-size:12px;color:#999;font-weight:500}.project-card-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.project-card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.project-card-meta-item{display:flex;flex-direction:column}.project-card-meta-label{font-size:11px;color:#999;text-transform:uppercase;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.project-card-meta-value{font-size:13px;color:#333;font-weight:500}.project-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #eee}.project-card-actions .btn-report,.project-card-actions .btn-archive{flex:1;justify-content:center;padding:12px 16px;font-size:13px;min-height:44px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal{background:#fff;border-radius:20px;width:95%;max-width:600px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@media (min-width: 1024px){.modal{max-width:700px}}@media (min-width: 1440px){.modal{max-width:800px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #eee;background:#000;border-radius:20px 20px 0 0}.modal-header h2{margin:0;color:#fff;font-size:26px;font-weight:700;letter-spacing:-.5px}.modal-close{background:#ffffff40;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-weight:300}.modal-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.modal-body{padding:40px;max-height:calc(90vh - 200px);overflow-y:auto;overflow-x:hidden}@media (min-width: 1024px){.modal-body{padding:35px}}@media (min-width: 1440px){.modal-body{padding:40px}}.form-section{margin-bottom:35px;background:#f8f9fa;padding:25px;border-radius:12px;border:1px solid #e9ecef;overflow-x:hidden;word-wrap:break-word}@media (min-width: 1024px){.form-section{padding:30px}}.form-section h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;width:100%;grid-column:1 / -1}.form-section h3:before{content:"";width:4px;height:24px;background:#000;border-radius:2px}.form-group{margin-bottom:22px;overflow:hidden}@media (min-width: 1024px){.form-group{margin-bottom:20px}}.form-group label{display:block;margin-bottom:8px;margin-left:3px;color:#333;font-weight:600;font-size:14px;word-wrap:break-word}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;width:100%;max-width:100%;box-sizing:border-box;transition:all .3s;background:#fff;color:#333}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input:hover,.form-group textarea:hover{border-color:#ced4da}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-group small{display:block;margin-top:4px;color:#999;font-size:12px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:25px 30px;border-top:1px solid #eee;background-color:#f8f9fa;border-radius:0 0 20px 20px;position:sticky;bottom:0}.btn-cancel{padding:12px 28px;background-color:#f8f9fa;color:#495057;border:2px solid #dee2e6;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-submit{padding:12px 32px;background:#000;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.projects-page{max-width:100%}}@media (max-width: 768px){.projects-filter-card{padding:15px}.filter-panes{flex-direction:column;gap:15px}.filter-pane{width:100%;min-width:100%}.filter-pane.tabs-pane{min-width:100%;margin-bottom:-10px}.filter-pane.create-project-pane{margin-left:0;padding:0;background:transparent;border:none}.filter-pane.create-project-pane .btn-primary{width:100%}.projects-table-container{display:none}.projects-cards{display:block}.filter-tabs{overflow-x:auto;gap:5px;-webkit-overflow-scrolling:touch}.filter-tab{white-space:nowrap;padding:12px 16px;min-height:44px;font-size:13px}.modal{max-width:95%;max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body,.form-section{padding:20px}.form-group input,.form-group textarea{padding:12px 14px;min-height:44px;font-size:16px}.form-group textarea{min-height:100px}.modal-footer{padding:20px}}@media (max-width: 480px){.projects-filter-card{margin-bottom:15px}.filter-panes{gap:12px}.filter-tabs{gap:3px}.filter-tab{padding:10px 14px;font-size:12px}.project-card{padding:16px;margin-bottom:12px}.project-card-title h3{font-size:15px}.project-card-description{font-size:13px}.project-card-meta{gap:8px;padding:10px}.project-card-meta-label{font-size:10px}.project-card-meta-value{font-size:12px}.modal{max-width:100%;margin:0;border-radius:12px;max-height:100vh}.modal-header{padding:16px;border-radius:12px 12px 0 0}.modal-header h2{font-size:18px}.modal-close{width:32px;height:32px;font-size:24px}.modal-body{padding:16px}.modal-footer{border-radius:0 0 12px 12px}.form-section{padding:16px}.form-group{margin-bottom:16px}.modal-footer{padding:16px;flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-submit{width:100%;padding:14px 20px;min-height:48px}}@media (max-width: 768px){.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.modal{position:relative!important;margin:0!important;width:100%!important;height:auto!important;flex:1!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.modal-header{border-radius:0!important;flex-shrink:0!important;padding:15px 20px!important;justify-content:flex-start!important}.modal-header h2{flex:1!important;text-align:left!important}.modal-back-button{display:flex!important;margin-right:12px!important}.modal-close,.btn-cancel{display:none!important}.modal-footer{justify-content:stretch!important}.btn-submit{width:100%!important}.modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.modal-footer{border-radius:0!important;flex-shrink:0!important;position:relative!important;margin-top:0!important;margin-bottom:0!important;padding:15px!important;max-height:none!important;height:auto!important}.modal-overlay,.modal{padding-bottom:0!important}.modal-footer{padding-bottom:15px!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.modal-overlay{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.modal{padding-bottom:0!important;height:auto!important}.modal-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}}}.exports-page{max-width:1600px;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:2rem;width:100%;overflow-x:hidden}.exports-filter-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;width:100%;overflow:hidden}.filter-pane.tabs-pane{padding:0;background:transparent;border:none;min-width:0;flex:1;overflow:hidden}.filter-pane.auto-refresh-pane{display:flex;align-items:center;justify-content:center;padding:15px 20px;flex:0 0 auto;margin-left:auto}.filter-tabs{display:flex;gap:10px;border-bottom:1px solid #e0e0e0;margin-bottom:5px}.filter-tab{padding:10px 20px;background:none;border:none;color:#666;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.filter-tab:hover{color:#333;background:#00000008}.filter-tab.active{color:#000;border-bottom-color:#000}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.exports-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.exports-table{width:100%;border-collapse:collapse}.exports-table thead{background-color:#f8f9fa}.exports-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.exports-table td{padding:15px;border-bottom:1px solid #eee;color:#333;font-size:14px}.exports-table tbody tr:hover{background-color:#f8f9fa}.export-type{font-weight:600;color:#333}.export-date-range{color:#666;font-size:13px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.pending{background-color:#ffc107;color:#fff}.status-badge.processing{background-color:#2196f3;color:#fff}.status-badge.completed{background-color:#2ecc71;color:#fff}.status-badge.failed{background-color:#f44336;color:#fff}.status-badge.cancelled{background-color:#95a5a6;color:#fff}.export-progress-inline{display:flex;align-items:center;gap:8px}.progress-bar-inline{width:80px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.progress-text{font-size:12px;font-weight:600;color:#667eea}.export-result-info{display:flex;flex-direction:column;gap:4px}.result-file-name{font-weight:600;color:#333;font-size:13px}.result-file-size{font-size:12px;color:#666}.export-error-inline{color:#f44336;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:12px;white-space:nowrap}.btn-download{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-download svg{flex-shrink:0}.btn-retry{padding:6px 12px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.btn-retry svg{flex-shrink:0}.btn-delete{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-delete:hover{background-color:#da190b;transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.btn-delete svg{flex-shrink:0}.exports-cards{display:none}.export-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #eee}.export-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.export-card-title{flex:1}.export-card-title h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.export-card-id{font-size:12px;color:#999;font-weight:500}.export-card-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px}.export-card-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.export-card-meta-item{display:flex;flex-direction:column}.export-card-meta-label{font-size:11px;color:#999;text-transform:uppercase;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.export-card-meta-value{font-size:13px;color:#333;font-weight:500}.export-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #eee}.export-card-actions .btn-download,.export-card-actions .btn-retry,.export-card-actions .btn-delete{flex:1;justify-content:center;padding:12px 16px;font-size:13px;min-height:44px}.export-card-progress{margin:12px 0}.export-card-progress .progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.export-card-progress .progress-text{text-align:right;font-size:14px;font-weight:600;color:#667eea}.export-card-error{background:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin:12px 0;color:#c33;font-size:13px}.export-card-result{margin-bottom:16px}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1024px){.exports-page{max-width:100%;padding:0 15px}.exports-filter-card{margin-bottom:15px}}@media (max-width: 768px){.exports-page{padding:0 10px}.exports-filter-card{padding:12px;border-radius:8px}.filter-panes{flex-direction:column;gap:10px}.filter-pane{width:100%;min-width:100%}.filter-pane.mobile-filter-pane{background:#f8f9fa;border:1px solid #e9ecef}.filter-pane.auto-refresh-pane{margin-left:0;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;width:100%}.auto-refresh-toggle{width:100%;justify-content:center;font-size:15px;padding:4px 0}.auto-refresh-toggle input[type=checkbox]{width:20px;height:20px}.exports-table-container{display:none}.exports-cards{display:block}.desktop-only{display:none!important}.mobile-only{display:block}.mobile-filter-pane{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:6px}.mobile-filter-label{font-size:14px;font-weight:600;color:#555;white-space:nowrap}.mobile-filter-select{flex:1;padding:12px 40px 12px 16px;font-size:15px;font-weight:500;color:#333;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s}.mobile-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.mobile-filter-select:active{transform:scale(.99)}.exports-cards{width:100%;overflow-x:hidden}.export-card{border-radius:10px;box-shadow:0 2px 6px #00000014;width:100%;box-sizing:border-box}.export-card-actions{gap:10px}.export-card-actions .btn-download,.export-card-actions .btn-retry,.export-card-actions .btn-delete{padding:14px 16px;font-size:14px;min-height:48px;border-radius:6px}}@media (max-width: 480px){.exports-page{padding:0 5px}.exports-filter-card{margin-bottom:12px;padding:8px}.filter-panes{gap:8px}.filter-pane.mobile-filter-pane{padding:10px 12px;gap:8px}.filter-pane.auto-refresh-pane{padding:10px}.auto-refresh-toggle,.mobile-filter-label{font-size:13px}.mobile-filter-select{padding:10px 34px 10px 12px;font-size:14px;background-position:right 10px center;min-height:44px}.exports-cards{width:100%}.export-card{padding:14px;margin-bottom:10px;border-radius:8px;width:100%;box-sizing:border-box}.export-card-header{margin-bottom:10px;gap:10px}.export-card-title h3{font-size:15px;line-height:1.3}.export-card-id{font-size:11px}.export-card-description{font-size:13px;margin-bottom:12px}.export-card-meta{gap:8px;padding:10px;margin-bottom:12px}.export-card-meta-label{font-size:10px}.export-card-meta-value{font-size:12px;word-break:break-word}.export-card-actions{gap:8px;padding-top:10px}.export-card-actions .btn-download,.export-card-actions .btn-retry,.export-card-actions .btn-delete{padding:12px 14px;font-size:13px;min-height:44px;border-radius:6px}.status-badge{padding:5px 10px;font-size:11px}.empty-state{padding:30px 15px;font-size:13px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}div[class*=__menu-portal]{z-index:9999!important}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){div[class*=__menu-portal]{z-index:15000!important}div[class*=__menu-portal]>div{z-index:15000!important}div[class*=__menu-portal] div[class*=__menu-list]{z-index:15000!important}}}div[class*=__menu-portal]>div{z-index:9999!important}div[class*=__menu-portal] div[class*=__menu-list]{background-color:#fff!important;z-index:9999!important}div[class*=__menu-portal] div[class*=__option]{background-color:#fff!important}div[class*=__menu-portal] div[class*=__option--is-selected]{background-color:#8b5cf6!important;color:#fff!important}div[class*=__menu-portal] div[class*=__option--is-focused]:not(div[class*=__option--is-selected]){background-color:#f3f4f6!important;color:#333!important}.timesheets-page{padding:30px;max-width:1200px;margin:0 auto;position:relative;z-index:1;overflow:visible}.timesheets-page.modal-open{z-index:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0;position:relative;z-index:1}.page-header h1{color:#333;font-size:28px;margin:0 0 5px}.page-header p{color:#666;margin:0;font-size:14px}.success-message{background:#10b981;color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center;animation:slideDown .3s ease-out;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100003;box-shadow:0 4px 12px #0000004d;min-width:300px}.timesheet-selector{max-width:600px;margin:0 auto;position:relative;z-index:1;overflow:visible}.selector-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #0000001a;position:relative;z-index:10;overflow:visible}.selector-card h3{color:#333;font-size:22px;margin:0 0 8px}.selector-card p{color:#666;margin:0 0 25px;font-size:14px}.selector-form{display:flex;flex-direction:column;gap:20px}.selector-form .form-group:nth-child(1){z-index:1;position:relative}.selector-form .form-group:nth-child(2){z-index:2000;position:relative}.selector-form .form-group:nth-child(1):has(.employee-select__menu){z-index:3000!important}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group select,.form-group input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;background:#fff;color:#333}.form-group select:focus,.form-group input:focus{outline:none;border-color:#8b5cf6}.react-datepicker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border:3px solid #000000!important;border-radius:12px!important;box-shadow:0 4px 20px #0000004d!important;z-index:5000!important;background-color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;padding:0!important}.react-datepicker__month-container{background-color:#fff!important;padding:0!important;margin:0!important}.react-datepicker__month{background-color:#fff!important;padding:10px!important;margin:0!important}.react-datepicker div:not(.react-datepicker__header):not(.react-datepicker__navigation):not(.react-datepicker__day-names):not(.react-datepicker__day-name){background-color:#fff!important}.custom-date-picker-popper,.react-datepicker-popper{z-index:100010!important;position:fixed!important}.react-datepicker-popper .react-datepicker{border:3px solid #000000!important;border-radius:12px!important}.react-datepicker-popper[data-placement^=bottom]{margin-top:8px}.react-datepicker__month{margin:10px;position:relative;z-index:auto}.react-datepicker__month-container{position:relative;z-index:auto}.react-datepicker__day{position:relative;z-index:auto;display:inline-block;background-color:#fff;color:#000!important;visibility:visible}.react-datepicker__day-name{position:relative;z-index:auto;display:inline-block;background-color:#000!important;color:#fff!important;visibility:visible}.react-datepicker{display:block!important;opacity:1!important;visibility:visible!important}.react-datepicker>div{position:relative;z-index:auto}.react-datepicker__month-container{z-index:1501!important;background-color:#fff!important;display:block!important;margin:0!important;padding:0!important;border-radius:0 0 9px 9px!important;overflow:hidden!important}.react-datepicker__month{z-index:1501!important;background-color:#fff!important;display:block!important;margin:10px!important;padding:0!important}.react-datepicker__week{background-color:#fff!important;display:flex!important;margin:0!important;padding:0!important}.react-datepicker__header{background-color:#000!important;z-index:1501!important;border-bottom:none!important;border-radius:9px 9px 0 0!important;padding-top:12px!important;margin:0!important;overflow:hidden!important}.react-datepicker__day-names{background-color:#000!important;z-index:9999!important;display:block!important;margin:0!important;padding:0!important}.react-datepicker__day-name{background-color:#000!important;color:#fff!important;z-index:9999!important;font-weight:600;font-size:12px;width:35px;line-height:35px;text-align:center;display:inline-block;margin:0!important;padding:0!important}.react-datepicker__navigation{z-index:1501!important;background-color:transparent!important}div[class*=react-datepicker-popper]{z-index:5000!important}@media (max-width: 768px){.react-datepicker,.react-datepicker>div,.react-datepicker>div>div,.react-datepicker__month-container,.react-datepicker__month,.react-datepicker__time-container,.react-datepicker__time-box,.react-datepicker__time-list,.react-datepicker__week{background-color:#fff!important;opacity:1!important;visibility:visible!important}.react-datepicker__header,.react-datepicker__day-names{background-color:#000!important;opacity:1!important;visibility:visible!important}.react-datepicker{z-index:5000!important;display:block!important;box-shadow:0 10px 40px #00000080!important;background-color:#fff!important;background:#fff!important;opacity:1!important;visibility:visible!important;border:3px solid #000000!important;border-radius:12px!important}.react-datepicker__month{margin:15px!important;padding:5px!important}.react-datepicker__day{background-color:#fff!important;color:#000!important}}.react-datepicker__month-container{background-color:#fff!important;margin:0!important;padding:0!important;overflow:hidden!important}.react-datepicker__month{background-color:#fff!important;margin:0!important;padding:10px!important;overflow:visible!important}.react-datepicker__time-container,.react-datepicker__time-box,.react-datepicker__time-list{background-color:#fff!important}.react-datepicker__navigation{background-color:transparent!important}.react-datepicker__current-month{color:#fff!important;font-weight:600;font-size:16px}.react-datepicker__navigation--previous,.react-datepicker__navigation--next{border-color:#fff}.react-datepicker__navigation-icon:before{border-color:#fff;border-width:2px 2px 0 0}.react-datepicker__day{z-index:1501!important;background-color:#fff!important;color:#000!important;width:35px;line-height:35px;margin:5px;border-radius:6px;transition:all .2s;font-weight:500;display:inline-block!important;text-align:center!important;cursor:pointer!important}.react-datepicker__day:hover{background:#e0e0e0;border-radius:6px}@media (max-width: 768px){.react-datepicker{font-size:16px;border:3px solid #000000!important;border-radius:12px}.react-datepicker__day-name,.react-datepicker__day{width:44px;line-height:44px;margin:4px;font-size:16px;font-weight:500}.react-datepicker__navigation--previous,.react-datepicker__navigation--next{width:50px;height:50px}.react-datepicker__current-month{font-size:18px;padding:10px 0}.react-datepicker__header{padding-top:15px}.react-datepicker__month{margin:15px}.react-datepicker__day-name{font-size:14px;font-weight:700}.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important;font-size:18px!important;font-weight:700!important;border:3px solid #dc2626!important}}@media (max-width: 480px){.react-datepicker__day-name,.react-datepicker__day{width:40px;line-height:40px;margin:3px;font-size:15px}.react-datepicker__current-month{font-size:16px}.react-datepicker{border:3px solid #000000!important;border-radius:12px!important;top:5%!important;left:2%!important;right:2%!important;max-width:96%!important}.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important;font-weight:700!important;border:3px solid #dc2626!important}}.react-datepicker__day--selected{background-color:#ef4444!important;color:#000!important;font-weight:700;border:2px solid #dc2626!important}.react-datepicker__day--selected:hover{background-color:#dc2626!important;color:#000!important}.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important}.react-datepicker__day--disabled{color:#999!important;cursor:not-allowed;background:#f0f0f0!important;border-radius:6px;opacity:.6;position:relative}.react-datepicker__day--disabled:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#ccc}.react-datepicker__day--disabled:hover{background:#f0f0f0!important;color:#999!important;opacity:.6}.react-datepicker__day--outside-month{color:#999!important;background:#fafafa!important;opacity:.8}.react-datepicker__triangle{display:none}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:#fff!important;border:2px solid #e0e0e0;border-radius:8px}.react-datepicker__month-option,.react-datepicker__year-option{font-size:14px;padding:8px 12px;color:#333!important;background:#fff!important}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background:#f0f0f0!important;color:#000!important}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:#8b5cf6!important;color:#fff!important}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3);opacity:.6;transition:all .2s}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(0);opacity:1}@media (max-width: 768px){.form-group input[type=date],.form-group input[type=time],.selector-form input[type=date],.selector-form input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}.ios-native-date-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:2000!important}.ios-native-date-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ios-native-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.ios-native-date-input{min-height:48px;font-size:16px!important;transform:translateZ(0);-webkit-transform:translateZ(0)}.ios-native-date-input:active,.ios-native-date-input:focus{position:relative;z-index:100010!important}}@supports (-webkit-touch-callout: none){.date-picker-container{z-index:2000!important;position:relative}.form-group:has(.ios-native-date-input){z-index:2000!important;position:relative}.ios-native-date-input{z-index:100010!important}.ios-native-date-input::-webkit-datetime-edit{position:relative;z-index:100010}.ios-native-date-input{font-size:16px!important}.ios-native-date-input:active,.ios-native-date-input:focus{position:relative;z-index:100010!important}}@media (max-width: 768px){.react-datepicker{font-size:16px;border:3px solid #000000!important;border-radius:12px;box-shadow:0 8px 24px #0000004d}.react-datepicker__header{padding:15px 10px;background:#000!important;border-radius:12px 12px 0 0}.react-datepicker__current-month{font-size:18px;font-weight:600;color:#fff!important;margin-bottom:8px}.react-datepicker__day-name{font-size:14px;font-weight:600;color:#fff!important;background:#000!important;width:35px;line-height:35px;margin:0!important;padding:0!important;z-index:9999!important}.react-datepicker__day{font-size:15px;width:35px;line-height:35px;margin:2px;border-radius:8px;transition:all .2s;color:#000!important}.react-datepicker__day:hover{background:#f0f0f0;transform:scale(1.1)}.react-datepicker__navigation{top:18px;width:44px;height:44px}.react-datepicker__navigation-icon:before{width:10px;height:10px;border-width:3px 3px 0 0}.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important;font-weight:700!important;border:3px solid #dc2626!important}.field-group select,.field-group input,.form-group select,.form-group input{min-height:48px;font-size:16px;padding:14px 16px;border-radius:8px;border:2px solid #e0e0e0;transition:all .3s}.field-group select:focus,.field-group input:focus,.form-group select:focus,.form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}}@media (max-width: 480px){.react-datepicker{width:100%;max-width:320px;margin:0 auto}.react-datepicker__day{width:32px;line-height:32px;font-size:14px}.react-datepicker__day-name{width:32px;line-height:32px;font-size:13px}.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important;font-weight:700!important;border:3px solid #dc2626!important}}.react-datepicker{animation:calendarAppear .2s ease-out}@keyframes calendarAppear{0%{opacity:0;transform:scale(.95);border-color:#8b5cf6}to{opacity:1;transform:scale(1);border-color:#000}}.react-datepicker,.react-datepicker-popper{background:#fff!important;background-color:#fff!important}.react-datepicker__month-container{background:#fff!important;background-color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important}.react-datepicker__month{background:#fff!important;background-color:#fff!important;display:block!important;margin:10px!important;opacity:1!important;visibility:visible!important}.react-datepicker__week{background:#fff!important;background-color:#fff!important;display:flex!important;justify-content:center!important;opacity:1!important;visibility:visible!important}.react-datepicker__day,.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background:#fff!important;background-color:#fff!important;color:#000!important;opacity:1!important;visibility:visible!important;display:inline-block!important}.react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{display:none!important}.react-datepicker-wrapper,.react-datepicker__input-container{background:transparent!important}.react-datepicker *,.react-datepicker__header,.react-datepicker__month,.react-datepicker__day-names,.react-datepicker__week,.react-datepicker__day{opacity:1!important;visibility:visible!important}.btn-create{background:#000;color:#fff;border:none;border-radius:10px;padding:14px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d;margin-top:10px}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-create:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000!important;padding:20px}.timesheet-modal{background:#fff;border-radius:20px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out;z-index:100001;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:25px 30px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;background:#000;z-index:100002!important;position:relative}.modal-header-content{flex:1}.modal-header h2{color:#fff;font-size:24px;margin:0 0 10px}.modal-subtitle{color:#fff;font-size:16px;margin:0;font-weight:600}.draft-indicator{color:gold;font-weight:700;font-size:14px;white-space:nowrap}.modal-close{background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:#fff3;color:#fff}.modal-back-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:0;margin-right:15px;width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;flex-shrink:0}.modal-back-button svg{stroke-linecap:round;stroke-linejoin:round}.modal-back-button:hover{background:#ffffff4d}.modal-back-button:active{background:#fff6}.modal-body{padding:0;overflow-y:auto;flex:1}.days-container{padding:20px;display:flex;flex-direction:column;gap:12px}.day-row{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:grid;grid-template-columns:150px 1fr 200px;gap:20px;align-items:start;transition:all .3s}.day-row:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.day-row.overtime{border-color:#ef4444;background:#fff;color:#000}.day-info{display:flex;flex-direction:column;gap:5px}.day-date{font-size:18px;font-weight:700;color:#000}.day-name{font-size:14px;color:#c50;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.non-working-day{margin-top:8px}.non-working-day label{display:flex;align-items:center;gap:8px;font-size:13px;color:#000;cursor:pointer;font-weight:500}.non-working-day input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.non-working-day input[type=checkbox]:checked+span,.non-working-day input[type=checkbox]:checked~*{color:#8b5cf6;font-weight:600}.non-working-message{padding:30px 20px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;text-align:center;margin:20px 0}.non-working-message span{color:#000;font-size:14px;font-weight:500}.day-fields{display:flex;flex-direction:column;gap:12px;align-items:stretch}.project-entry-row{display:grid;grid-template-columns:3fr minmax(100px,1fr) minmax(100px,1fr) minmax(90px,1fr) auto;gap:12px;align-items:end;position:relative}.btn-remove-entry{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-weight:700;align-self:end}.btn-add-project{background:#000;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:5px}.btn-add-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-add-project:active{transform:translateY(0)}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.field-group select,.field-group input{padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#333;transition:all .3s;min-width:0}.time-fields-row{display:contents}.field-group input[type=time]{min-width:90px}.field-group select:focus,.field-group input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.day-summary{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.hours-display{display:flex;flex-direction:column;gap:6px;min-width:150px}.hours-label{font-size:12px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding-bottom:4px;border-bottom:2px solid #e5e7eb}.hours-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#fff;border-radius:6px}.hours-row span{font-size:13px;color:#000;font-weight:500}.hours-row strong{font-size:14px;color:#000;font-weight:700}.hours-row.total{background:#000;border:none}.hours-row.total span,.hours-row.total strong{color:#fff}.projects-count{font-size:11px;color:#6b7280;font-style:italic;text-align:center;margin-top:2px;padding:4px 8px;background:#f3f4f6;border-radius:4px}.overtime-approval{width:100%;padding:14px 16px;background:#c50;border:3px solid #cc5500;border-radius:10px;box-shadow:0 2px 8px #f59e0b33}.overtime-approval label{display:flex;align-items:center;gap:12px;font-weight:700;color:#fff;cursor:pointer;margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.overtime-approval input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#cc5500;border:2px solid #cc5500;border-radius:4px;background-color:#fff}.overtime-approval input[type=checkbox]:checked{background-color:#c50}.modal-footer{padding:20px 30px;border-top:2px solid #f0f0f0;display:flex;flex-direction:column;gap:15px}.footer-left{width:100%;display:flex;gap:12px}.btn-cancel{flex:1;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.btn-cancel{background:#f3f4f6;color:#333}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{background:#6b7280;color:#fff;box-shadow:0 4px 12px #6b72804d;transition:all .3s ease}.btn-submit.ready-to-submit{background:#10b981;box-shadow:0 4px 12px #10b9814d}.btn-submit:hover:not(:disabled){transform:translateY(-2px)}.btn-submit.ready-to-submit:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.footer-right{width:100%}.btn-save{width:100%;background:#ff8c00;color:#fff;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;border:none;box-shadow:0 4px 12px #ff8c004d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff8c0066}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (min-width: 769px){.modal-footer{padding:25px 35px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.footer-left{width:auto;gap:15px}.btn-cancel,.btn-submit{width:200px;font-size:17px;padding:16px 32px}.footer-right{width:auto}.btn-save{width:300px;font-size:17px;padding:16px 32px}}.react-datepicker-popper{overflow:visible!important}.react-datepicker-popper .react-datepicker{border:3px solid #000000!important;border-radius:12px!important;overflow:hidden!important;box-sizing:border-box!important}.react-datepicker>*{box-sizing:border-box!important}.react-datepicker__header{margin:0!important;padding:12px 10px!important;border-radius:9px 9px 0 0!important;width:100%!important;box-sizing:border-box!important}.react-datepicker__day-names{margin:0!important;padding:0 10px!important;box-sizing:border-box!important;width:100%!important}.react-datepicker__month-container{margin:0!important;padding:0!important;width:100%!important;box-sizing:border-box!important;border-radius:0 0 9px 9px!important}.react-datepicker__month{margin:0!important;padding:10px!important;box-sizing:border-box!important;width:100%!important}.react-datepicker__month-container,.react-datepicker__header,.react-datepicker__day-names{border-left:none!important;border-right:none!important}.react-datepicker{width:auto!important;min-width:250px!important}@media (max-width: 768px){.react-datepicker{border:3px solid #000000!important;border-radius:12px!important;overflow:hidden!important}.react-datepicker__header{border-radius:9px 9px 0 0!important}.react-datepicker__month-container{border-radius:0 0 9px 9px!important}}@media (max-width: 480px){.react-datepicker{border:3px solid #000000!important;border-radius:12px!important;overflow:hidden!important}}.btn-submit .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.timesheet-modal{max-width:90%}.project-entry-row{grid-template-columns:2fr minmax(95px,.8fr) minmax(95px,.8fr) minmax(85px,.7fr) auto;gap:8px}.day-row{grid-template-columns:1fr;gap:15px}.day-summary{align-items:flex-start}}@media (max-width: 768px){.timesheets-page{padding:15px}.page-header{flex-direction:column;gap:15px;align-items:flex-start}.page-header h1{font-size:24px}.selector-card{padding:20px}.modal-overlay{padding:0;align-items:stretch;height:100vh;height:100dvh}.timesheet-modal{max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;padding:0;margin:0}.modal-header{padding:15px 20px}.modal-footer{padding:5px 20px;margin:auto 0 0}.modal-header h2{font-size:20px}.days-container,.day-row{padding:15px}.day-info{flex-direction:row;align-items:baseline;gap:8px;justify-content:space-between}.day-info .non-working-day{margin-left:auto}.day-date{font-size:16px}.time-fields-row{display:flex;flex-direction:row;gap:12px}.time-fields-row .field-group{flex:1;min-width:0}.project-entry-row{grid-template-columns:1fr}.btn-remove-entry{align-self:flex-start;margin-top:5px;width:44px;height:44px;font-size:24px}.overtime-approval{width:100%}.overtime-approval input[type=checkbox]{width:28px;height:28px}.field-group select,.field-group input{padding:12px 14px;min-height:44px}.form-group select,.form-group input{padding:12px 15px;min-height:44px}.btn-create,.btn-submit,.btn-save,.btn-cancel{padding:14px 24px;font-size:15px;width:100%}.modal-footer{padding:5px 15px;gap:10px;margin:auto 0 0}.footer-left{display:flex;gap:10px;width:100%;order:2}.footer-right{width:100%;order:1}.btn-cancel,.btn-submit{flex:1;padding:14px 24px;font-size:16px}.btn-save{width:100%;padding:14px 24px;font-size:16px}.success-message{min-width:auto;width:90%;left:5%;right:5%;transform:none}}@media (max-width: 480px){.timesheets-page{padding:10px}.page-header h1{font-size:22px}.selector-card{padding:15px}.timesheet-modal{padding:0;margin:0;height:100vh;height:100dvh}.modal-header{padding:12px 15px}.modal-header h2{font-size:18px}.modal-subtitle{font-size:14px}.days-container{padding:10px}.day-row{padding:12px}.day-info{flex-direction:row;align-items:baseline;gap:6px;justify-content:space-between}.day-info .non-working-day{margin-left:auto}.day-date{font-size:15px}.day-name{font-size:13px}.time-fields-row{display:flex;flex-direction:row;gap:10px}.time-fields-row .field-group{flex:1;min-width:0}.hours-row{padding:8px 10px}.react-datepicker__day-name{background-color:#000!important;color:#fff!important;font-weight:600}.react-datepicker__header{background-color:#000!important;color:#fff!important}.react-datepicker__day--selected,.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected{background-color:#ef4444!important;color:#000!important;font-weight:700!important;border:3px solid #dc2626!important}}.employee-select{width:100%;position:relative;z-index:1}.employee-select__control{position:relative;z-index:1;transition:all .2s ease!important}.employee-select__control--menu-is-open,.employee-select__menu-portal{z-index:10000!important}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.employee-select__control--menu-is-open,.employee-select__menu-portal,.employee-select__menu{z-index:15000!important}.employee-select__menu-list,.employee-select__option{z-index:15001!important}}}.employee-select__menu{z-index:10000!important;background-color:#fff!important;animation:slideDownMenu .2s ease-out}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.employee-select__menu-list,.employee-select__option{z-index:2501!important;background-color:#fff!important;position:relative}.employee-select__option--is-selected{background-color:#8b5cf6!important;color:#fff!important}.employee-select__option--is-focused:not(.employee-select__option--is-selected){background-color:#f3f4f6!important;color:#333!important}.employee-select__indicator-separator{display:none!important}.employee-select__control--is-focused{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf61a!important;z-index:1!important}.employee-select__control--menu-is-open{z-index:10000!important}.employee-select__loading-indicator{color:#8b5cf6!important}.employee-select__menu-notice--no-options{padding:16px!important;color:#6b7280!important;font-size:14px!important;text-align:center!important;background-color:#fff!important}.form-group:has(.employee-select){position:relative;z-index:2000}@media (max-width: 768px){.employee-select{z-index:1}.employee-select__control{min-height:48px!important;font-size:16px!important;z-index:1!important}.employee-select__control--menu-is-open{z-index:10000!important}.employee-select__placeholder,.employee-select__single-value,.employee-select__input,.employee-select__input input{font-size:16px!important}.employee-select__menu{z-index:2500!important;max-height:260px!important}.employee-select__menu-list{max-height:252px!important;padding:8px!important;-webkit-overflow-scrolling:touch}.employee-select__option{padding:14px 16px!important;font-size:16px!important;min-height:48px!important;-webkit-tap-highlight-color:rgba(139,92,246,.1);touch-action:manipulation}.employee-select__indicator{padding:12px!important}.employee-select__clear-indicator,.employee-select__dropdown-indicator{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.employee-select__clear-indicator svg,.employee-select__dropdown-indicator svg{width:20px!important;height:20px!important}.employee-select__menu-notice--no-options{font-size:16px!important;padding:20px 16px!important}.employee-select__menu-list::-webkit-scrollbar{width:8px}.employee-select__menu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.employee-select__menu-list::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.employee-select__menu-list::-webkit-scrollbar-thumb:hover{background:#7c3aed}}@media (max-width: 480px){.employee-select__menu{max-height:220px!important}.employee-select__menu-list{max-height:212px!important}}.form-group:has(.employee-select){position:relative;z-index:1!important}.form-group:has(.date-picker-container){position:relative;z-index:2000!important}.form-group:has(.employee-select__menu){z-index:10000!important}.employee-select__menu-portal{z-index:9999!important}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.form-group:has(.employee-select__menu){z-index:15000!important}.employee-select__menu-portal,.employee-select__menu{z-index:15000!important}}}.employee-select__menu{z-index:9999!important;background-color:#fff!important}@media (max-width: 768px){.form-group:has(.employee-select){z-index:1!important}.form-group:has(.date-picker-container){z-index:2000!important}.form-group:has(.employee-select__menu){z-index:10000!important}.employee-select__menu-portal,.employee-select__menu{z-index:10000!important}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.form-group:has(.employee-select__menu){z-index:15000!important}.employee-select__menu-portal,.employee-select__menu{z-index:15000!important}.employee-select__menu-list{z-index:15001!important}}}}@media (max-width: 768px){html{scroll-behavior:smooth}body{overflow-y:auto!important}.selector-card{padding-bottom:40px}.selector-form{padding-bottom:20px}.timesheets-page{min-height:100vh;overflow-y:visible}.employee-select__control--is-focused{position:relative;z-index:1}body.keyboard-open{position:relative!important;overflow-y:auto!important}}@media (max-width: 480px){.selector-card{padding-bottom:60px}.selector-form{padding-bottom:40px}}.ios-searchable-select{position:relative;width:100%}.ios-select-display{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;color:#333;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.ios-select-display:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ios-select-display:hover{border-color:#d1d5db}.ios-select-display .placeholder{color:#9ca3af}.ios-select-display .dropdown-arrow{color:#9ca3af;font-size:12px;transition:transform .3s}.ios-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000!important;padding:20px;animation:fadeIn .2s ease-out;overscroll-behavior:contain;position:fixed!important;height:100vh;height:100dvh;width:100%;overflow:visible}.ios-dropdown-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;min-height:200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out;overflow:hidden;position:relative;align-self:center;margin:auto}.ios-dropdown-header{background:#000;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.ios-dropdown-header h3{color:#fff;font-size:20px;margin:0;font-weight:600}.ios-dropdown-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.ios-dropdown-close:hover{background:#fff3}.ios-dropdown-search{padding:20px;border-bottom:1px solid #e0e0e0}.ios-search-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background:#fff;transition:border-color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ios-search-input::placeholder{color:#9ca3af}.ios-dropdown-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;min-height:200px;max-height:60vh}.ios-dropdown-item{padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:6px;border:2px solid transparent}.ios-dropdown-item:hover{background:#f3f4f6}.ios-dropdown-item:active{background:#e5e7eb}.ios-dropdown-item.selected{background:#8b5cf6;border-color:#7c3aed}.ios-dropdown-item.selected .ios-dropdown-item-name,.ios-dropdown-item.selected .ios-dropdown-item-role{color:#fff}.ios-dropdown-item.selected:hover{background:#7c3aed}.ios-dropdown-item-name{font-size:16px;font-weight:600;color:#000;margin-bottom:4px}.ios-dropdown-item-role{font-size:14px;color:#6b7280;font-weight:500;text-transform:capitalize}.ios-dropdown-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@supports (-webkit-touch-callout: none){.ios-dropdown-overlay{z-index:100000!important;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom) 20px;align-items:center;justify-content:center;display:flex;height:100vh;height:100svh;height:100dvh;position:fixed!important;top:0;left:0;right:0;bottom:0}.ios-dropdown-modal{max-height:85vh;align-self:center;position:relative;margin:0 auto;min-width:280px}.ios-dropdown-list{-webkit-overflow-scrolling:touch;max-height:min(60vh,calc(85vh - 200px));overflow-y:auto!important}.ios-search-input{font-size:16px!important;position:relative;z-index:1}.ios-search-input:focus{transform:translateZ(0);-webkit-transform:translateZ(0);position:relative;z-index:10}body:has(.ios-dropdown-overlay){overflow:hidden!important;position:fixed!important;width:100%;top:0;left:0}.ios-dropdown-modal{transform:translateZ(0);-webkit-transform:translateZ(0)}.modal-footer{flex-direction:column!important;padding:5px 15px;gap:10px;margin:auto 0 0}.footer-right{width:100%;order:1}.btn-save{width:100%;padding:14px 24px;font-size:16px}.footer-left{display:flex;gap:10px;width:100%;order:2}.btn-cancel,.btn-submit{flex:1;padding:14px 24px;font-size:16px}}@media screen and (max-height: 700px){.ios-dropdown-modal{max-height:90vh}.ios-dropdown-list{max-height:50vh}}@media screen and (max-height: 600px){.ios-dropdown-modal{max-height:85vh}.ios-dropdown-list{max-height:45vh}}@media screen and (max-height: 500px){.ios-dropdown-modal{max-height:80vh}.ios-dropdown-list{max-height:40vh}}@media screen and (max-width: 768px){.ios-dropdown-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;height:100svh!important;overflow:hidden!important}.ios-dropdown-modal{position:relative!important;max-height:90vh!important;margin:0 auto!important;align-self:center!important}}@media screen and (max-height: 500px) and (orientation: landscape){.ios-dropdown-modal{max-height:95vh!important;margin:10px auto!important}.ios-dropdown-list{max-height:60vh!important}}.submit-confirmation-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.submit-confirmation-body{padding:0;text-align:center;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.timesheet-summary-table{margin:0;height:100%;display:flex;flex-direction:column;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.timesheet-summary-table h4{font-size:16px;font-weight:600;color:#111827;margin:0;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.timesheet-summary-table>div{flex:1;overflow-y:auto;min-height:0}.timesheet-summary-table table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.timesheet-summary-table thead{background:#f3f4f6;position:sticky;top:0;z-index:1}.timesheet-summary-table th{padding:10px 12px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.timesheet-summary-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#4b5563;vertical-align:middle}.timesheet-summary-table tbody tr:hover{background:#f9fafb}.timesheet-summary-table tfoot{background:#f9fafb;border-top:2px solid #e5e7eb;position:sticky;bottom:0}.timesheet-summary-table tfoot td{padding:12px;font-size:15px;border-bottom:none;white-space:nowrap}.summary-date{display:flex;flex-direction:column;gap:2px}.summary-day-name{font-size:12px;color:#6b7280;font-weight:400}.timesheet-summary-mobile{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.summary-scrollable-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.summary-day-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;flex-shrink:0}.summary-day-header{background:#f9fafb;padding:14px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.summary-day-info{display:flex;width:100%;justify-content:space-between;align-items:center}.summary-day-date{font-weight:700;font-size:15px;color:#111827}.summary-day-hours-row{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600}.summary-hours-label{color:#10b981}.summary-hours-overtime{color:#f59e0b}.summary-day-entries{padding:14px 16px;display:flex;flex-direction:column;gap:12px;background:#fff}.summary-entry-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0;border:none}.summary-entry-project{font-weight:600;font-size:14px;color:#111827;line-height:1.3;flex:0 1 auto;min-width:0}.summary-entry-meta{font-size:13px;color:#6b7280;display:flex;gap:8px;align-items:center;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.summary-entry-time{color:#4b5563}.summary-entry-break{color:#6b7280}.summary-entry-meta>span:not(:last-child):after{content:"|";margin-left:8px;color:#d1d5db}.summary-total-card{background:#000;color:#fff;padding:18px 20px;flex-shrink:0;border-top:3px solid #374151;position:sticky;bottom:0;z-index:10}.summary-total-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}.summary-total-row>span{color:#fff}.summary-total-values{display:flex;gap:8px;align-items:center}.summary-total-row strong{font-size:16px;font-weight:700;color:#fff}.summary-total-separator{color:#9ca3af;margin:0 4px}.summary-total-overtime{color:#fbbf24;font-weight:700}.timesheet-summary-table{display:none!important}@media (max-width: 768px){.submit-confirmation-overlay{padding:0!important;align-items:stretch}.submit-confirmation-modal{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0;margin:0}.submit-confirmation-header h3{font-size:20px}.submit-confirmation-body{padding:0;text-align:left}.summary-scrollable-content{padding:15px}.submit-confirmation-body p{font-size:15px}.submit-confirmation-warning{font-size:14px;padding:12px}.submit-confirmation-buttons{flex-direction:column-reverse;gap:10px}.submit-confirmation-cancel,.submit-confirmation-agree{width:100%}}@media (max-width: 480px){.submit-confirmation-modal{max-width:100%}.timesheet-summary-table h4{font-size:14px;padding:8px 10px}.timesheet-summary-table th,.timesheet-summary-table td{padding:6px 4px;font-size:11px}.timesheet-summary-table th{font-size:10px}.summary-date strong{font-size:11px}.summary-day-name{font-size:9px}}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){div[class*=__menu-portal],.employee-select__menu-portal,.employee-select__menu{z-index:15000!important;position:relative!important}div[class*=__menu-portal] div[class*=__menu-list],.employee-select__menu-list,div[class*=__menu-portal] div[class*=__option],.employee-select__option{z-index:15001!important;position:relative!important}.form-group:has(.employee-select__menu),.form-group:has(.employee-select__control--menu-is-open){z-index:15000!important;position:relative!important}.employee-select__control--menu-is-open{z-index:15000!important;position:relative!important}.react-datepicker,.react-datepicker-popper,.custom-date-picker-popper{z-index:100010!important;position:fixed!important}.form-group:has(.date-picker-container){z-index:100005!important;position:relative!important}}}.react-datepicker__day-names,.react-datepicker__day-names .react-datepicker__day-name{background-color:#000!important;color:#fff!important}@media (max-width: 768px){.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;margin:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.timesheet-modal{position:relative!important;margin:0!important;width:100%!important;height:auto!important;flex:1!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}.timesheet-modal .modal-header{border-radius:0!important;flex-shrink:0!important;align-items:center!important;padding:15px 20px!important}.timesheet-modal .modal-back-button{display:flex!important;margin-right:12px!important}.timesheet-modal .modal-close{display:none!important}.timesheet-modal .modal-header-content{display:flex!important;flex-direction:column!important;justify-content:center!important}.timesheet-modal .modal-header h2{margin:0!important;font-size:18px!important}.timesheet-modal .modal-subtitle{margin:0!important;font-size:14px!important}.timesheet-modal .draft-indicator{font-size:12px!important}.timesheet-modal .modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.timesheet-modal .modal-footer{border-radius:0!important;flex-shrink:0!important;position:relative!important;margin-top:0!important;margin-bottom:0!important;padding:15px!important;max-height:none!important;height:auto!important;display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:space-between!important}.timesheet-modal .btn-cancel{display:none!important}.timesheet-modal .footer-left{flex:1!important;display:flex!important;order:1!important}.timesheet-modal .footer-right{flex:1!important;display:flex!important;order:2!important}.timesheet-modal .btn-submit,.timesheet-modal .btn-save{width:100%!important}.modal-overlay,.timesheet-modal{padding-bottom:0!important}.timesheet-modal .modal-footer{padding-bottom:15px!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.modal-overlay{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.timesheet-modal{padding-bottom:0!important;height:auto!important}.timesheet-modal .modal-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}.timesheet-modal .modal-footer{padding:15px!important}.timesheet-modal .modal-back-button{display:flex!important;margin-right:12px!important}.timesheet-modal .modal-close{display:none!important}.timesheet-modal .modal-header{align-items:center!important}.timesheet-modal .modal-header-content{display:flex!important;flex-direction:column!important;justify-content:center!important}.timesheet-modal .draft-indicator{font-size:12px!important}.timesheet-modal .modal-footer{display:flex!important;flex-direction:row!important;gap:10px!important;justify-content:space-between!important}.timesheet-modal .btn-cancel{display:none!important}.timesheet-modal .footer-left{flex:1!important;display:flex!important;order:1!important}.timesheet-modal .footer-right{flex:1!important;display:flex!important;order:2!important}.timesheet-modal .btn-submit,.timesheet-modal .btn-save{width:100%!important}}}.my-timesheets{max-width:1400px}.page-header{margin-bottom:30px}.page-header h1{margin:0 0 8px;color:#333;font-size:28px}.page-header p{margin:0;color:#666;font-size:14px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.summary-card.total{background:#000;color:#fff}.card-icon{font-size:36px}.card-content{flex:1}.card-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:5px}.summary-card:not(.total) .card-value{color:#333}.card-label{font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.summary-card.total .card-label{color:#ffffffe6}.timesheet-table-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.timesheet-table-container h2{margin:0 0 20px;color:#333;font-size:20px}.timesheet-table{width:100%;border-collapse:collapse}.timesheet-table thead{background-color:#f8f9fa}.timesheet-table th{padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.timesheet-table td{padding:12px;border-bottom:1px solid #eee;color:#333;font-size:14px}.timesheet-table tbody tr:hover{background-color:#f8f9fa}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.submitted{background-color:#d4edda;color:#155724}.status-badge.draft{background-color:#e2e3e5;color:#383d41}.empty-state{text-align:center;padding:40px 20px;color:#666}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.error-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.error{color:#dc3545;padding:12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}@media (max-width: 1024px){.my-timesheets{max-width:100%}}@media (max-width: 768px){.page-header{margin-bottom:20px}.page-header h1{font-size:24px}.summary-cards{grid-template-columns:1fr;gap:15px}.summary-card{padding:16px}.card-icon{font-size:30px}.card-value{font-size:24px}.timesheet-table-container{overflow-x:auto;padding:15px}.timesheet-table-container h2{font-size:18px}.timesheet-table{min-width:800px}.timesheet-table th,.timesheet-table td{padding:10px 8px;font-size:13px}}@media (max-width: 480px){.page-header h1{font-size:22px}.page-header p{font-size:13px}.summary-card{padding:14px}.card-icon{font-size:28px}.card-value{font-size:22px}.card-label{font-size:12px}.timesheet-table-container{padding:12px}.timesheet-table-container h2{font-size:16px}.timesheet-table th,.timesheet-table td{padding:8px 6px;font-size:12px}.status-badge{padding:3px 8px;font-size:11px}}.expenses-page{max-width:1600px;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:2rem}.btn-primary{background:#000;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.expenses-filter-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.filter-panes{display:flex;gap:20px;align-items:center;flex-wrap:nowrap}.filter-pane{padding:15px;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef}.filter-pane.date-selection-pane{flex:0 0 auto}.filter-pane.create-expense-pane{display:flex;align-items:center;justify-content:center;padding:15px 20px;flex:0 0 auto;margin-left:auto}.date-forms{display:flex;gap:15px;align-items:center;flex-wrap:nowrap}.date-filter-actions{display:flex;gap:10px;margin-top:25px}.filter-pane .form-group{margin-bottom:0}.filter-pane .form-group label{display:block;margin-bottom:6px;color:#555;font-weight:600;font-size:14px}.filter-pane .form-group input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s}.filter-pane .form-group input:focus{outline:none;border-color:#667eea}.error-alert{background-color:#fee;border:2px solid #dc3545;border-radius:8px;color:#721c24;padding:15px 20px;margin-bottom:20px;font-size:14px;line-height:1.5;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #dc354533}.error-alert strong{display:block;font-size:15px;margin-bottom:5px;color:#dc3545}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-filters{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.date-filters .date-forms{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.date-filter-actions{display:flex;gap:10px}.date-filters .form-group{flex:0 0 200px;margin-bottom:0}.date-filters label{display:block;margin-bottom:6px;color:#555;font-weight:600;font-size:14px}.date-filters input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s}.date-filters input[type=date]{cursor:pointer;position:relative}@media (min-width: 769px){.date-filters input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:40px}.date-filters input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;opacity:0}}.date-filters input:focus{outline:none;border-color:#667eea}@media (max-width: 768px){.expenses-filter-card{padding:15px}.filter-panes{flex-direction:column;gap:15px}.filter-pane{width:100%;min-width:100%}.filter-pane.date-selection-pane{min-width:100%}.filter-pane.create-expense-pane{margin-left:0;padding:0;background:transparent;border:none}.filter-pane.create-expense-pane .btn-primary{width:100%}.date-forms{flex-direction:row;flex-wrap:nowrap;gap:10px;width:100%}.date-forms .form-group{flex:1;min-width:140px}.date-forms .form-group input{font-size:14px;padding:10px 8px;white-space:nowrap}.date-filter-actions{display:none}.white-background-container{margin-left:0;margin-right:0;padding:15px;width:100%;box-sizing:border-box}.date-filters{flex-direction:column;align-items:stretch;gap:15px;width:100%}.date-filters .date-forms{flex-direction:row;flex-wrap:nowrap;gap:10px;width:100%}.date-filters .form-group{flex:1;min-width:0;margin-left:0;margin-right:0}.date-filters input{width:100%;box-sizing:border-box}}.badge-expense-paid{display:inline-block;background-color:#2ecc71;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-expense-pending{display:inline-block;background-color:#f39c12;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-expense-draft{display:inline-block;background-color:#95a5a6;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-expense-rejected{display:inline-block;background-color:#e74c3c;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.date-picker-container{position:relative;z-index:1}.date-picker-wrapper{width:100%;position:relative;z-index:1}.react-datepicker-wrapper{width:100%;display:block;position:relative;z-index:1}.react-datepicker__input-container{position:relative;z-index:1}.react-datepicker__input-container input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;background:#fff;color:#333;box-sizing:border-box}.react-datepicker__input-container input:focus{outline:none;border-color:#8b5cf6}.react-datepicker,.react-datepicker>div,.react-datepicker>div>div,.react-datepicker__portal{background-color:#fff!important}.react-datepicker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border:3px solid #000000!important;border-radius:12px!important;box-shadow:0 4px 20px #0000004d!important;z-index:5000!important}.react-datepicker__header,.react-datepicker__month,.react-datepicker__year,.react-datepicker__month-container,.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__current-month,.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#fff!important}.custom-date-picker-popper{z-index:10000!important}.white-background-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:20px}@media (max-width: 768px){.react-datepicker__input-container input{cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;caret-color:transparent!important}.react-datepicker__input-container input:focus{outline:none!important;border-color:#8b5cf6!important;cursor:pointer!important}.react-datepicker__input-container input::selection{background:transparent!important}.react-datepicker__input-container input{-webkit-tap-highlight-color:rgba(139,92,246,.1);touch-action:manipulation}}@media (max-width: 480px){.react-datepicker__input-container input{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}}@media (max-width: 768px){.form-group input[type=date],.form-group input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}.ios-native-date-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:2000!important}.ios-native-date-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ios-native-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}}.expense-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;margin:0;box-sizing:border-box}.expense-modal-wide{max-width:1000px}.expense-modal .modal-header{padding:15px 20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#000;flex-shrink:0}.expense-modal .modal-header-content{flex:1;display:flex;align-items:center}.expense-modal .modal-header h2{color:#fff;font-size:24px;margin:0;font-weight:600}.expense-modal .modal-back-button{background:#fff3;border:none;color:#fff;cursor:pointer;padding:0;margin-right:15px;width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;flex-shrink:0}.expense-modal .modal-back-button svg{stroke-linecap:round;stroke-linejoin:round}.expense-modal .modal-back-button:hover{background:#ffffff4d}.expense-modal .modal-back-button:active{background:#fff6}.expense-modal .modal-close-button{background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.expense-modal .modal-close-button:hover{color:#ccc;transform:rotate(90deg)}.expense-modal .modal-body{flex:1;overflow-y:auto;padding:25px 30px 10px}.expense-modal .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.expense-modal .field-group label{font-weight:600;color:#333;font-size:14px}.expense-modal .field-group select,.expense-modal .field-group input,.expense-modal .field-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s;background:#fff;color:#333;font-family:inherit}.expense-modal .field-group input[type=date]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#333;cursor:pointer;display:block;box-sizing:border-box;line-height:normal;min-height:46px;position:relative}@media (min-width: 769px){.expense-modal .field-group input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px;padding-right:45px}.expense-modal .field-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;opacity:0}.expense-modal .field-group input[type=date]::-webkit-datetime-edit-fields-wrapper{display:inline-flex}.expense-modal .field-group input[type=date]::-webkit-datetime-edit{display:inline-flex}.expense-modal .field-group input[type=date]::-webkit-datetime-edit-text,.expense-modal .field-group input[type=date]::-webkit-datetime-edit-month-field,.expense-modal .field-group input[type=date]::-webkit-datetime-edit-day-field,.expense-modal .field-group input[type=date]::-webkit-datetime-edit-year-field{padding:0 2px}}.expense-modal .field-group select:focus,.expense-modal .field-group input:focus,.expense-modal .field-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.expense-modal .field-group textarea{resize:vertical;min-height:80px}.items-container{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:5px}.expense-item-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;width:100%;flex-wrap:nowrap}.expense-item-row:last-child{margin-bottom:0!important}.expense-modal .field-group:last-child{margin-bottom:0!important;padding-bottom:0!important}.expense-modal .text-sm.text-gray-600.mt-1{margin-top:0!important;margin-bottom:0!important;padding:0!important}.expense-modal p{margin:0!important;padding:0!important}.expense-item-description{flex:1;min-width:0;flex-shrink:1}.expense-item-quantity{width:70px;flex-shrink:0;min-width:70px}.expense-item-amount{width:120px;flex-shrink:0;min-width:120px;font-size:14px;padding-right:8px}.expense-item-remove{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;min-width:36px;border-radius:4px;align-self:center}.btn-remove-entry{background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove-entry:hover{background:#dc2626;transform:scale(1.05)}@media (max-width: 480px){.expense-item-row{gap:6px;align-items:stretch}.expense-item-description{min-width:120px;flex-shrink:1}.expense-item-quantity{width:55px;flex-shrink:0}.expense-item-amount{width:95px;flex-shrink:0}.expense-item-remove{width:32px;height:32px;font-size:16px;min-width:32px;flex-shrink:0}.expense-item-description,.expense-item-quantity,.expense-item-amount{height:40px;box-sizing:border-box;font-size:14px}.expense-item-amount{padding-right:6px}}@media (max-width: 375px){.expense-item-row{flex-wrap:nowrap;gap:4px}.expense-item-description{min-width:100px;font-size:13px}.expense-item-quantity{width:50px}.expense-item-amount{width:85px}.expense-item-remove{width:30px;height:30px;font-size:14px}}.expense-modal .modal-footer{padding:15px 30px;border-top:3px solid #f0f0f0;display:flex;flex-direction:row;justify-content:flex-end;gap:15px;flex-shrink:0;background:#f8f9fa;box-sizing:border-box}@media (min-width: 769px){.expense-modal{max-height:90vh}}@media (max-width: 768px){.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;align-items:stretch!important;justify-content:stretch!important;height:100vh!important;height:100lvh!important;height:100dvh!important;width:100vw!important;padding-top:env(safe-area-inset-top,0)!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:env(safe-area-inset-right,0)!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.expense-modal{max-width:100%!important;width:100%!important;height:100vh!important;height:100lvh!important;height:100dvh!important;max-height:100vh!important;max-height:100lvh!important;max-height:100dvh!important;border-radius:0!important;display:flex!important;flex-direction:column!important;margin:0!important;animation:none!important}.expense-modal-wide{max-width:100%!important}.expense-modal .modal-header{padding:12px 15px;flex-shrink:0;border-radius:0!important}.expense-modal .modal-header h2{font-size:18px}.expense-modal .modal-back-button{display:flex!important;margin-right:12px;width:44px;height:44px}.expense-modal .modal-body{flex:1;overflow-y:auto;padding:20px 20px 0;-webkit-overflow-scrolling:touch;min-height:0;overflow-x:hidden;margin-bottom:0;box-sizing:border-box;max-height:calc(100vh - 180px);position:relative}.expense-modal .modal-footer{padding:6px 15px 12px;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-shrink:0;background:#fff;border-top:3px solid #f0f0f0;margin-top:auto;position:relative;z-index:10;margin-bottom:0;box-sizing:border-box;max-height:70px!important;min-height:auto!important;height:auto!important;overflow:hidden!important;width:100%!important;max-width:100%!important;min-width:100%!important;flex-grow:0!important;flex-basis:auto!important}.expense-modal .modal-footer .btn-cancel{display:none!important}.expense-modal .modal-footer .btn-submit{width:100%;max-width:400px}.expense-modal .modal-body.keyboard-open{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 768px) and (max-height: 600px){.expense-modal .modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.expense-modal .modal-body.keyboard-open{padding-bottom:10px}.expense-modal{margin:0!important;padding:0!important;box-sizing:border-box!important;border-radius:0!important}.expense-modal .modal-back-button{display:flex!important}.expense-modal .modal-close-button{display:none!important}.expense-modal .modal-body{padding-bottom:0!important;margin-bottom:0!important;max-height:calc(100vh - 150px)!important;overflow-y:auto!important}.expense-modal .modal-footer{margin-top:-10px!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:12px!important;box-sizing:border-box!important;max-height:60px!important;min-height:auto!important;height:auto!important;overflow:hidden!important;position:relative!important;top:-10px!important;justify-content:center!important}.expense-modal .modal-footer .btn-cancel{display:none!important}.expense-modal .modal-footer .btn-submit{width:100%;max-width:400px}.expense-modal .modal-body:after,.expense-modal .modal-footer:before,.expense-modal .modal-footer:after{display:none!important;content:none!important}.expense-modal{padding-bottom:env(safe-area-inset-bottom,0px)!important}}.expense-modal{height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important}.expense-modal .modal-header{border-radius:0!important}.expense-modal .modal-back-button{display:flex!important}.expense-modal .modal-close-button{display:none!important}.expense-modal .modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.expense-item-description:focus,.expense-item-quantity:focus,.expense-item-amount:focus{scroll-margin:20px;outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.expense-modal textarea:focus{scroll-margin:30px;min-height:80px;resize:vertical}.expense-modal .field-group input[type=date]{width:100%!important;max-width:100%!important;padding:12px 15px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;font-size:16px!important;background:#fff!important;color:#333!important;box-sizing:border-box!important;min-height:46px!important;max-height:46px!important;height:46px!important;line-height:normal!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.expense-modal .btn-cancel,.expense-modal .btn-submit{flex:1;width:auto;height:44px;max-height:44px;min-height:44px;padding:8px 16px;box-sizing:border-box;font-size:16px;line-height:1.2}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.modal-overlay{height:100vh!important;height:-webkit-fill-available!important;padding-bottom:env(safe-area-inset-bottom,20px)!important}.expense-modal{height:100vh!important;height:-webkit-fill-available!important;max-height:100vh!important;max-height:-webkit-fill-available!important;display:flex!important;flex-direction:column!important;border-radius:0!important}.expense-modal .modal-header{border-radius:0!important}.expense-modal .modal-back-button{display:flex!important}.expense-modal .modal-close-button{display:none!important}.expense-modal .modal-body{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:none!important;padding-bottom:10px!important}.expense-modal .field-group input[type=date]{width:100%!important;max-width:100%!important;padding:12px 15px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;font-size:16px!important;background:#fff!important;color:#333!important;box-sizing:border-box!important;min-height:46px!important;max-height:46px!important;height:46px!important;line-height:normal!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important}.expense-modal .modal-footer{flex-shrink:0!important;position:relative!important;padding:10px 15px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,20px))!important;background:#fff!important;border-top:3px solid #f0f0f0!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:0!important;margin-bottom:0!important;box-shadow:0 -2px 10px #0000001a!important}.expense-modal .modal-footer .btn-cancel{display:none!important}.expense-modal .modal-footer .btn-submit{width:100%;max-width:400px}.expense-modal .btn-cancel,.expense-modal .btn-submit{flex:1!important;max-width:48%!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:600!important}}}.expenses-summary-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.expenses-summary-table{width:100%;border-collapse:collapse}.expenses-summary-table thead{background-color:#f8f9fa}.expenses-summary-table th{padding:15px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.expenses-summary-table td{padding:15px;border-bottom:1px solid #eee;color:#333;font-size:14px}.expenses-summary-table tbody tr{cursor:pointer;transition:background-color .2s}.expenses-summary-table tbody tr:hover{background-color:#f8f9fa}.btn-view-details{padding:6px 12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-details:hover{background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}@media (max-width: 768px){.expenses-summary-table-container{overflow:visible}.expenses-summary-table{display:block;min-width:0}.expenses-summary-table thead{display:none}.expenses-summary-table tbody{display:block}.expenses-summary-table tr{display:block;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#fff;box-shadow:0 2px 4px #0000000d}.expenses-summary-table td{display:flex;justify-content:space-between;padding:8px 0;border:none;font-size:14px}.expenses-summary-table td:before{content:attr(data-label);font-weight:600;color:#555;text-transform:uppercase;font-size:12px}.expenses-summary-table td:last-child{border-top:1px solid #e0e0e0;padding-top:12px;margin-top:8px;justify-content:space-between;align-items:center}.expenses-summary-table td:last-child:before{flex-shrink:0}.btn-view-details{width:auto;padding:8px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}}body.modal-open{overflow:hidden}body.modal-open header,body.modal-open .app-header,body.modal-open nav,body.modal-open .navbar{z-index:0!important}@media (max-width: 768px){.page-header{padding-left:0;padding-right:0}.expenses-summary-table-container{margin-left:0;margin-right:0}}.expense-form-page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;touch-action:pan-y}.expense-form-page .modal-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:transparent!important;padding:0!important;animation:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.expense-form-page .expense-modal{position:relative!important;margin:0!important;width:100%!important;flex:1!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.expense-form-page .expense-modal .modal-header{border-radius:0!important;flex-shrink:0!important}.expense-form-page .expense-modal .modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;min-height:0!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}.expense-form-page .expense-modal .modal-footer{border-radius:0!important;flex-shrink:0!important;position:relative!important;margin-top:0!important;margin-bottom:0!important;padding:15px!important;max-height:none!important;height:auto!important}@media (max-width: 768px){.expense-form-page .modal-overlay,.expense-form-page .expense-modal{padding-bottom:0!important}.expense-form-page .expense-modal .modal-footer{padding:15px!important;margin-bottom:0!important}}@supports (-webkit-touch-callout: none){.expense-form-page .modal-overlay{padding-bottom:0!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.expense-form-page .expense-modal{padding-bottom:0!important}.expense-form-page .expense-modal .modal-body{overscroll-behavior-y:contain!important;touch-action:pan-y!important}.expense-form-page .expense-modal .modal-footer{padding:15px!important}}.settings-page,.settings-page-modern{max-width:100%;width:100%;box-sizing:border-box}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-page-modern{padding:24px;max-width:1400px;margin:0 auto}.settings-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:2px solid #e5e5e5;overflow:hidden;flex-wrap:wrap}.settings-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f9f9f9;border:1px solid #e5e5e5;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;color:#666;font-weight:500;font-size:14px;position:relative;top:2px;flex-shrink:0}.settings-tab:hover{background:#f0f0f0;color:#000}.settings-tab svg{color:inherit;transition:color .2s ease}.settings-tab.active{background:#000;border-color:#000;color:#fff;font-weight:600;z-index:1}.settings-tab.active:hover{background:#1a1a1a;color:#fff}.settings-tab span{font-size:14px}@media (max-width: 768px){.settings-page-modern{padding:16px 0;overflow-x:hidden;max-width:100vw;width:100%}.settings-card{padding:15px;overflow-x:hidden}.settings-card h2{font-size:20px}.settings-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:16px;margin-right:16px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{padding:10px 14px;font-size:12px;gap:6px;min-width:max-content}.settings-tab svg{width:16px;height:16px}.settings-tab span{font-size:12px;white-space:nowrap}.overtime-thresholds{grid-template-columns:1fr;gap:15px}}@media (max-width: 480px){.settings-page-modern{padding:12px 0;overflow-x:hidden;max-width:100vw;width:100%}.settings-content-area{padding:0 12px}.settings-card{padding:12px;overflow-x:hidden}.settings-tabs{margin-left:12px;margin-right:12px}.settings-tab{padding:8px 12px;font-size:11px;gap:4px}.settings-tab svg{width:14px;height:14px}.settings-tab span{font-size:11px}}.settings-content-area{animation:fadeIn .3s ease-in-out;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-view{opacity:1;animation:fadeIn .3s ease-in-out;width:100%;max-width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-notification{position:fixed;top:20px;right:20px;z-index:9999;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 16px #0003;min-width:300px;max-width:500px}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-message{font-weight:500;font-size:14px}@media (max-width: 768px){.settings-content-area{padding:0 16px}.settings-tabs{margin-bottom:20px}.settings-tab{padding:10px 16px;font-size:13px}.settings-tab span{font-size:13px}.toast-notification{top:10px;right:10px;left:10px}.toast-content{min-width:auto}}.settings-sidebar{width:260px;flex-shrink:0;background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px 0;position:sticky;top:20px;max-height:calc(100vh - 100px);overflow-y:auto}.sidebar-section-title{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 20px;padding:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;text-align:left;color:#333;font-size:14px;font-weight:400;cursor:pointer;transition:all .15s ease;border-left:2px solid transparent;width:100%}.sidebar-nav-item:hover{background-color:#fafafa;color:#000}.sidebar-nav-item.active{background-color:#000;color:#fff;border-left-color:#000;font-weight:500}.sidebar-nav-icon{font-size:18px;width:20px;text-align:center}.sidebar-nav-label{font-size:14px}.settings-main{flex:1;min-width:0}.settings-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:32px;margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-card h2{margin-top:0;margin-bottom:8px;color:#000;font-weight:600;font-size:24px}.settings-section{margin-top:40px;margin-bottom:40px;position:relative;padding-top:20px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-section:first-child{margin-top:24px}.settings-section:last-child{margin-bottom:24px}.settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#000,#000 60px,#e5e5e5 60px,#e5e5e5);border-radius:2px}.settings-section h3{margin-top:0;margin-bottom:20px;color:#000;font-weight:600;font-size:18px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.settings-section h3 .section-subtitle{display:block;font-size:12px;font-weight:400;color:#666;margin-top:4px}.settings-description{color:#666;margin-bottom:32px;font-size:14px;line-height:1.6}.logo-preview{margin-top:16px;padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.logo-preview-label{font-size:13px;font-weight:600;color:#666;margin-bottom:8px}.logo-preview-image{max-height:80px;max-width:300px;object-fit:contain;display:block}.text-input{width:100%;padding:10px 12px;border:1px solid #d4d4d4;border-radius:4px;font-size:14px;background:#fff;color:#000;transition:all .15s ease}.text-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.settings-form{max-width:500px}@media (max-width: 768px){.settings-form{max-width:100%;width:100%}}.settings-page .form-group{margin-bottom:24px;width:100%;max-width:100%;box-sizing:border-box}.settings-page .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#000;font-size:13px}.settings-page .form-group input{width:100%;padding:12px;border:1px solid #d4d4d4;border-radius:3px;font-size:14px;transition:all .15s ease;background:#fff}.settings-page .form-group input:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.settings-page .form-help{display:block;margin-top:6px;color:#666;font-size:12px;line-height:1.5}.settings-page .checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:12px}.settings-page .checkbox-input{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#000;flex-shrink:0}.settings-page .checkbox-text{font-size:14px;color:#333;line-height:1.5}.settings-page .form-actions{margin-top:30px}.settings-page .btn{padding:12px 24px;border:1px solid #000;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-page .btn-primary{background-color:#000;color:#fff}.settings-page .btn-primary:hover:not(:disabled){background-color:#333;border-color:#333}.settings-page .btn-secondary{background-color:#fff;color:#000;margin-right:10px}.settings-page .btn-secondary:hover:not(:disabled){background-color:#f5f5f5}.settings-page .btn:disabled{opacity:.4;cursor:not-allowed}.settings-info{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:32px}.settings-info h3{margin-top:0;color:#000;font-weight:600}.settings-info p{color:#666;line-height:1.6}.info-box{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:3px;padding:12px 14px;font-family:SF Mono,Monaco,Courier New,monospace;margin-bottom:10px;color:#000;font-size:13px}.env-vars-list{margin-top:24px}.env-var-item{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:3px;padding:16px;margin-bottom:12px}.env-var-name{font-family:SF Mono,Monaco,Courier New,monospace;font-weight:600;color:#000;margin-bottom:6px;font-size:13px}.env-var-desc{color:#666;font-size:13px;line-height:1.5}.settings-note{background-color:#fafafa;border-left:3px solid #000;padding:16px;margin-top:24px;border-radius:3px}.settings-note p{margin:6px 0;color:#333;font-size:13px;line-height:1.5}.settings-page .form-help code{background-color:#f5f5f5;padding:3px 7px;border-radius:3px;font-size:12px;color:#000;border:1px solid #e5e5e5;font-family:SF Mono,Monaco,Courier New,monospace}.overtime-thresholds{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.work-schedule-config{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.settings-section{margin-bottom:32px}.settings-section h3{font-size:16px;font-weight:600;color:#000;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.start-of-week-select{width:200px;padding:10px 14px;border:1px solid #d4d4d4;border-radius:3px;font-size:14px;background:#fff;color:#000;cursor:pointer;transition:all .15s ease}.start-of-week-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e5e5e5;margin-top:8px}.day-card{background:#fff;border:1px solid #d4d4d4;border-radius:4px;overflow:hidden;transition:all .15s ease;width:100%;max-width:100%;box-sizing:border-box}.day-card:hover{border-color:#000;box-shadow:0 2px 8px #00000014}.day-card.weekend-day{background:#fafafa}.day-card.non-working-day{background:#e8e8e8;border:2px solid #999;opacity:.95}.day-card.non-working-day:hover{opacity:1;border-color:#666;box-shadow:0 2px 8px #0000001f}.day-header-compact{background:#000;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.weekend-day .day-header-compact{background:#2a2a2a}.non-working-day .day-header-compact{background:#555;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:8px 8px}.day-name-compact{font-size:14px;font-weight:600;color:#fff}.working-day-toggle-compact{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:#fff}.working-day-toggle-compact:hover{opacity:.85}.working-day-toggle-compact input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#fff}.working-day-toggle-compact .toggle-text{cursor:pointer;color:#fff;white-space:nowrap}.day-content-compact{padding:14px 16px 16px;background:#fff;color:#000;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.weekend-day .day-content-compact{background:#fafafa}.non-working-day .day-content-compact{background:#f5f5f5;color:#333}.time-row-compact{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:nowrap}.time-input-compact{padding:10px 12px;border:1px solid #d4d4d4;border-radius:4px;font-size:14px;background:#fff;color:#000;transition:all .15s ease;width:100px;flex-shrink:0}.time-input-compact:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.non-working-day .time-input-compact,.weekend-day .time-input-compact{background:#fff}.time-separator-compact{font-size:14px;color:#666;font-weight:500;flex-shrink:0}.overtime-field-compact{display:flex;align-items:center;gap:8px}.overtime-label{font-size:13px;color:#666;font-weight:500;white-space:nowrap}.overtime-input-compact{width:70px;padding:10px 12px;border:1px solid #d4d4d4;border-radius:4px;font-size:14px;background:#fff;color:#000;transition:all .15s ease;text-align:center}.hours-label{font-size:13px;color:#666;font-weight:500;white-space:nowrap}.overtime-input-compact:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.day-summary-compact{padding:8px 0 12px;text-align:left;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.summary-text{font-size:13px;color:#000;font-weight:500;line-height:1.5}.non-working-day .summary-text{color:#666}.day-name{font-size:15px;font-weight:600}.day-status{font-size:11px;opacity:.9}.day-content{padding:18px;color:#000}.day-content *{color:inherit}.no-work-message{text-align:center;padding:20px 0;color:#666}.no-work-message p{font-size:14px;font-weight:500;margin:0 0 5px}.no-work-message small{font-size:12px;opacity:.8}.settings-page .time-inputs{display:flex;align-items:end;gap:10px;margin-bottom:18px}.settings-page .time-inputs .form-group{flex:1;margin:0}.settings-page .time-inputs label{display:block;font-size:11px;font-weight:600;color:#000;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.settings-page .time-input{width:100%;padding:10px;border:1px solid #d4d4d4;border-radius:3px;font-size:14px;transition:all .15s ease;background:#fff;color:#000}.settings-page .time-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.settings-page .time-separator{font-size:13px;color:#000;font-weight:400;padding-bottom:10px}.settings-page .overtime-input{margin-bottom:14px}.settings-page .overtime-input label{display:block;font-size:11px;font-weight:600;color:#000;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.settings-page .overtime-input-wrapper{display:flex;align-items:center;gap:8px}.settings-page .overtime-number{width:80px;padding:10px;border:1px solid #d4d4d4;border-radius:3px;font-size:14px;transition:all .15s ease;background:#fff;color:#000}.settings-page .overtime-number:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.settings-page .hours-label{font-size:13px;color:#000;font-weight:400}.day-summary{background:#fafafa;padding:12px;border-radius:3px;text-align:center;border:1px solid #f0f0f0}.day-summary small{font-size:11px;color:#000;line-height:1.5}.btn-settings-save{padding:10px 20px;background:#ccc;color:#666;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:not-allowed;transition:all .3s ease}.settings-button-container{display:flex;justify-content:flex-end;margin-top:20px;width:100%;max-width:100%;box-sizing:border-box}.btn-settings-save.no-changes{background:#ccc;color:#666;cursor:not-allowed}.btn-settings-save.no-changes:hover{background:#ccc}.btn-settings-save.has-unsaved-changes{background:#28a745;color:#fff;cursor:pointer;box-shadow:0 4px 12px #28a7454d}.btn-settings-save.has-unsaved-changes:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.btn-settings-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;position:static;max-height:none}.sidebar-nav{flex-direction:column;overflow-y:auto;padding:10px 0}.sidebar-section-title{margin-left:20px;margin-bottom:10px}.sidebar-nav-item{border-left:2px solid transparent;border-bottom:none;white-space:normal;padding:12px 20px}.sidebar-nav-item.active{border-left:2px solid #000;border-bottom:none}.overtime-thresholds{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.overtime-thresholds{grid-template-columns:1fr;gap:15px}.days-grid{grid-template-columns:1fr;gap:15px;padding:16px;width:100%;max-width:100%;box-sizing:border-box;margin:0}.settings-section{margin-top:32px;margin-bottom:32px;padding-top:16px;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.settings-section h3{font-size:16px;word-wrap:break-word}.time-row-compact{gap:6px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.time-input-compact{width:calc(50% - 20px);min-width:90px;font-size:14px;padding:10px 8px;flex-shrink:0;box-sizing:border-box}.time-separator-compact{font-size:13px;flex-shrink:0}.overtime-field-compact{width:100%;margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;box-sizing:border-box}.overtime-label{font-size:13px;flex-shrink:0}.overtime-input-compact{flex:1;min-width:80px;font-size:14px;padding:10px 8px;box-sizing:border-box}.hours-label{font-size:13px;flex-shrink:0}.sidebar-nav-icon{font-size:16px}.sidebar-nav-label{font-size:13px}.sidebar-nav-item{padding:10px 14px;min-height:44px}.settings-page .time-inputs{flex-direction:column;gap:15px}.settings-page .time-inputs .form-group{width:100%}.settings-page .time-input,.settings-page .overtime-number,.settings-page .form-group input{padding:12px 14px;min-height:44px}.settings-page .btn,.settings-page .btn-submit{width:100%;padding:14px 20px;box-sizing:border-box}.settings-button-container{justify-content:stretch}}@media (max-width: 480px){.settings-card{padding:15px}.settings-card h2{font-size:18px}.settings-description{font-size:14px;margin-bottom:20px}.day-card{border-radius:8px}.day-header{padding:12px 15px}.day-name{font-size:14px}.day-content{padding:15px}.settings-page .overtime-input-wrapper{flex-direction:column;align-items:flex-start}.settings-page .overtime-number,.settings-page .start-of-week-select{width:100%}}.version-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.version-info-item{background:#000;border:1px solid #000;border-radius:4px;padding:20px;transition:all .15s ease}.version-info-item:hover{background:#1a1a1a;box-shadow:0 2px 8px #00000026}.version-info-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.version-info-value{display:flex;align-items:center}.version-badge{display:inline-block;background:transparent;color:#fff;padding:8px 14px;border-radius:3px;font-size:18px;font-weight:600;font-family:SF Mono,Monaco,Courier New,monospace;border:1px solid #333;transition:all .15s ease}.version-badge:hover{border-color:#666}.version-badge:empty:after{content:"Loading...";opacity:.6;font-size:14px}@media (max-width: 768px){.version-info-grid{grid-template-columns:1fr;width:100%;max-width:100%;box-sizing:border-box}.version-info-item{padding:20px;width:100%;max-width:100%;box-sizing:border-box}.version-badge{font-size:15px;padding:10px 16px;word-wrap:break-word;overflow-wrap:break-word}}.settings-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-page .modal-content{background:#fff;border-radius:4px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;border:1px solid #e5e5e5}.settings-page .warning-modal{border:2px solid #000}.settings-page .modal-header{padding:20px 24px;border-bottom:1px solid #e5e5e5}.settings-page .warning-header{background:#fafafa;border-bottom:1px solid #d4d4d4}.settings-page .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#000;display:flex;align-items:center;gap:8px}.settings-page .modal-body{padding:24px}.settings-page .warning-message{margin:0 0 20px;font-size:15px;color:#333;line-height:1.6}.settings-page .warning-message strong{color:#000;font-weight:600}.settings-page .warning-details{margin:16px 0 8px;font-size:14px;font-weight:600;color:#000}.settings-page .warning-list{margin:8px 0 20px;padding-left:24px;list-style-type:disc}.settings-page .warning-list li{margin:10px 0;font-size:13px;line-height:1.6;color:#666}.settings-page .warning-list li strong{color:#000;font-weight:600}.settings-page .warning-confirm{margin:20px 0 0;font-size:14px;font-weight:500;color:#000;padding:16px;background:#fafafa;border-left:3px solid #000;border-radius:3px}.settings-page .modal-footer{padding:16px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:12px;background:#fafafa;border-radius:0 0 4px 4px}.settings-page .btn-cancel{padding:10px 20px;background:#fff;border:1px solid #d4d4d4;border-radius:3px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .15s ease}.settings-page .btn-cancel:hover{background:#fafafa;border-color:#000}.settings-page .btn-confirm-warning{padding:10px 20px;background:#000;border:1px solid #000;border-radius:3px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.settings-page .btn-confirm-warning:hover{background:#333;border-color:#333}@media (max-width: 768px){.settings-page .modal-content{width:95%;max-width:none}.settings-page .modal-header h2{font-size:18px}.settings-page .modal-footer{flex-direction:column-reverse}.settings-page .btn-cancel,.settings-page .btn-confirm-warning{width:100%}}.settings-table-container{margin:20px 0;border-radius:8px;overflow:hidden;border:1px solid #e5e5e5}.settings-table{width:100%;border-collapse:collapse;background:#fff}.settings-table thead{background:#000}.settings-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #000}.settings-table td{padding:14px 16px;border-bottom:1px solid #e5e5e5;vertical-align:top}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tbody tr:hover{background:#f9f9f9}.setting-label{font-weight:600;color:#333;font-size:14px;min-width:280px;white-space:nowrap}@media (max-width: 768px){.setting-label{min-width:0;white-space:normal}}.setting-value{min-width:150px}@media (max-width: 768px){.setting-value{min-width:0}}.table-select{padding:8px 12px;border:1px solid #d4d4d4;border-radius:4px;font-size:14px;color:#333;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px}@media (max-width: 768px){.table-select{min-width:0;width:100%}}.table-select:hover{border-color:#000}.table-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.table-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.setting-description{color:#666;font-size:13px;line-height:1.5}@media (max-width: 768px){.settings-table-container{overflow-x:auto;overflow-y:visible;margin:20px -15px;width:calc(100% + 30px);max-width:calc(100% + 30px);padding:0;box-sizing:border-box;border-radius:0;border-left:none;border-right:none}.settings-table{font-size:13px;min-width:0;width:100%;max-width:100%;display:block;table-layout:auto;box-sizing:border-box}.settings-table thead{display:none}.settings-table tbody{display:block;width:100%;box-sizing:border-box}.settings-table tr{display:block;margin-bottom:20px;border:1px solid #e5e5e5;border-radius:8px;overflow:visible;background:#fff;width:calc(100% - 30px);max-width:calc(100% - 30px);box-sizing:border-box;margin-left:15px;margin-right:15px}.settings-table td{display:block;padding:12px 16px;border-bottom:1px solid #e5e5e5;text-align:left;width:100%;max-width:100%;min-width:0;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.settings-table td:last-child{border-bottom:none}.setting-label{min-width:0;max-width:100%;width:100%;font-size:14px;white-space:normal;font-weight:600;background:#f9f9f9;color:#000;box-sizing:border-box;word-wrap:break-word}.setting-value{min-width:0;max-width:100%;width:100%;padding:12px 16px;box-sizing:border-box}.table-select{min-width:0;width:100%;max-width:100%;font-size:14px;padding:10px 12px;box-sizing:border-box}.setting-description{font-size:13px;color:#555;line-height:1.6;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 480px){.settings-table-container{margin:20px -12px;width:calc(100% + 24px);max-width:calc(100% + 24px)}.settings-table tr{margin-bottom:15px;width:calc(100% - 24px);max-width:calc(100% - 24px);margin-left:12px;margin-right:12px}.settings-table td{padding:10px 14px}.setting-label{font-size:13px}.table-select{font-size:13px;padding:10px 12px;width:100%}.setting-description{font-size:12px}.logo-preview{margin-top:12px;padding:12px;width:100%;max-width:100%;box-sizing:border-box}.logo-preview-image{max-width:100%;max-height:60px}.text-input{width:100%;max-width:100%;box-sizing:border-box;font-size:14px}.form-group{width:100%;max-width:100%;box-sizing:border-box}}.setting-locked-icon{display:inline-flex;align-items:center;margin-left:6px;color:#f59e0b;flex-shrink:0}.env-var-notice{display:flex;align-items:center;gap:6px;color:#f59e0b!important;font-size:12px;margin-top:6px;font-weight:500}.env-var-notice svg{flex-shrink:0}.env-override-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-top:20px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e}.env-override-notice svg{flex-shrink:0;margin-top:2px}.env-override-notice span{font-size:13px;line-height:1.5}.env-override-notice strong{font-weight:600}@media (max-width: 768px){.env-override-notice{flex-direction:column;gap:8px}.env-override-notice svg{margin-top:0}}.submit-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100001!important;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.submit-confirmation-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submit-confirmation-header{background:#ef4444;padding:20px;text-align:center;border-radius:12px 12px 0 0}.submit-confirmation-header h3{color:#fff;font-size:22px;margin:0;font-weight:700}.submit-confirmation-body{padding:30px 20px;text-align:center}.submit-confirmation-body p{font-size:16px;color:#333;margin:0 0 15px;line-height:1.5}.submit-confirmation-warning{color:#ef4444!important;font-weight:600!important;background:#fee2e2;padding:15px;border-radius:8px;border:2px solid #ef4444;margin-top:20px!important}.submit-confirmation-buttons{display:flex;gap:12px;padding:20px;border-top:2px solid #f0f0f0}.submit-confirmation-cancel,.submit-confirmation-agree{flex:1;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.submit-confirmation-cancel{background:#f3f4f6;color:#333}.submit-confirmation-cancel:hover{background:#e5e7eb}.submit-confirmation-agree{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.submit-confirmation-agree:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media (max-width: 768px){.submit-confirmation-modal{max-width:90%}.submit-confirmation-header h3{font-size:20px}.submit-confirmation-body{padding:25px 15px}.submit-confirmation-body p{font-size:15px}.submit-confirmation-warning{font-size:14px;padding:12px}.submit-confirmation-buttons{flex-direction:column-reverse;gap:10px}.submit-confirmation-cancel,.submit-confirmation-agree{width:100%}}.role-checkbox-group-inline{display:flex;gap:20px;align-items:center}.role-checkbox-label-inline{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.role-checkbox-label-inline input[type=checkbox]{cursor:pointer;width:18px;height:18px}.role-checkbox-label-inline input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.role-checkbox-label-inline span{-webkit-user-select:none;user-select:none}@media screen and (max-height: 600px){.submit-confirmation-modal{max-height:90vh}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mobile-small: 480px;--mobile-large: 768px;--tablet: 1024px;--desktop: 1440px}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#f5f5f5;color:#333}#root{width:100%;margin:0 auto}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f5f5f5}}@media (max-width: 768px){body{font-size:15px}button,input[type=button],input[type=submit],input[type=reset],a,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}button,input,select,textarea{font-size:16px}*{-webkit-overflow-scrolling:touch}html,body{overflow-x:hidden}}@media (max-width: 480px){body{font-size:14px}button,input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px;font-size:14px}}@media (max-width: 768px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}}@media (max-width: 480px){h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}h4{font-size:15px}}@media (max-width: 768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}}