:root{--color-primary:#1592c4;--color-primary-dark:#0c5d80;--color-primary-light:#4ab5e0;--color-secondary:#f59e0b;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#1592c4 0%,#0c5d80 100%);--gradient-secondary:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-mesh:radial-gradient(at 20% 30%,rgba(21,146,196,0.15) 0px,transparent 50%),radial-gradient(at 80% 20%,rgba(245,158,11,0.1) 0px,transparent 50%),radial-gradient(at 50% 80%,rgba(16,185,129,0.1) 0px,transparent 50%);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.05);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 40px rgba(21,146,196,0.4);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#ffffff;min-height:100vh;overflow-x:hidden;}img,picture,video,svg{display:block;max-width:100%;height:auto;}button,input,select,textarea{font:inherit;color:inherit;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}@keyframes slideInUp{from{transform:translateY(100%);}to{transform:translateY(0);}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.85;transform:scale(1.05);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-15px);}}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(21,146,196,0.5);}50%{box-shadow:0 0 40px rgba(21,146,196,0.8),0 0 60px rgba(21,146,196,0.4);}}@keyframes gradientMove{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes typewriter{from{width:0;}to{width:100%;}}@keyframes blink{50%{border-color:transparent;}}@keyframes ripple{to{transform:scale(4);opacity:0;}}@keyframes wave{0%{transform:rotate(0deg);}10%{transform:rotate(-10deg);}20%{transform:rotate(12deg);}30%{transform:rotate(-10deg);}40%{transform:rotate(9deg);}50%{transform:rotate(0deg);}100%{transform:rotate(0deg);}}@keyframes shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-5px);}20%,40%,60%,80%{transform:translateX(5px);}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(100vh) rotate(720deg);opacity:0;}}.animate-fade-in{animation:fadeIn 0.6s ease-out;}.animate-fade-up{animation:fadeInUp 0.6s ease-out;}.animate-fade-down{animation:fadeInDown 0.6s ease-out;}.animate-fade-left{animation:fadeInLeft 0.6s ease-out;}.animate-fade-right{animation:fadeInRight 0.6s ease-out;}.animate-scale-in{animation:scaleIn 0.4s ease-out;}.animate-slide-up{animation:slideInUp 0.5s ease-out;}.animate-bounce{animation:bounce 1s ease-in-out infinite;}.animate-pulse{animation:pulse 2s ease-in-out infinite;}.animate-spin{animation:spin 1s linear infinite;}.animate-float{animation:float 3s ease-in-out infinite;}.animate-glow{animation:glow 2s ease-in-out infinite;}.animate-wave{animation:wave 2s ease-in-out;}.animate-shake{animation:shake 0.5s ease-in-out;}.animation-delay-100{animation-delay:100ms;}.animation-delay-200{animation-delay:200ms;}.animation-delay-300{animation-delay:300ms;}.animation-delay-500{animation-delay:500ms;}.animation-delay-700{animation-delay:700ms;}.animation-delay-1000{animation-delay:1000ms;}.glass{background:rgba(255,255,255,0.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.3);}.glass-dark{background:rgba(15,23,42,0.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.1);color:white;}.glass-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.gradient-text-animated{background:linear-gradient(135deg,#1592c4,#0c5d80,#f59e0b,#1592c4);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 5s ease infinite;}.bg-gradient-primary{background:var(--gradient-primary);}.bg-mesh{background:var(--gradient-mesh),#fafafa;}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base);}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}.hover-grow{transition:transform var(--transition-base);}.hover-grow:hover{transform:scale(1.05);}.hover-glow{transition:box-shadow var(--transition-base);}.hover-glow:hover{box-shadow:var(--shadow-glow);}.hover-rotate{transition:transform var(--transition-base);}.hover-rotate:hover{transform:rotate(5deg);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;user-select:none;line-height:1;}.btn:disabled{opacity:0.5;cursor:not-allowed;}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-md);}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px rgba(21,146,196,0.4);}.btn-primary:active:not(:disabled){transform:translateY(0);}.btn-secondary{background:white;color:var(--color-primary);border:2px solid var(--color-primary);}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:white;transform:translateY(-2px);}.btn-ghost{background:transparent;color:var(--color-primary);}.btn-ghost:hover:not(:disabled){background:rgba(21,146,196,0.1);}.btn-danger{background:var(--color-danger);color:white;}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);}.btn-sm{padding:0.5rem 1rem;font-size:0.875rem;}.btn-lg{padding:1rem 2rem;font-size:1.125rem;}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.btn:active::before{width:300px;height:300px;transition:0s;}.form-group{margin-bottom:1.25rem;}.form-label{display:block;margin-bottom:0.5rem;font-weight:600;color:#374151;font-size:0.875rem;}.form-input,.form-select,.form-textarea{width:100%;padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-base);background:white;}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(21,146,196,0.1);}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger);}.form-error{color:var(--color-danger);font-size:0.875rem;margin-top:0.25rem;animation:fadeInDown 0.3s ease-out;}.form-help{color:#6b7280;font-size:0.875rem;margin-top:0.25rem;}.form-floating{position:relative;}.form-floating .form-input{padding-top:1.5rem;padding-bottom:0.5rem;}.form-floating .form-label{position:absolute;top:0;left:1rem;padding:1rem 0;pointer-events:none;transition:all var(--transition-base);transform-origin:0 0;color:#9ca3af;margin:0;}.form-floating .form-input:focus ~ .form-label,.form-floating .form-input:not(:placeholder-shown) ~ .form-label{transform:scale(0.85) translateY(-0.8rem);color:var(--color-primary);}.card{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base);}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;}.card-body{padding:1.5rem;}.card-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.badge-primary{background:rgba(21,146,196,0.1);color:var(--color-primary-dark);}.badge-success{background:rgba(16,185,129,0.1);color:#047857;}.badge-warning{background:rgba(245,158,11,0.1);color:#92400e;}.badge-danger{background:rgba(239,68,68,0.1);color:#b91c1c;}.badge-info{background:rgba(59,130,246,0.1);color:#1e40af;}.alert{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1rem;display:flex;align-items:flex-start;gap:0.75rem;animation:fadeInDown 0.4s ease-out;position:relative;overflow:hidden;}.alert::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;}.alert-success{background:#d1fae5;color:#065f46;}.alert-success::before{background:var(--color-success);}.alert-danger{background:#fee2e2;color:#991b1b;}.alert-danger::before{background:var(--color-danger);}.alert-warning{background:#fef3c7;color:#92400e;}.alert-warning::before{background:var(--color-warning);}.alert-info{background:#dbeafe;color:#1e40af;}.alert-info::before{background:var(--color-info);}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:white;}.table{width:100%;border-collapse:collapse;}.table th,.table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e5e7eb;}.table th{background:#f9fafb;font-weight:600;color:#374151;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;position:sticky;top:0;z-index:10;}.table tbody tr{transition:background var(--transition-fast);}.table tbody tr:hover{background:#f9fafb;}.table tbody tr:last-child td{border-bottom:none;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gradient-primary);color:white;font-weight:600;font-size:1rem;overflow:hidden;position:relative;flex-shrink:0;}.avatar img{width:100%;height:100%;object-fit:cover;}.avatar-sm{width:2rem;height:2rem;font-size:0.875rem;}.avatar-lg{width:3.5rem;height:3.5rem;font-size:1.25rem;}.avatar-xl{width:5rem;height:5rem;font-size:1.5rem;}.loader{display:inline-block;width:20px;height:20px;border:3px solid rgba(21,146,196,0.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite;}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);}.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.5,0,0,1);}.reveal.visible{opacity:1;transform:translateY(0);}.reveal-left{opacity:0;transform:translateX(-50px);transition:all 0.8s cubic-bezier(0.5,0,0,1);}.reveal-left.visible{opacity:1;transform:translateX(0);}.reveal-right{opacity:0;transform:translateX(50px);transition:all 0.8s cubic-bezier(0.5,0,0,1);}.reveal-right.visible{opacity:1;transform:translateX(0);}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.5;z-index:-1;}.shape-blue{background:var(--color-primary);}.shape-orange{background:var(--color-secondary);}.shape-green{background:var(--color-success);}.navbar{position:sticky;top:0;z-index:50;padding:1rem 2rem;transition:all var(--transition-base);background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;}.navbar-scrolled{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);}@media (max-width:768px){.hide-mobile{display:none !important;}}@media (min-width:769px){.hide-desktop{display:none !important;}}@media (prefers-color-scheme:dark){}.dark{color-scheme:dark;}.dark body{background:#0f172a;color:#e2e8f0;}.dark .card,.dark .table-wrapper{background:#1e293b;border-color:#334155;}.dark .table th{background:#0f172a;color:#cbd5e1;}.dark .table td{border-color:#334155;}.dark .form-input,.dark .form-select,.dark .form-textarea{background:#1e293b;border-color:#334155;color:#e2e8f0;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md);}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:white;padding:0.5rem 1rem;z-index:100;text-decoration:none;}.skip-link:focus{top:0;}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:#f1f5f9;}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px;}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark);}@media print{.no-print{display:none !important;}body{background:white;color:black;}.card{box-shadow:none;border:1px solid #ccc;}}.madina-sidebar{position:fixed !important;top:0 !important;bottom:0 !important;left:0 !important;width:16rem !important;background:#ffffff !important;border-right:1px solid #e5e7eb !important;z-index:40 !important;display:flex !important;flex-direction:column !important;transition:transform 0.3s ease !important;transform:translateX(-100%);overflow:hidden !important;height:100vh !important;max-height:100vh !important;}@media (min-width:1024px){.madina-sidebar{transform:translateX(0) !important;}}.madina-sidebar.is-open{transform:translateX(0) !important;}.madina-sidebar-section{padding:1rem !important;flex-shrink:0 !important;flex-grow:0 !important;background:#ffffff !important;}.madina-sidebar-section:first-child{padding:1.5rem !important;}.madina-sidebar-nav{flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important;padding:1rem !important;min-height:0 !important;display:flex !important;flex-direction:column !important;gap:0.25rem !important;}.madina-sidebar-nav::-webkit-scrollbar{width:6px;}.madina-sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;}.madina-sidebar-nav::-webkit-scrollbar-track{background:transparent;}.madina-overlay{position:fixed !important;inset:0 !important;background:rgba(0,0,0,0.5) !important;z-index:30 !important;}@media (min-width:1024px){.madina-overlay{display:none !important;}}.madina-main{min-height:100vh !important;background:#f9fafb !important;}.animate-float,.animate-bounce,.animate-pulse,.animate-glow{will-change:transform,opacity;}.reveal,.reveal-left,.reveal-right{will-change:transform,opacity;}.shape{will-change:transform;transform:translateZ(0);}@media (max-width:768px){.shape{display:none !important;}[data-particles]{display:none !important;}.animate-float{animation:none !important;}}@media (prefers-reduced-motion:reduce){.shape,[data-particles]{display:none !important;}}