html,body,#app{height:100vh;margin:0;padding:0;overflow:auto}body,#app{overflow:auto}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-text{font-family:Tajawal;font-size:20px;font-weight:700;line-height:24px;color:#1f2937}.footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.relative{position:relative}.bg-gray-50{background-color:#f9fafb}.page-content{flex:1;display:flex;overflow:auto}.min-h-screen{min-height:100vh;overflow:auto}.login-form,.signup-form{width:100%;max-width:450px;position:relative}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;display:flex;min-height:0}.hidden{display:none}@media(min-width:1024px){.lg\:block{display:block}.lg\:w-1\/2{width:50%}}.rtl{direction:rtl;text-align:right}.ant-btn-primary{background-color:#dc2626;border-color:#dc2626;transition:all .3s ease}.ant-btn-primary:hover{background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.ant-input-affix-wrapper{border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.code-select .ant-select-selector{border-radius:8px 0 0 8px!important;background:#f9fafb!important}.login-card{border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.login-form{display:flex;flex-direction:column;justify-content:center;min-height:87vh}.signup-form{display:flex;flex-direction:column;justify-content:center;padding:16px}.login-form .login-card,.signup-form .login-card{max-height:none}.info-section{position:relative}.ant-form-item-label{direction:rtl}.custom-radio .ant-form-item-row{display:flex;flex-direction:row;justify-content:space-between}.custom-radio .ant-form-item-row .ant-form-item-label{padding:0}.custom-radio .ant-form-item-control{flex-grow:inherit;width:112px}@keyframes float{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(45deg)}}@media(max-width:1024px){.info-section{display:none}}@media(max-width:1200px){.header-text{display:none}}@media(max-width:768px){.login-form{padding:1rem}.login-card{padding:1.5rem}.header{padding:16px}.header-text{font-size:16px;font-weight:700;line-height:20px;color:#1f2937}}@media(max-width:450px){.header-text{font-size:14px}}.login-form{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;top:33%;left:0;transform:translate(-35%,-35%)}to{opacity:1;top:33.2%;left:0;transform:translateY(-35%)}}.info-section{animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;top:50%;left:50%;transform:translate(-40%,-65%)}to{opacity:1;top:50%;left:50%;transform:translate(-50%,-65%)}}.custom-otp .ant-input{width:48px!important;height:48px!important;border-radius:8px!important;border:1px solid #d6d6d6!important;text-align:center!important;font-size:18px!important;font-weight:600!important;color:#1e1b20!important;background:#fff!important;margin:0 10px!important;transition:all .3s ease!important}.custom-otp .ant-input:focus{border-color:#961a23!important;box-shadow:0 0 0 2px #961a231a!important;outline:none!important}.custom-otp .ant-input:hover{border-color:#21272d!important}.custom-otp{display:flex!important;justify-content:center!important;gap:8px!important;direction:ltr!important}.custom-otp .ant-input-affix-wrapper{margin:0!important;padding:0!important}.custom-otp .ant-input:focus-within{border-color:#21272d!important;box-shadow:0 0 0 3px #961a2333!important}body{background-color:#f9fafb;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family-base, "Tajawal", sans-serif)}:root{--primary-red: #961a23;--dark-gray: #21272d;--yellow: #f5a425;--white: #ffffff;--font-family-rtl: "Tajawal", sans-serif;--font-family-ltr: "Poppins", sans-serif;--font-family-admin: "Cairo", sans-serif;--font-family-base: var(--font-family-rtl)}[dir=rtl]{--font-family-base: var(--font-family-rtl)}[dir=ltr]{--font-family-base: var(--font-family-ltr)}.container{width:54%;max-width:none!important;margin:0 auto}.systemButton{background-color:var(--primary-red);color:var(--white);border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700;line-height:20px;letter-spacing:0px;display:flex;gap:8px;transition:all .5s ease}.systemButton svg path{transition:all .5s ease}.systemButton:hover{color:var(--primary-red)!important;border:1px solid var(--primary-red)!important;background-color:transparent!important;transition:all .5s ease}.systemButton:hover svg path{fill:var(--primary-red)!important;color:var(--primary-red)!important;transition:all .5s ease}.systemButton:disabled{color:var(--white)!important;border:none!important;background-color:#637c8842!important}.systemButton:disabled svg path{fill:var(--white)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-red)!important}.ant-tabs-tab .ant-tabs-tab-btn{font-size:16px;font-weight:700;line-height:20px;letter-spacing:0px;color:#637c88}.ant-tabs-tab:hover .ant-tabs-tab-btn{color:#961a23b3!important}.ant-tabs-ink-bar{background-color:var(--primary-red)!important}.ant-tabs-nav{margin-bottom:24px!important}.ant-tabs-nav:before{border-color:#dce2e5!important}.myAntdInput{height:40px;padding-inline-start:15px;border-radius:6px;border:1px solid #dce2e5}.myAntdInput input{font-family:var(--font-family-base)!important;font-weight:400!important;font-size:16px!important;line-height:100%!important;letter-spacing:0px!important}.myAntdInput input::placeholder{font-family:var(--font-family-base);font-weight:400;font-size:16px;line-height:100%;letter-spacing:0px;color:#637c88}.myAntdInput:hover{border-color:#dce2e5!important}.myAntdInput:focus{border-color:#dce2e5!important}.myAntdInput:focus-within{border-color:#dce2e5!important;box-shadow:none}.myAntdInput .ant-input-prefix{margin-inline-end:6px}.select-box-component .ant-select-selector{border:none!important;background-color:#f0f3f4!important;border-radius:6px}.select-box-component .ant-select-selector:hover{border:none!important}.select-box-component .ant-select-selector{box-shadow:none!important}.select-box-component .ant-select-selection-placeholder,.select-box-component .ant-select-selection-item{font-family:var(--font-family-base)!important;font-weight:500!important;font-size:14px!important;line-height:20px!important;letter-spacing:0px!important;color:#111518!important}.TableHeader{background-color:#f9fafb}.TableHeader tr{height:44px}.TableHeader tr th{font-family:var(--font-family-base)!important;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.7px;padding-inline-start:24px;color:#637c88;white-space:nowrap}.TableBody tr{height:60px;border-bottom:1px solid #dce2e5;cursor:pointer}.TableBody tr:hover{background-color:#f9fafb}.TableBody tr td{font-family:var(--font-family-base)!important;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0px;color:#111518;white-space:nowrap}.TableBody tr td:last-child{padding-inline-end:24px}.PrioritySelect .ant-select-arrow{color:#000;font-size:14px}.PrioritySelect .ant-select-selector{border:1px solid #d1d5db}.PrioritySelect{height:42px}.uploadWrapperForComplaintAttachments .ant-upload-list-item.ant-upload-list-item-done{border:2px solid #eaecf0!important}.uploadWrapperForComplaintAttachments .ant-upload-list-item-container{width:80px!important;height:80px!important}.uploadWrapperForComplaintAttachments .ant-upload-list.ant-upload-list-picture-card{gap:4px!important}.uploadWrapperForComplaintAttachments .ant-upload-list-item-thumbnail img{filter:blur(4px);transition:filter .3s ease}.uploadWrapperForComplaintAttachments .ant-upload-list-item:hover .ant-upload-list-item-thumbnail img{filter:blur(0px)}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}.antdPagination{align-items:center}.antdPagination .ant-pagination-item{width:40px;height:40px;border:none;display:flex;align-items:center;justify-content:center}.antdPagination .ant-pagination-item a{font-family:var(--font-family-base)!important;font-weight:500;font-size:16px;line-height:21px;letter-spacing:0px}.antdPagination .ant-pagination-item-active a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff!important;background-color:var(--primary-red)!important;font-family:var(--font-family-base)!important;font-weight:700;font-size:16px;line-height:21px;letter-spacing:0px}.antdPagination.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover{border-radius:50%}.antdPagination .ant-pagination-prev,.antdPagination .ant-pagination-next{display:flex;align-items:center;justify-content:center}.tableBoxShadow{box-shadow:0 1px 2px #0000000d}.complaint-form-container{background-color:#f5f5f5;min-height:100vh;padding:2rem;direction:rtl}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:var(--font-family-base)}.breadcrumb-item{color:#637c88;font-size:14px;font-weight:400;cursor:pointer}.breadcrumb-separator{color:#637c88;font-size:14px}.breadcrumb-current{color:#111518;font-size:14px;font-weight:500}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #dce2e5}.form-header{text-align:center;padding:20px 24px}.form-title{font-family:var(--font-family-base);font-size:28px;font-weight:700;color:#111518;margin-bottom:.5rem}.form-subtitle{font-family:var(--font-family-base);font-size:16px;font-weight:400;color:#637c88;margin:0}.progress-steps{padding:0;border-bottom:1px solid #dce2e5;border-top:1px solid #dce2e5}.site-navigation-steps{direction:rtl;padding-top:16px!important}.site-navigation-steps .ant-steps-item-container{justify-content:center!important;align-items:center!important;display:flex!important;flex-direction:column!important;padding-bottom:24px!important}.site-navigation-steps .ant-steps-item{flex:1;text-align:center}.site-navigation-steps .ant-steps-item-icon{width:28px!important;height:28px!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-base)!important;font-weight:700!important;font-size:14px!important;margin:0!important}.site-navigation-steps .ant-steps-item-finish .ant-steps-item-icon{background:#19b36e;color:#fff!important;border:none}.site-navigation-steps .ant-steps-icon{color:#fff;margin-bottom:-5px!important}.site-navigation-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#fff!important}.site-navigation-steps .ant-steps-item-process .ant-steps-item-icon{background:#961a23;color:#fff!important;border:none}.site-navigation-steps .ant-steps-item-wait .ant-steps-item-icon{background:#e5e7eb;color:#637c88!important;border:none}.site-navigation-steps .ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{background:#e5e7eb;color:#637c88!important}.site-navigation-steps .ant-steps-item-title{font-family:var(--font-family-base)!important;font-size:14px!important;font-weight:700!important;color:#21272d!important;line-height:1.2!important;margin-top:8px!important}.site-navigation-steps .ant-steps-item-finish .ant-steps-item-title{color:#21272d!important;font-weight:500}.site-navigation-steps .ant-steps-item-process .ant-steps-item-title{color:#961a23!important;font-weight:600;position:relative}.site-navigation-steps .ant-steps-item-process .ant-steps-item-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100%;height:3px;background:#961a23;border-radius:2px}.site-navigation-steps .ant-steps-item:after{display:none!important}.site-navigation-steps .ant-steps-item-active:before{background:#961a23!important;height:4px}.site-navigation-steps .ant-steps-item:before{background:#961a23!important;height:4px}.site-navigation-steps .ant-steps-item-wait .ant-steps-item-title{color:#637c88;font-weight:500}.site-navigation-steps .ant-steps-item-description,.site-navigation-steps .ant-steps-item-tail{display:none}.site-navigation-steps .ant-steps-item:after{display:none}.content-section{padding:20px 24px}.category-title{font-family:var(--font-family-base);font-size:18px;font-weight:600;color:#111518;margin-bottom:1.5rem}.categories-radio-group{display:flex;flex-direction:column;gap:.75rem;width:100%;position:relative}.category-radio-item{width:100%;margin:0;padding:0;border:1px solid #dce2e5;border-radius:6px;background:#fff;transition:all .3s ease;cursor:pointer}.category-radio-item:hover .ant-radio-inner{border-color:#961a23}.category-radio-item .ant-radio{position:absolute;left:16px;margin:0}.category-radio-item .ant-radio-inner{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:transparent}.category-radio-item .ant-radio-label{padding:0!important}.category-radio-item.ant-radio-wrapper-checked .ant-radio-inner{border-color:#961a23;background:#961a23}.category-radio-item.ant-radio-wrapper-checked .ant-radio-inner:after{content:"";background:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.19632 9L0 4.73389L1.04908 3.66736L4.19632 6.86694L10.9509 0L12 1.06653L4.19632 9Z' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:12px 9px;width:100%;height:100%;border:none;transform:none;top:7px}.category-content{display:flex;align-items:center;gap:7px;padding:17px 17px 14px 34px;width:100%}.category-icon{font-size:20px;color:#637c88;display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.category-text{font-family:var(--font-family-base);font-size:16px;font-weight:500;color:#111518;flex:1}.complaint-form{direction:rtl}.form-item{margin-bottom:24px}.form-item .ant-form-item-label>label{font-family:var(--font-family-base);font-weight:400;font-size:14px;color:#961a23;direction:ltr}.form-item .ant-form-item-label>label.ant-form-item-required:before{content:"*";color:#961a23;margin-left:4px}.form-input{height:50px;border:1px solid #dce2e5;border-radius:8px;font-family:var(--font-family-base);font-size:16px;padding:8px 12px;background:#f9fafb;width:100%}.form-input:hover{border-color:#961a23}.form-input:focus{border-color:#961a23;box-shadow:0 0 0 2px #961a231a}.form-textarea{border:1px solid #dce2e5;border-radius:6px;font-family:var(--font-family-base);font-size:16px;padding:8px 12px;resize:vertical}.form-textarea:hover{border-color:#961a23}.form-textarea:focus{border-color:#961a23;box-shadow:0 0 0 2px #961a231a}.form-select{height:50px;border:1px solid #dce2e5;border-radius:8px;font-family:var(--font-family-base);font-size:16px;background:#f9fafb}.form-select .ant-select-selector{background:#f9fafb!important;border-color:#dce2e5!important}.form-select:hover{border-color:#961a23}.form-select:focus{border-color:#961a23!important;box-shadow:0 0 0 2px #961a231a}.checkbox-item{margin-bottom:24px}.special-needs-checkbox{font-family:var(--font-family-base);font-size:16px;font-weight:500;color:#111518}.special-needs-checkbox .ant-checkbox-inner{width:17px;height:17px;border:2px solid #d1d5db;border-radius:4px}.special-needs-checkbox .ant-checkbox{transform:translateY(-3px)}.special-needs-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:#961a23!important;border-color:#961a23!important}.special-needs-checkbox .ant-checkbox-inner{border-color:#961a23!important}.special-needs-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{content:"";background:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.19632 9L0 4.73389L1.04908 3.66736L4.19632 6.86694L10.9509 0L12 1.06653L4.19632 9Z' fill='white'/%3E%3C/svg%3E") no-repeat center;background-size:12px 9px;width:100%;height:100%;border:none;transform:none;top:0;left:0}.attachments-section{background:transparent;border:none}.attachments-title{font-family:var(--font-family-base);font-size:18px;font-weight:600;color:#111518;margin-bottom:8px}.attachments-description{font-family:var(--font-family-base);font-size:14px;color:#637c88;margin-bottom:24px}.upload-areas{display:flex;gap:16px;align-items:flex-start}.upload-progress{flex:1}.progress-box{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:24px;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.progress-percentage{font-family:var(--font-family-base);font-size:24px;font-weight:700;color:#f59e0b;display:block;margin-bottom:8px}.progress-text{font-family:var(--font-family-base);font-size:14px;color:#f59e0b}.upload-preview{flex:1;display:flex;flex-direction:row;gap:16px}.image-preview{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover}.remove-button{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.upload-btn{width:100px!important;height:100px;border:1px dashed #961a23;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family-base);font-size:14px;color:#637c88}.upload-btn:hover{border-color:#961a23;color:#961a23}.files-list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.file-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.file-preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.preview-image,.preview-video{width:100%;height:100%;object-fit:cover}.file-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f9fafb;gap:4px}.file-name{font-family:var(--font-family-base);font-size:10px;color:#637c88;text-align:center;word-break:break-all;padding:0 4px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .remove-button{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.file-item:hover .remove-button{opacity:1}.form-actions{display:flex;justify-content:space-between;padding:0 24px 24px}.next-button{background:#961a23!important;color:#fff!important;border:1px solid #961a23!important;border-radius:8px;font-family:var(--font-family-base);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;padding:12px 35px;height:44px;box-shadow:0 1px 2px #0000000d}.back-button{background:transparent;color:#98a2b3;border:1px solid #98a2b3;border-radius:8px;font-family:var(--font-family-base);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;height:44px;box-shadow:0 1px 2px #0000000d}.AntdRangePicker.ant-picker.ant-picker-range.ant-picker-focused.ant-picker-outlined{border:none;box-shadow:none}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#ff6b6b,#ff8e8e,#ffa8a8);position:relative}.dashboard-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><linearGradient id="sunset" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23ff6b35;stop-opacity:1" /><stop offset="25%" style="stop-color:%23f7931e;stop-opacity:1" /><stop offset="50%" style="stop-color:%23ffcc02;stop-opacity:1" /><stop offset="75%" style="stop-color:%23ff6b6b;stop-opacity:1" /><stop offset="100%" style="stop-color:%23ee5a52;stop-opacity:1" /></linearGradient></defs><rect width="1200" height="800" fill="url(%23sunset)"/><circle cx="1000" cy="200" r="80" fill="%23ffcc02" opacity="0.8"/><path d="M0,600 Q300,500 600,600 T1200,600 L1200,800 L0,800 Z" fill="%23d4a574" opacity="0.3"/></svg>');background-size:cover;background-position:center;z-index:-1;opacity:.9}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(150,26,35,.1);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center}.notification-bell{position:relative;cursor:pointer}.notification-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-red);border-radius:50%;color:#fff}.notification-count{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.bell-icon{width:20px;height:20px}.header-nav{display:flex;gap:2rem;margin:0 2rem;direction:rtl;transform:translate(20%)}.header-nav-drawer{display:flex;flex-direction:column;width:100%;gap:2rem;margin:0 2rem;direction:rtl}.header-nav-drawer-icon{display:none}.nav-link{text-decoration:none;color:#637c88;font-weight:400;font-size:16px}.nav-link.active{color:#961a23;font-weight:700;font-size:16px}.header-right{display:flex;align-items:center;gap:.5rem}.system-title{font-weight:700;color:var(--dark-gray);font-size:16px}.flag-icon{font-size:20px}.hero-section{position:relative;height:355px;display:flex;align-items:center;justify-content:center;margin:2rem;border-radius:16px;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#961a23b2;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;max-width:600px;padding:2rem;z-index:10;gap:16px;display:flex;flex-direction:column}.hero-title{color:#fff;font-family:var(--font-family-base);font-weight:700;font-size:48px;line-height:48px;letter-spacing:0;text-align:center;vertical-align:middle}.hero-description{font-family:var(--font-family-base);font-weight:200;font-size:18px;line-height:28px;letter-spacing:0;text-align:center;vertical-align:middle;color:#fff}.hero-button{background:#fff;color:#961a23;border:none;padding:1rem 2rem;border-radius:50px;font-weight:700;display:flex;align-items:center;gap:.5rem;margin:0 auto;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #961a234d;font-family:var(--font-family-base);font-size:16px;line-height:24px}.hero-button:hover{background:#961a23;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #961a2366}.button-icon{width:20px;height:20px}.main-content{padding:0 2rem}.content-grid{display:flex;gap:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--dark-gray);margin-bottom:1.5rem;text-align:right}.empty-state{text-align:center;padding:24px 0;border:2px dashed #e0e0e0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:412px;border-radius:16px}.empty-icon{width:185px;height:215px;margin:0 auto;color:#ffb3ba}.empty-icon svg{width:100%;height:100%}.empty-text{font-size:1.2rem;font-weight:600;color:#666;margin-bottom:.5rem;max-width:400px}.empty-description{color:#888;line-height:1.5;max-width:400px}.statistics-section{border-radius:15px}.chart-container{background:#fefefe;border-radius:10px;padding:20px;width:340px}.apexcharts-legend,.apexcharts-tooltip,.apexcharts-xaxis-label,.apexcharts-yaxis-label{font-family:var(--font-family-base)!important}.processed{background:#bababa}.in-progress{background:#1a78f1}.submitted{background:#19b36e}.legend-dot{width:10px;height:10px;border-radius:50%;display:block}.legend-item{display:flex;justify-content:space-between;align-items:center}.legend-start{display:flex;align-items:center;gap:5px}.help-section{background:#e8e8e8;border-radius:16px;padding:24px;margin:2rem;display:flex;justify-content:space-between;align-items:center}.help-content{flex:1}.help-title{font-size:20px;font-weight:700;color:#000;margin-bottom:4px;line-height:28px}.help-description{color:#21272d;font-size:14px;font-weight:400;line-height:20px}.help-buttons{display:flex;gap:1rem}.help-button{display:flex;align-items:center;gap:.5rem;padding:10px 24px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.help-button.primary{background:#dc2626cc;color:#fff}.help-button.primary:hover{background:#dc2626;transform:translateY(-2px)}.help-button.secondary{background:#f9fafb;color:#000}.help-button.secondary:hover{background:#f9fafbcc;color:#000;transform:translateY(-2px)}.dashboard-footer{background:#fff;color:#637c88;padding:2rem;margin-top:auto;flex-shrink:0}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-link{color:#637c88;text-decoration:none;transition:color .3s ease;font-family:var(--font-family-base);font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;background:transparent;border:none;padding:0;cursor:pointer}.footer-social{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-link{color:#637c88;transition:color .3s ease}.social-link svg{width:24px;height:24px}.footer-copyright{text-align:center;color:#637c88;font-size:14px;font-family:var(--font-family-base);font-weight:400;line-height:20px}@media(max-width:1920px){.container{width:64%}}@media(max-width:1520px){.container{width:74%}}@media(max-width:1200px){.header-nav{margin:0;gap:1rem;transform:translate(0)}}@media(max-width:1020px){.container{width:84%}.content-grid{flex-direction:column}.chart-container{width:100%}}@media(max-width:768px){.complaint-form-container{padding:1rem}.form-card{padding:1.5rem}.progress-steps{gap:1rem;flex-wrap:wrap}.step{min-width:80px}.category-item{padding:.75rem}.category-text{font-size:14px}.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.header-nav{margin:0;gap:1rem}.hero-title{font-size:2rem}.help-section{flex-direction:column;gap:1rem;text-align:center}.help-buttons{justify-content:center;flex-wrap:wrap}.footer-links{flex-direction:column;gap:1rem}}@media(max-width:600px){.header-nav{display:none}.header-nav-drawer-icon{display:flex}}.AdminDashboard{--font-family-base: var(--font-family-admin, "Cairo", sans-serif);font-family:var(--font-family-admin, "Cairo", sans-serif)}.AdminDashboard *{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.AdminDashboard .ant-menu-item,.AdminDashboard .ant-menu-submenu-title{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.AdminDashboard .ant-menu-item:hover,.AdminDashboard .ant-menu-submenu-title:hover{transform:translate(-4px)}.AdminDashboard .ant-menu-item-selected{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(10px);opacity:.7}to{transform:translate(0);opacity:1}}.AdminDashboard .ant-layout-sider,.AdminDashboard .ant-layout-sider-collapsed{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.AdminDashboard-menu{overflow-y:auto}.AdminDashboard-menu li:not(:last-child){margin-bottom:20px;margin-top:0}.AdminDashboard-menu li{height:48px!important;gap:16px;display:flex!important;flex-wrap:nowrap;align-items:center}.AdminDashboard-menu.collapsed .ant-menu-item-selected{padding-inline-start:9px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.AdminDashboard-menu li svg{flex-shrink:0}.AdminDashboard-menu .ant-menu-item-selected svg path{fill:#961a24;transition:fill .3s ease}.AdminDashboard-menu .ant-menu-item-selected{background:#f8eff0;border-inline-start:4px solid #961a24}.AdminDashboard-menu li .ant-menu-title-content{font-weight:600;font-size:16px;line-height:100%;letter-spacing:0px;color:#374151;padding-bottom:2px}.AdminDashboard-menu .ant-menu-item-selected .ant-menu-title-content{color:#961a24}.AntdFormItem{margin-bottom:0!important}.AntdFormItem .ant-form-item-label{padding-bottom:7px!important}.AntdFormItem .ant-form-item-label label{font-weight:400;font-size:12px;line-height:100%;letter-spacing:0px;color:#6b7280}.AntdFormItem input{border:none!important;background:#f3f3f5;border-radius:7px!important}.AntdFormItem input:hover{border:none!important;box-shadow:none!important;background:#f3f3f5}.AntdFormItem .ant-input-outlined:focus-within{box-shadow:none!important;background:#f3f3f5}.AntdFormItemSelectBox .ant-select-selector{border:none!important;box-shadow:none!important;background:#f3f3f5!important;border-radius:7px!important}.AntdSwitch.ant-switch.ant-switch-checked{background:#030213}.AntdSwitch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled){background:#030213}.SiderDrawer{display:none}.MainSider{display:initial}@media screen and (max-width:900px){.SiderDrawer{display:initial}.MainSider{display:none}}.AdminDashboard-drawer .ant-drawer-body{padding:0!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[dir=rtl]{direction:rtl;font-family:var(--font-family-rtl, "Tajawal", sans-serif)}[dir=ltr]{direction:ltr;font-family:var(--font-family-ltr, "Poppins", sans-serif)}[dir=ltr] .header-nav{direction:ltr;transform:translate(-20%)}[dir=ltr] .header-text{direction:ltr}[dir=ltr] .flex.items-center.space-x-3{flex-direction:row}[dir=ltr] .flex.items-center.space-x-3>*+*{margin-left:.75rem;margin-right:0}[dir=rtl] .flex.items-center.space-x-3>*+*{margin-right:.75rem;margin-left:0}[dir=ltr] .AdminDashboard{font-family:var(--font-family-admin, "Poppins", sans-serif)!important}[dir=ltr] .AdminDashboard .ant-layout{direction:ltr}[dir=rtl] .AdminDashboard,[dir=rtl] .ant-modal{font-family:var(--font-family-admin, "Cairo", sans-serif)!important}[dir=ltr] .ant-modal{font-family:var(--font-family-admin, "Poppins", sans-serif)!important}[dir=rtl] .AdminDashboard *{font-family:inherit}[dir=ltr] .AdminDashboard-menu{text-align:left}[dir=rtl] .AdminDashboard-menu{text-align:right}[dir=ltr] .hero-button>span{transform:rotate(180deg)}[dir=ltr] .category-radio-item{direction:ltr}[dir=ltr] .ant-layout-sider{order:1}[dir=rtl] .ant-layout-sider{order:0}[dir=ltr] .TableHeader tr th{padding-inline-start:24px;text-align:left}[dir=rtl] .TableHeader tr th{padding-inline-start:24px;text-align:right}[dir=ltr] .TableBody tr td{padding-inline-start:24px;text-align:left}[dir=rtl] .TableBody tr td{padding-inline-start:24px;text-align:right}[dir=ltr] .complaint-form-container,[dir=ltr] .ant-col.ant-form-item-label{direction:ltr}[dir=ltr] .form-item .ant-form-item-label>label{direction:rtl}[dir=ltr] .form-item .ant-form-item-label,[dir=ltr] .signup-form .ant-form-item-label{text-align:end}[dir=ltr] .signup-form .ant-form-item-label>label:after{display:none}[dir=ltr] .custom-radio .ant-form-item-control{flex-grow:inherit;width:145px}[dir=rtl] .complaint-form-container{direction:rtl}[dir=ltr] .complaint-form{direction:ltr}[dir=rtl] .complaint-form{direction:rtl}[dir=ltr] .myAntdInput,[dir=rtl] .myAntdInput{padding-inline-start:15px}[dir=ltr] .ant-pagination-item-link{transform:rotateY(0)}[dir=rtl] .ant-pagination-item-link{transform:rotateY(180deg)}[dir=ltr] .category-radio-item .ant-radio{right:16px;left:auto}[dir=rtl] .category-radio-item .ant-radio{left:16px;right:auto}[dir=ltr] .category-content{padding:17px 34px 14px 17px}[dir=rtl] .category-content{padding:17px 17px 14px 34px}[dir=ltr] .footer-links{direction:ltr}[dir=rtl] .footer-links{direction:rtl}[dir=ltr] .site-navigation-steps{direction:ltr}[dir=rtl] .site-navigation-steps{direction:rtl}[dir=ltr] .ant-drawer-body{direction:ltr}[dir=rtl] .ant-drawer-body{direction:rtl}@media(max-width:1200px){[dir=ltr] .header-nav,[dir=rtl] .header-nav{transform:translate(0)}}[dir=ltr] .notification-dropdown,[dir=ltr] .profile-dropdown{text-align:left}[dir=rtl] .notification-dropdown,[dir=rtl] .profile-dropdown,[dir=rtl] .text-start{text-align:right}[dir=ltr] .text-start,[dir=rtl] .text-end{text-align:left}[dir=ltr] .text-end{text-align:right}.slick-dots{display:flex!important;justify-content:center!important;align-items:center!important;list-style:none!important;padding-top:30px!important;bottom:auto!important}.slick-dots li{margin:0 5px;width:7px!important}.slick-dots li button:before{color:#d1d5db8f!important;font-size:10px!important;opacity:1!important}.slick-dots li.slick-active button:before{color:#fff!important;font-size:10px!important}