:root{--hp-primary: #1B4D7A;--hp-secondary: #2E7D32;--hp-accent: #FFFFFF;--hp-supporting: #E3F2FD;--hp-text: #0D1B2A;--hp-success: #4CAF50;--hp-warning: #FF9800;--hp-error: #F44336;--hp-light-blue: #E3F2FD;--hp-light-green: #E8F5E8;--hp-border: #E0E0E0;--hp-background: #F8F9FA;font-family:Inter,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--hp-text);background-color:var(--hp-accent);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--hp-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--hp-secondary)}body{margin:0;display:flex;place-items:center;position:relative;min-height:100vh;min-width:100%;height:100vh;width:100%}div#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.2;font-weight:700;color:var(--hp-text);margin:0}h2{font-size:2.4em;line-height:1.3;font-weight:600;color:var(--hp-text);margin:0}h3{font-size:1.8em;line-height:1.4;font-weight:600;color:var(--hp-text);margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--hp-accent);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #1b4d7a33}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1b4d7a4d}button:focus,button:focus-visible{outline:2px solid var(--hp-primary);outline-offset:2px}.hp-secondary{color:var(--hp-secondary)}.hp-success{color:var(--hp-success)}.hp-warning{color:var(--hp-warning)}.hp-error{color:var(--hp-error)}.hp-bg-primary{background-color:var(--hp-primary)}.hp-bg-secondary{background-color:var(--hp-secondary)}.hp-bg-light{background-color:var(--hp-background)}.hp-border{border:1px solid var(--hp-border)}.hp-text-gradient{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#0000004d}*::-webkit-scrollbar-thumb:active{background:#0006}*::-webkit-scrollbar-corner{background:transparent}.mac-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.mac-scrollbar::-webkit-scrollbar{width:8px;height:8px}.mac-scrollbar::-webkit-scrollbar-track{background:transparent}.mac-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .2s ease}.mac-scrollbar::-webkit-scrollbar-thumb:hover{background:#0000004d}.mac-scrollbar::-webkit-scrollbar-thumb:active{background:#0006}.mac-scrollbar::-webkit-scrollbar-corner{background:transparent}@media (prefers-color-scheme: dark){*{scrollbar-color:rgba(255,255,255,.2) transparent}*::-webkit-scrollbar-thumb{background:#fff3}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*::-webkit-scrollbar-thumb:active{background:#fff6}.mac-scrollbar{scrollbar-color:rgba(255,255,255,.2) transparent}.mac-scrollbar::-webkit-scrollbar-thumb{background:#fff3}.mac-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mac-scrollbar::-webkit-scrollbar-thumb:active{background:#fff6}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--hp-primary: #1B4D7A;--hp-secondary: #2E7D32;--hp-accent: #FFFFFF;--hp-supporting: #E3F2FD;--hp-light-green: #E8F5E8;--hp-text: #0D1B2A;--hp-text-secondary: #666666;--hp-success: #4CAF50;--hp-warning: #FF9800;--hp-error: #F44336;--hp-border: #E0E0E0;--hp-background: #F8F9FA;--hp-shadow: rgba(27, 77, 122, .15);--hp-shadow-light: rgba(0, 0, 0, .08)}.auth-container{min-height:100vh;background:var(--hp-accent);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-wrapper{width:100%;max-width:480px}.auth-card{background:var(--hp-accent);border-radius:16px;box-shadow:0 8px 32px var(--hp-shadow),0 0 0 1px #1b4d7a1a;border:1px solid var(--hp-border);overflow:hidden;position:relative}.auth-header{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);padding:40px 32px 32px;text-align:center;color:var(--hp-accent)}.auth-logo-container{margin-bottom:20px}.auth-logo{max-width:120px;height:auto;filter:brightness(0) invert(1)}.auth-brand-info{margin-top:16px}.auth-title{font-size:2rem!important;font-weight:700!important;color:var(--hp-accent)!important;margin-bottom:8px!important;letter-spacing:-.5px}.auth-subtitle{font-size:1rem!important;color:#ffffffe6!important;font-weight:400!important;margin:0!important}.auth-form-section{padding:40px 32px}.internal-login-section{margin-bottom:32px}.section-title{font-size:1.25rem!important;font-weight:600!important;color:var(--hp-text)!important;margin-bottom:24px!important;text-align:center}.form-group{margin-bottom:20px}.auth-input{margin-bottom:0!important}.auth-input-field{border-radius:8px!important;font-size:1rem!important}.auth-input-field .MuiOutlinedInput-notchedOutline{border-color:var(--hp-border)!important;border-width:1px!important}.auth-input-field:hover .MuiOutlinedInput-notchedOutline{border-color:var(--hp-primary)!important}.auth-input-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--hp-primary)!important;border-width:2px!important}.auth-input-field .MuiInputLabel-root{color:var(--hp-text-secondary)!important;font-weight:500!important}.auth-input-field.Mui-focused .MuiInputLabel-root{color:var(--hp-primary)!important}.error-message{margin-top:12px;padding:12px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.2);border-radius:8px}.error-text{color:var(--hp-error)!important;font-size:.875rem!important;font-weight:500!important;margin:0!important}.auth-button.primary-button{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%)!important;color:var(--hp-accent)!important;border-radius:8px!important;padding:16px 24px!important;font-size:1rem!important;font-weight:600!important;text-transform:none!important;box-shadow:0 4px 12px var(--hp-shadow)!important;transition:all .3s ease!important;margin-top:8px!important}.auth-button.primary-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px var(--hp-shadow)!important;background:linear-gradient(135deg,#0f3a5c,#1e5a2a)!important}.auth-button.primary-button:disabled{background:var(--hp-border)!important;color:var(--hp-text-secondary)!important;transform:none!important;box-shadow:none!important}.button-loading{display:flex;align-items:center;gap:8px}.button-spinner{color:var(--hp-accent)!important}.divider-section{display:flex;align-items:center;margin:32px 0;gap:16px}.divider-line{flex:1;height:1px;background:var(--hp-border)}.divider-text{color:var(--hp-text-secondary)!important;font-size:.875rem!important;font-weight:500!important;padding:0 8px}.sso-section{text-align:center}.sso-description{color:var(--hp-text-secondary)!important;font-size:.875rem!important;margin-bottom:24px!important}.microsoft-sso-button{background:var(--hp-accent)!important;border:2px solid var(--hp-border)!important;border-radius:8px!important;padding:16px 24px!important;font-size:1rem!important;font-weight:500!important;color:var(--hp-text)!important;text-transform:none!important;box-shadow:0 2px 8px var(--hp-shadow-light)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important}.microsoft-sso-button:hover{border-color:var(--hp-primary)!important;background:var(--hp-supporting)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px var(--hp-shadow-light)!important}.microsoft-sso-button:disabled{opacity:.6!important;transform:none!important}.microsoft-icon{width:20px;height:20px}.auth-footer{background:var(--hp-background);padding:20px 32px;text-align:center;border-top:1px solid var(--hp-border)}.footer-text{color:var(--hp-text-secondary)!important;font-size:.75rem!important;margin:0!important}@media (max-width: 600px){.auth-container{padding:16px}.auth-card{border-radius:12px}.auth-header{padding:32px 24px 24px}.auth-form-section{padding:32px 24px}.auth-footer{padding:16px 24px}.auth-title{font-size:1.75rem!important}.auth-logo{max-width:100px}}.auth-button:focus-visible,.microsoft-sso-button:focus-visible{outline:2px solid var(--hp-primary);outline-offset:2px}.auth-input-field:focus-within{outline:none}.auth-button.primary-button:disabled .button-loading{opacity:.8}.auth-card{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--hp-primary: #1B4D7A;--hp-secondary: #2E7D32;--hp-accent: #FFFFFF;--hp-supporting: #E3F2FD;--hp-light-green: #E8F5E8;--hp-text: #0D1B2A;--hp-success: #4CAF50;--hp-warning: #FF9800;--hp-error: #F44336;--hp-border: #E0E0E0;--hp-background: #F8F9FA;--hp-shadow: 0 2px 12px rgba(0, 0, 0, .08);--hp-shadow-hover: 0 4px 20px rgba(0, 0, 0, .12)}.navigation-panel{background:var(--hp-accent);height:100vh;width:320px;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;font-family:Inter,Roboto,sans-serif}.brand-section{padding:24px 20px;text-align:center;background:linear-gradient(180deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);color:var(--hp-accent);border-radius:0 0 16px 16px;margin-bottom:8px}.brand-logo{max-width:200px;height:auto;margin-bottom:12px;filter:brightness(0) invert(1)}.brand-title{font-weight:600;font-size:1.5rem;margin-bottom:4px;color:var(--hp-accent)}.brand-subtitle{font-size:.875rem;opacity:.9;color:var(--hp-accent)}.navigation-section{padding:20px;flex:1}.section-title{color:var(--hp-text);font-weight:600;margin-bottom:16px;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.navigation-grid{display:flex;flex-direction:column;gap:12px}.navigation-card{background:var(--hp-accent);border-radius:12px;box-shadow:var(--hp-shadow);border:1px solid var(--hp-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.navigation-card:hover{transform:translateY(-2px);box-shadow:var(--hp-shadow-hover);border-color:var(--hp-primary)}.navigation-card:active{transform:translateY(0);box-shadow:var(--hp-shadow)}.card-content{padding:16px!important}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nav-icon{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);color:var(--hp-accent);width:40px;height:40px;font-size:1.2rem}.category-chip{background:var(--hp-supporting);color:var(--hp-primary);font-size:.75rem;font-weight:500;height:24px;border-radius:12px}.nav-title{color:var(--hp-text);font-weight:600;font-size:1rem;margin-bottom:4px;line-height:1.3}.nav-description{color:var(--hp-text);opacity:.7;font-size:.875rem;line-height:1.4}.navigation-card[data-category=primary] .nav-icon{background:linear-gradient(135deg,var(--hp-primary) 0%,#2563eb 100%)}.navigation-card[data-category=education] .nav-icon{background:linear-gradient(135deg,var(--hp-secondary) 0%,#059669 100%)}.navigation-card[data-category=content] .nav-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.navigation-card[data-category=administration] .nav-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.navigation-card[data-category=intelligence] .nav-icon{background:linear-gradient(135deg,#ea580c,#f97316)}@media (max-width: 768px){.navigation-panel{width:280px}.brand-section{padding:20px 16px}.navigation-section{padding:16px}.brand-logo{max-width:60px}.brand-title{font-size:1.25rem}}.navigation-card:focus{outline:2px solid var(--hp-primary);outline-offset:2px}.navigation-card:focus-visible{outline:2px solid var(--hp-primary);outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.navigation-card{animation:slideIn .3s ease-out}.navigation-card:nth-child(1){animation-delay:.1s}.navigation-card:nth-child(2){animation-delay:.2s}.navigation-card:nth-child(3){animation-delay:.3s}.navigation-card:nth-child(4){animation-delay:.4s}.navigation-card:nth-child(5){animation-delay:.5s}.navigation-card:nth-child(6){animation-delay:.6s}:root{--hp-primary: #1B4D7A;--hp-secondary: #2E7D32;--hp-accent: #FFFFFF;--hp-supporting: #E3F2FD;--hp-text: #0D1B2A;--hp-success: #4CAF50;--hp-warning: #FF9800;--hp-error: #F44336;--hp-border: #E0E0E0;--hp-background: #F8F9FA}.hp-primary{color:var(--hp-primary)}.hp-gradient{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%)}.hp-card{background:var(--hp-accent);border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--hp-border)}.mainWindowMain{position:relative;padding:0!important;margin:0;background-color:var(--hp-background);min-height:100vh;width:100%;overflow-x:auto}.corporate-header{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);box-shadow:0 4px 20px #1b4d7a26;border-bottom:1px solid var(--hp-border)}.corporate-sidebar{background-color:var(--hp-accent);border-right:1px solid var(--hp-border);box-shadow:2px 0 8px #0000000d}.content-area{background-color:var(--hp-background);padding:24px;min-height:calc(100vh - 72px);width:100%;max-width:none;overflow-x:auto}.page-header{background:var(--hp-accent);border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--hp-border);padding:24px;margin-bottom:24px}.content-card{background:var(--hp-accent);border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--hp-border);padding:24px;min-height:calc(100vh - 200px)}.user-menu{border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid var(--hp-border);margin-top:8px}.corporate-button{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-secondary) 100%);color:var(--hp-accent);border-radius:8px;text-transform:none;font-weight:500;box-shadow:0 2px 8px #1b4d7a33;transition:all .2s ease-in-out}.corporate-button:hover{box-shadow:0 4px 16px #1b4d7a4d;transform:translateY(-1px)}.corporate-title{color:var(--hp-text);font-family:Inter,sans-serif;font-weight:600}.corporate-subtitle{color:var(--hp-primary);font-family:Inter,sans-serif;font-weight:500}.status-active{background-color:var(--hp-success);color:var(--hp-accent);border-radius:16px;padding:4px 12px;font-size:.875rem;font-weight:500}.status-warning{background-color:var(--hp-warning);color:var(--hp-accent);border-radius:16px;padding:4px 12px;font-size:.875rem;font-weight:500}.status-error{background-color:var(--hp-error);color:var(--hp-accent);border-radius:16px;padding:4px 12px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.content-area{padding:16px}.page-header{padding:16px;margin-bottom:16px}.content-card{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.corporate-focus:focus{outline:2px solid var(--hp-primary);outline-offset:2px}.brand-logo{height:40px;width:auto;max-width:200px;object-fit:contain}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-arabic-400-normal-B6c_9tGI.woff2) format("woff2"),url(/assets/rubik-arabic-400-normal-Dci85dQr.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-ext-400-normal-D-KNTwvG.woff2) format("woff2"),url(/assets/rubik-cyrillic-ext-400-normal-CTkTGo13.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-hebrew-400-normal-Dp0lvSRB.woff2) format("woff2"),url(/assets/rubik-hebrew-400-normal-BQDoxs6C.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-ext-400-normal-BtzQ7olK.woff2) format("woff2"),url(/assets/rubik-latin-ext-400-normal-E7wwwcV8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}