*{box-sizing:border-box;padding:0;margin:0}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@font-face{font-family:GE SS Two;src:local("GE SS Two Regular"),local("GESSTwo-Regular");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GE SS Two;src:local("GE SS Two Light"),local("GESSTwo-Light");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:GE SS Two;src:local("GE SS Two Medium"),local("GESSTwo-Medium");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GE SS Two;src:local("GE SS Two Bold"),local("GESSTwo-Bold");font-weight:700;font-style:normal;font-display:swap}html{font-size:16px}body,html{max-width:100vw;overflow-x:hidden;font-family:GE SS Two,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body,html{writing-mode:horizontal-tb;-webkit-text-orientation:mixed;text-orientation:mixed}a,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{writing-mode:horizontal-tb!important;-webkit-text-orientation:mixed!important;text-orientation:mixed!important}[dir=rtl],[lang=ar],html[dir=rtl],html[lang=ar]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[dir=rtl],[lang=ar],body[dir=rtl],body[lang=ar],html[dir=rtl],html[lang=ar]{font-family:DiodrumArabic,GE SS Two,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.h1,h1{font-size:34px;font-weight:700;line-height:1.2}.h1,.h2,h1,h2{font-family:GE SS Two,sans-serif}.h2,h2{font-size:27px;font-weight:600;line-height:1.3}.h3,h3{font-size:23px;font-weight:500;line-height:1.4;font-family:GE SS Two,sans-serif}.text-regular,body,p{font-size:17px;font-weight:400;line-height:1.6}.description,.label,.text-label{font-size:14.5px;font-weight:400;line-height:1.5}.text-small,.text-xs,small{font-size:12px;font-weight:400;line-height:1.4}.btn,button{font-size:16px}.btn,.sidebar,.sidebar *,.sidebar-link,button{font-weight:500;font-family:GE SS Two,sans-serif}.sidebar,.sidebar *,.sidebar-link{font-size:15.5px}.table,table,td,th{font-size:14.5px;font-weight:400;font-family:GE SS Two,sans-serif}.text-main-heading{font-family:GE SS Two,sans-serif;font-weight:700;font-size:19px}.text-subheading{font-family:GE SS Two,sans-serif;font-weight:500;font-size:16px}.text-date,.text-signature,.text-speech{font-family:GE SS Two,sans-serif;font-weight:400;font-size:14px}.text-footnote{font-family:GE SS Two,sans-serif;font-weight:300;font-size:12px}body{background-color:#f9fafb;color:#1e293b}a{color:inherit;text-decoration:none}.container{max-width:100%;margin:0;padding:0 20px;width:100%}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;border-right:2px solid #0d9488;box-shadow:2px 0 8px rgba(13,148,136,.1);display:flex;flex-direction:column;z-index:1000;overflow-y:auto}[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:2px solid #0d9488;box-shadow:-2px 0 8px rgba(13,148,136,.1)}.main-content{margin-left:280px;min-height:100vh;padding:32px 0 32px 32px;transition:margin .3s ease;width:calc(100% - 280px)}[dir=rtl] .main-content{margin-left:0;margin-right:280px;padding-left:0;padding-right:32px;width:calc(100% - 280px)}.sidebar-link{display:block;padding:16px 24px;color:#475569;text-decoration:none;transition:all .3s ease}.sidebar-link.active,.sidebar-link:hover{background-color:#f0fdfa;color:#0d9488}.sidebar-link.active{font-weight:500;border-left:4px solid #0d9488}[dir=rtl] .sidebar-link.active{border-left:none;border-right:4px solid #0d9488}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:24px;animation:fadeInUp .4s ease-out;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;transform:translateY(0)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#0d9488;color:#fff}.btn-primary:hover{background-color:#0f766e}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.input{padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px);border:1px solid #d1d5db;border-radius:6px;width:100%;transition:all .3s ease;font-size:clamp(14px,3vw,16px);box-sizing:border-box}.input:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1);transform:translateY(-1px)}.select{padding:clamp(10px,2.5vw,12px) clamp(12px,3vw,16px);border:1px solid #d1d5db;border-radius:6px;font-size:clamp(14px,3vw,17px);font-weight:400;background-color:#fff;cursor:pointer;transition:all .3s ease;box-sizing:border-box;width:100%}.select:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.1);transform:translateY(-1px)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table td,.table th{padding:16px 20px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{background-color:#f9fafb;color:#374151}.table tr{transition:background-color .2s ease}.table tr:hover{background-color:#f9fafb;transform:scale(1.01);transition:background-color .2s ease,transform .2s ease}.badge{display:inline-block;padding:6px 14px;border-radius:12px}.badge-open{background-color:#ccfbf1;color:#0d9488}.badge-closed{background-color:#fee2e2;color:#dc2626}.badge-appeal{background-color:#fef3c7;color:#92400e}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-value{font-size:34px;font-weight:700;color:#0d9488;margin:8px 0;font-family:GE SS Two,sans-serif}.stat-label{font-size:14.5px;color:#6b7280;font-weight:400}.filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-label{font-size:14.5px;font-weight:400;color:#374151}[dir=rtl],[dir=rtl] .table td,[dir=rtl] .table th{text-align:right}[dir=rtl] .filters{flex-direction:row-reverse}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-link{position:relative;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#0d9488;transition:width .3s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.page-transition{animation:fadeInUp .4s ease-out}.modal-close-btn{transition:all .3s ease}.modal-close-btn:hover{transform:rotate(90deg) scale(1.1);color:#ef4444!important}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes shrink{0%{width:100%}to{width:0}}.toast-item{animation:toastSlideIn .3s ease-out}html[dir=rtl] .toast-item{animation:toastSlideInRTL .3s ease-out}@keyframes toastSlideInRTL{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.toast-container{right:20px}html[dir=rtl] .toast-container{right:auto;left:20px}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:#0d9488;color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}[dir=rtl] .mobile-menu-toggle{left:auto;right:16px}@media (max-width:390px){html{font-size:13px}.dashboard-cases-company-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}*{writing-mode:horizontal-tb!important;-webkit-text-orientation:mixed!important;text-orientation:mixed!important;text-combine-upright:none!important}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}a,button,div,h1,h2,h3,h4,h5,h6,label,p,span{writing-mode:horizontal-tb!important;-webkit-text-orientation:mixed!important;text-orientation:mixed!important;white-space:normal!important;word-break:break-word;overflow-wrap:break-word}.h1,h1{font-size:22px}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.main-content{padding:56px 8px 8px}.container{padding:0 6px!important;max-width:100%!important}*{max-width:100%;box-sizing:border-box}body,html{writing-mode:horizontal-tb!important;-webkit-text-orientation:mixed!important;text-orientation:mixed!important}.company-detail-buttons{flex-direction:column!important;width:100%!important;gap:8px!important}.company-detail-buttons .btn{width:100%!important}.followups-tasks-card-actions{flex-direction:column!important;gap:8px!important}.followups-tasks-card-actions .btn{width:100%!important}.case-tabs,.employee-detail-layout,.employee-tabs{flex-direction:column!important}.case-tabs button,.employee-tabs button{width:100%!important}.card{padding:clamp(10px,2.5vw,12px);margin-bottom:10px}.btn{padding:clamp(10px,2.5vw,12px) clamp(14px,3.5vw,16px);font-size:clamp(12px,2.8vw,13px);min-height:44px}.input,.select{font-size:clamp(14px,3.2vw,15px);padding:clamp(10px,2.5vw,12px);min-height:44px}.dashboard-grid{gap:clamp(12px,3vw,16px)!important}.stats-grid{gap:12px}.filters{gap:10px}.company-grid{gap:10px!important}.cases-grid,.employees-grid{gap:clamp(12px,3vw,16px)!important}.case-details-grid{gap:clamp(10px,2.5vw,12px)!important}.employee-info-grid,.followups-tasks-grid{gap:clamp(12px,3vw,16px)!important}.completed-tasks-summary{padding:clamp(12px,3vw,16px)!important}.modal-overlay .modal-content{max-width:calc(100vw - 16px);padding:clamp(16px,4vw,20px);margin:8px}.login-grid{gap:clamp(16px,4vw,24px)}.login-form-section,.login-promo-section{padding:clamp(20px,5vw,32px) clamp(16px,4vw,24px)}}@media (max-width:768px){html{font-size:14px}.h1,h1{font-size:28px}.h2,h2{font-size:22px}.h3,h3{font-size:20px}.mobile-menu-toggle{display:block}.sidebar{width:280px!important;transform:translateX(-100%);transition:transform .3s ease;z-index:1000;box-shadow:2px 0 8px rgba(0,0,0,.2)}[dir=rtl] .sidebar{transform:translateX(100%);box-shadow:-2px 0 8px rgba(0,0,0,.2)}.sidebar.mobile-open,[dir=rtl] .sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-overlay.active{display:block}.main-content{padding:60px 12px 12px;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.main-content,[dir=rtl] .main-content{margin-left:0!important;margin-right:0!important}.container{padding:0 8px;max-width:100%;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.dashboard-grid{flex-direction:column!important;gap:clamp(16px,4vw,24px)!important}.card{padding:clamp(12px,3vw,16px);margin-bottom:12px;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;box-sizing:border-box}.btn{padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);font-size:clamp(13px,3vw,14px);white-space:nowrap;min-height:44px}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-grid{grid-template-columns:1fr;gap:16px}.filters{flex-direction:column;gap:12px}.filter-group{min-width:100%}.company-grid{grid-template-columns:1fr!important}.companies-table-desktop{display:none}.companies-cards-mobile{display:block}.companies-filters{grid-template-columns:1fr!important}.companies-header>div{flex-direction:column;align-items:stretch!important}.companies-header h1{margin-bottom:0}.companies-header .btn{width:100%}.company-actions>div{flex-direction:column}.company-actions .btn{width:100%}.company-info-grid,.tasks-filters-grid,.tasks-grid{grid-template-columns:1fr!important}.task-actions>div{flex-direction:column}.task-actions .btn{width:100%}.completed-tasks-summary>div{flex-direction:column;align-items:flex-start!important}.completed-tasks-summary>div>div:first-child{width:100%;margin-bottom:8px}.completed-tasks-summary>div>div:last-child{width:100%;justify-content:center}body,html{overflow-x:hidden;max-width:100vw}.card,.container,.main-content{max-width:100%;box-sizing:border-box}.login-page{overflow-x:hidden}.login-container{flex-direction:column!important}.login-promo{min-height:auto!important}.login-form-container,.login-promo{padding:clamp(16px,4vw,40px)!important}.pagination-button-text{display:none}}@media (min-width:640px){.pagination-button-text{display:inline}}@media (min-width:768px){.login-container{flex-direction:row!important;display:grid!important;grid-template-columns:1fr 1fr!important}.login-promo{text-align:left!important;min-height:100vh!important}.login-form-container{padding:60px!important}}@media (min-width:640px){.tasks-grid{gap:20px!important}.company-grid,.tasks-grid{grid-template-columns:repeat(2,1fr)!important}.company-grid{gap:16px!important}.tasks-filters-grid{grid-template-columns:repeat(2,1fr)!important}.task-actions>div{flex-direction:row}.task-actions .btn{width:auto;flex:0 1 auto}.completed-tasks-summary>div{flex-direction:row;align-items:center!important}}@media (min-width:1024px){.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;gap:24px!important}.tasks-filters-grid{grid-template-columns:repeat(3,1fr)!important}.company-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:16px!important}.dashboard-cases-year-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}.dashboard-cases-company-grid{grid-template-columns:repeat(2,minmax(280px,1fr))!important;overflow-x:visible!important}.dashboard-cases-company-grid::-webkit-scrollbar{height:8px}.dashboard-cases-company-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dashboard-cases-company-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.dashboard-cases-company-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dashboard-tasks-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.case-details-grid,.cases-grid,.employees-grid{grid-template-columns:1fr!important}.modal-content>div:last-child{flex-direction:row!important;justify-content:flex-end!important}.modal-content>div:last-child button{width:auto!important}}@media (min-width:567px) and (max-width:639px){html{font-size:14.5px}.container{padding:0 12px}.main-content{padding:60px 14px 14px}.card{padding:clamp(14px,3.5vw,18px)}.cases-grid,.employees-grid{gap:clamp(14px,3.5vw,18px)!important}.case-details-grid,.cases-grid,.company-grid,.employees-grid{grid-template-columns:repeat(2,1fr)!important}.company-grid{gap:clamp(12px,3vw,16px)!important}}@media (min-width:640px){.company-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.case-details-grid,.cases-grid,.employees-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.company-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important}.company-actions>div{flex-direction:row}.company-actions .btn{width:auto;flex:0 1 auto}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important}.employee-detail-layout{display:grid!important;grid-template-columns:350px 1fr!important;grid-gap:24px!important;gap:24px!important}.employee-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.employee-tabs{flex-direction:row!important}.employee-tabs button{width:auto!important}.case-tabs{flex-direction:row!important}.case-tabs button{width:auto!important}}@media (min-width:769px){.companies-table-desktop{display:block}.companies-cards-mobile{display:none}.companies-filters{grid-template-columns:1fr auto!important}}@media (min-width:769px) and (max-width:1024px){html{font-size:15px}.h1,h1{font-size:30px}.h2,h2{font-size:24px}.h3,h3{font-size:21px}.sidebar{width:240px!important}.main-content{margin-left:240px!important;padding:24px 0 24px 24px;width:calc(100% - 240px)!important}[dir=rtl] .main-content{margin-left:0!important;margin-right:240px!important;padding-left:0;padding-right:24px;width:calc(100% - 240px)!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:20px!important;gap:20px!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1025px) and (max-width:1440px){.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:24px!important;gap:24px!important}}@media (min-width:1441px){.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:24px!important;gap:24px!important}.container{max-width:100%;margin:0;padding:0 32px}}