:root{--font-scale:1;--bg:#eef4fb;--panel:#ffffffd9;--panel-solid:#fff;--text:#102033;--muted:#64748b;--primary:#1d4ed8;--primary2:#0ea5e9;--success:#059669;--warning:#f59e0b;--danger:#dc2626;--violet:#7c3aed;--border:#dbe7f5;--sidebar:#071a31;--sidebar2:#0b2443;--shadow:0 22px 55px #0f355f24;--soft-shadow:0 12px 34px #0f355f1a;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:Cairo,Tajawal,Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:calc(15px * var(--font-scale));direction:rtl;background:linear-gradient(135deg,#e9f2ff 0%,#f6fbff 48%,#eef7ff 100%);min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit;font-size:1rem}button{cursor:pointer;color:var(--text);background:#e8eef7;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;transition:all .2s;display:inline-flex}button:hover{filter:brightness(.985);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}a{color:inherit;text-decoration:none}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900;box-shadow:0 12px 28px #1d4ed842}.danger-btn{background:var(--danger);color:#fff}.ghost-btn{background:#f2f6fb}.icon-btn{background:#edf5ff;border-radius:13px;width:38px;height:38px;padding:0}.small-btn{color:#10499a;background:#e8f2ff;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}label{text-align:right;color:#26364a;gap:7px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:15px;outline:none;padding:12px 14px;transition:all .18s}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #0ea5e924}textarea{resize:vertical;min-height:92px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:radial-gradient(circle at 100% 0,#2563eb 0,#0f172a 42%,#020617 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle at 22% 22%,#0ea5e96b,#0000 28%),radial-gradient(circle at 80% 75%,#10b98140,#0000 25%);animation:12s ease-in-out infinite alternate floatBg;position:absolute;inset:-20%}.pro-login{grid-template-columns:minmax(320px,1.1fr) minmax(360px,430px);gap:28px}.login-showcase,.login-card{z-index:1;position:relative}.login-showcase{color:#fff;width:min(620px,94vw)}.login-showcase-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff24,#ffffff0f);border:1px solid #ffffff2e;border-radius:34px;padding:36px;box-shadow:0 35px 90px #00000059}.showcase-badge,.hero-kicker{background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-weight:900;display:inline-flex}.login-showcase h1{margin:20px 0 14px;font-size:44px;line-height:1.35}.login-showcase p{color:#dbeafe;font-size:18px;line-height:1.9}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.showcase-grid div{background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;gap:7px;padding:16px;display:grid}.showcase-grid b{font-size:17px}.showcase-grid span{color:#c7d2fe;font-size:13px}.login-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffef;border:1px solid #fff6;border-radius:32px;width:min(430px,92vw);padding:34px;box-shadow:0 30px 80px #0005}.login-logo,.brand-mark{color:#fff;background:linear-gradient(135deg,#1d4ed8,#06b6d4);border-radius:21px;place-items:center;width:60px;height:60px;font-size:24px;font-weight:900;display:grid;box-shadow:0 16px 35px #2563eb52}.login-logo{margin:auto}.login-card h2{margin:18px 0 8px;font-size:28px}.login-card p{color:var(--muted);margin:0 0 14px}.login-card label{margin:14px 0}.login-card small{color:var(--muted);margin-top:14px;display:block}.app-shell{min-height:100vh;display:flex;position:relative;overflow-x:hidden}.ambient{filter:blur(12px);opacity:.5;pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ambient-one{background:#bfdbfe;width:360px;height:360px;top:90px;right:300px}.ambient-two{background:#a7f3d0;width:300px;height:300px;bottom:80px;left:110px}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#ecf4ff;z-index:10;border-left:1px solid #ffffff14;flex-direction:column;width:306px;height:100vh;padding:22px;display:flex;position:sticky;top:0;overflow:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:20px}.brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand h1{margin:0;font-size:19px}.brand p{color:#9fb3cc;margin:4px 0 0}.sidebar-status{background:#ffffff14;border:1px solid #ffffff1a;border-radius:19px;align-items:center;gap:10px;margin-bottom:18px;padding:13px;display:flex}.sidebar-status small{color:#b6c7dc;margin-top:3px;display:block}.pulse-dot{background:#22c55e;border-radius:50%;width:11px;height:11px;animation:1.8s infinite pulse;box-shadow:0 0 0 8px #22c55e21}.nav-links{gap:12px;display:grid}.nav-group{gap:7px;display:grid}.nav-group-title{color:#91a9c4;margin:7px 6px 2px;font-size:12px;font-weight:900}.nav-links a{color:#c9d9eb;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px;transition:all .18s;display:flex}.nav-links a.active,.nav-links a:hover{color:#fff;background:linear-gradient(135deg,#ffffff2b,#ffffff14);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a}.side-note{color:#c7d6e8;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;align-items:flex-start;gap:8px;margin-top:auto;padding:13px;line-height:1.7;display:flex}.main-area{z-index:1;flex:1;min-width:0;position:relative}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:20;background:#ffffffc2;justify-content:space-between;align-items:center;gap:16px;height:auto;min-height:78px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:18px;min-width:0;display:flex}.topbar-title{align-items:center;gap:10px;min-width:220px;display:flex}.topbar-title b{display:block}.topbar-title small{color:var(--muted);margin-top:2px;display:block}.topbar-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.notifications-strip{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.notifications-strip a{color:#8a5200;background:#fff7e6;border:1px solid #fde9bd;border-radius:12px;padding:8px 10px}.notifications-strip span{color:var(--muted)}.user-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-chip{background:#eef6ff;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:8px;padding:9px 12px;display:flex}.profile-chip small{color:#2563eb;font-weight:800}.clock{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:15px;align-items:center;gap:7px;padding:9px 12px;display:flex}.content-area{padding:24px}.footer{text-align:center;color:var(--muted);padding:18px}.page-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-title h2{margin:0;font-size:30px}.page-title p{color:var(--muted);margin:5px 0 0}.hero-panel{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.hero-content{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f2a49 0%,#1d4ed8 58%,#0ea5e9 100%);border-radius:32px;padding:30px;position:relative;overflow:hidden}.hero-content:after{content:"";background:#ffffff29;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-90px;left:-80px}.hero-content h2{margin:16px 0 10px;font-size:38px;line-height:1.35}.hero-content p{color:#e0f2fe;max-width:830px;font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.hero-actions span{color:#dbeafe}.hero-card{box-shadow:var(--shadow);text-align:center;background:#ffffffd1;border:1px solid #fff;border-radius:32px;place-items:center;padding:24px;display:grid}.hero-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:26px;place-items:center;width:76px;height:76px;font-size:31px;font-weight:900;display:grid}.hero-card h3{margin:14px 0 4px}.hero-card p{color:var(--muted);margin:0}.hero-mini{color:#175cd3;background:#eef6ff;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:8px;margin-top:16px;padding:11px;font-weight:900;display:flex}.stats-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;display:grid}.stat-card{box-shadow:var(--soft-shadow);background:#ffffffd6;border:1px solid #fff;border-radius:26px;flex-direction:column;justify-content:space-between;min-height:178px;padding:17px;display:flex;position:relative;overflow:hidden}.stat-glow{background:#2563eb1f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-34px;left:-34px}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.stat-badge{color:#175cd3;background:#eef6ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.stat-trend{color:var(--muted);font-size:12px}.stat-body{align-items:center;gap:13px;display:flex;position:relative}.stat-card p{color:var(--muted);margin:0;font-weight:800}.stat-card strong{letter-spacing:-1px;margin:4px 0;font-size:35px;display:block}.stat-card span{color:var(--muted);font-size:13px}.stat-icon{width:54px;height:54px;color:var(--primary);background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-radius:19px;flex:none;place-items:center;display:grid}.stat-line{background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:999px;height:5px;position:relative}.stat-cyan .stat-icon{color:#0284c7;background:#e0f2fe}.stat-green .stat-icon{color:#059669;background:#d1fae5}.stat-amber .stat-icon{color:#d97706;background:#fef3c7}.stat-violet .stat-icon{color:#7c3aed;background:#ede9fe}.stat-cyan .stat-line{background:linear-gradient(90deg,#0284c7,#22d3ee)}.stat-green .stat-line{background:linear-gradient(90deg,#059669,#34d399)}.stat-amber .stat-line{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-violet .stat-line{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.dashboard-grid{grid-template-columns:2fr 1.25fr;gap:16px;margin-top:18px;display:grid}.pro-grid{grid-template-columns:2fr 1.2fr;align-items:stretch}.chart-card,.security-card,.wisdom-card,.table-card,.form-card,.about-card,.workflow-panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff;padding:18px}.chart-wide{min-height:330px}.chart-head,.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.chart-head h3,.section-head h3,.table-toolbar h3{margin:0;font-size:20px}.chart-head span,.section-head span{color:#175cd3;background:#eef6ff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.chart-empty,.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--border);background:#f7fbff;border-radius:18px;padding:48px 10px}.workflow-panel{margin-top:18px}.section-head p,.table-toolbar p{color:var(--muted);margin:5px 0 0}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.workflow-step{border:1px solid var(--border);background:#fff;border-radius:22px;min-height:190px;padding:18px;position:relative;overflow:hidden}.workflow-step svg{color:#1d4ed8}.workflow-step h4{margin:12px 0 8px;font-size:18px}.workflow-step p{color:var(--muted);margin:0;line-height:1.8}.workflow-number{color:#e2e8f0;font-size:28px;font-weight:900;position:absolute;top:12px;left:12px}.bottom-grid{grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:18px;display:grid}.wisdom-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);flex-direction:column;justify-content:center;min-height:260px;display:flex}.wisdom-card p{font-size:20px;line-height:1.9}.wisdom-card small{color:#dbeafe;align-items:center;gap:6px;display:flex}.wisdom-icon{background:#ffffff21;border-radius:20px;place-items:center;width:58px;height:58px;display:grid}.pro-log{align-items:flex-start;gap:10px;display:flex}.pro-log span{color:#059669;background:#ecfdf5;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.pro-log p{color:var(--muted);margin:4px 0 0}.no-margin{margin-bottom:0!important}.form-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(260px,1fr))}.wide{grid-column:1/-1}.checkbox{align-items:center;gap:9px;display:flex}.checkbox input{width:auto}.form-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.table-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rows-count{color:#047857;background:#ecfdf5;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.search-box{border:1px solid var(--border);background:#f3f7fc;border-radius:15px;align-items:center;gap:8px;min-width:260px;padding:9px 12px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0;outline:0;padding:0}.table-wrap{border-radius:18px;max-height:65vh;overflow:auto}table{border-collapse:separate;border-spacing:0 8px;width:100%}th{color:#fff;text-align:right;z-index:1;white-space:nowrap;background:#0f2a49;padding:13px;position:sticky;top:0}td{vertical-align:middle;background:#fff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;padding:13px}tr{transition:all .18s}tbody tr:hover td{background:#f8fbff}tr td:first-child,th:first-child{border-radius:0 15px 15px 0}tr td:last-child,th:last-child{border-radius:15px 0 0 15px}.empty-cell{text-align:center;color:var(--muted);padding:34px}.actions-cell{white-space:nowrap}.alert{border-radius:15px;margin-bottom:12px;padding:12px 14px;font-weight:800}.alert.success{color:#047857;background:#e8fff5}.alert.error{color:#b42318;background:#fff0f0}.alert.info{color:#175cd3;background:#eef6ff}.loading{text-align:center;color:var(--muted);padding:30px}.log-line{border-bottom:1px solid var(--border);padding:11px}.modal-backdrop{z-index:100;background:#00152d77;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:26px;flex-direction:column;width:min(940px,94vw);max-height:90vh;display:flex;box-shadow:0 30px 80px #0004}.modal-header{border-bottom:1px solid var(--border);z-index:2;background:#fff;border-radius:26px 26px 0 0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.modal-header h3{margin:0}.modal-header button{background:#f1f5f9;width:42px;height:42px;padding:0;font-size:26px}.modal-body{padding:18px;overflow:auto}.confirm-card{width:min(420px,92vw);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:24px}.security-card{background:linear-gradient(145deg,#fff,#f2fbff)}.security-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.security-head svg{color:#1d4ed8}.security-head h3{margin:0}.security-head span{color:var(--muted)}.security-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.security-grid div{border:1px solid var(--border);background:#fff;border-radius:17px;gap:6px;padding:13px;display:grid}.security-grid svg{color:#0ea5e9}.security-grid span{color:var(--muted);font-size:13px}.security-grid b{word-break:break-word;font-size:14px}.access-widget{z-index:120;position:fixed;bottom:20px;left:20px}.access-main{color:#fff;box-shadow:var(--shadow);background:#0f172a}.access-panel{border:1px solid var(--border);width:250px;box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:8px;padding:12px;display:grid;position:absolute;bottom:58px;left:0}.access-panel button{justify-content:flex-start}.access-high-contrast{--bg:#fff;--panel:#fff;--text:#000;--border:#000}.access-dark-mode{--bg:#07111f;--panel:#101d2fcc;--panel-solid:#0f172a;--text:#f8fafc;--muted:#cbd5e1;--border:#334155}.access-dark-mode body,.access-dark-mode .main-area{background:#07111f}.access-dark-mode .topbar,.access-dark-mode .chart-card,.access-dark-mode .table-card,.access-dark-mode .form-card,.access-dark-mode .security-card,.access-dark-mode .hero-card,.access-dark-mode .workflow-panel{color:#f8fafc;background:#101d2fcc;border-color:#334155}.access-dark-mode td,.access-dark-mode input,.access-dark-mode select,.access-dark-mode textarea,.access-dark-mode .workflow-step,.access-dark-mode .security-grid div{color:#f8fafc;background:#0f172a;border-color:#334155}.access-reduce-motion *{transition:none!important;animation:none!important}.access-simple-screen .chart-card{display:none!important}.access-simple-screen .ambient{display:none}.access-simple-screen .hero-panel{grid-template-columns:1fr}.access-simple-screen .hero-card{display:none}@media print{.sidebar,.topbar,.access-widget,.footer,button,.ambient{display:none!important}.content-area{padding:0}.table-card,.form-card,.workflow-panel{box-shadow:none;border:1px solid #000}.access-large-print{font-size:18px}}@keyframes pulse{0%{box-shadow:0 0 #22c55e59}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes floatBg{0%{transform:translate(0,0)}to{transform:translate(16px,-18px)}}@media (width<=1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.hero-panel,.bottom-grid{grid-template-columns:1fr}.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.dashboard-grid,.pro-grid,.form-grid,.form-grid.two{grid-template-columns:1fr}.sidebar{width:260px}.pro-login{grid-template-columns:1fr}.login-showcase{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative}.topbar{display:grid;position:relative}.topbar-right{display:grid}.stats-grid,.workflow-grid,.security-grid{grid-template-columns:1fr}.content-area{padding:14px}.hero-content h2{font-size:28px}.search-box{min-width:100%}.table-toolbar{display:grid}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);background:#fff;border-radius:18px;margin-bottom:12px;padding:8px}.table-wrap td{background:0 0;border:0;justify-content:space-between;gap:12px;display:flex}.table-wrap td:before{content:attr(data-label);color:#475569;font-weight:900}.actions-cell{white-space:normal}}

/* هوية كلية الآداب - جامعة العاصمة */
.login-logo,.brand-mark,.topbar-icon{font-size:0;background:#fff center/contain no-repeat;border:1px solid rgba(255,255,255,.35)}
.login-logo{background-image:url('/branding/faculty-logo.jpg');width:96px;height:96px;border-radius:24px;padding:8px}
.brand-mark{background-image:url('/branding/university-logo.jpg');width:64px;height:64px;border-radius:18px;padding:5px}
.topbar-icon{background-image:url('/branding/university-logo.jpg');width:48px;height:48px;border-radius:14px}
.login-page{background:radial-gradient(circle at top right,#174d78 0,#092b4a 46%,#041626 100%)}
.login-page:before{background:radial-gradient(circle at 20% 20%,rgba(194,157,49,.24),transparent 28%),radial-gradient(circle at 82% 75%,rgba(28,92,138,.30),transparent 27%)}
.login-showcase-card{border-color:rgba(194,157,49,.28)}
.login-showcase h1{font-size:38px}
.brand p{color:#d6e3ef}.brand h1{font-size:18px}
