@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#667eea;font-size:32px;margin-bottom:8px}.login-header p{color:#666;font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.register-link{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.register-link p{color:#666;font-size:14px;margin:0 0 10px}.register-btn{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s;width:100%}.register-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.login-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:13px;margin:4px 0}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:28px}}.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:20px}.register-box{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:30px;width:100%}.register-header{margin-bottom:25px;text-align:center}.logos-container{gap:20px;margin-bottom:20px}.logo-item,.logos-container{align-items:center;display:flex;justify-content:center}.logo-item{flex:1 1}.company-logo{height:auto;max-width:120px;object-fit:contain}.logo-divider{background:linear-gradient(180deg,#0000,#667eea,#0000);height:50px;width:2px}.register-title{color:#2d3748;font-size:28px;font-weight:700;margin:15px 0 10px}.register-subtitle{color:#667eea;font-size:14px;font-weight:600;margin:5px 0}.register-project{color:#718096;font-size:12px;margin:5px 0 0}.register-note{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;color:#856404;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 15px}.register-note i{color:#ffc107;font-size:18px}.register-form{display:flex;flex-direction:column;gap:18px}.form-group{gap:8px}.form-group label{align-items:center;color:#2d3748;display:flex;font-size:14px;gap:8px}.form-group label i{color:#667eea;font-size:16px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-hint{color:#718096;font-size:12px;margin-top:-4px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-left:45px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;justify-content:center;left:12px;padding:5px;position:absolute;transition:color .3s ease}.password-toggle:hover{color:#667eea}.password-toggle i{font-size:18px}.form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:left 15px center;background-repeat:no-repeat;cursor:pointer;padding-left:40px}.error-message{align-items:center;animation:shake .5s ease;background:#fee;border:1px solid #fcc;border-radius:10px;color:#c53030;display:flex;font-size:14px;gap:10px;padding:12px 15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message i{font-size:18px}.register-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 20px;transition:all .3s ease}.register-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{cursor:not-allowed;opacity:.7}.register-button i{font-size:18px}.login-link{align-items:center;color:#718096;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:15px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:color .3s ease}.link-button:hover:not(:disabled){color:#764ba2;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.register-container{padding:15px}.register-box{border-radius:15px;padding:20px}.register-title{font-size:24px}.register-subtitle{font-size:13px}.register-project{font-size:11px}.company-logo{max-width:100px}.logo-divider{height:40px}.form-group input,.form-group select{font-size:14px;padding:11px 13px}.register-button{font-size:15px;padding:12px 18px}.register-note{font-size:13px;padding:10px 12px}}@media (max-width:480px){.register-box{padding:18px}.register-title{font-size:22px}.company-logo{max-width:80px}.logos-container{gap:15px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:14px;padding:10px 12px}.password-input-wrapper input{padding-left:40px}}.sidebar{background:linear-gradient(180deg,#1e3c72,#2a5298);box-shadow:-2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;transition:transform .3s ease;width:280px;z-index:1000}.sidebar,.sidebar-overlay{position:fixed;right:0;top:0}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.sidebar-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:25px 20px}.logo-container h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.logo-container p{color:#fffc;font-size:.85rem;margin:5px 0 0;opacity:.9}.user-info{border-bottom:1px solid #ffffff1a;gap:15px;padding:25px 20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-details h3{color:#fff;font-size:.95rem;font-weight:600;margin:0}.user-role{color:#ffffffb3;font-size:.75rem;margin:5px 0 0;opacity:.8}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:5px 0}.sidebar-nav a{align-items:center;border-right:3px solid #0000;color:#ffffffe6;display:flex;font-size:1rem;gap:15px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.sidebar-nav a:hover{background:#ffffff1a;border-right-color:#fff}.sidebar-nav a.active{background:#ffffff26;border-right-color:#fff;font-weight:600}.nav-icon{font-size:1.3rem;text-align:center;width:30px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:15px;padding:12px 15px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#fff3;transform:translateX(-5px)}@media (max-width:768px){.sidebar{pointer-events:none;transform:translateX(100%)}.sidebar.open{pointer-events:auto;transform:translateX(0)}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.show{opacity:1;pointer-events:auto;visibility:visible}}@media (min-width:769px){.sidebar{pointer-events:auto;transform:translateX(0)}.sidebar-overlay{display:none!important}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dashboard-layout{background:#f5f7fa;direction:rtl;display:flex;min-height:100vh}.dashboard-content{flex:1 1;margin-right:280px;max-width:100%;overflow-x:hidden;transition:margin .3s ease;width:100%}.dashboard-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;padding:20px 30px}.menu-toggle{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.2rem;padding:10px 15px}.dashboard-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.dashboard-main{max-width:100%;overflow-x:hidden;padding:30px;width:100%}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:40px}.welcome-section h2{font-size:2rem;margin:0 0 10px}.user-role{font-size:1.1rem;margin:5px 0;opacity:.9}.user-station{font-size:1rem;margin:5px 0;opacity:.8}.install-section{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;margin-bottom:30px;padding:30px}.install-section h3{border-bottom:3px solid #003da5;color:#2c3e50;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.install-buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.install-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:15px;padding:25px;transition:all .3s ease}.install-btn:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.android-btn{background:linear-gradient(135deg,#4caf500d,#4caf5005);border-color:#4caf50}.android-btn:hover{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#45a049}.ios-btn{background:linear-gradient(135deg,#003da50d,#003da505);border-color:#003da5}.ios-btn:hover{background:linear-gradient(135deg,#003da51a,#003da50d);border-color:#002a7f}.btn-icon{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:3rem;height:80px;justify-content:center;width:80px}.btn-icon,.btn-text{align-items:center;display:flex}.btn-text{flex-direction:column;gap:5px}.btn-title{color:#2c3e50;font-size:1.1rem;font-weight:700}.btn-desc{color:#7f8c8d;font-size:.9rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;cursor:pointer;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 5px 25px #00000026;transform:translateY(-5px)}.stat-icon{align-items:center;background:#f0f4ff;border-radius:12px;display:flex;font-size:3rem;height:70px;justify-content:center;width:70px}.stat-info h3{color:#2c3e50;font-size:1.3rem;margin:0 0 8px}.stat-info p{color:#7f8c8d;font-size:.9rem;margin:0}.project-info{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;padding:30px}.project-info h3{border-bottom:3px solid #3498db;color:#2c3e50;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.info-grid{grid-gap:15px;display:grid;gap:15px}.info-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:10px;padding:15px}.info-item strong{color:#2c3e50;min-width:120px}.info-item span{color:#7f8c8d}@media (max-width:768px){.dashboard-content{margin-right:0!important}.dashboard-content,.dashboard-main{max-width:100vw!important;width:100vw!important}.dashboard-main{padding:0!important}.menu-toggle{display:block}.dashboard-header{padding:15px 12px}.dashboard-header h1{font-size:1.3rem}.welcome-section{border-radius:0;margin:0 0 15px;padding:25px 15px}.welcome-section h2{font-size:1.5rem}.install-section{border-radius:8px;margin:0 12px 15px;padding:20px 12px}.install-section h3{font-size:1.2rem}.install-buttons-grid{gap:15px;grid-template-columns:1fr}.install-btn{padding:20px}.btn-icon{font-size:2.5rem;height:70px;width:70px}.btn-title{font-size:1rem}.btn-desc{font-size:.85rem}.stats-grid{gap:15px;grid-template-columns:1fr;padding:0 12px}.stat-card{padding:20px}.stat-icon{font-size:2.5rem;height:60px;width:60px}.project-info{border-radius:8px;margin:0 12px;padding:20px 12px}.info-item{align-items:start;flex-direction:column}.info-item strong{min-width:auto}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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{line-height:0;z-index:1}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.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;margin:2px;width:4rem}.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;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.datepicker-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#334155;cursor:pointer;direction:ltr;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.datepicker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;outline:none}.datepicker-input:hover:not(:disabled){border-color:#cbd5e1}.datepicker-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.datepicker-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.datepicker-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.datepicker-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;justify-content:space-between;padding:20px}.datepicker-modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.datepicker-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .2s;width:36px}.datepicker-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.react-datepicker{background:#fff!important;border:none!important;box-shadow:none!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.react-datepicker,.react-datepicker__header{border-radius:0!important;direction:ltr!important}.react-datepicker__header{background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:16px!important}.react-datepicker__current-month{color:#1e293b!important;direction:ltr!important;font-size:18px!important;font-weight:700!important;margin-bottom:12px!important}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{direction:ltr!important;margin:0 8px!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:8px!important;direction:ltr!important;font-size:16px!important;font-weight:600!important;padding:8px!important}.react-datepicker__day-names{background-color:#f8fafc!important;direction:ltr!important;display:flex!important;justify-content:space-around!important;padding:12px 0!important}.react-datepicker__day-name{color:#64748b!important;direction:ltr!important;font-size:14px!important;font-weight:700!important;line-height:3rem!important;width:3rem!important}.react-datepicker__month{background:#fff!important;direction:ltr!important;margin:1rem!important}.react-datepicker__week{direction:ltr!important;display:flex!important;justify-content:space-around!important}.react-datepicker__day{background:#fff!important;border-radius:50%!important;color:#1e293b!important;cursor:pointer!important;direction:ltr!important;font-size:16px!important;font-weight:600!important;line-height:3rem!important;margin:2px!important;text-align:center!important;transition:all .2s!important;width:3rem!important}.react-datepicker__day:hover{background-color:#dbeafe!important;color:#1e40af!important;transform:scale(1.1)}.react-datepicker__day--selected{background-color:#3b82f6!important;color:#fff!important;font-weight:700!important;transform:scale(1.15)}.react-datepicker__day--today{background:#fff!important;border:2px solid #3b82f6!important;color:#3b82f6!important;font-weight:700!important}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{background:#f8fafc!important;color:#cbd5e1!important}.react-datepicker__day--disabled{cursor:not-allowed!important}.react-datepicker__day--disabled:hover{background:#f8fafc!important;transform:none!important}@media (max-width:768px){.datepicker-modal-content{margin:20px;max-width:calc(100vw - 40px)}.datepicker-modal-header h3{font-size:18px}.react-datepicker__current-month{font-size:16px!important}.react-datepicker__day,.react-datepicker__day-name{font-size:14px!important;line-height:2.5rem!important;width:2.5rem!important}}.reports-container{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.reports-header h1{color:#1a1a1a;font-size:32px;font-weight:700}.btn-primary{background:#2563eb;border:none;border-radius:8px;cursor:pointer;font-size:20px;font-weight:600;padding:16px 32px;transition:all .3s}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 0 20px;padding:20px}.filters-section h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:15px}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.filter-group input,.filter-group select{border:2px solid #e5e7eb;border-radius:6px;font-size:18px;padding:14px}.loading,.no-data{color:#6b7280;font-size:20px;padding:40px;text-align:center}.reports-grid{grid-gap:20px;display:grid;gap:20px;margin:0;padding:0}.report-card-full{background:#fff;border-radius:0;box-shadow:0 4px 12px #0000001a;margin:0;overflow:hidden;padding:0;transition:all .3s;width:100%}.report-card-full:hover{box-shadow:0 8px 24px #00000026}.report-header-full{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;margin:0;padding:20px}.report-info h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.report-date{color:#e0e7ff;font-size:18px;font-weight:500}.btn-delete-report{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 18px;transition:all .3s}.btn-delete-report:hover{background:#dc2626}.attendance-box{background:#f9fafb;border-left:5px solid;margin:0;padding:20px;width:100%}.attendance-box.day-attendance{background:#eff6ff;border-left-color:#3b82f6}.attendance-box.night-attendance{background:#dbeafe;border-left-color:#1e40af}.attendance-box h4{color:#1e40af;font-size:20px;font-weight:700;margin-bottom:15px}.attendee-item{color:#1e40af;font-size:18px;font-weight:600;padding:10px 0}.btn-screenshot{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-top:15px;padding:12px 24px;transition:all .3s}.btn-screenshot:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b98166;transform:translateY(-2px)}.btn-screenshot:active{box-shadow:0 2px 4px #10b9814d;transform:translateY(0)}.screenshot-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.screenshot-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:30px;width:90%}.screenshot-modal-content h3{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:700;gap:10px;justify-content:center;margin-bottom:20px;text-align:center}.screenshot-modal-info{background:#f3f4f6;border-left:4px solid #3b82f6;border-radius:8px;color:#374151;font-size:16px;font-weight:500;line-height:1.8;margin-bottom:25px;padding:15px;text-align:center}.screenshot-modal-actions{display:flex;flex-direction:column;gap:12px}.btn-screenshot-download{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 10px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s}.btn-screenshot-download:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 15px #3b82f666;transform:translateY(-2px)}.btn-screenshot-whatsapp{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 10px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s}.btn-screenshot-whatsapp:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 15px #10b98166;transform:translateY(-2px)}.btn-screenshot-cancel{align-items:center;background:#ef4444;border:none;border-radius:10px;box-shadow:0 4px 10px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s}.btn-screenshot-cancel:hover{background:#dc2626;box-shadow:0 6px 15px #ef444466;transform:translateY(-2px)}.shift-header{color:#fff;font-size:24px;font-weight:700;margin:0;padding:18px 20px;text-align:center;width:100%}.shift-header.day-shift{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:inset 0 -3px 0 #0000001a}.shift-header.night-shift{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:inset 0 -3px 0 #0000001a}.activities-table-section{margin:0;overflow-x:auto;padding:0;width:100%}.report-activities-table{background:#fff;border:2px solid #e5e7eb;border-collapse:collapse;border-left:none;border-radius:0;border-right:none;overflow:hidden;width:100%}.report-activities-table thead{background:#1e3a8a}.report-activities-table th{border-bottom:3px solid #1e40af;color:#fff;font-size:18px;font-weight:700;padding:16px 12px;text-align:right;white-space:nowrap}.report-activities-table th:last-child{font-size:16px;font-weight:700;width:100px}.report-activities-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:18px;font-weight:500;padding:16px 12px}.report-activities-table td:last-child{color:#6b7280;font-size:14px;white-space:nowrap}.report-activities-table tbody tr:hover{background:#f0f9ff}.report-activities-table tbody tr:nth-child(2n){background:#f9fafb}.report-activities-table tbody tr:nth-child(2n):hover{background:#f0f9ff}.shift-separator{margin:0;padding:0}.red-line{background:linear-gradient(90deg,#ef4444,#dc2626 50%,#ef4444);border:none;box-shadow:0 4px 10px #ef444480;height:8px}.comments-section{background:#f0f9ff;border-top:3px solid #3b82f6;margin:0;padding:20px;width:100%}.comments-section h4{color:#1e40af;font-size:20px;font-weight:700;margin-bottom:15px}.comments-section textarea{border:2px solid #bfdbfe;border-radius:6px;font-family:inherit;font-size:18px;min-height:100px;padding:14px;resize:vertical;width:100%}.comments-section textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-add-comment{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:15px;padding:14px 28px;transition:all .3s}.btn-add-comment:hover{background:#2563eb;transform:translateY(-2px)}.btn-add-comment:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.comments-list{background:#fef3c7;border-top:3px solid #f59e0b;margin:0;padding:20px;width:100%}.comments-list h4{color:#92400e;font-size:19px;font-weight:700;margin-bottom:15px}.comment-item{background:#fff;border:1px solid #fde68a;border-radius:6px;margin-bottom:12px;padding:15px}.comment-text{color:#1f2937;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:10px}.comment-author{color:#6b7280;font-size:14px;font-style:italic}@media (max-width:768px){.reports-container{margin:0;max-width:100vw;padding:0;width:100vw}.reports-header{align-items:stretch;flex-direction:column;gap:12px;margin:0;padding:12px}.reports-header h1{font-size:28px}.btn-primary{font-size:22px;padding:18px 24px;width:100%}.filters-section{border-radius:0;margin:0;padding:12px}.filters-grid{grid-template-columns:1fr}.filter-group label{font-size:20px}.filter-group input,.filter-group select{font-size:20px;padding:16px}.reports-grid{gap:0;margin:0;padding:0}.report-card-full{border-radius:0;margin:0;padding:0;width:100%}.report-header-full{padding:15px 12px}.report-info h3{font-size:24px}.report-date{font-size:18px}.shift-header{font-size:22px}.attendance-box,.shift-header{padding:15px 12px}.attendance-box h4{font-size:20px}.attendee-item{font-size:19px}.btn-screenshot{font-size:18px;justify-content:center;padding:14px 20px;width:100%}.screenshot-modal-content{padding:20px;width:95%}.screenshot-modal-content h3{font-size:20px}.screenshot-modal-info{font-size:15px;padding:12px}.btn-screenshot-cancel,.btn-screenshot-download,.btn-screenshot-whatsapp{font-size:16px;padding:14px 16px}.activities-table-section{-webkit-overflow-scrolling:touch;margin:0;overflow-x:auto;padding:0;width:100%}.report-activities-table{border:2px solid #e5e7eb;border-left:none;border-radius:0;border-right:none;min-width:100%}.report-activities-table td,.report-activities-table th{font-size:19px;padding:14px 10px}.report-activities-table td:last-child,.report-activities-table th:last-child{font-size:15px}.comments-section{padding:12px}.comments-section h4{font-size:20px}.comments-section textarea{font-size:19px;padding:14px}.btn-add-comment{font-size:20px;padding:16px;width:100%}.comments-list{padding:12px}.comments-list h4{font-size:19px}.comment-text{font-size:18px}.comment-author{font-size:14px}.red-line{height:6px}}@media (max-width:480px){.reports-header h1{font-size:24px}.btn-primary{font-size:20px;padding:16px 20px}.attendance-box h4,.attendee-item,.btn-add-comment,.comment-text,.comments-list h4,.comments-section h4,.comments-section textarea,.filter-group input,.filter-group label,.filter-group select,.report-activities-table td,.report-activities-table th{font-size:18px}.btn-screenshot{font-size:16px;padding:12px 16px}.screenshot-modal-content{padding:18px}.screenshot-modal-content h3{font-size:18px}.btn-screenshot-cancel,.btn-screenshot-download,.btn-screenshot-whatsapp{font-size:15px;padding:12px 14px}}.add-report-container{margin:0}.add-report-container,.report-form-card{max-width:100%;overflow-x:hidden;padding:12px;width:100%}.report-form-card{background:#fff;border-radius:0;box-shadow:0 4px 12px #0000001a;margin-bottom:0}.form-header{border-bottom:2px solid #e5e7eb;margin-bottom:25px;padding-bottom:15px}.logos{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.logo-item{text-align:center}.logo-box{border:2px solid #2563eb;border-radius:6px;color:#2563eb;font-size:16px;font-weight:700;padding:6px 12px}.logo-subtitle{color:#666;font-size:10px;margin-top:3px}.project-title{flex:1 1;margin:0 15px;text-align:center}.project-title h2{color:#1a1a1a;font-size:14px;margin-bottom:3px}.project-code{color:#666;font-size:12px;font-weight:600}.form-title h3{color:#2563eb;font-size:18px;margin-top:10px;text-align:center}.form-basic-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.form-group.inline{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:6px;font-size:16px;max-width:100%;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;outline:none}.section-title{background:#f3f4f6;border-radius:6px;color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px;padding:12px}.attendance-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:150px 1fr 120px 140px;margin-bottom:20px}.attendance-form input,.attendance-form select{border:2px solid #e5e7eb;border-radius:6px;font-size:16px;max-width:100%;padding:12px;width:100%}.btn-add-attendee{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:6px 8px;transition:all .3s;width:auto}.btn-add-attendee:hover{background:#059669}.attendance-list{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:15px}.attendance-list h4{color:#374151;font-size:17px;margin-bottom:10px}.attendance-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.attendance-item span{color:#4b5563;font-size:16px}.btn-remove-small{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:28px;transition:all .3s;width:28px}.btn-remove-small:hover{background:#dc2626;transform:scale(1.1)}.activities-section{margin-top:20px;overflow-x:hidden;width:100%}.table-responsive{max-width:100%;overflow-x:auto;width:100%}.activities-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;table-layout:auto;width:100%}.activities-table thead{background:#1e3a8a}.activities-table th{border-bottom:2px solid #e5e7eb;color:#fff;font-size:16px;font-weight:600;padding:14px;text-align:right;white-space:nowrap}.activities-table td{border-bottom:1px solid #f3f4f6;padding:12px}.activities-table tbody tr:hover{background:#f9fafb}.activities-table input[type=text],.activities-table select{border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;font-size:15px;max-width:100%;padding:10px;width:100%}.activities-table input[type=text]:focus,.activities-table select:focus{border-color:#2563eb;outline:none}.col-num{text-align:center;width:60px}.col-wide{min-width:300px}.col-time{width:130px}.col-shift{width:110px}.col-action{text-align:center;width:70px}.text-center{text-align:center!important}.btn-remove{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:34px;transition:all .3s;width:34px}.btn-remove:hover{background:#dc2626;transform:scale(1.1)}.form-actions{align-items:center;border-top:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding-top:20px}.btn-add-activity{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s;width:auto}.btn-add-activity:hover{background:#059669}.btn-add-activity:disabled{background:#d1d5db;cursor:not-allowed}.submit-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-save{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 32px;transition:all .3s}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{background:#9ca3af;cursor:not-allowed}.btn-cancel{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 32px;transition:all .3s}.btn-cancel:hover{background:#4b5563}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;width:100%}.modal-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.modal-input{word-wrap:break-word;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:18px;margin-bottom:20px;max-width:100%;min-height:80px;overflow-wrap:break-word;padding:15px;resize:vertical;width:100%}.modal-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-modal-save{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:14px 40px;transition:all .3s}.btn-modal-save:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-modal-cancel{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;padding:14px 40px;transition:all .3s}.btn-modal-cancel:hover{background:#4b5563}@media (max-width:1024px){.attendance-form{gap:10px;grid-template-columns:1fr 1fr}.btn-add-attendee{grid-column:1/-1}}@media (max-width:768px){.add-report-container{margin:0;max-width:100vw;padding:0;width:100vw}.modal-overlay{padding:15px}.modal-content{max-width:100%;padding:25px 20px}.modal-title{font-size:22px}.modal-input{font-size:18px;min-height:100px;padding:14px}.modal-actions{flex-direction:column;gap:10px}.btn-modal-cancel,.btn-modal-save{font-size:20px;padding:16px;width:100%}.report-form-card{border-radius:0;margin:0;padding:12px}.logos{flex-direction:column;gap:12px}.logo-box{font-size:14px}.logo-subtitle{font-size:9px}.project-title{margin:0}.project-title h2{font-size:12px}.project-code{font-size:11px}.form-title h3{font-size:16px}.form-basic-info{grid-template-columns:1fr}.form-group label{font-size:18px}.form-group input,.form-group select{font-size:18px;padding:14px}.section-title{font-size:22px}.attendance-form{grid-template-columns:1fr}.attendance-form input,.attendance-form select,.btn-add-attendee{font-size:18px;padding:14px}.btn-add-attendee{width:100%}.attendance-list h4{font-size:19px}.attendance-item span{font-size:18px}.table-responsive{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden;width:100%}.activities-table{max-width:100%;table-layout:fixed;width:100%}.activities-table td,.activities-table th{word-wrap:break-word;font-size:14px;padding:8px 4px}.activities-table input[type=text],.activities-table select{font-size:14px;padding:6px 4px;width:100%}.form-actions,.submit-actions{flex-direction:column}.submit-actions{width:100%}.btn-add-activity,.btn-cancel,.btn-save{font-size:20px;padding:16px;width:100%}}@media (max-width:480px){.add-report-container,.report-form-card{padding:15px}}.personnel-card{border-right:5px solid #3498db;cursor:pointer;overflow:hidden;position:relative}.personnel-card:before{background:linear-gradient(135deg,#3498db0d,#9b59b60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.personnel-card:hover:before{opacity:1}.personnel-card .stat-icon{transition:transform .3s ease}.personnel-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.lab-team-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;box-shadow:0 10px 30px #00000026;margin:0 0 30px;padding:30px 20px;width:100%}.lab-team-banner-content{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.lab-team-logo{height:auto;max-height:100px;max-width:100%;object-fit:contain}.lab-team-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 2px 10px #0003}.lab-team-description{color:#fffffff2;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0}.back-button-container{display:flex;justify-content:center;margin-bottom:20px;padding:0 20px}.back-button{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;gap:12px;justify-content:center;min-width:250px;padding:16px 40px;transition:all .3s ease}.back-button:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-3px) translateX(5px)}.back-button-icon{font-size:1.5rem}@media (max-width:768px){.lab-team-banner{margin:0 0 20px;padding:25px 15px}.lab-team-banner-content{gap:12px}.lab-team-logo{max-height:70px;max-width:85%;width:85%}.lab-team-title{font-size:2rem}.lab-team-description{font-size:1.1rem;padding:0 10px}.back-button-container{margin-bottom:15px;padding:0 15px}.back-button{font-size:1.4rem;min-width:auto;padding:18px 30px;width:100%}.back-button-icon{font-size:1.6rem}}@media (max-width:480px){.lab-team-banner{padding:20px 12px}.lab-team-logo{max-height:55px;max-width:80%;width:80%}.lab-team-title{font-size:1.8rem}.lab-team-description{font-size:1rem}.back-button{font-size:1.2rem;padding:16px 24px}}.admin-delete-dashboard{direction:rtl;margin:20px auto;max-width:1200px;padding:0 15px}.delete-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.delete-header h1{font-size:28px;font-weight:700;margin:0 0 10px}.delete-header p{font-size:14px;margin:0;opacity:.9}.tabs-container{margin-bottom:30px;overflow-x:auto}.tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#ff6b6b}.tab-btn.active{border-bottom-color:#ff6b6b;color:#ff6b6b}.message{animation:slideDown .3s ease;border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px 20px}.message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.delete-modes{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px;padding:20px}.mode-radio{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background .2s ease}.mode-radio:hover{background:#e9ecef}.mode-radio input[type=radio]{cursor:pointer;height:18px;width:18px}.mode-radio span{color:#333;font-weight:500;-webkit-user-select:none;user-select:none}.form-group{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.form-group textarea{font-family:Courier New,monospace;min-height:80px;resize:vertical}.date-range{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:600px){.date-range{grid-template-columns:1fr}}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 30px;transition:all .3s ease;width:100%}.delete-btn:hover:not(:disabled){box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.delete-btn:active:not(:disabled){transform:translateY(0)}.delete-btn:disabled{cursor:not-allowed;opacity:.7}.logs-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.logs-header h3{color:#333;font-size:18px;margin:0}.clear-logs-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .3s ease}.clear-logs-btn:hover{background:#c82333}.logs-list{max-height:500px;overflow-y:auto}.no-logs{color:#999;font-size:14px;padding:40px 20px;text-align:center}.log-item{grid-gap:15px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:grid;font-size:13px;gap:15px;grid-template-columns:120px 1fr auto 1fr;margin-bottom:8px;padding:12px 15px;transition:all .2s ease}.log-item:hover{background:#f8f9fa;border-color:#ff6b6b}.log-item.نجح{border-right:4px solid #28a745}.log-item.فشل{border-right:4px solid #dc3545}.log-time{color:#999;font-family:Courier New,monospace;font-size:12px}.log-action{color:#333;font-weight:600}.log-status{font-weight:700;min-width:80px;text-align:center}.log-item.نجح .log-status{color:#28a745}.log-item.فشل .log-status{color:#dc3545}.log-details{color:#666;font-size:12px;text-align:left}@media (max-width:768px){.delete-header{padding:20px}.delete-header h1{font-size:22px}.tab-content{padding:20px}.delete-modes,.log-item{grid-template-columns:1fr}.log-item{gap:8px}.logs-header{align-items:flex-start;flex-direction:column;gap:10px}.clear-logs-btn{width:100%}}.install-prompt-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.install-prompt-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:30px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px}.close-btn:hover{background:#f0f0f0;color:#000}.install-prompt-content{text-align:center}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.install-logo{animation:bounce .6s ease-out;border-radius:24px;box-shadow:0 4px 12px #003da533;height:100px;width:100px}@keyframes bounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.install-prompt-modal h2{color:#003da5;font-size:24px;font-weight:700;margin:0 0 10px}.install-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 30px}.install-buttons{display:flex;flex-direction:column;gap:10px}.btn-install{background:#003da5;border:none;border-radius:8px;box-shadow:0 4px 12px #003da54d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-install:hover{background:#002a7f;box-shadow:0 6px 16px #003da566;transform:translateY(-2px)}.btn-install:active{transform:translateY(0)}.btn-later{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-later:hover{background:#e0e0e0}@media (max-width:600px){.install-prompt-modal{margin:20px;max-width:100%;padding:25px 20px}.install-prompt-modal h2{font-size:20px}.install-description{font-size:13px}.install-logo{height:80px;width:80px}.btn-install,.btn-later{font-size:14px;padding:10px 20px}}.ios-guide-container{background:linear-gradient(135deg,#003da5,#0056b3);color:#333;min-height:100vh;padding-bottom:40px}.ios-guide-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn{background:#f0f0f0;border:none;border-radius:6px;color:#003da5;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:all .3s ease}.back-btn:hover{background:#e0e0e0}.ios-guide-header h1{color:#003da5;flex:1 1;font-size:24px;margin:0}.ios-guide-content{margin:0 auto;max-width:600px;padding:30px 20px}.guide-intro{animation:fadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:30px;padding:40px 20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-circle{margin-bottom:20px}.logo-circle img{border-radius:24px;box-shadow:0 4px 12px #003da54d;height:100px;width:100px}.guide-intro h2{color:#003da5;font-size:28px;margin:15px 0 10px}.guide-intro p{color:#666;font-size:16px;margin:0}.steps-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.step{animation:slideIn .5s ease-out forwards;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:15px;opacity:0;padding:20px;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step:nth-child(5){animation-delay:.5s}.step:hover{box-shadow:0 6px 16px #003da526;transform:translateY(-4px)}.step-number{align-items:center;background:#003da5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.step-content{flex:1 1}.step-content h3{color:#003da5;font-size:18px;margin:0 0 8px}.step-content p{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.step-icon{font-size:32px;text-align:right}.important-notes{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:30px;padding:20px}.important-notes h3{color:#856404;font-size:16px;margin:0 0 15px}.important-notes ul{list-style:none;margin:0;padding-left:20px}.important-notes li{color:#856404;font-size:14px;line-height:1.5;margin-bottom:10px;padding-left:15px;position:relative}.important-notes li:before{color:#ffc107;content:"✓";font-weight:700;left:0;position:absolute}.guide-actions{display:flex;flex-direction:column;gap:10px}.btn-back,.btn-help{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-back{background:#fff;box-shadow:0 2px 8px #0000001a;color:#003da5}.btn-back:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-help{background:#003da5;box-shadow:0 4px 12px #003da54d;color:#fff}.btn-help:hover{background:#002a7f;box-shadow:0 6px 16px #003da566;transform:translateY(-2px)}@media (max-width:600px){.ios-guide-header{padding:15px}.ios-guide-header h1{font-size:20px}.ios-guide-content{padding:20px 15px}.guide-intro{padding:30px 15px}.guide-intro h2{font-size:24px}.step{padding:15px}.step-number{font-size:20px;height:45px;width:45px}.step-content h3{font-size:16px}.step-content p{font-size:13px}.step-icon{font-size:28px}.guide-actions{gap:8px}.btn-back,.btn-help{font-size:14px;padding:12px 20px}}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;width:100%}body{direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{background-color:#f5f7fa}.App{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;min-height:100vh;transition:margin-right .3s ease}@media (min-width:769px){.main-content{margin-right:280px}}@media (max-width:768px){body,html{margin:0!important;overflow-x:hidden!important;padding:0!important}.App,.app-layout,.main-content,body,html{max-width:100vw!important;width:100vw!important}.main-content{margin-left:0!important;margin-right:0!important;padding:0!important}}.container{margin:0 auto;max-width:100%;padding:0}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-success{background:#2ecc71;color:#fff}.btn-success:hover{background:#27ae60}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;padding:20px}input,select,textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#3498db;outline:none}label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}td,th{border-bottom:1px solid #ecf0f1;padding:15px;text-align:right}th{background:#34495e;color:#fff;font-weight:600}tr:hover{background:#f8f9fa}.loading{color:#7f8c8d;font-size:1.2rem;padding:50px;text-align:center}.error{background:#ffe6e6;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c}.error,.success{margin-bottom:20px;padding:15px}.success{background:#e6ffe6;border:1px solid #2ecc71;border-radius:8px;color:#2ecc71}@media (max-width:768px){.container{max-width:100vw;padding:0;width:100vw}table{font-size:.9rem}td,th{padding:10px}.card{border-radius:0;margin:0 0 15px}}
/*# sourceMappingURL=main.7e285d1e.css.map*/