:root{--brand-primary:#0891b2;--brand-secondary:#7c3aed;--brand-accent:#f59e0b;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-overlay:rgba(0,0,0,0.5);--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#ffffff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media (prefers-color-scheme:dark){:root{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-primary:#374151;--border-secondary:#4b5563}}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.page-main{flex:1;background:var(--bg-secondary)}.page-footer{background:var(--bg-primary);border-top:1px solid var(--border-primary)}.section{padding:var(--space-2xl) 0}.section-hero{padding:4rem 0 3rem;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);color:var(--text-inverse)}.section-content{padding:var(--space-2xl) 0}.section-feature{padding:3rem 0;background:var(--bg-tertiary)}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid var(--border-primary)}.card-body,.card-footer,.card-header{padding:var(--space-lg)}.card-footer{border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--brand-primary);color:var(--text-inverse)}.btn-primary:hover{background:color-mix(in srgb,var(--brand-primary) 90%,black)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-outline{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary)}.btn-outline:hover{background:var(--brand-primary);color:var(--text-inverse)}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.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-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.gap-8{gap:var(--space-xl)}.p-4{padding:var(--space-md)}.p-6{padding:var(--space-lg)}.p-8{padding:var(--space-xl)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-4{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-6{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-8{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.px-4{padding-left:var(--space-md);padding-right:var(--space-md)}.px-6{padding-left:var(--space-lg);padding-right:var(--space-lg)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mb-6{margin-bottom:var(--space-lg)}.mb-8{margin-bottom:var(--space-xl)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width:767px){.section{padding:var(--space-xl) 0}.section-hero{padding:2.5rem 0 2rem}.section-content,.section-feature{padding:var(--space-xl) 0}.container{padding-left:1rem;padding-right:1rem}.card{box-shadow:var(--shadow-sm)}.admin-content{padding:.75rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width:768px) and (max-width:1023px){.section-hero{padding:3rem 0 2.5rem}}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.break-words{word-break:break-word;overflow-wrap:break-word}img{max-width:100%;height:auto}@media (max-width:767px){[role=button],a.btn,button{min-height:44px}}@media (max-width:640px){td,th{font-size:.8rem}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;width:100%;max-width:24rem;pointer-events:none}.notification-item{pointer-events:auto;margin-bottom:.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);backdrop-filter:blur(10px);transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item.show{transform:translateX(0)}.notification-item.hide{transform:translateX(100%);opacity:0}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.notification-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;animation:slideInRight .3s ease-out}.notification-success .notification-icon{animation:bounce .6s ease-out .2s}.notification-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;animation:slideInRight .3s ease-out}.notification-error .notification-icon{animation:shake .5s ease-out .2s}.notification-warning{background:linear-gradient(135deg,#fffbeb,#fed7aa);border:1px solid #fdba74;animation:slideInRight .3s ease-out}.notification-warning .notification-icon{animation:pulse 1s ease-in-out .2s}.notification-info{background:linear-gradient(135deg,#eff6ff,#bfdbfe);border:1px solid #93c5fd;animation:slideInRight .3s ease-out}.notification-info .notification-icon{animation:bounce .6s ease-out .2s}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.3);border-radius:0 0 .5rem .5rem;overflow:hidden}.notification-progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:currentColor;animation:progress linear}@keyframes progress{0%{width:100%}to{width:0}}.notification-item:hover{transform:translateX(-4px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.notification-item:hover .notification-progress:after{animation-play-state:paused}@media (prefers-color-scheme:dark){.notification-success{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #059669;color:#d1fae5}.notification-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:1px solid #dc2626;color:#fecaca}.notification-warning{background:linear-gradient(135deg,#78350f,#92400e);border:1px solid #d97706;color:#fed7aa}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border:1px solid #3b82f6;color:#bfdbfe}}@media (max-width:640px){.notification-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification-item{margin-bottom:.25rem}}@media (prefers-reduced-motion:reduce){.notification-icon,.notification-item,.notification-progress:after{animation:none!important;transition:none!important}.notification-item:hover{transform:none}}@media (prefers-contrast:high){.notification-item{border-width:2px;box-shadow:none}}