/* فكرة | FIKRA — الهوية المعتمدة، الإصدار الثالث */
@font-face{font-family:Cairo;src:url('../fonts/Cairo.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--cream:#fffaf2;--bg:#fffdf9;--navy:#101f43;--teal:#008c92;--teal-dark:#006d74;--muted:#596880;--line:#e4e8ec;--purple:#7051c2;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--navy);font-family:Cairo,'Segoe UI',Tahoma,sans-serif;font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9975dd;outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.container{width:min(1400px,94%);margin-inline:auto}.icon{display:inline-block;flex-shrink:0;vertical-align:middle;width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;right:20px;padding:10px 20px;border-radius:8px;background:var(--navy);color:white}.skip-link:focus{top:10px}h1,h2,h3{line-height:1.6;margin-top:0;overflow-wrap:anywhere}p{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:13px}.eyebrow{color:var(--teal);font-weight:700;font-size:12px}.full-width{width:100%}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
/* القالب الرئيسي */
.site-header{position:sticky;top:0;z-index:30;background:#fffaf2f5;backdrop-filter:blur(14px);border-bottom:1px solid #ede8df}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:27px;font-weight:900;letter-spacing:-.6px;line-height:1.3}.brand img{width:57px;height:57px;object-fit:contain}.navigation{display:flex;align-items:center;gap:28px}.navigation a{padding:24px 0 20px;font-weight:700;font-size:13px;position:relative;white-space:nowrap}.navigation a::after{content:"";position:absolute;bottom:12px;right:0;width:100%;height:3px;border-radius:3px;transform:scaleX(0);background:var(--teal);transition:transform .18s}.navigation a:hover,.navigation a.active{color:var(--teal)}.navigation a.active::after,.navigation a:hover::after{transform:scaleX(1)}.header-admin{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #243451;border-radius:11px;white-space:nowrap;font-size:12px;font-weight:700;background:#fffdf8}.header-admin .icon{width:17px;height:17px}.header-admin:hover{background:#ecf8f6;border-color:var(--teal);color:var(--teal)}
/* الواجهة الرئيسية */
.hero{background:var(--cream);overflow:hidden}.hero-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:43% 57%;align-items:stretch;min-height:370px}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 45px 38px 24px}.hero-eyebrow{color:#96712b;font-size:11px;font-weight:700;letter-spacing:.2px;margin-bottom:8px}.hero h1{font-size:clamp(35px,4vw,60px);font-weight:950;line-height:1.55;letter-spacing:-1.4px;margin:0 0 20px}.hero h1 span{position:relative;display:inline-block;isolation:isolate}.hero h1 span::after{content:"";position:absolute;z-index:-1;bottom:-3px;right:0;width:100%;height:11px;border-top:5px solid #efae22;border-radius:50%;transform:rotate(-2deg)}.hero-copy>p{font-size:18px;font-weight:600;margin:0 0 24px}.hero-actions,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-art{position:relative;min-width:0;min-height:370px;overflow:hidden}.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 77%,#fffaf2 100%);pointer-events:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:11px;padding:11px 22px;font-size:13px;font-weight:750;line-height:1.7;transition:background .18s,box-shadow .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:var(--teal);box-shadow:0 5px 14px #008c9214}.primary:hover{background:var(--teal-dark);box-shadow:0 8px 20px #008c9226}.secondary{border-color:#79859a;background:#ffffffa6;color:var(--navy)}.secondary:hover{border-color:var(--teal);color:var(--teal);background:white}.button.small{font-size:12px;padding:7px 15px;border-radius:9px;gap:7px}.button.small .icon{width:17px;height:17px}.danger{color:#a1322c;background:#fff0ee;border-color:#f0c8c3}.project-button{background:#e8ddff;color:#4e3299}.project-button:hover{background:#ddcefc}.text-link,.back-link{font-weight:700;font-size:13px;color:var(--teal)}.text-link:hover,.back-link:hover{text-decoration:underline}.home-search{display:flex;align-items:center;gap:14px;margin:20px auto;width:96%}.search-input-wrap{position:relative;flex:1;min-width:0}.search-input-wrap input{height:49px;width:100%;padding:10px 58px 10px 18px;border:1px solid #cbd6df;border-radius:40px;background:white;font-size:13px;color:var(--navy)}.search-input-wrap button{position:absolute;right:5px;top:5px;border:0;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--teal)}.search-input-wrap button:hover{background:var(--teal-dark)}.search-input-wrap input::placeholder{color:#8793a6}.grade-select{display:flex;align-items:center;gap:12px;width:230px;max-width:35%;border:1px solid #cbd6df;border-radius:40px;background:white;padding:0 18px;height:49px}.grade-select select{width:100%;border:0!important;background:transparent!important;padding:0!important;outline-offset:5px;font-size:12px!important;font-weight:650;color:var(--navy)}.grade-select>.icon{color:#1d365a}
/* بطاقات الأقسام */
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{display:flex;align-items:center;gap:11px;min-height:108px;border-radius:15px;padding:12px 16px;border:1px solid transparent;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #16244412}.category-teal{background:linear-gradient(120deg,#e9f9f6,#c7f0f1)}.category-yellow{background:linear-gradient(120deg,#fff9ed,#ffedc1)}.category-purple{background:linear-gradient(120deg,#f4edff,#e4d5ff)}.category-card>img{width:78px;height:78px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 5px #1726410a)}.category-card>div{flex:1;min-width:0}.category-card h2{font-size:22px;font-weight:850;margin:0 0 2px;line-height:1.6;white-space:nowrap}.category-card p{font-size:11px;line-height:1.8;margin:0}.category-arrow{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;flex-shrink:0;background:#5bc5cc;color:#15414b}.category-yellow .category-arrow{background:#ffc85b;color:#765117}.category-purple .category-arrow{background:#c6a6ff;color:#513484}.category-arrow .icon{width:17px;height:17px}.latest-section{margin:24px 0 46px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{margin:0;font-size:26px;font-weight:900;position:relative}.heading-spark{display:inline-block;margin-right:7px;color:#efac20;font-size:28px;vertical-align:middle}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.material-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e8e6e0;background:white;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #17264108;transition:box-shadow .18s,transform .18s}.material-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #17264113}.material-image-link{display:block;position:relative;overflow:hidden;background:#f3f4ed}.card-cover{display:block;width:100%;height:225px;object-fit:contain;background:#f1f1e9}.cover-placeholder{height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;background-image:radial-gradient(#ffffffb3 1.3px,transparent 1.3px);background-size:20px 20px}.cover-placeholder>img{width:110px;height:100px}.cover-placeholder>span{font-weight:800;font-size:19px}.teal{background-color:#dff5f0;color:#087b84}.purple{background-color:#eee4ff;color:#6551b5}.yellow{background-color:#fff0c9;color:#8a651d}.image-badge{position:absolute;right:13px;top:12px;display:inline-flex;align-items:center;gap:6px;background:#fffef3ed;border:1px solid #ffffffb3;border-radius:9px;padding:4px 9px;color:#22365a;font-size:10px;font-weight:700;box-shadow:0 3px 10px #1726410c}.image-badge .icon{width:16px;height:16px}.material-card-body{padding:13px 17px 15px;display:flex;flex-direction:column;flex:1}.material-meta{font-size:10px;color:#65758b;display:flex;gap:6px;flex-wrap:wrap}.material-card h3{margin:4px 0 5px;font-weight:850;font-size:19px;line-height:1.6}.material-card h3 a:hover{color:var(--teal)}.material-card-body>p{font-size:12px;color:#4b5e78;line-height:1.85;margin:0 0 13px;flex:1}.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-actions .button{min-width:100px}.empty-state{text-align:center;padding:40px 25px;border:1px dashed #c7d9d6;border-radius:18px;background:linear-gradient(120deg,#fffaf0,#f4faf6)}.empty-state h2,.empty-state h3{margin:10px 0;font-size:23px}.empty-state p{color:var(--muted);font-size:14px}.personal-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,#fcf5e9,#e9f5f0);border:1px solid #e3e8dc;border-radius:18px;padding:26px 32px;margin-bottom:44px}.personal-banner>div:nth-child(2){flex:1}.personal-banner h2{font-size:25px;font-weight:850;margin:5px 0}.personal-banner p{font-size:13px;color:var(--muted);margin:0;max-width:750px}.personal-banner .button{flex-shrink:0}.about-mark{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:white;font-size:43px;font-weight:800;color:var(--teal);position:relative;flex-shrink:0}.about-mark>span{position:absolute;left:-3px;bottom:-2px;display:grid;place-items:center;width:28px;height:28px;background:#f6ca64;color:#78601e;border-radius:50%;font-size:22px}
/* المواد والأقسام */
.inner-page{min-height:65vh;padding-block:32px 60px}.page-intro{margin:30px 0 25px}.page-intro h1{font-size:clamp(30px,4vw,42px);font-weight:850;margin:8px 0}.page-intro>p{font-size:15px;color:var(--muted);margin:0}.filter-bar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:22px;border:1px solid var(--line);border-radius:15px;background:white}.filter-bar>div:first-child{flex:2;min-width:200px}.filter-bar>div:nth-child(2){flex:1;min-width:150px}.filter-bar label,.form-field label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}input:not([type=hidden]):not([type=checkbox]),select,textarea{font-size:14px;color:var(--navy)}.filter-bar input,.filter-bar select,.form-field input:not([type=checkbox]),.form-field textarea,.form-field select{width:100%;min-width:0;border:1px solid #cfd9df;border-radius:10px;padding:11px 13px;background:#fffefa}input:focus,select:focus,textarea:focus{outline:3px solid #008c9220;border-color:var(--teal)!important}textarea{resize:vertical}.results-count{font-size:12px;font-weight:700;color:var(--muted);margin:21px 0 15px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:45px;margin-top:30px;align-items:start}.reading{max-width:800px}.reading h1{font-size:clamp(28px,4vw,40px);font-weight:850;line-height:1.65;margin:12px 0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags>span{padding:4px 11px;border-radius:7px;background:#eaf5f1;color:#287260;font-size:11px;font-weight:650}.detail-cover{display:block;width:100%;max-height:420px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:18px}.content-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:27px;box-shadow:0 4px 15px #17264103}.content-panel h2{font-size:21px;font-weight:850;margin:0 0 19px}.detail-aside .button{margin-bottom:9px}.file-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.about-page-panel{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;align-items:center}.about-page-panel>img{width:100%;height:100%;object-fit:cover;min-height:350px}.about-page-panel .reading{padding:35px}.about-page-panel p{color:var(--muted);font-size:14px}.about-page-panel h2{font-size:27px}
/* الدخول والإدارة */
.auth-page{min-height:75vh;display:grid;place-items:center;padding-block:50px}.auth-card{width:min(100%,470px);padding:35px;background:white;border:1px solid #dbe5e8;border-radius:22px;box-shadow:0 18px 65px #1726410c}.category-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:15px;font-size:29px}.auth-eyebrow{display:block;margin-top:18px}.auth-card h1{font-size:27px;font-weight:850;margin:9px 0}.auth-card .muted{margin-bottom:25px}.auth-back{display:block;text-align:center;margin-top:22px;font-size:12px;color:var(--muted)}.form-field{margin-bottom:22px}.form-field small{display:block;margin-top:7px;font-size:11px;color:var(--muted)}.notice{padding:13px 18px;margin:15px 0;border-radius:11px;font-size:13px}.notice.success{background:#e8f7ee;color:#216443;border:1px solid #cde9d6}.notice.error{background:#fff0ed;color:#9e332c;border:1px solid #f0cdc7}.notifications{padding-top:5px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;border-radius:18px;background:linear-gradient(120deg,#122e52,#172447);color:white;margin:0 0 24px}.admin-heading .eyebrow{color:#a8e9de}.admin-heading h1{font-size:31px;margin:6px 0;font-weight:800}.admin-heading .muted{color:#d2dce9;margin:0}.admin-heading .secondary{background:#ffffff12;color:white;border-color:#ffffff65}.admin-heading .primary{background:#0c9aa0}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}.stat{padding:22px 25px;border:1px solid #cce6e4;border-radius:15px;background:linear-gradient(110deg,#f6fcfa,#e3f6f0);display:flex;align-items:center;justify-content:space-between;gap:15px}.stat:nth-child(2){border-color:#f1e2b7;background:linear-gradient(110deg,#fffcf5,#fff0c9)}.stat:nth-child(3){border-color:#ded3f3;background:linear-gradient(110deg,#fbf8ff,#eee3ff)}.stat span{font-size:13px;font-weight:700}.stat strong{font-size:35px;font-weight:900;color:#127d80}.stat:nth-child(2) strong{color:#95701c}.stat:nth-child(3) strong{color:#7450b7}.admin-list{display:grid;gap:13px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:22px;background:white;padding:20px 24px;border:1px solid var(--line);border-radius:15px}.admin-row:hover{border-color:#a9cfcb}.admin-row-copy{min-width:0}.admin-row h3{font-size:18px;margin:4px 0}.admin-row .button{padding:7px 15px;font-size:12px}.admin-row .muted{font-size:11px}.form-page{max-width:950px}.editor-form>.content-panel{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check-label{display:flex!important;align-items:center;gap:9px;margin-top:14px}.check-label input{width:18px;height:18px;accent-color:var(--teal)}.upload-preview{display:block;max-width:260px;max-height:200px;object-fit:contain;border:1px solid var(--line);border-radius:10px;margin-top:16px}.form-field input[type=file]{font-size:12px}.form-field input[type=file]::file-selector-button{font:inherit;padding:7px 10px;border:0;border-radius:6px;background:#e4f4f2;color:#125f64;margin-left:12px;cursor:pointer}
/* التذييل */
.site-footer{background:#f7f5ec;border-top:1px solid #e9e6da;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:22px;gap:7px}.footer-brand img{width:43px;height:43px}.footer-inner p{font-size:11px;color:var(--muted);margin:4px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:650}.footer-links a:hover{color:var(--teal)}.footer-note{font-size:12px;color:#65738a}
/* الأجهزة اللوحية والهواتف */
@media(min-width:1550px){.hero-inner{min-height:405px}.hero-art{min-height:405px}.hero h1{font-size:62px}.hero-copy{padding-right:55px}.hero-copy>p{font-size:20px}}
@media(max-width:1150px){.navigation{gap:17px}.navigation a{font-size:12px}.brand{font-size:24px}.brand img{width:50px;height:50px}.hero-copy{padding:28px 28px 28px 12px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions .button{padding:10px 15px;font-size:12px}.category-card{gap:8px;padding:12px}.category-card>img{width:62px;height:68px}.category-card h2{font-size:19px}.category-card p{font-size:10px}.category-arrow{width:27px;height:27px}.card-cover,.cover-placeholder{height:205px}.hero-art,.hero-inner{min-height:330px}}
@media(max-width:950px){.header-inner{flex-wrap:wrap;gap:8px;padding:8px 0}.navigation{order:3;width:100%;justify-content:center;gap:25px}.navigation a{padding:7px 0 13px}.navigation a::after{bottom:5px;height:2px}.hero h1{font-size:36px}.hero-copy{padding:24px 25px 24px 8px}.hero-copy>p{font-size:13px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:9px 11px}.category-card>img{width:50px;height:60px}.category-card h2{font-size:16px}.category-card p{font-size:9px}.category-arrow{width:23px;height:23px}.material-grid{gap:16px}.material-card h3{font-size:17px}.material-card-body{padding:12px}.card-actions{gap:6px}.card-actions .button{min-width:0;padding:7px 10px;font-size:11px}.card-cover,.cover-placeholder{height:190px}.admin-row{align-items:start;flex-direction:column}.admin-heading{padding:23px}.personal-banner{gap:20px;padding:23px}.personal-banner .button{padding:10px 15px}.footer-note{display:none}}
@media(max-width:700px){html{scroll-padding-top:135px}.container{width:92%}.brand{font-size:23px;gap:5px}.brand img{width:46px;height:46px}.header-admin{font-size:10px;padding:6px 9px;gap:5px}.header-admin .icon{width:15px;height:15px}.navigation{gap:17px;flex-wrap:wrap}.navigation a{font-size:10px;padding:5px 0 10px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:25px 22px 28px;align-items:center;text-align:center}.hero-eyebrow{font-size:10px;margin-bottom:6px}.hero h1{font-size:clamp(33px,8.8vw,45px);line-height:1.5;margin-bottom:20px;letter-spacing:-.5px}.hero-copy>p{font-size:14px;margin-bottom:19px}.hero-actions{justify-content:center;gap:10px}.hero-actions .button{font-size:12px;padding:10px 15px}.hero-art{height:260px;min-height:0}.hero-art>img{object-position:center 57%}.hero-art::after{background:linear-gradient(to top,transparent 89%,#fffaf2 100%)}.home-search{width:100%;gap:9px;margin:15px 0;flex-wrap:wrap}.search-input-wrap{flex:1 1 100%}.search-input-wrap input{font-size:12px}.grade-select{max-width:100%;width:100%;height:42px;padding:0 15px}.category-grid{grid-template-columns:1fr;gap:10px}.category-card{min-height:88px;padding:9px 16px;gap:16px;border-radius:13px}.category-card>img{width:65px;height:65px}.category-card h2{font-size:21px}.category-card p{font-size:11px}.category-arrow{width:30px;height:30px}.latest-section{margin-top:24px}.section-heading{gap:12px}.section-heading h2{font-size:23px}.heading-spark{font-size:24px}.section-heading .button{font-size:10px;padding:6px 11px}.material-grid{grid-template-columns:1fr;gap:19px}.card-cover,.cover-placeholder{height:245px}.material-card-body{padding:14px 17px 17px}.material-card h3{font-size:20px}.material-card-body>p{font-size:13px}.material-meta{font-size:11px}.card-actions{gap:9px}.card-actions .button{font-size:12px;padding:8px 16px;min-width:108px}.image-badge{font-size:11px}.personal-banner{display:grid;grid-template-columns:55px minmax(0,1fr);gap:17px;padding:22px}.about-mark{width:55px;height:55px;font-size:34px}.about-mark>span{width:23px;height:23px;font-size:18px}.personal-banner h2{font-size:23px}.personal-banner p{font-size:12px}.personal-banner>.button{grid-column:1/-1;justify-self:start}.detail-layout{grid-template-columns:1fr;gap:25px}.page-intro h1{font-size:30px}.filter-bar{padding:17px;gap:14px}.filter-bar>div{flex:1 1 100%!important}.filter-bar input,.filter-bar select{font-size:13px}.about-page-panel{grid-template-columns:1fr}.about-page-panel>img{min-height:0;max-height:250px;object-fit:cover}.about-page-panel .reading{padding:25px}.admin-heading{flex-direction:column;align-items:start;gap:20px}.admin-heading h1{font-size:27px}.admin-heading .actions{gap:9px}.admin-heading .button{font-size:11px;padding:9px 13px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat{padding:13px 20px}.stat strong{font-size:29px}.admin-row{padding:19px}.form-grid{grid-template-columns:1fr;gap:0}.content-panel,.auth-card{padding:23px}.auth-card h1{font-size:24px}.footer-inner{flex-direction:column;align-items:start;gap:20px}.footer-links{font-size:11px;gap:22px}.reading h1{font-size:28px}.prose{font-size:14px}.full-width{max-width:100%}.actions .button{white-space:normal}.upload-preview{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* FIKRA identity */
.brand span{font-weight:900;letter-spacing:.1px}
.brand img{filter:drop-shadow(0 3px 6px rgba(5,97,116,.12))}