.sidebar{background:#fff;color:#324360;border-right:1px solid #e1e6ed}
.brand img{filter:none;width:132px}
.brand small{color:#78869a}
.sidebar nav a{color:#66758b}
.sidebar nav a:hover,.sidebar nav a.active{background:#edf8fc;color:#324360}
.sidebar-bottom{border-top-color:#e1e6ed}
.company-note{color:#8390a1}
.company-note strong{color:#324360}
.mini-profile small,.logout{color:#78869a}
.login-logo img,.mobile-brand img{display:block;background:transparent;object-fit:contain}
.academy-strip{background:#fff;border:1px solid #e1e6ed;border-left:5px solid #2bc2ed;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 36px rgba(50,67,96,.08)}
.academy-strip h2{margin:6px 0 4px}.academy-strip p{margin:0;color:#6d7888}
@media(max-width:620px){.academy-strip{display:grid}}
.arabic-explanation{margin:18px 0;padding:18px 20px;border-radius:12px;background:linear-gradient(135deg,#eefaf8,#edf6fb);border-right:4px solid #008d8b;text-align:right}.arabic-explanation strong{display:block;color:#007674;font-size:14px;margin-bottom:7px}.arabic-explanation p{margin:0;color:#405b68;line-height:1.9;font-size:15px}
.article-cover{min-height:220px;border-radius:15px;background:linear-gradient(135deg,#324360,#168eb2);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.article-cover span{font-size:10px;letter-spacing:.16em;color:#a9e9fa}.article-cover strong{font-size:27px;margin-top:9px}.lesson-article{border-top:1px solid #e1e6ed;margin-top:20px;padding-top:10px;line-height:1.75;color:#45566b}.lesson-article h3{font-size:18px;margin:20px 0 7px;color:#263751}.lesson-article li{margin:7px 0}.source-link{display:inline-flex;margin:14px 0;color:#168eb2;font-weight:700}
.policy-accountability{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 26px;padding:22px 26px;border:1px solid #dce8ee;border-radius:15px;background:linear-gradient(135deg,#fff,#effbfe);box-shadow:0 10px 30px rgba(50,67,96,.07)}
.policy-accountability strong{display:block;margin:5px 0 3px;color:#263751;font-size:21px}.policy-accountability p{margin:0;color:#66758b}.policy-contact{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.policy-contact a,.accountable-card a{color:#168eb2;font-weight:700;text-decoration:none}
.accountable-card{display:flex;flex-direction:column;gap:6px;margin-bottom:22px;padding:18px;border-radius:13px;background:linear-gradient(145deg,#263751,#168eb2);color:#fff}.accountable-card span{font-size:10px;letter-spacing:.12em;color:#b9edfa}.accountable-card strong{font-size:18px}.accountable-card a{color:#fff;font-size:13px}
@media(max-width:680px){.policy-accountability{align-items:flex-start;flex-direction:column}.policy-contact{align-items:flex-start}}
.control-register{margin-top:36px;padding-top:30px;border-top:1px solid #e1e6ed}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.control-heading h2{margin:5px 0}.control-heading>span{padding:7px 11px;border-radius:999px;background:#e8f8fc;color:#168eb2;font-size:12px;font-weight:800}.control-item{display:grid;grid-template-columns:72px 1fr;gap:15px;padding:18px 0;border-top:1px solid #e8edf2}.control-code{height:34px;padding:9px 7px;border-radius:8px;background:#263751;color:#fff;text-align:center;font-size:11px;font-weight:800}.control-body>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-body h3{margin:0;color:#263751;font-size:16px}.control-body p{margin:8px 0 14px;color:#596a7e;line-height:1.55}.control-status{padding:4px 8px;border-radius:999px;background:#e9f8f1;color:#16815f;font-size:10px;font-weight:800}.control-body dl{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin:0}.control-body dl div{padding:10px;border-radius:9px;background:#f6f8fa}.control-body dt{font-size:9px;letter-spacing:.08em;color:#8290a1}.control-body dd{margin:4px 0 0;font-size:12px;color:#34465e}@media(max-width:760px){.control-item{grid-template-columns:1fr}.control-code{width:72px}.control-body dl{grid-template-columns:1fr}}
.document-link{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.document-link:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(50,67,96,.13)}.document-link footer span{color:#168eb2;font-weight:800}.document-view-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.document-viewer{min-height:680px;padding:0;overflow:hidden}.document-viewer iframe{width:100%;height:680px;border:0}.document-viewer .empty{padding:80px 30px;text-align:center}.document-details dl div{padding:11px 0;border-bottom:1px solid #e8edf2}.document-details dt{font-size:10px;color:#8491a2}.document-details dd{margin:4px 0;color:#324360;font-weight:700}
.request-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.request-form{position:sticky;top:84px}.request-list{display:grid;gap:14px}.request-card h3{margin:8px 0}.request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.request-status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.status-pending{background:#fff4d7;color:#9b6b00}.status-approved{background:#e7f8ef;color:#147b59}.status-rejected{background:#ffebeb;color:#a94343}.manager-note{margin:14px 0;padding:12px;border-radius:9px;background:#f3f7fa;color:#586a7d}.manager-note strong{display:block;color:#324360;margin-bottom:4px}.review-form{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:15px}.review-form input{min-width:0}.btn.approve{background:#16815f;color:#fff}.btn.reject{background:#fff0f0;color:#a94343}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.balance-card{padding:20px;border:1px solid #e1e6ed;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(50,67,96,.06)}.balance-card span,.balance-card small{display:block;color:#78869a}.balance-card strong{display:block;margin:6px 0;color:#263751;font-size:25px}@media(max-width:900px){.request-layout,.document-view-layout{grid-template-columns:1fr}.request-form{position:static}.balance-grid{grid-template-columns:1fr}.review-form{grid-template-columns:1fr 1fr}.review-form input{grid-column:1/-1}}
.intranet-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:30px 34px;border-radius:18px;background:linear-gradient(125deg,#263751 0%,#168eb2 72%,#2bc2ed 100%);color:#fff;box-shadow:0 18px 45px rgba(38,55,81,.2)}.intranet-hero h1{margin:6px 0;font-size:34px}.intranet-hero p{margin:0;color:#d9f3fa}.intranet-hero .eyebrow{color:#a9e9fa}.intranet-hero-icon{font-size:66px;opacity:.38}.intranet-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.composer textarea{width:100%;min-height:100px;margin:18px 0 12px;border:0;border-radius:12px;background:#f5f8fa;padding:16px;resize:vertical}.composer-person,.social-post header{display:flex;align-items:center;gap:12px}.composer-person div:last-child,.social-post header div:nth-child(2){display:flex;flex-direction:column}.composer-person small,.social-post header small{color:#8290a1}.composer-actions{display:flex;align-items:center;gap:14px}.composer-actions .btn{margin-left:auto}.upload-pill{cursor:pointer;padding:9px 12px;border-radius:9px;background:#edf8fc;color:#168eb2;font-weight:800}.announcement-check{font-size:12px;color:#637287}.social-feed{display:grid;gap:16px;margin-top:18px}.social-post{padding:22px;overflow:hidden}.social-post.announcement{border-top:4px solid #2bc2ed}.announcement-label{margin-left:auto;padding:6px 9px;border-radius:999px;background:#e9f9fd;color:#168eb2;font-size:9px;font-weight:900;letter-spacing:.1em}.post-copy{white-space:pre-line;line-height:1.65;margin:18px 0;color:#3c4d64}.post-image{display:block;width:calc(100% + 44px);max-height:520px;margin:0 -22px;object-fit:cover}.social-post footer{display:flex;justify-content:flex-end;padding-top:13px}.text-danger{border:0;background:none;color:#a94343;cursor:pointer;font-size:12px}.album-create{margin-bottom:24px}.album-create h2{margin:5px 0}.album-sidebar{display:grid;gap:12px}.album-preview{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:9px;border-radius:13px;background:#fff;border:1px solid #e1e6ed;color:#324360;text-decoration:none;transition:transform .2s}.album-preview:hover{transform:translateX(-3px)}.album-preview img,.album-placeholder{width:84px;height:70px;border-radius:9px;object-fit:cover}.album-placeholder{display:grid;place-items:center;background:#e9f8fc;color:#168eb2;font-size:30px}.album-preview div:last-child{display:flex;flex-direction:column;min-width:0}.album-preview strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-preview small{margin-top:5px;color:#8290a1}.album-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.album-head h1{margin:6px 0}.album-head p{color:#65758a}.album-contribute form{display:flex;align-items:center;gap:18px}.album-contribute form div{display:flex;flex-direction:column;margin-right:auto}.album-contribute small{color:#8290a1}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.photo-tile{margin:0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(50,67,96,.09)}.photo-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}.photo-tile:hover img{transform:scale(1.025)}.photo-tile figcaption{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:#78869a;font-size:11px}@media(max-width:1000px){.intranet-layout{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.intranet-hero-icon{display:none}.composer-actions,.album-contribute form,.album-head{align-items:stretch;flex-direction:column}.composer-actions .btn{margin-left:0}.photo-grid{grid-template-columns:1fr}}