:root,[data-theme=light]{--color-primary: #20A2D1;--color-primary-hover: #2563eb;--color-secondary: #64748b;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-header:#FFFFFF;--color-header-bottom:#DFF2F8;--color-boxshadow-header:#20A2D180;--color-text: #3B4651;--color-text-secondary: #7E8896 ;--color-border: #e8eaeb;--color-error: #FF474D;--color-success: #10b981;--color-warning: #f59e0b;--color-yellow: #FF9A04;--color-orange: #FF813C;--color-red: #FF3238;--color-green: #089256;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--table-header-bg: #E8EDF5;--container-background: #ffffff;--container-border: #e8eaeb;--color-second-border: #E0F2F7;--icon-border-color: #e8eaeb;--icon-background-color: #ffffff;--request-card-shadow: 0px 1px 8.7px 0px #babbbc33;--request-card-background: #ffffff;--status-approved: #089256;--status-pending: #7e8896;--status-rejected: #ff3238;--status-approved-background: #0892561A;--status-pending-background: #3B46511A;--status-rejected-background: #FF323833;--text-icon: #3b4651;--sidebar-border: #dff2f8;--hover-text-color: #7e8896;--selection-highlight:#EBEDEE;--background-boxcontainer:#EBEDEE;--text-clock:#D1D3D4;--backgroundcolor-second: #FFFFFF;--container-second:#D1D3D4;--sidebar-shadow:0px 0px 5.4px 0px #20A2D180;--background-container-second:#FFFFFF;--border-container-second:#E0F2F7;--day-cell-today:#E3E9F3;--sidebar-hover-color:#E0F2F7}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-secondary: #94a3b8;--color-background: #0F172A;--color-surface: #0F192E;--color-header:#131C34;--color-header-bottom:#22325B;--color-boxshadow-header:#20A2D199;--color-text: #EDEDED;--color-text-secondary: #94A3B8;--color-border: #22325B;--color-second-border: #22325B;--color-error: #FF474D;--color-success: #34d399;--color-warning: #fbbf24;--color-yellow: #ED930C;--color-orange: #FF813C;--color-red: #FF474D;--color-green: #00B86B;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--table-header-bg: #1e293b;--container-background: #1a1a1a;--container-border: #333333;--icon-border-color: #252525;--icon-background-color: #252525;--request-card-shadow: 0 1px 8.7px 0 #babbbc33;--request-card-background: #1a1a1a;--status-approved: #00b86b;--status-pending: #828282;--status-rejected: #ff474d;--status-approved-background: #0892561A;--status-pending-background: #0F172A;--status-rejected-background: #FF323833;--text-icon: #ededed;--sidebar-border: #333333;--hover-text-color: #94a3b8;--selection-highlight:#141F39;--text-clock:#94A3B8;--backgroundcolor-second:#141F39;--background-boxcontainer:#0F172A;--container-second:#22325B;--sidebar-shadow: 0px 0px 4.9px 0px #20A2D199;--background-container-second:#0C1322;--border-container-second:#0C1322;--day-cell-today:#202F55;--sidebar-hover-color:#192543}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Almarai,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;transition:background-color .3s ease,color .3s ease}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text);margin-bottom:.5rem}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}h5{font-size:clamp(1rem,1.5vw,1.25rem)}h6{font-size:clamp(.875rem,1.25vw,1rem)}p{margin-bottom:1rem;color:var(--color-text-secondary)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background-color:var(--color-primary);color:#fff}.btn:hover{background-color:var(--color-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem;box-shadow:var(--shadow-md)}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px){.show-mobile{display:none!important}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}