.envelope-container{direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background-color:#f5f7fa}.envelope-header{background:linear-gradient(135deg,#2e7d32,#4caf50);padding:30px 20px 20px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:space-between}.back-button{width:40px;height:40px;border-radius:50%;background-color:#fff3;border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.back-button:hover{background-color:#ffffff4d}.header-content{flex:1;text-align:center}.header-title{color:#fff;font-size:22px;font-weight:700;margin:0}.header-subtitle{color:#c8e6c9;font-size:16px;margin:5px 0 0}.header-spacer{width:40px}.envelope-content{padding:20px;max-width:800px;margin:0 auto}.tabs-container{display:flex;background-color:#fff;border-radius:15px;padding:5px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.tab{flex:1;padding:14px 20px;border-radius:12px;border:none;background:transparent;font-size:18px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.tab:hover{background-color:#f0f0f0}.tab-active{background-color:#4caf50;color:#fff;font-weight:700;box-shadow:0 2px 8px #4caf504d}.settings-indicator{background-color:#e3f2fd;border-radius:10px;padding:12px;margin-bottom:15px;border:1px solid #90CAF9;text-align:center;font-size:14px;color:#1565c0;font-weight:500}.update-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:15px;padding:15px;margin-bottom:15px;display:flex;align-items:center;border:1px solid #FFB74D}.update-banner-icon{font-size:24px;margin-left:12px}.update-banner-content{flex:1}.update-banner-title{font-weight:700;color:#e65100;margin:0 0 5px}.update-banner-text{color:#f57c00;font-size:14px;margin:0}.input-card{background-color:#fff;border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 4px 15px #00000014}.card-header{display:flex;align-items:center;margin-bottom:20px;flex-direction:row-reverse}.card-icon{font-size:24px;margin-right:10px}.card-title{font-size:18px;font-weight:700;color:#2e7d32;margin:0}.filter-row{display:flex;align-items:center;margin-bottom:15px;gap:15px}.filter-row label{font-weight:500;color:#333;min-width:60px}.date-input{flex:1;padding:12px 15px;border:2px solid #E0E0E0;border-radius:12px;font-size:16px;transition:border-color .2s}.date-input:focus{outline:none;border-color:#4caf50}.shift-buttons{display:flex;gap:10px;flex:1}.shift-button{flex:1;padding:12px 20px;border:2px solid #E0E0E0;border-radius:12px;background:#fff;font-size:16px;cursor:pointer;transition:all .2s}.shift-button:hover{border-color:#4caf50}.shift-button-active{background-color:#4caf50;border-color:#4caf50;color:#fff}.action-buttons-row{display:flex;gap:10px;margin-top:15px}.load-data-button,.check-shift-button{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.load-data-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.load-data-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.check-shift-button{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.check-shift-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.load-data-button:disabled,.check-shift-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.shift-status{margin-top:15px;padding:15px;border-radius:12px;display:flex;align-items:flex-start;gap:10px}.status-success{background-color:#e8f5e9;border:1px solid #A5D6A7}.status-warning{background-color:#fff3e0;border:1px solid #FFCC80}.status-icon{font-size:24px}.shift-status p{margin:0;font-weight:500}.shift-status ul{margin:10px 0 0;padding-right:20px}.tips-row{display:flex;gap:20px}.tip-input-group{flex:1}.tip-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.tip-input{width:100%;padding:15px;border:2px solid #E0E0E0;border-radius:12px;font-size:20px;font-weight:700;text-align:center;transition:all .2s;box-sizing:border-box}.tip-input:focus{outline:none}.cash-input:focus{border-color:#4caf50;background-color:#f1f8e9}.credit-input:focus{border-color:#2196f3;background-color:#e3f2fd}.total-tips{margin-top:20px;padding:15px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;text-align:center;font-size:20px;font-weight:700;color:#2e7d32}.employees-list{max-height:400px;overflow-y:auto}.employee-item{display:flex;flex-direction:column;padding:15px;border:2px solid #E0E0E0;border-radius:12px;margin-bottom:10px;transition:all .2s}.employee-item:hover{border-color:#4caf50}.employee-selected{background-color:#e8f5e9;border-color:#4caf50}.employee-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.employee-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.employee-name{font-weight:500;font-size:16px}.employee-hours{display:flex;align-items:center;gap:8px}.hours-input{width:80px;padding:8px 12px;border:2px solid #E0E0E0;border-radius:8px;font-size:16px;text-align:center}.hours-input:focus{outline:none;border-color:#4caf50}.total-hours{margin-top:15px;padding:12px;background-color:#f5f5f5;border-radius:10px;text-align:center;font-weight:600;color:#333}.total-amount{color:#2e7d32}.shift-summary-info{display:flex;justify-content:space-around;padding:12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:10px;margin-bottom:15px;font-weight:600;color:#2e7d32}.employee-main-row{display:flex;justify-content:space-between;align-items:center;width:100%}.employee-hours-display{font-weight:500;color:#666;font-size:14px}.employee-calc-row{display:flex;gap:15px;margin-top:8px;padding-top:8px;border-top:1px dashed #E0E0E0;flex-wrap:wrap}.calc-item{font-size:13px;color:#333;font-weight:500}.calc-item.deduction{color:#e65100}.calc-item.hourly{color:#1565c0}.create-button{width:100%;padding:18px;border:none;border-radius:15px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:30px}.create-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.button-disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:25px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{padding:25px;text-align:center;border-bottom:1px solid #E0E0E0}.modal-header.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:25px 25px 0 0}.modal-icon{font-size:48px;display:block;margin-bottom:15px}.modal-header h2{margin:0;color:#2e7d32;font-size:22px}.modal-body{padding:25px}.results-summary{text-align:center;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:12px}.results-summary p{margin:5px 0;font-size:16px}.results-list{max-height:300px;overflow-y:auto}.result-item{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #E0E0E0}.result-item:last-child{border-bottom:none}.result-name{font-weight:500}.result-amount{font-weight:700;color:#2e7d32}.modal-close-button{width:calc(100% - 50px);margin:0 25px 25px;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.modal-close-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 600px){.envelope-content{padding:15px}.input-card{padding:20px}.tips-row{flex-direction:column;gap:15px}.action-buttons-row{flex-direction:column}.filter-row{flex-direction:column;align-items:stretch}.filter-row label{margin-bottom:8px}}.employees-list::-webkit-scrollbar,.results-list::-webkit-scrollbar{width:8px}.employees-list::-webkit-scrollbar-track,.results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.employees-list::-webkit-scrollbar-thumb,.results-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.employees-list::-webkit-scrollbar-thumb:hover,.results-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}