:root{--moe-navy: #14254A;--moe-navy-2: #0b1530;--moe-gold: #FFCD35;--moe-gold-2: #ffdb74;--moe-gold-soft: rgba(255,205,53,.18);--moe-blue: #48A0D8;--primary: #14254A;--primary-600: #0b1530;--primary-50: #eaf2fa;--accent: #FFCD35;--sky: #48A0D8;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--info: #48A0D8;--violet: #7c3aed;--teal: #0d9488;--rose: #e11d48;--bg: #EDEEF2;--surface: #ffffff;--surface-2: #f4f6fa;--text: #0e121d;--text-muted: #4d5765;--border: #e4e4e4;--shadow-sm: rgba(17,17,26,.05) 0 1px 0, rgba(17,17,26,.08) 0 0 8px;--shadow: rgba(0,0,0,.05) 0 6px 24px, rgba(0,0,0,.06) 0 0 0 1px;--shadow-lg: 0 15px 40px -12px rgba(20,37,74,.35);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--side-w: 260px;--header-h: 60px;--btn-grad: linear-gradient(160deg, #48A0D8, #14254A);--ease: cubic-bezier(.22, 1, .36, 1);--font: "Tajawal", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif}[data-theme=dark]{--bg: #0a1122;--surface: #111c33;--surface-2: #0d1729;--text: #e8edf7;--text-muted: #9aa8c0;--border: #223154;--primary-50: rgba(72,160,216,.12);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);--shadow-lg: 0 10px 30px -10px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-shell{display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh}.app-header{grid-area:header}.app-sidebar{grid-area:sidebar}.app-main{grid-area:main;overflow:auto;padding:20px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-sidebar{display:none}.app-sidebar.open{display:block;position:fixed;inset:var(--header-h) 0 0 auto;width:280px;z-index:40;box-shadow:-8px 0 30px #00000040}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:linear-gradient(135deg,var(--moe-navy-2),var(--moe-navy));border-bottom:3px solid var(--moe-gold);box-shadow:0 2px 12px #14254a40;color:#fff}.app-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff}.app-header .brand .dot{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--moe-gold),var(--moe-gold-2));display:grid;place-items:center;color:var(--moe-navy)}.app-header .actions{display:flex;align-items:center;gap:10px}.app-header .btn-ghost{color:#fff}.app-header .btn-ghost:hover{background:#ffffff1f}.app-header .badge-muted{background:#ffffff24;color:#fff}.app-header .badge-muted:hover{background:var(--moe-gold-soft);color:var(--moe-gold)}.app-header .btn-secondary{background:#ffffff1f;color:#fff;border-color:#fff3}.app-header .btn-secondary:hover{background:#ffffff38}.app-sidebar{background:var(--surface);border-inline-end:1px solid var(--border);padding:16px 12px;overflow-y:auto}.nav-group{margin-bottom:8px}.nav-group>.title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text);font-weight:500;margin-bottom:2px;transition:background .15s ease}.nav-item:hover{background:var(--surface-2);text-decoration:none}.nav-item.active{background:linear-gradient(90deg,var(--moe-gold-soft),transparent 70%);color:var(--moe-navy);font-weight:700;border-inline-start:3px solid var(--moe-gold)}[data-theme=dark] .nav-item.active{background:linear-gradient(90deg,rgba(255,205,53,.14),transparent 70%);color:var(--moe-gold)}.nav-group:nth-of-type(1) .nav-item svg{color:var(--moe-navy)}.nav-group:nth-of-type(2) .nav-item svg{color:var(--sky)}.nav-group:nth-of-type(3) .nav-item svg{color:var(--teal)}.nav-group:nth-of-type(4) .nav-item svg{color:var(--violet)}.nav-item.active svg{color:var(--moe-gold)!important}.nav-group>.title{font-weight:800;color:var(--moe-navy);border-inline-start:3px solid var(--moe-gold);margin-inline-start:4px;padding-inline-start:8px}[data-theme=dark] .nav-group>.title{color:var(--moe-gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.card:hover{box-shadow:var(--shadow)}a.card:hover{transform:translateY(-3px);text-decoration:none}.card-title{font-size:16px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:var(--moe-navy)}[data-theme=dark] .card-title{color:var(--text)}.card-sub{color:var(--text-muted);font-size:13px}.card-accent{border-top:3px solid var(--moe-gold)}.card-navy{border-top:3px solid var(--moe-navy)}.card-sky{border-top:3px solid var(--sky)}.card-teal{border-top:3px solid var(--teal)}.card-violet{border-top:3px solid var(--violet)}.card-rose{border-top:3px solid var(--rose)}h1,h2,h3,h4,h5{color:var(--moe-navy);font-weight:700;line-height:1.4}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:var(--text)}.app-main>div>.flex>div>h2{border-inline-start:4px solid var(--moe-gold);padding-inline-start:12px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.kpi{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.kpi:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--moe-gold),transparent)}.kpi{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kpi>:not(.icon){flex:1}.kpi .icon{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--btn-grad);order:2}.kpi .icon.success{background:linear-gradient(160deg,#34d399,var(--success))}.kpi .icon.warning{background:linear-gradient(160deg,var(--moe-gold),#d97706);color:var(--moe-navy)}.kpi .icon.danger{background:linear-gradient(160deg,#f87171,var(--danger))}.kpi .icon.sky{background:linear-gradient(160deg,#7dd3fc,var(--sky))}.kpi .icon.violet{background:linear-gradient(160deg,#a78bfa,var(--violet))}.kpi .icon.teal{background:linear-gradient(160deg,#5eead4,var(--teal))}.kpi .value{color:var(--moe-navy)}[data-theme=dark] .kpi .value{color:var(--text)}.kpi .label{color:var(--text-muted);font-size:13px}.kpi .value{font-size:22px;font-weight:800}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-weight:600;color:var(--text-muted);font-size:13px}.input,select.input{height:42px;padding:0 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px #48a0d840}.field label svg{color:var(--sky)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;transition:all .15s}.btn{transition:all .2s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--btn-grad);color:#fff;box-shadow:0 4px 14px -4px #14254a73}.btn-primary:hover{box-shadow:0 8px 22px -6px #14254a8c}.btn-gold{background:linear-gradient(160deg,var(--moe-gold-2),var(--moe-gold));color:var(--moe-navy);font-weight:700;box-shadow:0 4px 14px -4px #ffcd3599}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:linear-gradient(160deg,#f87171,var(--danger));color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.table th,.table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--border)}.table th{background:linear-gradient(160deg,var(--moe-navy),var(--moe-navy-2));font-weight:700;color:#fff;font-size:13px;border-bottom:2px solid var(--moe-gold)}.table tbody tr:hover{background:var(--primary-50)}.table tbody tr:nth-child(2n){background:#48a0d80a}.table tbody tr:nth-child(2n):hover{background:var(--primary-50)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#16a34a1f;color:var(--success)}.badge-danger{background:#dc26261f;color:var(--danger)}.badge-warning{background:var(--moe-gold-soft);color:#92700a}.badge-info{background:#48a0d824;color:#1f6fa0}.badge-navy{background:#14254a1a;color:var(--moe-navy)}.badge-gold{background:var(--moe-gold);color:var(--moe-navy)}.badge-violet{background:#7c3aed1f;color:var(--violet)}.badge-teal{background:#0d94881f;color:var(--teal)}.badge-muted{background:var(--surface-2);color:var(--text-muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 80% -10%,rgba(72,160,216,.35),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(255,205,53,.22),transparent 55%),linear-gradient(150deg,var(--moe-navy-2) 0%,var(--moe-navy) 55%,#1c3462 100%);padding:20px}.login-card{width:min(420px,100%);background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg);border-top:4px solid var(--moe-gold)}.login-card h1{margin:0 0 6px;font-size:22px}.login-card .sub{color:var(--text-muted);margin-bottom:20px;font-size:14px}.site{--bg: #EDEEF2;--surface: #ffffff;--surface-2: #f4f6fa;--text: #0e121d;--text-muted: #4d5765;--border: #e4e4e4;--primary-50: #eaf2fa;background:var(--bg);color:var(--text);min-height:100vh}.site h1,.site h2,.site h3,.site h4{color:var(--moe-navy)}.site .hero h1,.site .cta h2,.site .site-foot h4{color:inherit}.site .cta h2{color:#fff}.site .site-foot h4{color:var(--moe-gold)}.site .file-tx strong,.site .act strong{color:var(--moe-navy)}.site-top{background:linear-gradient(135deg,var(--moe-navy-2),var(--moe-navy));color:#fff;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.site-top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.site-top a{color:var(--moe-gold);white-space:nowrap}@media (max-width: 620px){.site-top{display:none}}.site-nav{background:var(--moe-navy);border-bottom:3px solid var(--moe-gold);position:sticky;top:0;z-index:30;box-shadow:0 4px 20px #14254a4d}.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.site-brand{display:flex;align-items:center;gap:12px;color:#fff}.site-brand:hover{text-decoration:none}.site-brand .crest{width:46px;height:46px;border-radius:12px;flex-shrink:0;background:linear-gradient(160deg,var(--moe-gold),var(--moe-gold-2));display:grid;place-items:center;color:var(--moe-navy);box-shadow:0 4px 16px #ffcd3559}.site-brand .name{display:block;font-size:18px;font-weight:800;line-height:1.3}.site-brand .sub{display:block;font-size:12px;color:var(--moe-gold);font-weight:500}@media (max-width: 520px){.site-brand .name{font-size:15px}.site-brand .sub{font-size:11px}}.site-links{display:flex;align-items:center;gap:4px}.site-links a{color:#ffffffd9;padding:8px 14px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s var(--ease)}.site-links a:hover{color:var(--moe-gold);background:#ffffff14;text-decoration:none}@media (max-width: 820px){.site-links{display:none}}.site-cta{flex-shrink:0;margin-inline-start:8px;white-space:nowrap}.site-cta .short{display:none}@media (max-width: 520px){.site-cta{padding:8px 14px;margin-inline-start:0}.site-cta .full{display:none}.site-cta .short{display:inline}}.ticker{background:linear-gradient(90deg,var(--moe-gold-soft),transparent 32%),linear-gradient(135deg,var(--moe-navy-2),var(--moe-navy));min-height:52px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.ticker .label{background:linear-gradient(160deg,var(--moe-gold-2),var(--moe-gold));color:var(--moe-navy);font-weight:800;font-size:13px;padding:8px 18px;border-radius:0 10px 10px 0;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 14px #ffcd3559}.ticker .win{flex:1;min-width:0;overflow:hidden;position:relative}.ticker .track{display:flex;width:max-content;gap:40px;white-space:nowrap;animation:marquee 28s linear infinite;padding-inline-start:24px}.ticker .track span{color:#fff;font-size:14px;display:inline-flex;align-items:center;gap:8px}.ticker .track span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--moe-gold);box-shadow:0 0 0 5px var(--moe-gold-soft);flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(50%)}}@media (prefers-reduced-motion: reduce){.ticker .track{animation:none}}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1000px 500px at 85% 0%,rgba(72,160,216,.45),transparent 60%),radial-gradient(700px 400px at 5% 100%,rgba(255,205,53,.2),transparent 55%),linear-gradient(150deg,var(--moe-navy-2),var(--moe-navy) 60%,#1c3462);padding:72px 0 80px}.hero:after{content:"";position:absolute;inset-block-end:-1px;inset-inline:0;height:60px;background:var(--bg);clip-path:polygon(0 100%,100% 0,100% 100%)}.hero h1{color:#fff;font-size:clamp(1.9rem,3vw + 1rem,3.2rem);margin:0 0 14px;font-weight:800;line-height:1.25}.hero h1 .gold{color:var(--moe-gold)}.hero .lead{font-size:clamp(1rem,.4vw + .95rem,1.15rem);color:#ffffffd1;max-width:640px;margin:0 0 28px}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--moe-gold-soft);color:var(--moe-gold);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:18px;border:1px solid rgba(255,205,53,.3)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}@media (max-width: 780px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.hero-stat{background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--ease)}.hero-stat:hover{background:#ffffff1f;transform:translateY(-4px)}.hero-stat .n{font-size:30px;font-weight:800;color:var(--moe-gold);font-variant-numeric:tabular-nums;line-height:1.1}.hero-stat .t{font-size:13px;color:#ffffffbf;margin-top:4px}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.section{padding:60px 0}.section-head{text-align:center;margin-bottom:40px}.section-head .eyebrow{display:inline-block;color:var(--sky);font-weight:700;font-size:13px;letter-spacing:.06em;margin-bottom:8px}.section-head h2{font-size:clamp(1.5rem,1.2vw + 1.1rem,2.1rem);margin:0 0 10px;position:relative;display:inline-block;padding-bottom:14px}.section-head h2:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(50%);width:60px;height:3px;background:linear-gradient(90deg,var(--moe-gold),var(--sky));border-radius:3px}.section-head p{color:var(--text-muted);max-width:620px;margin-inline:auto}.section.alt{background:var(--surface)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 980px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 22px;transition:all .3s var(--ease);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--fc, var(--moe-gold));transform:scaleX(0);transform-origin:inline-start;transition:transform .35s var(--ease)}.feature:hover{transform:translateY(-6px);box-shadow:0 18px 40px -14px #14254a47}.feature:hover:before{transform:scaleX(1)}.feature .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:16px;background:linear-gradient(160deg,var(--fc2, var(--sky)),var(--fc, var(--moe-navy)));margin-inline-start:auto}.feature h3{font-size:17px;margin:0 0 8px}.feature p{color:var(--text-muted);font-size:14px;line-height:1.7;margin:0}.news-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.news-tags{display:flex;flex-wrap:wrap;gap:8px}.view-switch{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.view-switch button{width:34px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);display:grid;place-items:center;transition:all .2s var(--ease)}.view-switch button.on{background:var(--moe-navy);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 980px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.gallery-grid{grid-template-columns:1fr}}.gallery-list{display:grid;gap:14px}.art{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s var(--ease);display:flex;flex-direction:column}.art:hover,.art:focus-visible{transform:translateY(-6px);border-color:var(--ac2);box-shadow:0 20px 44px -20px var(--ac2);outline:none}.art-cover{position:relative;height:168px;flex-shrink:0;overflow:hidden;background:linear-gradient(150deg,var(--ac2),var(--moe-navy-2));display:grid;place-items:center}.art-cover img{width:100%;height:100%;object-fit:cover}.art-ph{color:#ffffff59}.art-tag{position:absolute;inset-block-end:12px;inset-inline-start:12px;background:#fffffff2;color:var(--ac2);padding:4px 13px;border-radius:999px;font-size:12px;font-weight:700}.art-tag.static{position:static;background:color-mix(in srgb,var(--ac2) 14%,transparent)}.art-pin{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:4px;background:var(--moe-gold);color:var(--moe-navy);padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700}.art-body{padding:18px;display:flex;flex-direction:column;flex:1}.art-date{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-bottom:7px}.art h3{font-size:16.5px;margin:0 0 8px;line-height:1.55}.art p{color:var(--text-muted);font-size:14px;line-height:1.8;margin:0 0 14px;flex:1}.art-more{display:inline-flex;align-items:center;gap:5px;color:var(--ac2);font-size:13px;font-weight:700;margin-top:auto}.gallery-list .art{flex-direction:row}.gallery-list .art-cover{width:230px;height:auto;min-height:150px}@media (max-width: 700px){.gallery-list .art{flex-direction:column}.gallery-list .art-cover{width:100%;height:168px}}.art-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;padding:20px;background:#0b1530b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;animation:fadein .15s ease-out;overflow-y:auto}.art-modal{position:relative;width:min(760px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:20px;box-shadow:0 30px 80px -20px #0009;border-top:4px solid var(--ac2)}.art-close{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffeb;color:var(--moe-navy);display:grid;place-items:center;box-shadow:0 4px 14px #0003;transition:all .2s var(--ease)}.art-close:hover{background:var(--moe-gold);transform:rotate(90deg)}.art-modal-img{width:100%;max-height:340px;object-fit:cover;display:block}.art-modal-body{padding:26px 30px 32px}.art-modal-body h2{font-size:clamp(1.3rem,1vw + 1.05rem,1.8rem);margin:0 0 12px}.art-lead{color:var(--text);font-size:15.5px;font-weight:600;line-height:1.85;margin:0 0 14px;padding-inline-start:14px;border-inline-start:3px solid var(--ac2)}.art-text{color:var(--text-muted);font-size:15px;line-height:2.05;margin:0;text-align:justify}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 980px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.news-grid{grid-template-columns:1fr}}.news{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;transition:all .3s var(--ease);border-top:3px solid var(--nc, var(--moe-gold))}.news:hover{transform:translateY(-5px);box-shadow:0 18px 40px -16px #14254a4d}.news-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.news-tag{background:color-mix(in srgb,var(--nc) 14%,transparent);color:var(--nc);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.news-date{font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.news h3{font-size:17px;margin:0 0 8px;line-height:1.5}.news p{color:var(--text-muted);font-size:14px;line-height:1.75;margin:0 0 14px}.news-more{display:inline-flex;align-items:center;gap:5px;color:var(--nc);font-size:13px;font-weight:700}.principal{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:34px;position:relative;overflow:hidden;box-shadow:0 20px 50px -30px #14254a66}.principal:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:6px;height:100%;background:linear-gradient(var(--moe-gold),var(--sky))}@media (max-width: 860px){.principal{grid-template-columns:1fr;gap:24px;padding:24px}}.principal-photo{position:relative}.principal-photo img{width:100%;height:auto;display:block;border-radius:16px;border:4px solid var(--surface);box-shadow:0 18px 40px -18px #14254a8c;background:var(--surface-2)}.principal-badge{position:absolute;inset-block-end:-14px;inset-inline-start:50%;transform:translate(50%);white-space:nowrap;background:linear-gradient(160deg,var(--moe-navy),var(--moe-navy-2));color:#fff;padding:9px 20px;border-radius:999px;text-align:center;box-shadow:0 10px 24px -8px #14254a99;border:2px solid var(--moe-gold)}.principal-badge strong{display:block;font-size:14px}.principal-badge span{display:block;font-size:11px;color:var(--moe-gold)}@media (max-width: 860px){.principal-photo{max-width:260px;margin-inline:auto}}.principal-word{position:relative}.principal-word .eyebrow{color:var(--sky);font-weight:700;font-size:13px;letter-spacing:.06em;margin-bottom:6px;display:block}.principal-word .q-mark{position:absolute;inset-block-start:-6px;inset-inline-end:0;color:var(--moe-gold);opacity:.22;pointer-events:none}.principal-word h2{font-size:clamp(1.3rem,1vw + 1.05rem,1.75rem);margin:0 0 14px}.principal-word p{color:var(--text-muted);line-height:2.05;font-size:15px;margin:0;text-align:justify}.principal-sign{display:flex;align-items:center;gap:12px;margin-top:22px}.principal-sign .line{width:46px;height:3px;border-radius:3px;flex-shrink:0;background:linear-gradient(90deg,var(--moe-gold),var(--sky))}.principal-sign strong{display:block;font-size:15px;color:var(--moe-navy)}.principal-sign span{display:block;font-size:12px;color:var(--text-muted)}.vision-sec{padding:66px 0;color:#fff;position:relative;overflow:hidden;background:radial-gradient(800px 400px at 88% 5%,rgba(72,160,216,.4),transparent 60%),radial-gradient(600px 340px at 8% 95%,rgba(255,205,53,.16),transparent 55%),linear-gradient(150deg,var(--moe-navy-2),var(--moe-navy) 60%,#1c3462)}.vision-sec .section-head h2{color:#fff}.vision-sec .section-head p{color:#ffffffbf}.vision-sec .section-head h2:after{background:linear-gradient(90deg,var(--moe-gold),var(--sky))}.vision-sec .eyebrow.gold{display:inline-flex;align-items:center;gap:6px;background:var(--moe-gold-soft);color:var(--moe-gold);padding:5px 15px;border-radius:999px;font-weight:700;border:1px solid rgba(255,205,53,.3);margin-bottom:12px}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 980px){.vision-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.vision-grid{grid-template-columns:1fr}}.vision-card{position:relative;padding:26px 22px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--ease);overflow:hidden}.vision-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--vc);transform:scaleX(0);transform-origin:inline-start;transition:transform .35s var(--ease)}.vision-card:hover{background:#ffffff1c;transform:translateY(-6px);border-color:#fff3}.vision-card:hover:before{transform:scaleX(1)}.v-num{position:absolute;inset-block-start:18px;inset-inline-start:22px;font-size:34px;font-weight:900;line-height:1;color:#ffffff1a;font-variant-numeric:tabular-nums;pointer-events:none}.v-ic{width:54px;height:54px;border-radius:14px;margin-bottom:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--vc),rgba(255,255,255,.12));box-shadow:0 10px 24px -12px var(--vc);margin-inline-start:auto}.vision-card h3{color:#fff;font-size:16.5px;margin:0 0 8px;line-height:1.55}.vision-card p{color:#ffffffb8;font-size:14px;line-height:1.85;margin:0}.dept-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;justify-content:center}.dept-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border);transition:all .2s var(--ease)}.dept-tab:hover{border-color:var(--sky);transform:translateY(-2px)}.dept-tab.on{background:linear-gradient(160deg,var(--moe-navy),var(--moe-navy-2));color:#fff;border-color:var(--moe-navy);box-shadow:0 8px 20px -10px #14254a99}.dept-tab .n{min-width:20px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;background:var(--surface-2);color:var(--text-muted)}.dept-tab.on .n{background:var(--moe-gold);color:var(--moe-navy)}.files{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.file{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);color:var(--text);transition:background .2s var(--ease)}.file:last-child{border-bottom:none}.file:hover{background:var(--primary-50);text-decoration:none}.file:hover .file-dl{background:var(--moe-gold);color:var(--moe-navy)}.file-ic{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:var(--moe-gold-soft);color:var(--moe-navy)}.file-tx{flex:1;min-width:0}.file-tx strong{display:block;font-size:15px;color:var(--moe-navy)}.file-tx span{font-size:12px;color:var(--text-muted)}.file-dl{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);color:var(--text-muted);transition:all .2s var(--ease)}.act-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 900px){.act-grid{grid-template-columns:repeat(2,1fr)}}.act{text-align:center;padding:28px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:all .3s var(--ease)}.act:hover{transform:translateY(-6px);border-color:var(--ac);box-shadow:0 16px 36px -16px var(--ac)}.act-ic{width:60px;height:60px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:#fff;background:var(--ac);box-shadow:0 8px 20px -8px var(--ac)}.act strong{font-size:15px;color:var(--moe-navy)}.cta{background:radial-gradient(700px 350px at 85% 0%,rgba(72,160,216,.4),transparent 60%),linear-gradient(150deg,var(--moe-navy-2),var(--moe-navy));border-radius:20px;padding:48px 40px;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.1)}.cta h2{color:#fff;margin:0 0 10px;font-size:clamp(1.4rem,1.2vw + 1rem,2rem)}.cta p{color:#ffffffc7;margin:0 0 24px}.site-foot{background:linear-gradient(135deg,var(--moe-navy-2),var(--moe-navy));color:#ffffffb3;padding:48px 0 0;margin-top:60px;border-top:3px solid var(--moe-gold)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:32px}@media (max-width: 780px){.foot-grid{grid-template-columns:1fr}}.site-foot h4{color:var(--moe-gold);font-size:15px;margin:0 0 14px}.site-foot a{color:#ffffffb3;display:block;padding:5px 0;font-size:14px}.site-foot a:hover{color:var(--moe-gold);text-decoration:none}.foot-bar{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.reveal{opacity:1;transform:none}.site.anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.site.anim .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.site.anim .reveal{opacity:1;transform:none;transition:none}}.spacer{flex:1}.center{display:grid;place-items:center}.flex{display:flex;align-items:center;gap:10px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.text-center{text-align:center}.hidden{display:none!important}.toast-host{position:fixed;bottom:20px;inset-inline-end:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:380px;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--primary);padding:12px 14px;border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:toast-in .18s ease-out}.toast.success{border-inline-start-color:var(--success)}.toast.danger{border-inline-start-color:var(--danger)}.toast.warning{border-inline-start-color:var(--warning)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--primary);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:grid;place-items:center;padding:60px 20px;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;border-radius:6px;animation:skel 1.4s infinite}@keyframes skel{0%{background-position:0 0}to{background-position:-200% 0}}.print-header{display:none}@media print{.app-header,.app-sidebar,.no-print{display:none!important}.app-shell{display:block!important}.app-main{overflow:visible!important;padding:0!important}.print-header{display:block;margin-bottom:12px;text-align:center}.print-area .card,.card.print-area{box-shadow:none;border:none;padding:0}.roster-group{break-inside:avoid;page-break-inside:avoid;margin-bottom:14px}.roster-dept{border-bottom:1.5px solid #000;padding-bottom:4px;margin:0 0 6px}.table{width:100%;border-collapse:collapse;font-size:11pt}.table th,.table td{border:1px solid #999;padding:4px 6px}.table thead{display:table-header-group}.badge{border:1px solid #999;padding:0 4px}.row-inactive{opacity:.65}@page{size:A4;margin:12mm}}