.sidebar-container{color:#fff;z-index:1000;box-sizing:border-box;direction:rtl;background-color:#5489dd;width:260px;min-width:260px;max-width:260px;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;top:0;right:0;overflow:hidden auto;box-shadow:-2px 0 15px #0000001a}.sidebar-container::-webkit-scrollbar{background:0 0;width:0}.sidebar-container{scrollbar-width:none;-ms-overflow-style:none}.sidebar-logo{text-align:center;margin-bottom:10px;padding:20px 10px}.sidebar-logo img{filter:drop-shadow(0 4px 6px #0000004d);max-width:200px;height:auto;transition:transform .3s}.sidebar-logo img:hover{transform:scale(1.03)}.sidebar-menu{flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}.sidebar-item-wrapper{width:100%}.sidebar-item{cursor:pointer;box-sizing:border-box;border-right:4px solid #0000;align-items:center;padding:16px 25px;transition:background-color .3s,color .3s;display:flex;position:relative}.sidebar-item:hover{background-color:#ffffff1a}.sidebar-item.active{background-color:#1a325a;border-right:4px solid #fff}.icon-box{justify-content:center;align-items:center;width:22px;height:22px;margin-left:15px;transition:transform .3s;display:flex}.sidebar-item:hover .icon-box{transform:scale(1.1)}.icon-box svg{width:100%;height:100%}.item-text{letter-spacing:.5px;font-size:16px;font-weight:700}.dropdown-arrow{width:18px;height:18px;margin-right:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.open{transform:rotate(180deg)}.sub-menu-wrapper{background-color:#0000001a;border-right:4px solid #1a325a;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.sub-menu-wrapper.open{grid-template-rows:1fr}.sub-menu{margin:0;padding:0;list-style-type:none;overflow:hidden}.sub-item{cursor:pointer;color:#e0e6ed;box-sizing:border-box;align-items:center;width:100%;padding:12px 20px;font-size:14px;transition:background-color .2s,color .2s;display:flex}.sub-icon{justify-content:center;align-items:center;width:18px;height:18px;margin-left:12px;display:flex}.sub-icon svg{opacity:.7;width:100%;height:100%;transition:opacity .3s,transform .3s}.sub-item:hover{color:#fff;background-color:#ffffff14}.sub-item:hover .sub-icon svg{opacity:1;transform:scale(1.1)}.sub-item.active-sub{color:#fff;background-color:#ffffff0d;font-weight:700}.sub-item.active-sub .sub-icon svg{opacity:1;filter:drop-shadow(0 0 3px #ffffff80)}@media screen and (width<=992px){.sidebar-container{z-index:9999;transition:transform .3s ease-in-out;transform:translate(100%)}.sidebar-container.sidebar-open{transform:translate(0);box-shadow:-5px 0 25px #00000080}}.mobile-menu-btn,.sidebar-overlay{display:none}@media screen and (width<=992px){.sidebar-container{z-index:10000;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.sidebar-container.sidebar-open{transform:translate(0);box-shadow:-5px 0 25px #00000080}.mobile-menu-btn{color:#fff;cursor:pointer;z-index:9998;background-color:#1f4277;border:none;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 6px #0000001a}.mobile-menu-btn svg{width:24px;height:24px}.sidebar-overlay{z-index:9999;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100vh;transition:opacity .3s,visibility .3s;display:block;position:fixed;top:0;left:0}.sidebar-overlay.show{opacity:1;visibility:visible}}.dashboard-content{box-sizing:border-box;direction:rtl;background-color:#f5f7fa;min-height:100vh;margin-right:260px;padding:30px 40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{margin-bottom:30px}.dashboard-title{color:#000;margin:0;font-size:22px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.stat-card{background-color:#fff;border:1px solid #eef0f3;border-radius:8px;justify-content:space-between;align-items:center;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0000000a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014}.stat-icon{justify-content:center;align-items:center;display:flex}.stat-info{text-align:left;flex-direction:column;align-items:flex-end;display:flex}.stat-card-title{color:#111;margin:0 0 10px;font-size:15px;font-weight:700}.stat-card-value{color:#000;margin:0;font-size:40px;font-weight:900;line-height:1}@media screen and (width<=992px){.dashboard-content{margin-right:0;padding:25px 20px}}@media screen and (width<=768px){.dashboard-content{padding:20px 15px}.dashboard-title{font-size:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.stat-card{padding:20px}.stat-card-value{font-size:32px}}.manage-college-card{max-width:800px;margin:0 auto}.manage-college-form{flex-direction:column;gap:25px;display:flex}.form-input:focus,.form-select:focus{border-color:#154b8a;box-shadow:0 0 0 3px #154b8a1a}.edit-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.save-btn-full:hover:not(.disabled-btn){background-color:#15305a}.save-btn-full.disabled-btn{cursor:not-allowed;background-color:#94a3b8}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.manage-college-form{gap:15px}.form-input,.form-select{padding:12px 15px;font-size:14px}.save-btn-full{margin-top:5px;padding:12px;font-size:15px}}.create-college-card{max-width:800px;margin:0 auto}.create-college-form{flex-direction:column;gap:25px;display:flex}.save-btn-full{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:background-color .3s}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-input{padding:12px;font-size:14px}.input-label{font-size:14px}.save-btn-full{margin-top:5px;padding:12px;font-size:15px}}.create-department-card{max-width:800px;margin:0 auto}.create-department-form{flex-direction:column;gap:20px;display:flex}.form-input::placeholder,.form-select:invalid{color:#a0aec0}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-input,.form-select{padding:12px;font-size:14px}.input-label{font-size:14px}.save-btn-full{margin-top:5px;padding:12px;font-size:15px}}.job-titles-table{border-collapse:collapse;width:100%}.job-titles-table th{color:#000;border-bottom:1px solid #e2e8f0;padding:15px 10px;font-size:15px;font-weight:700}.job-titles-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:15px 10px;font-size:14px}.job-titles-table tr:last-child td{border-bottom:none}.job-title-name{font-weight:500}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.search-card{padding:12px 15px}.search-input{padding:12px 35px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.job-titles-table th,.job-titles-table td{white-space:nowrap;padding:12px 10px}.edit-btn{width:30px;height:30px}}.create-job-card{max-width:800px;margin:0 auto}.create-job-form{flex-direction:column;gap:20px;display:flex}.form-input::placeholder,.form-textarea::placeholder,.form-select:invalid{color:#a0aec0}.save-btn-icon:hover{background-color:#15305a}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:14px}.label-with-icon{font-size:14px}.action-buttons{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-btn,.save-btn-icon{text-align:center;justify-content:center;width:100%;padding:12px;font-size:14px}}.edit-job-card{max-width:800px;margin:0 auto}.edit-job-form{flex-direction:column;gap:20px;display:flex}.label-with-icon{color:#333;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.form-input,.form-select,.form-textarea{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#154b8a}.action-buttons{justify-content:flex-end;gap:15px;margin-top:15px;display:flex}.save-btn-icon{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-size:15px;font-weight:700;transition:background-color .3s;display:flex}.update-btn{background-color:#154b8a}.update-btn:hover{background-color:#0e3463}.btn-icon{width:18px;height:18px}.students-table{border-collapse:collapse;text-align:center;width:100%}.students-table th{color:#000;border-bottom:1px solid #e2e8f0;padding:15px 10px;font-size:15px;font-weight:700}.students-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:18px 10px;font-size:14px}.students-table tr:last-child td{border-bottom:none}.student-name{font-weight:600}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.search-card{padding:12px 15px}.search-input{padding:12px 35px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.students-table th,.students-table td{white-space:nowrap;padding:12px 10px}.edit-btn{width:30px;height:30px}}.page-title{color:#000;margin:0;padding:0 50px;font-size:18px;font-weight:700}.checkbox-container{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.page-title{padding:0 20px;font-size:16px}.content-card{padding:20px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.checkbox-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-start;padding:12px}.form-actions{justify-content:stretch}.save-btn{width:100%;padding:12px;font-size:14px}.excel-upload-btn{padding:12px;font-size:14px}}.form-input,.form-select{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px}.checkbox-container-edit{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;margin-top:25px;padding:12px 15px;display:flex}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.checkbox-container-edit{margin-top:5px}.action-buttons{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-btn,.update-btn-full{text-align:center;justify-content:center;width:100%}}.search-icon{color:#7a8a9e;width:18px;height:18px;position:absolute;right:15px}.calendar-icon{color:#7a8a9e;cursor:pointer;width:18px;height:18px;position:absolute;left:15px}.search-input{color:#333;border:1px solid #c8d4e0;border-radius:8px;outline:none;width:100%;padding:12px 45px;font-size:14px}.employees-table{border-collapse:collapse;text-align:center;width:100%}.employees-table th{color:#000;border-bottom:1px solid #e2e8f0;padding:15px 10px;font-size:15px;font-weight:700}.employees-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:18px 10px;font-size:14px}.employees-table tr:last-child td{border-bottom:none}.employee-name{font-weight:600}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.search-card{padding:12px 15px}.search-input{padding:12px 35px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.employees-table th,.employees-table td{white-space:nowrap;padding:12px 10px}.edit-btn{width:30px;height:30px}}.form-input,.form-select{box-sizing:border-box;color:#333;border:1px solid #b3c2d1;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px}.inside-icon{color:#7a8a9e;cursor:pointer;width:18px;height:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.form-actions{justify-content:flex-end;margin-top:25px;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#154b8a;border:none;border-radius:6px;padding:10px 30px;font-size:15px;font-weight:700;transition:background-color .3s}.save-btn:hover{background-color:#0e3463}.excel-upload-container{flex-direction:column;align-items:center;display:flex}.hidden-file-input{display:none}.excel-upload-btn{color:#fff;cursor:pointer;background-color:#154b8a;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:background-color .3s;display:flex}.excel-upload-btn:hover{background-color:#0e3463}.excel-icon,.upload-arrow{width:20px;height:20px}.file-name-preview{color:#2ea843;margin-top:10px;font-size:14px;font-weight:700}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.excel-upload-btn,.save-btn{justify-content:center;width:100%;padding:12px}.form-actions{justify-content:stretch}.excel-upload-btn{font-size:14px}.checkbox-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-start;padding:10px}}.form-input,.form-select{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.input-with-icon{width:100%;position:relative}.inside-icon{color:#7a8a9e;width:18px;height:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.action-buttons{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-btn,.update-btn-full{text-align:center;justify-content:center;width:100%;padding:12px;font-size:14px}}.form-grid{grid-template-columns:1fr 60px 1fr;align-items:end;gap:15px;display:grid}.form-select{background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.form-select:focus{border-color:#154b8a}.transfer-icon-group{justify-content:center;align-items:center;padding-bottom:10px}.transfer-icon{color:#154b8a;width:32px;height:32px}.submit-field-btn{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;padding:12px 35px;font-size:15px;font-weight:700;transition:all .3s}.delegations-table{border-collapse:collapse;text-align:right;width:100%}.delegations-table th{color:#111;background-color:#f8fafc;border:1px solid #cbd5e1;padding:12px 15px;font-size:14px}.delegations-table td{color:#333;vertical-align:middle;border:1px solid #cbd5e1;padding:12px 15px;font-size:14px}.delegations-table tr:hover{background-color:#f8fafc}.bold-text{font-weight:700}.text-blue{color:#154b8a}.date-cell{color:#64748b;text-align:right;font-size:13px}.status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.badge-active{color:#16a34a;background-color:#dcfce7}.badge-inactive{color:#64748b;background-color:#f1f5f9}.actions-cell{align-items:center;gap:10px;display:flex}.toggle-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.btn-stop{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.btn-stop:hover{background-color:#fee2e2}.btn-start{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.btn-start:hover{background-color:#dcfce7}.delete-btn{color:#dc2626;cursor:pointer;background-color:#0000;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex}.delete-btn:hover{background-color:#fef2f2;border-color:#fca5a5}.delete-btn svg{width:16px;height:16px}@media (width<=992px){.form-grid{grid-template-columns:1fr;gap:10px}.transfer-icon-group{padding:10px 0;transform:rotate(90deg)}}.custom-select-wrapper{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-select-trigger{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 15px;font-size:.95rem;transition:all .3s;display:flex}.custom-select-trigger:hover{border-color:#3b82f6}.custom-select-wrapper.disabled .custom-select-trigger{cursor:not-allowed;color:#9ca3af;background-color:#f3f4f6}.text-placeholder{color:#6b7280}.text-selected{color:#1f2937;font-weight:600}.chevron-icon{color:#6b7280;width:18px;height:18px;transition:transform .3s}.chevron-icon.open{transform:rotate(180deg)}.custom-select-menu{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.custom-select-search-box{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;padding:10px;display:flex}.search-icon-small{color:#9ca3af;width:16px;height:16px;margin-left:8px}.custom-select-search-box input{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.custom-select-list{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.custom-select-item{cursor:pointer;color:#374151;padding:10px 15px;font-size:.95rem;transition:background-color .2s}.custom-select-item:hover,.custom-select-item.active-item{color:#1d4ed8;background-color:#eff6ff}.custom-select-empty{text-align:center;color:#9ca3af;padding:15px;font-size:.9rem}.delegation-grid-modern{grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;display:grid}.transfer-icon-wrapper{justify-content:center;align-items:center;padding-bottom:12px;display:flex}.transfer-circle{color:#64748b;background-color:#f3f4f6;border:2px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.transfer-icon-svg{width:20px;height:20px}.text-primary{color:#1e40af}.text-success{color:#166534}@media (width<=768px){.delegation-grid-modern{grid-template-columns:1fr;gap:15px}.transfer-icon-wrapper{padding-bottom:0;transform:rotate(90deg)}}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}.form-grid{grid-template-columns:1fr;gap:10px}.transfer-icon-group{padding:10px 0;transform:rotate(90deg)}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.delegation-grid-modern{grid-template-columns:1fr;gap:15px}.transfer-icon-wrapper{margin:5px 0;padding-bottom:0;transform:rotate(90deg)}.action-buttons-container{justify-content:stretch}.submit-field-btn{justify-content:center;width:100%;display:flex}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.delegations-table th,.delegations-table td{white-space:nowrap;padding:12px 10px}}.search-card{padding:15px 25px}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon,.calendar-icon{color:#7a8a9e;width:18px;height:18px;position:absolute}.search-icon{right:15px}.calendar-icon{left:15px}.search-input{color:#333;border:1px solid #c8d4e0;border-radius:8px;outline:none;width:100%;padding:12px 45px;font-size:14px;transition:border-color .3s}.search-input:focus{border-color:#154b8a}.requests-table{border-collapse:collapse;text-align:center;width:100%}.requests-table th{color:#000;border-bottom:1px solid #e2e8f0;padding:15px 10px;font-size:15px;font-weight:700}.requests-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:15px 10px;font-size:14px}.requests-table tr:last-child td{border-bottom:none}.request-name-wrapper{color:#111;align-items:center;gap:10px;font-weight:600;display:flex}.req-file-icon{color:#5489dd;width:18px;height:18px}.status-badge{border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 15px;font-size:13px;font-weight:700;display:inline-flex}.status-badge.active{color:#1a7b3c;background-color:#e6f6ec}.status-badge.inactive{color:#b91c1c;background-color:#feeced}.status-icon{width:14px;height:14px}.manage-fields-btn{color:#154b8a;cursor:pointer;background-color:#f0f4f8;border:1px solid #c8d4e0;border-radius:6px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.manage-fields-btn:hover{color:#fff;background-color:#154b8a;border-color:#154b8a}.manage-fields-btn svg{width:16px;height:16px}.workflow-btn{color:#6d28d9;cursor:pointer;background-color:#f3f0ff;border:1px solid #ddd6fe;border-radius:6px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.workflow-btn:hover{color:#fff;background-color:#6d28d9;border-color:#6d28d9}.workflow-btn svg{width:16px;height:16px}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.search-card{padding:12px 15px}.search-input{padding:12px 35px;font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.requests-table th,.requests-table td{white-space:nowrap;padding:12px 10px}.manage-fields-btn,.workflow-btn{padding:6px 12px;font-size:12px}.edit-btn{width:30px;height:30px}}.create-request-card{max-width:800px;margin:0 auto}.card-title{color:#111;margin-top:0;margin-bottom:25px;font-size:18px;font-weight:700}.create-request-form{flex-direction:column;gap:25px;display:flex}.form-input::placeholder{color:#a0aec0}.checkbox-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:15px;display:flex}.checkbox-container label{color:#333;cursor:pointer;font-size:15px;font-weight:500}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.page-title{font-size:16px}.card-title{margin-bottom:20px;font-size:16px}.form-input{padding:12px;font-size:14px}.input-label{font-size:14px}.checkbox-container{padding:12px}.checkbox-container label{font-size:14px}.save-btn-full{margin-top:5px;padding:12px;font-size:15px}}.content-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:30px;box-shadow:0 2px 10px #00000008}.edit-request-card{max-width:800px;margin:0 auto}.edit-request-form{flex-direction:column;gap:25px;display:flex}.input-label{color:#333;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.label-icon{color:#5489dd;width:18px;height:18px}.form-input{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:15px;font-family:inherit;font-size:15px;transition:border-color .3s}.checkbox-container-edit{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;padding:15px;display:flex}.form-checkbox{accent-color:#154b8a;cursor:pointer;width:18px;height:18px}.checkbox-container-edit label{cursor:pointer;font-size:15px;font-weight:700}.action-buttons{border-top:1px solid #f0f4f8;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex}.cancel-btn{color:#333;cursor:pointer;background-color:#f0f4f8;border:1px solid #c8d4e0;border-radius:6px;padding:12px 25px;font-size:15px;font-weight:700;transition:all .2s}.cancel-btn:hover{background-color:#e2e8f0}.update-btn-full{color:#fff;cursor:pointer;background-color:#154b8a;border:none;border-radius:6px;padding:12px 35px;font-size:15px;font-weight:700;transition:background-color .3s}.update-btn-full:hover{background-color:#0e3463}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content{padding:15px}.content-card{padding:20px 15px}.form-input{padding:12px 15px;font-size:14px}.input-label{font-size:14px}.action-buttons{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-btn,.update-btn-full{text-align:center;justify-content:center;width:100%;padding:12px;font-size:14px}}.dynamic-select-group{grid-column:1/-1}.form-input{box-sizing:border-box;color:#333;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.custom-dropdown-container{width:100%;font-family:Alexandria,sans-serif;position:relative}.custom-dropdown-container.disabled{opacity:.6;pointer-events:none}.custom-dropdown-header{cursor:pointer;color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.custom-dropdown-header:hover{background-color:#f1f5f9;border-color:#94a3b8}.custom-dropdown-header.open{background-color:#fff;border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a}.custom-dropdown-header svg{color:#64748b;width:18px;height:18px;transition:transform .3s}.custom-dropdown-header.open svg{color:#0369a1;transform:rotate(180deg)}.custom-dropdown-body{z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dropdown-search-box{z-index:2;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;position:sticky;top:0}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#94a3b8;width:16px;height:16px;position:absolute;right:12px}.dropdown-search-box input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px 10px 35px;font-family:Alexandria,sans-serif;font-size:13px;transition:border-color .2s}.dropdown-search-box input:focus{border-color:#0369a1}.dropdown-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.dropdown-list li{color:#1e293b;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px;transition:all .2s}.dropdown-list li:last-child{border-bottom:none}.dropdown-list li:hover{color:#0369a1;background-color:#f0f9ff;padding-right:20px}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cancel-edit-btn{color:#333;cursor:pointer;background-color:#f8fafc;border:1px solid #c8d4e0;border-radius:6px;padding:12px 25px;font-size:15px;font-weight:700}.submit-field-btn{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;padding:12px 35px;font-size:15px;font-weight:700}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.edit-btn{background-color:#154b8a}.delete-btn{background-color:#dc2626}.delete-btn:hover{background-color:#b91c1c}.edit-btn svg,.delete-btn svg{width:16px;height:16px}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.form-grid{grid-template-columns:1fr;gap:15px}.action-buttons-container{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-edit-btn,.submit-field-btn{text-align:center;justify-content:center;width:100%}.fields-table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.fields-table th,.fields-table td{padding:12px 10px}.edit-btn,.delete-btn{width:30px;height:30px}}.dynamic-select-group,.checkboxes-row{grid-column:1/-1}.form-input,.form-select{box-sizing:border-box;color:#333;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.add-option-wrapper{gap:10px;display:flex}.add-option-btn{color:#fff;cursor:pointer;background-color:#154b8a;border:none;border-radius:6px;justify-content:center;align-items:center;width:45px;transition:all .3s;display:flex}.add-option-btn:hover{background-color:#0e3463}.add-option-btn svg{width:20px;height:20px}.options-chips-container{background-color:#f8fafc;border:1px dashed #c8d4e0;border-radius:6px;flex-wrap:wrap;gap:10px;margin-top:10px;padding:15px;display:flex}.option-chip{color:#154b8a;background-color:#e6edf5;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.option-chip button{color:#b91c1c;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;font-weight:700;line-height:1}.checkboxes-row{gap:30px;margin-top:10px;display:flex}.styled-checkbox{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:8px;padding:12px 20px;display:flex}.styled-checkbox input[type=checkbox]{accent-color:#154b8a;cursor:pointer;width:18px;height:18px}.styled-checkbox label{color:#333;cursor:pointer;font-size:14px;font-weight:700}.required-checkbox input[type=checkbox]{accent-color:#b91c1c}.save-btn-full{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;width:100%;margin-top:25px;padding:15px;font-size:16px;font-weight:700;transition:background-color .3s}.save-btn-full:hover{background-color:#15305a}.table-responsive{overflow-x:auto}.fields-table{border-collapse:collapse;text-align:center;width:100%}.fields-table th{color:#7a8a9e;border-bottom:2px solid #e2e8f0;padding:15px 10px;font-size:14px;font-weight:700}.fields-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f4f8;padding:15px 10px;font-size:14px}.type-badge{color:#154b8a;background-color:#f0f4f8;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700}.order-badge{color:#fff;background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:inline-flex}.props-badges{justify-content:center;gap:5px;display:flex}.prop-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.prop-badge.visible{color:#1a7b3c;background-color:#e6f6ec}.prop-badge.hidden{color:#b91c1c;background-color:#feeced}.prop-badge.required{color:#b25205;background-color:#fff4e5}.prop-badge.optional{color:#7a8a9e;background-color:#f0f4f8}.edit-btn{color:#fff;cursor:pointer;background-color:#154b8a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.edit-btn:hover{background-color:#0e3463}.edit-btn svg{width:16px;height:16px}.action-buttons-container{border-top:1px solid #f0f4f8;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.cancel-edit-btn{color:#333;cursor:pointer;background-color:#f8fafc;border:1px solid #c8d4e0;border-radius:6px;padding:12px 25px;font-size:15px;font-weight:700;transition:all .2s}.cancel-edit-btn:hover{background-color:#e2e8f0}.submit-field-btn{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;min-width:150px;padding:12px 35px;font-size:15px;font-weight:700;transition:background-color .3s}.submit-field-btn:hover{background-color:#15305a}.submit-field-btn.update-mode{background-color:#1a7b3c}.submit-field-btn.update-mode:hover{background-color:#14602f}.highlight-editing-row td{background-color:#f0f7ff!important;border-bottom:1px solid #cce0ff!important}.draggable-row{cursor:grab;transition:transform .2s,background-color .2s}.draggable-row:active{cursor:grabbing}.drag-handle{color:#a0aec0;cursor:grab}.drag-handle svg{width:20px;height:20px}.info-tip{color:#154b8a;background-color:#f0f7ff;border-right:4px solid #154b8a;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.info-tip svg{width:18px;height:18px}.draggable-row:hover{background-color:#f8fafc}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}}@media screen and (width<=768px){.page-content,.content-card{padding:15px}.form-grid{grid-template-columns:1fr;gap:15px}.checkboxes-row{flex-direction:column;gap:10px}.add-option-wrapper{flex-direction:column}.add-option-btn{width:100%;padding:10px}.action-buttons-container{flex-direction:column-reverse;align-items:stretch;gap:10px}.cancel-edit-btn,.submit-field-btn,.save-btn-full{text-align:center;justify-content:center;width:100%;margin-top:10px}.info-tip{align-items:flex-start}.fields-table{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.fields-table th,.fields-table td{padding:12px 10px}.edit-btn{width:30px;height:30px}}.page-header{justify-content:flex-end;margin-bottom:20px;display:flex}.header-title-container{background-color:#e6edf5;border-radius:8px;align-items:center;padding:8px 15px;display:flex}.content-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:25px;padding:25px 30px;box-shadow:0 2px 10px #00000008}.card-title{color:#111;border-bottom:1px solid #f0f4f8;margin-top:0;margin-bottom:25px;padding-bottom:15px;font-size:18px;font-weight:700}.form-input,.form-select{background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.form-input:focus,.form-select:focus{border-color:#154b8a}.generate-btn{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 35px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.generate-btn:hover{background-color:#15305a}.generate-btn svg{width:18px;height:18px}.report-preview-section{flex-direction:column;align-items:center;margin-top:40px;padding-bottom:40px;display:flex}.print-toolbar{justify-content:flex-end;width:210mm;margin-bottom:15px;display:flex}.print-action-btn{color:#fff;cursor:pointer;background-color:#1a7b3c;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.print-action-btn:hover{background-color:#14602f;transform:translateY(-2px)}.print-action-btn svg{width:18px;height:18px}.a4-paper{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:210mm;min-height:297mm;padding:20mm;box-shadow:0 0 15px #0000001a}.paper-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.header-right h2{color:#1f4277;margin:0 0 5px;font-size:20px}.header-right p{color:#666;margin:0;font-size:14px}.header-center h1{color:#111;margin:0;font-size:22px;text-decoration:underline}.header-left p{color:#444;margin:5px 0;font-size:12px}.paper-divider{border:none;border-top:2px solid #1f4277;margin-bottom:30px}.report-table{border-collapse:collapse;width:100%;margin-bottom:40px}.report-table th{color:#111;text-align:right;background-color:#f8fafc;border:1px solid #cbd5e1;padding:12px 10px;font-size:14px}.report-table td{color:#333;border:1px solid #cbd5e1;padding:10px;font-size:13px}.print-status{font-weight:700}.status-done{color:#1a7b3c}.status-wait{color:#b45309}.paper-footer{margin-top:auto}.stats-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;gap:30px;margin-bottom:50px;padding:15px;display:flex}.stat-item{color:#333;font-size:14px}.stat-green strong{color:#1a7b3c}.stat-red strong{color:#dc2626}.signature-area{text-align:center;color:#333;justify-content:space-around;font-weight:700;display:flex}.signature-area p{margin:10px 0}@media print{.sidebar-container,.no-print{display:none!important}.page-content{background-color:#fff!important;margin:0!important;padding:0!important}.a4-paper{width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}.print-toolbar,.a4-paper{box-sizing:border-box;width:100%}}@media screen and (width<=768px){.page-content{padding:15px}.form-grid{grid-template-columns:1fr;gap:15px}.action-buttons-container{justify-content:stretch}.generate-btn{justify-content:center;width:100%}.paper-header{text-align:center;flex-direction:column;gap:15px}.header-center h1{font-size:18px}.a4-paper{padding:10mm}.report-table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.stats-box{text-align:center;flex-direction:column;gap:10px}.signature-area{flex-direction:column;gap:30px}}.page-content{box-sizing:border-box;direction:rtl;background-color:#f2f5f9;min-height:100vh;margin-right:260px;padding:30px 40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.settings-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-right-side{background-color:#e6edf5;border-radius:8px;align-items:center;padding:8px 15px;display:flex}.page-title{color:#000;margin:0;font-size:18px;font-weight:700}.back-button{cursor:pointer;color:#333;background:0 0;border:none;align-items:center;margin-right:10px;display:flex}.back-button svg{width:20px;height:20px}.logout-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.logout-btn:hover{color:#fff;background-color:#dc2626}.logout-btn svg{width:18px;height:18px}.settings-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:25px;padding:0;overflow:hidden;box-shadow:0 2px 10px #00000008}.tabs-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.tab-btn:hover{color:#1f4277;background-color:#f1f5f9}.tab-btn.active{color:#1f4277;background-color:#fff;border-bottom-color:#1f4277}.tab-btn svg{width:20px;height:20px}.tab-content{padding:30px}.section-title{color:#111;border-bottom:1px dashed #cbd5e1;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:20px 25px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:#333;font-size:14px;font-weight:700}.form-input{box-sizing:border-box;background-color:#fff;border:1px solid #c8d4e0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.form-input:focus{border-color:#154b8a}.action-buttons-container{border-top:1px solid #f0f4f8;justify-content:flex-end;margin-top:30px;padding-top:20px;display:flex}.submit-settings-btn{color:#fff;cursor:pointer;background-color:#1f4277;border:none;border-radius:6px;padding:12px 35px;font-size:15px;font-weight:700;transition:all .3s}.submit-settings-btn:hover{background-color:#15305a}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setting-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:20px;display:flex}.setting-info h4{color:#111;margin:0 0 5px;font-size:15px}.setting-info p{color:#64748b;max-width:500px;margin:0;font-size:13px;line-height:1.5}.setting-control{flex-direction:column;align-items:center;gap:8px;display:flex}.toggle-switch{width:60px;height:30px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:30px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background-color:#1a7b3c}.toggle-switch input:checked+.slider:before{transform:translate(30px)}.status-text{font-size:13px;font-weight:700}.text-active{color:#1a7b3c}.text-inactive{color:#dc2626}.formats-checkbox-group{flex-wrap:wrap;gap:15px;display:flex}.format-checkbox{cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:10px 15px;transition:all .2s;display:flex}.format-checkbox:hover{border-color:#154b8a}.format-checkbox input{accent-color:#154b8a;cursor:pointer;width:18px;height:18px}.format-checkbox span{color:#333;font-size:14px;font-weight:700}@media screen and (width<=992px){.page-content{margin-right:0;padding:20px}.settings-header{flex-direction:column;align-items:stretch;gap:15px}.header-right-side{justify-content:space-between}.logout-btn{justify-content:center}}@media screen and (width<=768px){.page-content{padding:15px}.tabs-header{flex-direction:column}.tab-btn{border-bottom:none;border-right:3px solid #0000;padding:15px}.tab-btn.active{border-bottom-color:#0000;border-right-color:#1f4277}.form-grid{grid-template-columns:1fr;gap:15px}.setting-row{flex-direction:column;align-items:flex-start;gap:15px}.setting-control{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:row;justify-content:space-between;width:100%;padding:12px}.formats-checkbox-group{flex-direction:column}.action-buttons-container{justify-content:stretch}.submit-settings-btn{width:100%}}.login-wrapper{background-blend-mode:hard-light, normal;direction:rtl;background:radial-gradient(circle,#fff 0%,#e2f1ff 100%),linear-gradient(135deg,#a7c8f2 0%,#fff 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Cairo,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.background-pattern{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute}.sparkle{opacity:.5;animation:3s ease-in-out infinite alternate float-sparkle;position:absolute}.star1{width:35px;animation-delay:0s;top:15%;left:15%}.star2{width:25px;animation-delay:1s;top:25%;right:15%}.star3{width:45px;animation-delay:.5s;bottom:20%;left:10%}.star4{width:20px;animation-delay:1.5s;bottom:15%;right:25%}@keyframes float-sparkle{0%{opacity:.2;transform:translateY(0)scale(.8)}to{opacity:.8;transform:translateY(-15px)scale(1.1)}}.login-card{text-align:center;box-sizing:border-box;z-index:1;background-color:#fff;border-radius:16px;width:90%;max-width:420px;padding:40px 30px;position:relative;box-shadow:0 15px 35px #0000000d}.logo-container{margin-bottom:30px}.logo{max-width:300px;height:auto}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#9ba4b5;pointer-events:none;position:absolute;right:15px}.login-input{box-sizing:border-box;background-color:#fbfdff;border:1px solid #dce1e7;border-radius:10px;outline:none;width:100%;padding:15px 45px 15px 15px;font-size:15px;transition:all .3s}.login-input:focus{background-color:#fff;border-color:#6a9ce4;box-shadow:0 0 0 3px #6a9ce41a}.login-input::placeholder{color:#a0aabf}.form-options{text-align:right;margin-top:-5px}.forgot-password{color:#6a9ce4;font-size:14px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{color:#000;cursor:pointer;background-color:#2e62a2;border:none;border-radius:30px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:background-color .3s}.login-button:hover{background-color:#234f85}.signup-link{color:#333;margin-top:20px;font-size:15px}.signup-link a{color:#6a9ce4;font-weight:700;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media screen and (width<=768px){.login-card{width:92%;padding:30px 20px}.logo-container{margin-bottom:20px}.logo{max-width:240px}.login-input{padding:12px 40px 12px 12px;font-size:14px}.login-button{padding:14px;font-size:15px}.star1{width:25px;top:10%;left:10%}.star2{width:18px;top:20%;right:10%}.star3{width:35px;bottom:15%;left:5%}.star4{width:15px;bottom:10%;right:20%}}