@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap");:root{--color-navy:#1B2A4A;--color-navy-light:#2A3D6A;--color-navy-dark:#101B33;--color-gold:#C9A84C;--color-gold-light:#D4BA6A;--color-gold-dark:#A88B3A;--color-cream:#FAF7F2;--color-cream-dark:#F0EBE3;--color-white:#FFFFFF;--color-gray-50:#F9FAFB;--color-gray-100:#F3F4F6;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--color-gray-600:#4B5563;--color-gray-700:#374151;--color-gray-800:#1F2937;--color-gray-900:#111827;--color-success:#10B981;--color-success-light:#D1FAE5;--color-warning:#F59E0B;--color-warning-light:#FEF3C7;--color-error:#EF4444;--color-error-light:#FEE2E2;--color-info:#3B82F6;--color-info-light:#DBEAFE;--font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(27,42,74,0.05);--shadow-md:0 4px 6px -1px rgba(27,42,74,0.07),0 2px 4px -2px rgba(27,42,74,0.05);--shadow-lg:0 10px 15px -3px rgba(27,42,74,0.08),0 4px 6px -4px rgba(27,42,74,0.04);--shadow-xl:0 20px 25px -5px rgba(27,42,74,0.1),0 8px 10px -6px rgba(27,42,74,0.06);--shadow-gold:0 4px 14px rgba(201,168,76,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--sidebar-width:280px;--navbar-height:72px;--max-width:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;text-align:right;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-cream);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-800);outline:none;transition:all var(--transition-fast);width:100%;direction:rtl}input:focus,select:focus,textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-4) center}textarea{min-height:100px;resize:vertical}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);color:var(--color-navy)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.text-navy{color:var(--color-navy)}.text-muted{color:var(--color-gray-500)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 rgba(201,168,76,.4)}50%{box-shadow:0 0 0 12px rgba(201,168,76,0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-right{animation:slideInRight .5s ease-out forwards}.animate-slide-left{animation:slideInLeft .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .4s ease}.btn:hover:after{transform:translateX(100%)}.btn-primary{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,.35)}.btn-secondary{background:var(--color-navy);color:var(--color-white)}.btn-secondary:hover{background:var(--color-navy-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;border:2px solid var(--color-navy);color:var(--color-navy)}.btn-outline:hover{background:var(--color-navy);color:var(--color-white)}.btn-ghost{background:transparent;color:var(--color-navy);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{background:rgba(27,42,74,.06)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl)}.card-body{padding:var(--space-6)}.card-img{width:100%;height:200px;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.badge-gold{background:rgba(201,168,76,.12);color:var(--color-gold-dark)}.badge-navy{background:rgba(27,42,74,.08);color:var(--color-navy)}.badge-success{background:var(--color-success-light);color:#065F46}.badge-warning{background:var(--color-warning-light);color:#92400E}.badge-error{background:var(--color-error-light);color:#991B1B}.badge-info{background:var(--color-info-light);color:#1E40AF}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:600;color:var(--color-navy)}.form-input,.form-label{font-size:var(--text-sm)}.form-input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);transition:all var(--transition-fast);outline:none;direction:rtl}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}.form-input::placeholder{color:var(--color-gray-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left var(--space-4) center;font-size:var(--text-sm);transition:all var(--transition-fast);outline:none;cursor:pointer}.form-select:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}.form-textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--text-sm);min-height:120px;resize:vertical;transition:all var(--transition-fast);outline:none;direction:rtl}.form-textarea:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);background:var(--color-white);box-shadow:var(--shadow-md)}.table{width:100%;border-collapse:collapse}.table th{background:var(--color-navy);color:var(--color-white);font-weight:600;text-align:right}.table td,.table th{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.table td{border-bottom:1px solid var(--color-gray-100)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-gray-50)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(27,42,74,.06);height:var(--navbar-height)}.navbar-inner{justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--color-navy)}.navbar-logo img{height:44px;width:auto}.navbar-links{display:flex;align-items:center;gap:var(--space-8)}.navbar-link{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;right:0;width:0;height:2px;background:var(--color-gold);transition:width var(--transition-base)}.navbar-link:hover{color:var(--color-navy)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--color-navy);font-weight:600}.navbar-link.active:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.navbar-toggle span{width:24px;height:2px;background:var(--color-navy);border-radius:2px;transition:all var(--transition-fast)}.sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);height:100vh;background:var(--color-navy-dark);color:var(--color-white);overflow-y:auto;z-index:50;transition:transform var(--transition-base);display:flex;flex-direction:column}.sidebar-header{padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--space-3)}.sidebar-header img{height:36px;width:auto}.sidebar-header h2{font-size:var(--text-lg);font-weight:700;color:var(--color-white)}.sidebar-nav{padding:var(--space-4) 0;flex:1 1}.sidebar-section{padding:var(--space-2) var(--space-6);margin-top:var(--space-4)}.sidebar-section-title{font-size:var(--text-xs);font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:rgba(255,255,255,.65);transition:all var(--transition-fast);border-radius:0;position:relative}.sidebar-link:hover{background:rgba(255,255,255,.06);color:var(--color-white)}.sidebar-link.active{background:rgba(201,168,76,.12);color:var(--color-gold)}.sidebar-link.active:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--color-gold);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-link svg{width:20px;height:20px;flex-shrink:0}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1 1;margin-right:var(--sidebar-width);background:var(--color-cream)}.dashboard-header{background:var(--color-white);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-navy)}.dashboard-content{padding:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.stat-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(to left,var(--color-gold),var(--color-navy))}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.gold{background:rgba(201,168,76,.1);color:var(--color-gold)}.stat-icon.navy{background:rgba(27,42,74,.06);color:var(--color-navy)}.stat-icon.success{background:rgba(16,185,129,.1);color:var(--color-success)}.stat-icon.info{background:rgba(59,130,246,.1);color:var(--color-info)}.stat-info h3{font-size:var(--text-3xl);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-1)}.stat-info p{font-size:var(--text-sm);color:var(--color-gray-500)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .2s ease-out}.modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:var(--text-lg);font-weight:700;color:var(--color-navy)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100);display:flex;gap:var(--space-3);justify-content:flex-start}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-gray-400)}.empty-state svg{width:64px;height:64px;margin:0 auto var(--space-4);opacity:.4}.empty-state h3{font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);color:var(--color-gray-400)}.hero{position:relative;min-height:600px;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-navy-dark) 0,var(--color-navy) 50%,var(--color-navy-light) 100%);overflow:hidden}.hero:before{inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z' fill='none' stroke='rgba(201,168,76,0.06)' stroke-width='1'/%3E%3C/svg%3E") repeat;opacity:.5}.hero:after,.hero:before{content:"";position:absolute}.hero:after{bottom:-2px;left:0;right:0;height:80px;background:linear-gradient(to top,var(--color-cream),transparent)}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-full);color:var(--color-gold-light);font-size:var(--text-sm);font-weight:500}.hero h1,.hero-badge{margin-bottom:var(--space-6)}.hero h1{font-size:var(--text-5xl);font-weight:700;color:var(--color-white);line-height:1.3}.hero h1 span{color:var(--color-gold)}.hero p{font-size:var(--text-lg);color:rgba(255,255,255,.75);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.hero-actions{display:flex;gap:var(--space-4)}.hero-decoration{position:absolute;left:0;top:50%;transform:translateY(-50%);width:500px;height:500px;opacity:.08;z-index:0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-3)}.section-header p{font-size:var(--text-lg);color:var(--color-gray-500);max-width:600px;margin:0 auto}.section-header .divider{width:60px;height:3px;background:linear-gradient(to left,var(--color-gold),var(--color-gold-dark));margin:var(--space-4) auto 0;border-radius:var(--radius-full)}.footer{background:var(--color-navy-dark);color:rgba(255,255,255,.7);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand p{font-size:var(--text-sm);line-height:var(--line-height-relaxed);margin-top:var(--space-4)}.footer h4{color:var(--color-white);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-6);text-align:center;font-size:var(--text-sm)}.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast);width:100%;text-align:right}.accordion-header:hover{background:var(--color-gray-50)}.accordion-header h3{font-size:var(--text-base);font-weight:600;display:flex;align-items:center;gap:var(--space-3)}.accordion-header .chevron{transition:transform var(--transition-fast)}.accordion-header.open .chevron{transform:rotate(180deg)}.accordion-content{border-top:1px solid var(--color-gray-100)}.lesson-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);transition:background var(--transition-fast);border-bottom:1px solid var(--color-gray-50)}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:var(--color-gray-50)}.lesson-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-icon.video{background:rgba(239,68,68,.08);color:#EF4444}.lesson-icon.pdf{background:rgba(59,130,246,.08);color:#3B82F6}.lesson-icon.audio{background:rgba(16,185,129,.08);color:#10B981}.lesson-icon.text{background:rgba(107,114,128,.08);color:#6B7280}.lesson-info{flex:1 1}.lesson-info h4{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-800)}.lesson-info p{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:var(--space-1)}.lesson-lock{color:var(--color-gray-300)}.content-viewer{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--color-gray-900)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.pdf-viewer{width:100%;min-height:600px;border:none}.audio-player{padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.audio-player audio{width:100%;max-width:500px}.rich-text-content{padding:var(--space-8);line-height:var(--line-height-relaxed);font-size:var(--text-base)}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3{margin-bottom:var(--space-4);margin-top:var(--space-8)}.rich-text-content p{margin-bottom:var(--space-4)}.teacher-card{text-align:center;padding:var(--space-8) var(--space-6)}.teacher-avatar{width:100px;height:100px;border-radius:var(--radius-full);margin:0 auto var(--space-4);object-fit:cover;border:3px solid var(--color-gold);padding:3px;background:var(--color-white)}.teacher-name{font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-1)}.teacher-specialty{font-size:var(--text-sm);color:var(--color-gold);margin-bottom:var(--space-3)}.teacher-bio{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed)}.page-header{background:linear-gradient(135deg,var(--color-navy-dark),var(--color-navy));padding:var(--space-16) 0 var(--space-12);color:var(--color-white);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(201,168,76,0.08)'/%3E%3C/svg%3E") repeat}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:var(--text-4xl);font-weight:700;color:var(--color-white);margin-bottom:var(--space-3)}.page-header p{font-size:var(--text-lg);color:rgba(255,255,255,.7)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-sm)}.breadcrumb,.breadcrumb a{color:rgba(255,255,255,.5)}.breadcrumb a{transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-gold)}.breadcrumb .separator{margin:0 var(--space-1)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(to left,var(--color-gold),var(--color-gold-dark));transition:width var(--transition-slow)}@media (max-width:1024px){.footer-grid,.grid-3,.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main{margin-right:0}.sidebar{transform:translateX(100%)}.sidebar.open{transform:translateX(0)}}@media (max-width:768px){:root{--navbar-height:60px}.hero{min-height:500px;padding:var(--space-12) 0}.hero h1{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.navbar-links{display:none}.navbar-links.open{display:flex;flex-direction:column;position:absolute;top:var(--navbar-height);right:0;left:0;background:var(--color-white);padding:var(--space-6);box-shadow:var(--shadow-lg);gap:var(--space-4)}.navbar-toggle{display:flex}.footer-grid,.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr}.section{padding:var(--space-12) 0}.page-header h1,.section-header h2{font-size:var(--text-2xl)}.dashboard-content{padding:var(--space-4)}.dashboard-header{padding:var(--space-4) var(--space-5)}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero h1{font-size:var(--text-2xl)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}