@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@font-face{font-family:BahijFedraArebicBold;font-style:normal;font-weight:700;src:local("BahijFedraArebicBold"),url(/static/media/BahijFedraArebicBold.c4d87a397984dd6d0a57.ttf) format("truetype")}@font-face{font-family:BahijFedraArebicRegular;font-style:normal;font-weight:400;src:local("BahijFedraArebicRegular"),url(/static/media/BahijFedraArebicRegular.c60d49c1c27d32663064.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,Poppins,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}.boldText{font-family:BahijFedraArebicBold,sans-serif}.regularText{font-family:BahijFedraArebicRegular,sans-serif}.hexagon-container{height:32vh;position:relative;width:16vw}.hexagon{align-items:center;background-color:#fffc!important;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#000;display:flex;flex-direction:column;font-size:20px;height:100%;justify-content:center;padding:10px;position:relative;text-align:center;width:100%;z-index:0}.hexagon2{margin:0 9.5vw;top:0}.hexagon span{font-size:1.8vw;font-weight:700;margin-bottom:2vh}.hexagon img{height:auto;width:30%}.hexagon-slider{max-width:100%;overflow:hidden}.slick-slide{padding:0 1vw}.first-line,.second-line{display:flex;justify-content:space-around}.first-line{margin-bottom:16px}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}#avatars{height:100vh;overflow:hidden;position:relative;width:100vw}.bubble{animation:float ease-in-out infinite;background-color:#ccc;border-radius:50%;overflow:hidden;position:absolute}.bubble img{border-radius:50%;height:100%;object-fit:cover;width:100%}.popup{animation:float ease-in-out infinite;background:red}@keyframes float{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}to{transform:translateY(0) translateX(0)}}.controller-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:20px 0}.header-left{flex:1 1;min-width:250px}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2rem;font-weight:700;margin:0}.stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.hidden-count,.selected-count,.total-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;font-size:.875rem;font-weight:500;padding:8px 16px}.total-count{color:#4f46e5}.hidden-count{color:#dc2626}.selected-count{background:#10b9811a;border-color:#10b98133;color:#059669}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-bulk-delete-records{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 4px 15px #f59e0b66;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-bulk-delete-records:hover{box-shadow:0 8px 25px #f59e0b80;transform:translateY(-2px)}.btn-bulk-delete-all{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 15px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-bulk-delete-all:hover{box-shadow:0 8px 25px #ef444480;transform:translateY(-2px)}.btn-delete-all{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 15px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-bulk-delete-all:before,.btn-bulk-delete-records:before,.btn-delete-all:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-bulk-delete-all:hover:before,.btn-bulk-delete-records:hover:before,.btn-delete-all:hover:before{left:100%}.btn-delete-all:hover{box-shadow:0 8px 25px #ef444480;transform:translateY(-2px)}.btn-bulk-delete-all:active,.btn-bulk-delete-records:active,.btn-delete-all:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.btn-delete-all:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed}.btn-delete-all:disabled,.btn-delete-all:disabled:hover{box-shadow:0 2px 8px #9ca3af4d;transform:none}.btn-delete-all:disabled:before{display:none}.btn-bulk-delete-all .btn-icon,.btn-bulk-delete-records .btn-icon,.btn-delete-all .btn-icon{font-size:1rem}.checkbox-container{align-items:center;display:flex;gap:8px}.select-checkbox{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.select-checkbox:indeterminate{background-color:#667eea}.selected-row{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-left:4px solid #667eea}.selected-row:hover{background:linear-gradient(135deg,#667eea26,#764ba21a)}.table-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:70vh;overflow:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth}.table-wrapper::-webkit-scrollbar{width:8px}.table-wrapper::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.table-wrapper{scrollbar-color:#667eea #e2e8f04d;scrollbar-width:thin}.table-wrapper:before{background:linear-gradient(180deg,#0000001a,#0000);content:"";height:4px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:5}.table-wrapper.scrolled:before{opacity:1}.table-wrapper:after{background:linear-gradient(0deg,#ffffffe6,#0000);bottom:0;content:"";height:20px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:5}.table-wrapper.has-more-content:after{opacity:1}.table-wrapper:focus-within{outline:2px solid #4f46e5;outline-offset:2px}.table-wrapper.loading{overflow:hidden}.controller-table{background-color:initial;border-collapse:collapse;position:relative;width:100%}.controller-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.controller-table th{background:#0000;border:none;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:20px 24px;text-align:left;text-transform:uppercase}.controller-table td{border-bottom:1px solid #e2e8f0cc;padding:20px 24px;vertical-align:middle}.controller-table tbody tr{transition:all .3s ease}.controller-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.controller-table tr:last-child td{border-bottom:none}.hidden-row{background:linear-gradient(135deg,#ef44441a,#dc26260d);position:relative}.hidden-row:after{background:#ef4444;content:"";height:2px;left:0;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);width:100%}.photo-container{align-items:center;display:flex;justify-content:center}.user-photo{border:3px solid #e5e7eb;border-radius:50%;box-shadow:0 8px 15px #0000001a;height:64px;object-fit:cover;transition:all .3s ease;width:64px}.user-photo:hover{border-color:#667eea;box-shadow:0 12px 25px #667eea4d;transform:scale(1.1)}.signature-photo{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 10px #0000001a;height:48px;object-fit:cover;transition:all .3s ease;width:80px}.signature-photo:hover{border-color:#764ba2;box-shadow:0 8px 20px #764ba24d;transform:scale(1.05)}.clickable-image{cursor:pointer;transition:all .3s ease}.clickable-image:hover{box-shadow:0 8px 25px #0003;filter:brightness(1.1);transform:scale(1.05)}.date-container{display:flex;flex-direction:column;gap:4px}.date{color:#374151;font-size:.9rem;font-weight:500}.time-ago{color:#9ca3af;font-size:.75rem;font-style:italic}.action-buttons{gap:12px}.action-buttons,.btn{align-items:center;display:flex}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;gap:6px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-icon{font-size:1rem}.btn-hide{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 15px #fbbf2466;color:#92400e}.btn-hide:hover{box-shadow:0 8px 25px #fbbf2480;transform:translateY(-2px)}.btn-show{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.btn-show:hover{box-shadow:0 8px 25px #10b98180;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466;color:#fff}.btn-delete:hover{box-shadow:0 8px 25px #ef444480;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.confirmation-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:32px;width:90%}.confirmation-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.confirmation-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.confirmation-modal-icon.danger{background:#ef44441a;color:#ef4444}.confirmation-modal-icon.warning{background:#f59e0b1a;color:#f59e0b}.confirmation-modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.confirmation-modal-body{margin-bottom:24px}.confirmation-modal-body p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.confirmation-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-confirm-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-confirm-danger:hover{box-shadow:0 8px 25px #ef444480;transform:translateY(-1px)}.btn-confirm-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-confirm-warning:hover{box-shadow:0 8px 25px #f59e0b80;transform:translateY(-1px)}.empty-state{color:#6b7280;padding:80px 40px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 8px}.empty-state p{font-size:1rem;margin:0;opacity:.8}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;outline:none;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90vw;padding:20px;position:relative}.image-modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px;z-index:1001}.image-modal-close:hover{background:#000c;transform:scale(1.1)}.image-modal-close:focus{outline:2px solid #4f46e5;outline-offset:2px}.image-modal-img{border-radius:8px;display:block;margin:0 auto;max-height:80vh;max-width:100%;object-fit:contain}.image-modal-caption{background:#f9fafb;border-radius:6px;color:#374151;font-size:1.1rem;font-weight:500;margin-top:15px;padding:10px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.row-deleting{animation:fadeOut .3s ease-out forwards}@keyframes massDelete{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(.9)}}.deleting-all{animation:massDelete .5s ease-out forwards}@media (max-width:1024px){.controller-container{padding:16px}.header{align-items:stretch;flex-direction:column;gap:20px}.header-left{text-align:center}.header-right{align-items:stretch}.bulk-actions,.stats{justify-content:center}.table-wrapper{border-radius:12px;max-height:60vh}}@media (max-width:768px){.controller-table{font-size:14px}.controller-table td,.controller-table th{padding:12px 8px}.user-photo{height:48px;width:48px}.signature-photo{height:36px;width:60px}.action-buttons{flex-direction:column;gap:8px}.btn{font-size:.75rem;justify-content:center;padding:8px 12px;width:100%}.header h2{font-size:1.5rem}.stats{gap:8px}.bulk-actions,.stats{flex-direction:column}.bulk-actions{width:100%}.btn-bulk-delete-all,.btn-bulk-delete-records,.btn-delete-all{justify-content:center;padding:12px 16px;width:100%}.table-wrapper::-webkit-scrollbar{width:6px}.confirmation-modal-content{padding:24px}.confirmation-modal-actions{flex-direction:column}.image-modal-content{margin:10px;max-height:95vh;max-width:95vw;padding:15px}.image-modal-img{max-height:75vh}.image-modal-caption{font-size:1rem;margin-top:10px;padding:8px}}@media (max-width:480px){.controller-container{padding:12px}.table-wrapper{border-radius:0;margin:0 -12px;max-height:50vh}.controller-table td,.controller-table th{padding:8px 4px}.user-photo{height:40px;width:40px}.signature-photo{height:30px;width:50px}.header{padding:16px 0}.stats{gap:6px}.hidden-count,.selected-count,.total-count{font-size:.75rem;padding:6px 12px}.confirmation-modal-content{padding:20px}.confirmation-modal-title{font-size:1.25rem}}*{box-sizing:border-box}.controller-table tr,.photo-container img{transition:all .3s ease}.loading-row{opacity:.7;pointer-events:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled:hover{box-shadow:none;transform:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-icon:has-text("⏳"){animation:spin 1s linear infinite}