@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#06f;--primary-hover:#0052cc;--primary-light:#e6f2ff;--primary-dark:#0047b3;--secondary:#6366f1;--secondary-light:#eef2ff;--accent:#10b981;--accent-light:#d1fae5;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--bg-white:#fff;--bg-gray:#fafafa;--bg-dark:#0a0a0a;--bg-card:#fff;--bg-overlay:#0006;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-disabled:#a3a3a3;--text-inverse:#fff;--border-light:#e5e5e5;--border-medium:#d4d4d4;--border-dark:#a3a3a3;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,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;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--primary-color:var(--primary);--primary-dark:var(--primary-dark);--primary-light:var(--primary-light);--accent-color:var(--accent);--success-color:var(--success);--error-color:var(--error);--warning-color:var(--warning);--info-color:var(--info);--bg-primary:var(--bg-white);--bg-secondary:var(--bg-gray);--bg-tertiary:var(--gray-100);--bg-dark:var(--bg-dark);--bg-darker:var(--gray-900);--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--text-muted:var(--text-tertiary);--text-light:var(--text-inverse);--border-color:var(--border-light);--border-light:var(--border-light);--border-dark:var(--border-dark);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--font-family:var(--font-sans);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl);--font-size-4xl:var(--text-4xl);--transition-fast:var(--transition-fast);--transition-normal:var(--transition-base);--transition-slow:var(--transition-slow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.02em;line-height:1.25;line-height:var(--leading-tight)}h1{font-size:3rem;font-size:var(--text-5xl);line-height:1;line-height:var(--leading-none)}h1,h2{font-weight:700;font-weight:var(--font-bold)}h2{font-size:2.25rem;font-size:var(--text-4xl)}h3{font-size:1.875rem;font-size:var(--text-3xl)}h3,h4{font-weight:600;font-weight:var(--font-semibold)}h4{font-size:1.5rem;font-size:var(--text-2xl)}h5{font-size:1.25rem;font-size:var(--text-xl)}h5,h6{font-weight:500;font-weight:var(--font-medium)}h6{font-size:1.125rem;font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.625;line-height:var(--leading-relaxed);margin-bottom:16px;margin-bottom:var(--space-4)}a{color:#06f;color:var(--primary);font-weight:500;font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#0052cc;color:var(--primary-hover)}.btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:#06f}.btn-primary:hover{background:#0052cc;background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;background:var(--bg-white);border:1.5px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:#fafafa;border-color:#d4d4d4;border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-outline{border:1.5px solid #06f;border:1.5px solid var(--primary);color:#06f;color:var(--primary)}.btn-outline:hover{background:#06f;background:var(--primary);color:var(--text-inverse)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:8px 16px;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:16px 32px;padding:var(--space-4) var(--space-8)}.card{background:#fff;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:24px;margin-bottom:var(--space-6)}.form-label{display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:8px;margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--text-primary)}.form-input{background:#fff;background:var(--bg-white);border:1.5px solid var(--border-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.form-input:focus{border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:#a3a3a3;color:var(--text-disabled)}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.w-full{width:100%}.text-center{text-align:center}.mt-3{margin-top:16px;margin-top:var(--space-4)}.mb-3{margin-bottom:16px;margin-bottom:var(--space-4)}.p-3{padding:16px;padding:var(--space-4)}.loading-container{gap:24px;gap:var(--space-6);min-height:50vh}.loading-spinner{border:3px solid #e5e5e5;border-radius:9999px;border-top:3px solid #06f}html{scroll-behavior:smooth}::selection{background:var(--primary-light);color:#06f;color:var(--primary)}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#e0dbdb;border-bottom:1px solid var(--border-light);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);width:100%;z-index:var(--z-fixed)}.navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-sm)}.navbar-container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);text-decoration:none;transition:var(--transition-base)}.navbar-brand:hover{opacity:.8}.brand-logo{align-items:center;display:flex;gap:var(--space-3)}.brand-logo svg{color:var(--primary);font-size:var(--text-2xl);transition:transform var(--transition-base)}.brand-logo:hover svg{transform:scale(1.1)}.brand-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-weight:var(--font-bold);letter-spacing:-.02em}.navbar-menu{flex:1 1;gap:var(--space-1);justify-content:center}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.nav-link svg{font-size:var(--text-base);opacity:.7;transition:opacity var(--transition-base)}.nav-link:hover{background:var(--gray-50);color:var(--text-primary)}.nav-link:hover svg{opacity:1}.nav-link.active{background:var(--primary-light);color:var(--primary);font-weight:var(--font-semibold)}.nav-link.active svg{color:var(--primary);opacity:1}.nav-link-dropdown{cursor:pointer;position:relative}.auth-buttons,.navbar-auth{align-items:center;display:flex;gap:var(--space-3)}.btn{font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-primary{background:var(--primary);box-shadow:var(--shadow-xs);color:var(--text-inverse)}.btn-primary:hover{background:var(--text-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.auth-user{position:relative}.profile-pill{align-items:center;background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);transition:all var(--transition-base)}.profile-pill:hover{background:var(--gray-50);border-color:var(--primary);box-shadow:var(--shadow-sm)}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);height:32px;width:32px}.user-name{color:var(--text-primary);font-weight:var(--font-medium)}.chevron-icon{color:var(--text-tertiary);font-size:var(--text-xs);transition:transform var(--transition-base)}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown-menu{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:200px;opacity:0;overflow:hidden;padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2));transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-dropdown)}.user-dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all var(--transition-base);width:100%}.dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.dropdown-item svg{color:var(--text-tertiary);font-size:var(--text-base);transition:color var(--transition-base)}.dropdown-item:hover svg{color:var(--primary)}.logout-btn:hover{background:var(--error)}.logout-btn:hover,.logout-btn:hover svg{color:var(--text-inverse)}.programs-dropdown{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);left:0;max-height:80vh;max-width:500px;min-width:320px;opacity:0;overflow-y:auto;padding:var(--space-4);position:absolute;top:calc(100% + var(--space-2));transform:translateY(-8px);transition:all var(--transition-base);visibility:hidden;z-index:var(--z-dropdown)}.programs-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.programs-department{margin-bottom:var(--space-4)}.programs-department:last-child{margin-bottom:0}.department-title{align-items:center;border-radius:var(--radius-lg);color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-3);padding:var(--space-3);text-decoration:none;transition:all var(--transition-base)}.department-title:hover{background:var(--gray-50);color:var(--primary)}.department-title svg{color:var(--primary);font-size:var(--text-lg)}.programs-list{margin-left:var(--space-4);margin-top:var(--space-2);max-height:0;opacity:0;overflow:hidden;transition:all var(--transition-base)}.programs-list.open{margin-top:var(--space-2);max-height:300px;opacity:1}.program-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-2);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-base)}.program-link:hover{background:var(--gray-50);color:var(--primary)}.program-link svg{color:var(--primary);font-size:var(--text-sm);opacity:.6}.program-link:hover svg{opacity:1}.dropdown-empty,.dropdown-loading{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.dropdown-loading{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.navbar-toggle{background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:none;font-size:var(--text-xl);padding:var(--space-2);transition:all var(--transition-base)}.navbar-toggle:hover{background:var(--gray-50);color:var(--primary)}.mobile-dropdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-dropdown) - 1)}@media (max-width:1024px){.navbar-container{padding:0 var(--space-4)}.navbar-menu{gap:var(--space-1)}.nav-link{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width:768px){.navbar-container{height:64px;padding:0 var(--space-4)}.navbar-toggle{display:block}.navbar-menu{background:var(--bg-white);border-top:1px solid var(--border-light);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--space-2);left:0;max-height:calc(100vh - 64px);opacity:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:64px;transform:translateY(-20px);transition:all var(--transition-base);visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:var(--radius-lg);justify-content:flex-start;padding:var(--space-3) var(--space-4);width:100%}.nav-link-dropdown{align-items:flex-start;flex-direction:column}.programs-dropdown{background:var(--gray-50);border:none;border-radius:var(--radius-lg);box-shadow:none;margin-top:var(--space-2);max-height:none;opacity:1;position:static;transform:none;visibility:visible}.programs-list{margin-left:var(--space-4);max-height:none;opacity:1}.auth-buttons{flex-direction:column;gap:var(--space-2);width:100%}.btn,.profile-pill{justify-content:center;width:100%}.user-dropdown-menu{background:var(--gray-50);border:none;border-radius:var(--radius-lg);box-shadow:none;margin-top:var(--space-2);opacity:1;position:static;transform:none;visibility:visible}}@media (max-width:480px){.navbar-container{padding:0 var(--space-3)}.brand-logo span{font-size:var(--text-lg)}.navbar-menu{padding:var(--space-3)}.nav-link{font-size:var(--text-sm)}}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:var(--transition-normal);width:280px;z-index:1000}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md)}.sidebar-brand{color:var(--gray-800);text-decoration:none;transition:var(--transition-normal)}.sidebar-brand:hover{color:var(--primary-color)}.sidebar-brand .brand-logo{align-items:center;display:flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--spacing-sm)}.sidebar-brand .brand-logo svg{color:var(--primary-color);font-size:var(--font-size-xl)}.sidebar-brand .brand-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text}.sidebar-toggle{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-normal);width:32px}.sidebar-toggle:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg) 0}.sidebar-section{padding:0 var(--spacing-md)}.sidebar-section-title{border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--gray-600);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-normal)}.sidebar-link:hover{background:var(--gray-100);color:var(--primary-color);transform:translateX(2px)}.sidebar-link.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:var(--shadow-sm);color:var(--white)}.sidebar-link.active:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));color:var(--white)}.sidebar-link svg{flex-shrink:0;font-size:var(--font-size-sm)}.sidebar-link span{transition:var(--transition-normal)}.sidebar.collapsed .sidebar-link span{opacity:0;overflow:hidden;width:0}.sidebar-dropdown-btn{background:none;border:none;cursor:pointer;justify-content:space-between;width:100%}.chevron-icon{font-size:var(--font-size-xs);transition:var(--transition-normal)}.chevron-icon.rotate{transform:rotate(180deg)}.sidebar-dropdown-content{border-left:2px solid var(--gray-200);margin-left:var(--spacing-md);margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.sidebar-department{margin-bottom:var(--spacing-md)}.sidebar-department:last-child{margin-bottom:0}.sidebar-department-link{align-items:center;border-radius:var(--radius-sm);color:var(--gray-600);display:flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-normal)}.sidebar-department-link:hover{background:var(--gray-100);color:var(--primary-color)}.sidebar-department-link.active{background:var(--primary-color);color:var(--white)}.sidebar-department-link svg{color:var(--primary-color);font-size:var(--font-size-sm)}.sidebar-department-link.active svg{color:var(--white)}.sidebar-programs{margin-left:var(--spacing-lg);margin-top:var(--spacing-xs)}.sidebar-program-link{align-items:center;border-radius:var(--radius-sm);color:var(--gray-500);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-normal)}.sidebar-program-link:hover{background:var(--gray-50);color:var(--primary-color)}.sidebar-program-link.active{background:var(--primary-color);color:var(--white)}.sidebar-program-link svg{color:var(--primary-color);font-size:var(--font-size-xs)}.sidebar-program-link.active svg{color:var(--white)}.sidebar-user{margin-bottom:var(--spacing-lg)}.sidebar-user-info{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-sm);justify-content:center}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-logout{background:none;border:none;cursor:pointer;justify-content:flex-start;width:100%}.sidebar-logout:hover{background:var(--error-color);color:var(--white)}.sidebar-logout:hover svg{color:var(--white)}.mobile-sidebar-toggle{background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:none;left:var(--spacing-lg);padding:var(--spacing-sm);position:fixed;top:var(--spacing-lg);transition:var(--transition-normal);z-index:1001}.mobile-sidebar-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}.mobile-sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.mobile-open{transform:translateX(0)}.sidebar-link[data-tooltip]:hover:after{background:var(--gray-800);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--white);content:attr(data-tooltip);font-size:var(--font-size-xs);left:100%;margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.sidebar.collapsed .sidebar-link[data-tooltip]:hover:after{display:block}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.mobile-sidebar-toggle{display:block}.sidebar.collapsed{width:280px}.sidebar-header{padding:var(--spacing-md)}.sidebar-content{padding:var(--spacing-md) 0}.sidebar-section{padding:0 var(--spacing-sm)}.sidebar-link{padding:var(--spacing-md)}.sidebar-link,.sidebar-link svg{font-size:var(--font-size-base)}.sidebar-dropdown-content{margin-left:var(--spacing-sm)}.sidebar-department-link,.sidebar-program-link{font-size:var(--font-size-sm)}}@media (max-width:480px){.sidebar{width:100%}.mobile-sidebar-toggle{left:var(--spacing-md);top:var(--spacing-md)}.sidebar-header{padding:var(--spacing-sm)}.sidebar-content{padding:var(--spacing-sm) 0}.sidebar-section{padding:0 var(--spacing-xs)}.sidebar-link{padding:var(--spacing-sm) var(--spacing-md)}}.footer{background:var(--gray-900);border-top:1px solid #ffffff1a;color:var(--text-inverse);margin-top:auto}.footer-container{margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.footer-content{grid-gap:var(--space-12);border-bottom:1px solid #ffffff1a;display:grid;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--space-16) 0 var(--space-12)}.footer-section h3{color:var(--text-inverse);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.01em;margin-bottom:var(--space-6)}.footer-section h4{color:var(--text-inverse);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.footer-section p{color:#ffffffb3;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.footer-section ul{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.footer-section ul li{margin:0}.footer-section ul li a{align-items:center;color:#ffffffb3;display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);text-decoration:none;transition:all var(--transition-base)}.footer-section ul li a:hover{color:var(--text-inverse);transform:translateX(4px)}.social-links{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.social-links a{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#ffffffb3;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all var(--transition-base);width:44px}.social-links a:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--text-inverse);transform:translateY(-2px)}.contact-info{gap:var(--space-4)}.footer .contact-info{background:#0000;border:none;box-shadow:none;padding:0}.contact-item{align-items:flex-start;color:#ffffffb3;line-height:var(--leading-relaxed)}.contact-item svg{flex-shrink:0;font-size:var(--text-base);margin-top:2px}.footer .contact-item{background:#0000;border:none;box-shadow:none;padding:0}.footer-bottom{padding:var(--space-6) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.footer-bottom p{color:#fff9;font-size:var(--text-sm);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6)}.footer-links a{color:#fff9;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--text-inverse)}@media (max-width:768px){.footer-container{padding:0 var(--space-4)}.footer-content{gap:var(--space-8);grid-template-columns:1fr;padding:var(--space-12) 0 var(--space-8)}.footer-bottom-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.social-links{justify-content:flex-start}}@media (max-width:480px){.footer-content{gap:var(--space-6);padding:var(--space-8) 0 var(--space-6)}.footer-links{flex-direction:column;gap:var(--space-3);width:100%}.footer-links a{text-align:center}}.home{background:var(--bg-gray);border-radius:0;min-height:100vh;width:100%}.banner-section{height:90vh;margin-top:72px;max-height:900px;min-height:600px;overflow:hidden;position:relative;width:100%}.banner-container,.banner-slides{height:100%;position:relative;width:100%}.banner-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s cubic-bezier(.4,0,.2,1);width:100%}.banner-slide.active{opacity:1}.banner-overlay{align-items:center;background:linear-gradient(135deg,#000000b3,#00000080 50%,#0009);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.banner-content{color:var(--text-inverse);margin:0 auto;max-width:1200px;padding:0 var(--space-6);text-align:center;width:100%;z-index:1}.banner-text{margin:0 auto;max-width:800px}.banner-text.animate .banner-title{animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94) forwards}.banner-text.animate .banner-subtitle{animation:slideInRight .8s cubic-bezier(.25,.46,.45,.94) .2s forwards;opacity:0}.banner-text.animate .banner-description{animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) .4s forwards;opacity:0}.banner-text.animate .banner-cta{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .6s forwards;opacity:0;transform:scale(.8)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.banner-title{color:var(--text-inverse);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--font-bold);letter-spacing:-.03em;line-height:var(--leading-none);margin-bottom:var(--space-4);opacity:0;text-shadow:0 4px 20px #0000004d;transform:translateX(-50px)}.banner-subtitle{color:#fffffff2;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:var(--font-semibold);letter-spacing:-.01em;margin-bottom:var(--space-6);opacity:0;text-shadow:0 2px 10px #0003;transform:translateX(50px)}.banner-description{color:#ffffffe6;font-size:clamp(1rem,1.5vw,1.25rem);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px;opacity:0;text-shadow:0 2px 8px #0003;transform:translateY(30px)}.banner-cta{align-items:center;background:var(--primary);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-inverse);display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);opacity:0;padding:var(--space-4) var(--space-8);text-decoration:none;transform:scale(.8);transition:all var(--transition-base)}.banner-cta:hover{border-color:#ffffff4d;box-shadow:var(--shadow-xl);text-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}.banner-cta:hover,.banner-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;color:var(--text-inverse)}.banner-nav{align-items:center;border:1.5px solid #fff3;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--text-lg);height:48px;justify-content:center;padding:var(--space-3);position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:48px;z-index:10}.banner-nav:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.banner-prev{left:var(--space-6)}.banner-next{right:var(--space-6)}.banner-indicators{bottom:var(--space-6);display:flex;gap:var(--space-2);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.banner-indicator{background:#0000;border:2px solid #ffffff80;border-radius:var(--radius-full);cursor:pointer;height:10px;transition:all var(--transition-base);width:10px}.banner-indicator.active{background:var(--text-inverse);border-color:var(--text-inverse);border-radius:var(--radius-full);width:24px}.banner-indicator:hover{background:#ffffff80}.section-header{margin:0 auto var(--space-16);max-width:700px;opacity:0;padding:0 var(--space-6);text-align:center;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.section-header.animate-in{opacity:1;transform:translateY(0)}.section-header h2{color:var(--text-primary);display:inline-block;font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-4);position:relative}.section-header h2:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:var(--radius-full);bottom:-12px;content:"";height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:width .8s ease-out .4s,opacity .8s ease-out .4s;width:0}.section-header.animate-in h2:after{opacity:1;width:60px}.section-header p{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed);opacity:0;transition:opacity .8s ease-out .3s}.section-header.animate-in p{opacity:1}.highlights{background:var(--bg-white);border-radius:0;padding:var(--space-20) var(--space-6)}.highlights-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.highlight-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-decoration:none;transition:all var(--transition-base)}.highlight-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.highlight-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-xl);color:var(--primary);display:flex;font-size:2.5rem;height:64px;justify-content:center;width:64px}.highlight-body h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.highlight-body p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.programs{background:var(--bg-gray);padding:var(--space-20) var(--space-6)}.programs-grid{grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.program-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.program-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.program-media{background-position:50%;background-size:cover;height:240px;position:relative}.program-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-6)}.program-tag{background:var(--primary-light);border-radius:var(--radius-full);color:var(--primary);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);text-transform:uppercase}.program-content h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.program-content ul{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);list-style:none;margin:0 0 var(--space-6) 0;padding:0}.program-content li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.program-content li svg{color:var(--primary);flex-shrink:0;font-size:var(--text-xs)}.spotlights{background:var(--bg-white);padding:var(--space-20) var(--space-6)}.spot-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1200px}.spot-card{align-items:flex-start;background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:var(--space-6);overflow:hidden;padding:var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-base)}.spot-card:before{background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.spot-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.spot-card:hover:before{opacity:1}.spot-media{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--text-2xl);height:80px;justify-content:center;transition:all var(--transition-base);width:80px}.spot-card:hover .spot-media{box-shadow:var(--shadow-lg);transform:scale(1.1) rotate(5deg)}.spot-body{flex:1 1}.spot-body h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.01em;margin:0 0 var(--space-3) 0}.spot-body p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.stats{background:linear-gradient(180deg,#f7f9fc,#f1f4f9);padding:var(--space-16) var(--space-6)}.stats-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px}.stat-item{background:var(--white);border:1px solid var(--gray-200);flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-8) var(--space-6);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.stat-item:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;opacity:.75;position:absolute;right:0;top:0}.stat-item:hover{border-color:var(--primary-color);box-shadow:0 12px 30px #00000014;transform:translateY(-6px)}.stat-number{color:var(--gray-900);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-bold);letter-spacing:-.02em}.stat-label{color:#f60909f2;display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);-webkit-hyphens:auto;hyphens:auto;letter-spacing:.08em;line-height:var(--leading-relaxed);margin-top:var(--space-4);max-width:100%;padding:0 var(--space-2);position:relative;z-index:1}.why{background:var(--bg-gray);padding:var(--space-20) var(--space-6)}.why-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.why-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.why-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.why-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-2xl);color:var(--primary);display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;width:80px}.why-card h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.why-card p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.team{background:var(--bg-white);padding:var(--space-20) var(--space-6)}.team-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.team-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.team-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.team-photo{background-position:50%;background-size:cover;height:280px}.team-body{padding:var(--space-6)}.team-body h3{color:var(--text-primary);font-size:var(--text-xl);margin:0 0 var(--space-2) 0}.team-body h3,.team-role{font-weight:var(--font-semibold)}.team-role{color:var(--primary);display:inline-block;margin-bottom:var(--space-4)}.team-body p,.team-role{font-size:var(--text-sm)}.team-body p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.testimonials{background:var(--bg-gray);padding:var(--space-20) var(--space-6)}.testimonials-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-content{margin-bottom:var(--space-6)}.testimonial-content p{color:var(--text-primary);font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);margin:0}.testimonial-author{align-items:center;display:flex;gap:var(--space-4)}.author-info h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.author-info span{color:var(--text-secondary);font-size:var(--text-sm)}.visitor-cta{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));color:var(--text-inverse);padding:var(--space-20) var(--space-6);text-align:center}.cta-inner{margin:0 auto;max-width:800px;padding:0 var(--space-6)}.cta-inner h2{color:var(--text-inverse);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-4)}.cta-inner p{color:#ffffffe6;font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.cta-buttons{gap:var(--space-4)}@media (max-width:768px){.banner-section{height:70vh;margin-top:64px;min-height:500px}.banner-nav{font-size:var(--text-base);height:40px;padding:var(--space-2);width:40px}.banner-prev{left:var(--space-3)}.banner-next{right:var(--space-3)}.banner-indicators{bottom:var(--space-4)}.highlights,.programs,.spotlights,.stats,.team,.testimonials,.visitor-cta,.why{padding:var(--space-12) var(--space-4)}.highlights-grid,.programs-grid,.spot-grid,.team-grid,.testimonials-grid,.why-grid{gap:var(--space-4);grid-template-columns:1fr}.spot-grid{grid-template-columns:1fr}.spot-card{align-items:center;flex-direction:column;text-align:center}.spot-media{margin-bottom:var(--space-4)}.stats-container{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.stat-item{min-height:160px;padding:var(--space-6) var(--space-3)}.stat-number{font-size:clamp(2.5rem,8vw,4rem)}.stat-label{font-size:var(--text-xs);letter-spacing:.06em;line-height:1.5;padding:0 var(--space-1)}.section-header{margin-bottom:var(--space-12);padding:0 var(--space-4)}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}@media (max-width:480px){.stats-container{gap:var(--space-4);grid-template-columns:1fr}.stat-item{min-height:150px;padding:var(--space-6) var(--space-3)}.stat-number{font-size:clamp(2.5rem,10vw,3.5rem)}.stat-label{font-size:10px;letter-spacing:.05em;line-height:1.4;padding:0}.banner-content{padding:0 var(--space-4)}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);background-color:blue;display:flex;justify-content:center;margin:auto;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.auth-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:680px;padding:var(--spacing-2xl) 50px;position:relative;width:100%;z-index:1}.auth-card:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:var(--spacing-2xl);text-align:center}.auth-logo{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:100px}.logo-icon{color:var(--primary-color);font-size:2.5rem}.auth-logo h1,.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;margin-top:50px}.auth-logo h1{color:var(--gray-800);font-size:var(--font-size-3xl);font-weight:700}.auth-header h2{color:var(--gray-700);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--gray-600);font-size:var(--font-size-base);margin:0}.auth-form{margin-bottom:var(--spacing-xl)}.form-label{align-items:center;color:var(--gray-700);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-label svg{color:var(--primary-color)}.form-input,.form-label svg{font-size:var(--font-size-base)}.form-input{background-color:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-800);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none;transform:translateY(-1px)}.form-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:var(--gray-400)}.password-input-container{position:relative}.password-toggle{border-radius:var(--radius-sm);color:var(--gray-400);padding:var(--spacing-sm);right:var(--spacing-lg);top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{background:var(--gray-50);color:var(--primary-color)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{color:var(--error-color);display:block;font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-xs)}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.checkbox-label{color:var(--gray-600);font-weight:500}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-sm);height:20px;transition:all var(--transition-fast);width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.forgot-password{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.btn.w-full{width:100%}.btn{overflow:hidden;position:relative}.submit-btn-primary{background-color:blue;color:#fff}.btn-primary:active{transform:translateY(0)}.btn:disabled{opacity:.7}.btn .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:18px;width:18px}.auth-footer{margin-top:var(--spacing-xl);text-align:center}.back-to-site{align-items:center;border-radius:var(--radius-md);color:var(--gray-600);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:color var(--transition-fast)}.back-to-site:hover{background:var(--gray-50);color:var(--primary-color)}@media (max-width:768px){.auth-container{padding:var(--spacing-md)}.auth-card{max-width:100%;padding:var(--spacing-2xl)}.auth-logo h1{font-size:var(--font-size-2xl)}.auth-header h2{font-size:var(--font-size-xl)}.form-options{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.auth-container{padding:var(--spacing-sm)}.auth-card{padding:var(--spacing-xl)}.auth-logo{flex-direction:column;gap:var(--spacing-sm)}.logo-icon{font-size:2rem}.auth-logo h1{font-size:var(--font-size-xl)}.auth-header h2{font-size:var(--font-size-lg)}}.auth-card{animation:fadeInUp .6s ease-out}.register-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 1rem}.register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 25px 50px #00000026;max-width:800px;width:100%}.progress-steps{justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.progress-steps,.step{align-items:center;display:flex;position:relative}.step{flex:1 1;flex-direction:column;z-index:2}.step-number{align-items:center;background:#e5e7eb;border:3px solid #d1d5db;border-radius:50%;color:#6b7280;display:flex;font-weight:600;height:50px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:50px}.step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-info{align-items:center;display:flex;flex-direction:column;text-align:center}.step-title{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.step-icon{color:#9ca3af;font-size:1rem;transition:color .3s ease}.step.active .step-title{font-weight:600}.step.active .step-icon,.step.active .step-title{color:var(--primary-color)}.step.completed .step-title{color:#10b981;font-weight:600}.step.completed .step-icon{color:#10b981}.step-connector{background:#e5e7eb;height:3px;left:50%;position:absolute;top:25px;width:100%;z-index:1}.step:not(:last-child) .step-connector{transform:translateX(50%)}.step.completed .step-connector{background:#10b981}.step-content{animation:fadeInUp .5s ease}.step-header{margin-bottom:2rem;text-align:center}.step-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.step-header p{color:var(--text-secondary);font-size:1rem}.role-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.role-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.role-card:hover{box-shadow:0 10px 25px #0000001a}.role-card.active,.role-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.role-card.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 15px 35px #3b82f64d;color:#fff}.role-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.role-icon-large{align-items:center;background:#fff3;border-radius:50%;color:var(--primary-color);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.role-card.active .role-icon-large{background:#ffffff4d;color:#fff}.role-card h4{font-size:1.25rem;font-weight:600;margin:0}.role-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.role-card.active .role-description{color:#ffffffe6}.role-benefits{list-style:none;margin:0;padding:0}.role-benefits li{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.role-card.active .role-benefits li{color:#fffc}.benefit-icon{color:#10b981;font-size:.75rem}.role-card.active .benefit-icon{color:#34d399}.role-selected{align-items:center;animation:scaleIn .3s ease;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.875rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.step-navigation{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.btn{border-radius:.5rem;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 5px 15px #3b82f64d}.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-secondary:hover{background:#e5e7eb;color:#374151}.btn:disabled{transform:none!important}.password-strength{margin-top:.75rem}.strength-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.strength-fill.weak{background:#ef4444}.strength-fill.medium{background:#f59e0b}.strength-fill.strong{background:#10b981}.strength-text{color:#6b7280;font-size:.75rem;font-weight:500}.password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.password-requirements h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.5rem;transition:color .3s ease}.password-requirements li.met{color:#10b981}.password-requirements li svg{font-size:.625rem}.form-row{grid-gap:1rem;gap:1rem}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;left:1rem;position:absolute;z-index:2}.input-group input,.input-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group input.error,.input-group textarea.error{border-color:#ef4444}.input-group input.error:focus,.input-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-toggle{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease}.password-toggle:hover{color:var(--text-primary)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.register-card{margin:1rem;padding:1.5rem}.progress-steps{flex-direction:column;gap:1rem}.step{flex-direction:row;gap:1rem}.step-connector{display:none}.form-row,.role-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:1rem}.btn{justify-content:center;width:100%}}@media (max-width:480px){.register-container{padding:1rem .5rem}.register-card{margin:.5rem;padding:1rem}.step-header h3{font-size:1.25rem}.role-card{padding:1rem}.role-card-header{flex-direction:column;gap:.5rem;text-align:center}}.loading-container svg{color:#667eea}.loading-container h3{color:#334155;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.loading-container p{color:#64748b;font-size:1rem}@media (max-width:768px){.loading-container{min-height:300px;padding:3rem 1rem}.loading-container svg{font-size:2.5rem}.loading-container h3{font-size:1.25rem}.loading-container p{font-size:.9rem}}.gallery-management{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg)}.gallery-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.gallery-header:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.gallery-tabs{box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.gallery-tab-content,.gallery-tabs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.gallery-tab-content{box-shadow:var(--shadow-lg);min-height:500px;padding:var(--spacing-xl)}.tab-header{border-bottom:2px solid var(--border-light)}.tab-subtitle{display:block}.tab-header .btn{align-self:flex-start;flex-shrink:0;margin-top:var(--spacing-xs)}.btn{line-height:1}.btn-primary{color:var(--text-light)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.empty-state{padding:var(--spacing-2xl) var(--spacing-xl)}.empty-state-icon{color:var(--text-muted);opacity:.6}.no-results{padding:var(--spacing-xl)}.no-results svg{color:var(--text-muted);margin-bottom:var(--spacing-md)}.no-results h3{margin:0 0 var(--spacing-sm) 0}.info-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.info-banner svg{color:var(--warning-color)}.search-bar svg{color:var(--text-muted);font-size:var(--font-size-base)}.search-bar input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem}.category-filter,.search-bar input{border:2px solid var(--border-color)}.category-filter{background:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);min-width:180px;padding:var(--spacing-md);transition:all var(--transition-normal)}.category-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.categories-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.category-card:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.category-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--font-size-base);height:36px;justify-content:center;width:36px}.category-actions{display:flex;gap:var(--spacing-sm)}.action-btn{padding:var(--spacing-sm)}.action-btn.edit{background:#fef3c7;color:var(--warning-color)}.action-btn.edit:hover{background:#fcd34d;color:#92400e;transform:scale(1.1)}.action-btn.delete{background:#fee2e2;color:var(--error-color)}.action-btn.delete:hover{background:#fca5a5;color:#991b1b;transform:scale(1.1)}.action-btn.view{background:#dbeafe;color:var(--primary-color)}.action-btn.view:hover{background:#93c5fd;color:var(--primary-dark);transform:scale(1.1)}.category-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.category-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.category-stats{align-items:center;font-size:var(--font-size-xs);justify-content:space-between}.stat{color:var(--text-secondary);font-weight:500;gap:var(--spacing-xs)}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fee2e2;color:#991b1b}.images-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.image-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all var(--transition-normal)}.image-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-preview{aspect-ratio:16/10;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.image-placeholder{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;flex-direction:column;font-size:14px;gap:8px;height:100%;justify-content:center;width:100%}.image-placeholder svg{font-size:32px;opacity:.5}.image-card:hover .image-preview img{transform:scale(1.05)}.image-overlay{align-items:center;background:#000000b3;justify-content:center}.image-card:hover .image-overlay{opacity:1}.overlay-actions .action-btn{background:#ffffffe6;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);height:auto;padding:var(--spacing-md);width:auto}.overlay-actions .action-btn:hover{background:var(--text-light);transform:scale(1.1)}.featured-badge{background:var(--accent-color);border-radius:var(--radius-md);color:var(--text-light);padding:var(--spacing-sm)}.image-info{padding:var(--spacing-lg)}.image-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-sm) 0}.image-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.image-meta{align-items:center;color:var(--text-secondary);font-size:var(--font-size-xs);justify-content:space-between}.image-meta span{align-items:center;display:flex;font-weight:500;gap:var(--spacing-xs)}.category{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.modal-content{box-shadow:var(--shadow-xl)}.modal-header{border-bottom:2px solid var(--border-light)}.modal-header h3{font-size:var(--font-size-lg)}.modal-close{padding:var(--spacing-sm)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-footer{border-top:2px solid var(--border-light)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);border-radius:var(--radius-lg)}.checkbox-label{font-weight:500!important;margin-bottom:0!important}.error-container,.loading-container{padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color)}.error-icon{color:var(--error-color);font-size:3rem}.error-container h2,.loading-container h3{margin:0 0 var(--spacing-sm) 0}@media (max-width:768px){.gallery-management{padding:var(--spacing-md)}.gallery-header{padding:var(--spacing-lg)}.header-content h1{font-size:var(--font-size-2xl)}.gallery-tabs{margin:0 0 var(--spacing-lg) 0}.gallery-tab-content{padding:var(--spacing-lg)}.tab-header{align-items:stretch;gap:var(--spacing-md)}.filters-section,.tab-header{flex-direction:column}.search-bar{min-width:auto}.categories-grid,.form-row,.images-grid{grid-template-columns:1fr}.modal-content{margin:var(--spacing-md);max-width:none}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}}.accommodation-management{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg)}.accommodation-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.accommodation-header:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.accommodation-tabs{box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.accommodation-tab-content,.accommodation-tabs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.accommodation-tab-content{box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.tab-header{align-items:center;gap:var(--spacing-lg)}.tab-title{flex:1 1;min-width:0}.tab-title h3{font-size:var(--font-size-2xl)}.types-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.type-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-normal)}.type-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.type-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.type-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--font-size-base);height:36px;justify-content:center;width:36px}.type-actions{display:flex;gap:var(--spacing-xs)}.type-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.type-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.type-stats{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:var(--spacing-md)}.type-stats,.type-stats .stat{align-items:center;display:flex}.type-stats .stat{color:var(--text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-xs)}.type-stats .stat svg{color:var(--primary-color)}.accommodations-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.accommodation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.accommodation-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.accommodation-image{height:200px;overflow:hidden;position:relative}.accommodation-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.accommodation-card:hover .accommodation-image img{transform:scale(1.05)}.placeholder-image{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-3xl);height:100%;width:100%}.accommodation-overlay,.placeholder-image{align-items:center;display:flex;justify-content:center}.accommodation-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.accommodation-card:hover .accommodation-overlay{opacity:1}.overlay-actions{gap:var(--spacing-md)}.featured-badge{align-items:center;background:linear-gradient(135deg,gold,#ff8c00);border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);right:var(--spacing-md);top:var(--spacing-md)}.accommodation-info{padding:var(--spacing-lg)}.accommodation-info h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.accommodation-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-md) 0}.accommodation-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.accommodation-details span{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.accommodation-details svg{color:var(--primary-color)}.accommodation-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.accommodation-meta .type{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.accommodation-meta .type,.availability{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.availability{font-weight:600;text-transform:capitalize}.availability.available{background:#d4edda;color:#155724}.availability.limited{background:#fff3cd;color:#856404}.availability.full{background:#f8d7da;color:#721c24}.availability.unavailable{background:#f1f3f4;color:#5f6368}.action-btn{font-size:var(--font-size-sm)}.action-btn.edit{background:var(--warning-color);color:#fff}.action-btn.edit:hover{background:var(--warning-dark);transform:scale(1.05)}.action-btn.delete{background:var(--danger-color)}.action-btn.delete:hover{background:var(--danger-dark);transform:scale(1.05)}.action-btn.view{background:var(--info-color)}.action-btn.view:hover{background:var(--info-dark);transform:scale(1.05)}.status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.filters-section{margin-bottom:var(--spacing-xl)}.search-bar input{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;transition:border-color var(--transition-normal)}.type-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:150px;padding:var(--spacing-md)}.empty-state{padding:var(--spacing-4xl)}.empty-state-icon{color:var(--border-color);font-size:4rem}.info-banner{background:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--radius-md);color:#856404;margin-bottom:var(--spacing-lg)}.no-results{padding:var(--spacing-4xl)}.no-results svg{color:var(--border-color)}.no-results h3{font-size:var(--font-size-xl)}.no-results p{font-size:var(--font-size-base)}.modal-overlay{background:#000000b3}.modal-content{border:0 solid var(--border-color)}.modal-header{background-color:#fff}.modal-close{background-color:red}.modal-close:hover{background:var(--danger-color)}.modal-body{background-color:#fff}.form-group,.form-row{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);transition:border-color var(--transition-normal)}.form-group textarea{min-height:80px}.checkbox-label{border-radius:var(--radius-sm);display:flex!important;font-weight:400!important;padding:var(--spacing-xs);transition:background-color var(--transition-normal)}.checkbox-label:hover{background-color:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;display:block!important;flex-shrink:0;height:20px!important;margin:0!important;margin-right:var(--spacing-sm)!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important}.checkbox-label input[type=checkbox]:checked{accent-color:var(--primary-color)}.checkbox-label input[type=checkbox]:before{background:#fff;border:2px solid var(--border-color);border-radius:3px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.checkbox-label input[type=checkbox]:checked:before{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--spacing-lg);padding:var(--spacing-md)}.checkbox-group .checkbox-label{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex!important;flex:1 1;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:flex-start;min-height:40px;padding:var(--spacing-sm);transition:all var(--transition-normal)}.checkbox-group .checkbox-label:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.checkbox-group .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;display:block!important;flex-shrink:0;height:20px!important;margin:0!important;margin-right:var(--spacing-sm)!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important}.checkbox-group .checkbox-label input[type=checkbox]:checked{accent-color:var(--primary-color)}.checkbox-group .checkbox-label input[type=checkbox]:before{background:#fff;border:2px solid var(--border-color);border-radius:3px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.checkbox-group .checkbox-label input[type=checkbox]:checked:before{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-group .checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.amenities-grid{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:200px;overflow-y:auto;padding:var(--spacing-md)}.amenities-grid .checkbox-label{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex!important;font-size:var(--font-size-sm);gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap}.amenities-grid .checkbox-label:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.amenities-grid .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;display:block!important;flex-shrink:0;height:20px!important;margin:0!important;margin-right:var(--spacing-sm)!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important}.amenities-grid .checkbox-label input[type=checkbox]:checked{accent-color:var(--primary-color)}.amenities-grid .checkbox-label input[type=checkbox]:before{background:#fff;border:2px solid var(--border-color);border-radius:3px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.amenities-grid .checkbox-label input[type=checkbox]:checked:before{background:var(--primary-color);border-color:var(--primary-color)}.amenities-grid .checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.btn-primary{box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.loading-container h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.error-container{color:var(--text-secondary);min-height:400px}.error-icon{color:var(--danger-color)}.error-container h2{color:var(--text-primary);font-size:var(--font-size-2xl)}.error-container p{font-size:var(--font-size-base)}.loading-container{background:var(--bg-primary);margin:var(--spacing-xl) 0;padding:var(--spacing-4xl)}.loading-spinner{height:80px;margin-bottom:var(--spacing-xl);width:80px}.loading-spinner:before{animation:rotate-square 2s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:3px solid var(--primary-color);border-radius:var(--radius-lg);height:100%;left:0;opacity:.8;top:0;width:100%}.loading-spinner:after{animation:pulse-center 1.5s ease-in-out infinite;background:var(--primary-color);height:20px;width:20px}.status-checkboxes{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:var(--spacing-sm)}.status-checkbox-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.status-checkbox-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.status-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);min-height:60px;padding:var(--spacing-md);width:100%}.status-checkbox-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:24px;position:relative;transition:all var(--transition-normal);width:24px}.status-checkbox-label:hover .checkbox-custom{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.status-checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.status-checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-text{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.checkbox-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.checkbox-description{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.status-checkbox-item:has(input:checked){background:rgba(var(--primary-color-rgb),.05);border-color:var(--primary-color)}.status-checkbox-item:has(input:checked) .checkbox-title{color:var(--primary-color)}@media (max-width:768px){.accommodation-management{padding:var(--spacing-md)}.accommodation-header{padding:var(--spacing-lg)}.header-content h1{font-size:var(--font-size-2xl)}.accommodation-tabs{flex-direction:column}.tab-button{justify-content:center}.accommodations-grid,.types-grid{grid-template-columns:1fr}.tab-header{align-items:flex-start;gap:var(--spacing-md)}.filters-section,.tab-header{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content{margin:var(--spacing-md);max-width:none}.amenities-grid{grid-template-columns:1fr}.checkbox-group{flex-direction:column;gap:var(--spacing-sm)}.status-checkboxes{grid-template-columns:1fr}}@media (max-width:480px){.accommodation-header{padding:var(--spacing-md)}.accommodation-tab-content,.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}.modal-footer{flex-direction:column}}.course-management{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-lg)}.course-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);min-height:200px;padding:var(--spacing-xl)}.course-header:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));height:4px}.header-content h1{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.course-tabs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.tab-button{color:var(--text-secondary);position:relative}.tab-button:hover{background:var(--bg-tertiary)}.tab-button.active{color:var(--text-light)}.tab-count{background:#fff3;border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.tab-button:not(.active) .tab-count{background:var(--bg-tertiary);color:var(--text-secondary)}.course-tab-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.tab-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.tab-title h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-xs) 0}.tab-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.programs-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:var(--spacing-lg)}.program-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.program-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.program-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.program-icon{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--font-size-base);height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.program-card:hover .program-icon{box-shadow:var(--shadow-lg);transform:scale(1.05)}.program-actions{display:flex;gap:var(--spacing-sm);opacity:1;transition:opacity var(--transition-normal)}.action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;box-shadow:0 4px 15px #0003;font-size:16px;height:40px;overflow:hidden;position:relative;width:40px}.action-btn,.action-btn:before{border-radius:50%;transition:all .3s ease}.action-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.action-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px) scale(1.05)}.action-btn:hover:before{background:linear-gradient(135deg,#fff3,#ffffff1a)}.action-btn:active{box-shadow:0 2px 8px #0003;transform:translateY(0) scale(.95)}.action-btn.edit{background:#fbbf2433;border:2px solid #fbbf244d;color:#fbbf24}.action-btn.edit:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b66;color:#fff}.action-btn.delete{background:#f8717133;border:2px solid #f871714d;color:#f87171}.action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 8px 25px #ef444466;color:#fff}.action-btn.manage{background:#60a5fa33;border:2px solid #60a5fa4d;color:#60a5fa}.action-btn.manage:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f666;color:#fff}.program-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.program-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-md) 0}.program-stats{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.program-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs)}.program-stats .stat svg{color:var(--primary-color)}.program-stats .status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.program-stats .status.active{background:#dcfce7;color:#166534}.course-count{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.subjects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-lg)}.subject-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.subject-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.subject-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.order-number,.subject-order{align-items:center;display:flex;justify-content:center}.order-number{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;height:32px;width:32px}.subject-actions{display:flex;gap:var(--spacing-sm)}.subject-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.subject-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-md) 0}.subject-stats{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.courses-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:var(--spacing-lg)}.course-card{background:var(--bg-primary);border:1px solid #e2e8f099;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.course-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #00000026}.course-header{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px 12px 0 0;height:200px;overflow:hidden}.course-header:before{background:linear-gradient(135deg,#000000b3,#0000004d 50%,#000c);content:"";z-index:1}.course-header-content,.course-header:before{bottom:0;left:0;position:absolute;right:0;top:0}.course-header-content{display:flex;flex-direction:column;justify-content:space-between;padding:20px;z-index:2}.course-header-top{align-items:flex-start}.course-header-bottom,.course-header-top{display:flex;justify-content:space-between;width:100%}.course-header-bottom{align-items:flex-end}.course-badges{align-items:center;gap:8px}.course-actions{border-radius:20px;gap:8px;padding:8px 12px}.course-title-preview h4{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0 0 4px;text-shadow:0 2px 4px #00000080}.course-title-preview p{color:#fffc;font-size:14px;margin:0;text-shadow:0 1px 2px #00000080}.course-stats-preview{align-items:center;display:flex;gap:12px}.course-stats-preview .stat{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:15px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;text-shadow:0 1px 2px #00000080}.course-stats-preview .stat,.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge{background:#0009;border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 12px #0000004d;font-weight:700;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.status-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.status-badge:hover:before{left:100%}.featured-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 12px #f59e0b66;font-size:12px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:8px 16px 8px 28px;position:relative;transition:all .3s ease}.featured-badge:before{content:"★";font-size:14px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.free-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:2px solid #ffffff4d;box-shadow:0 4px 12px #10b98166;font-size:12px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:8px 16px 8px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}.free-badge:before{content:"🆓";font-size:14px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.course-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.course-content{min-height:180px;min-width:450px}.course-content h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:1.3}.course-description{font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0;min-height:60px}.course-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);min-height:60px}.course-meta-row1{justify-content:space-between;width:100%}.course-meta-row1,.course-meta-row2{align-items:center;display:flex;flex-wrap:wrap}.course-meta-row2{gap:var(--spacing-sm)}.course-meta .program{color:var(--text-secondary);flex-shrink:0;font-size:18px;font-weight:999}.level-badge{border-radius:12px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.course-meta .duration,.course-meta .students{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:4px}.course-stats{background:#f8fafc80;border-top:1px solid #e2e8f04d;min-height:60px;padding:var(--spacing-lg) var(--spacing-xl)}.course-stats .credits{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:4px}.course-stats .price{align-items:center;border-radius:12px;color:var(--primary-color);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:4px;padding:4px 8px}.course-stats .rating{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:4px}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.search-bar{min-width:250px}.search-bar input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px}.search-bar svg{color:var(--text-secondary);font-size:var(--font-size-sm);left:var(--spacing-sm)}.filter-controls{gap:var(--spacing-sm)}.filter-controls select{min-width:120px}.filter-controls select,.level-filter,.program-filter,.status-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.level-filter,.program-filter,.status-filter{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;cursor:pointer;min-width:140px;padding-right:var(--spacing-xl);transition:all var(--transition-normal)}.level-filter:hover,.program-filter:hover,.status-filter:hover{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.level-filter:focus,.program-filter:focus,.status-filter:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633;outline:none}.level-filter option,.program-filter option,.status-filter option{background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-sm)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:var(--spacing-lg)}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-2xl);max-width:600px}.modal-content.large{max-width:800px}.modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-xl)}.modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl)}.modal-close{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-lg);height:36px;transition:all var(--transition-normal);width:36px}.modal-close:hover{background:var(--error-color);color:#fff;transform:scale(1.05)}.modal-body,.modal-footer{padding:var(--spacing-xl)}.modal-footer{background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--border-color);gap:var(--spacing-md);justify-content:flex-end}.category-form,.course-form{padding:var(--spacing-lg)}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-md) 0}.form-row{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #3b82f61a}.form-group input[type=color]{border:none;border-radius:var(--radius-sm);cursor:pointer;height:40px;padding:0;width:60px}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.file-input{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.file-input:hover{background:#3b82f60d;border-color:var(--primary-color)}.file-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-help{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.checkbox-group{flex-direction:column}.checkbox-group,.checkbox-label{display:flex;gap:var(--spacing-sm)}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox]{margin:0;width:auto}.checkmark{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xs);height:18px;position:relative;transition:all var(--transition-normal);width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.info-banner{align-items:center;background:#ffc1071a;border:1px solid var(--warning-color);border-radius:var(--radius-lg);color:var(--warning-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.info-banner svg{flex-shrink:0;font-size:var(--font-size-lg)}.info-banner span{flex:1 1;font-size:var(--font-size-sm);font-weight:500}.info-banner .btn{flex-shrink:0}.no-results{color:var(--text-secondary);padding:var(--spacing-3xl)}.no-results svg{color:var(--text-tertiary);font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.6}.no-results h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.no-results p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xl) 0}.empty-state,.no-results p{color:var(--text-secondary)}.empty-state{padding:var(--spacing-3xl)}.empty-state-icon{margin-bottom:var(--spacing-lg)}.empty-state-icon svg{color:var(--text-tertiary);font-size:4rem;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-md) 0}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0 0 var(--spacing-xl) 0;margin-left:auto;margin-right:auto;max-width:500px}.empty-state .btn{font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-md) var(--spacing-xl)}.alert{border-radius:var(--radius-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);position:relative}.alert-success{background:#28a7451a;border:1px solid var(--success-color);color:var(--success-color)}.alert-error{background:#dc35451a;border:1px solid var(--error-color);color:var(--error-color)}.alert-warning{background:#ffc1071a;border:1px solid var(--warning-color);color:var(--warning-color)}.alert p{flex:1 1;margin:0}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-lg);height:20px;padding:0;width:20px}.alert button,.error-container,.loading-container{align-items:center;display:flex;justify-content:center}.error-container,.loading-container{flex-direction:column;min-height:400px;padding:var(--spacing-3xl);text-align:center}.loading-spinner svg{animation:spin 1s linear infinite;color:var(--primary-color);font-size:2rem}.error-icon svg{color:var(--error-color);font-size:3rem}.error-container h2,.loading-container h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-md) 0}.error-container p,.loading-container p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xl) 0}@media (max-width:768px){.course-management{padding:var(--spacing-md)}.accommodation-header,.course-header,.gallery-header{padding:var(--spacing-lg)}.accommodation-tabs,.course-tabs,.gallery-tabs{flex-direction:column;gap:var(--spacing-sm)}.tab-button{justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.tab-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.courses-grid,.programs-grid,.subjects-grid{grid-template-columns:1fr}.filter-controls,.filters-section{flex-direction:column}.filter-controls select{min-width:auto}.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.course-meta,.course-stats{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.category-header,.course-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.course-actions,.program-actions,.subject-actions{align-self:flex-end}.empty-state{padding:var(--spacing-xl)}.empty-state-icon svg{font-size:3rem}}.contact-management{margin:0 auto;max-width:1400px;padding:20px}.contact-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.contact-management .contact-header .header-content h2{color:#fff;font-size:2.2rem;font-weight:600;margin:0 0 8px}.contact-management .contact-header .header-content p{color:#e0dff1;font-size:1rem;margin:0 20px 0 0;opacity:.9}.header-stats{gap:20px}.stat-item{border-radius:8px;padding:15px;text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.85rem}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;padding:20px}.search-bar{align-items:center;display:flex}.search-bar svg{color:#6c757d;left:12px}.search-bar input{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .3s ease}.search-bar input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.status-filter,.type-filter{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;min-width:150px;padding:10px 12px}.status-filter:focus,.type-filter:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.messages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.message-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.message-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.message-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.message-status{align-items:center;display:flex;gap:8px}.status-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.status-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:6px;font-size:14px;height:32px;transition:all .2s ease;width:32px}.action-btn.view{background:#007bff;color:#fff}.action-btn.view:hover{background:#0056b3}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover{background:#c82333}.message-content{padding:20px}.message-meta{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.sender-info h4{color:#333;font-size:16px;margin:0 0 4px}.sender-info .email{margin-bottom:2px}.sender-info .email,.sender-info .phone{color:#6c757d;display:block;font-size:14px}.message-type{align-items:center;background:#f8f9fa;border-radius:4px;color:#6c757d;display:flex;font-size:12px;gap:6px;padding:4px 8px}.message-subject h5{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px}.message-preview p{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 15px}.message-footer{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;padding-top:15px}.message-footer .date{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:6px}.modal-content{display:flex;flex-direction:column;overflow:hidden}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6}.modal-header h3{font-size:1.25rem}.modal-close{background:none;border-radius:6px;color:#6c757d;height:32px;transition:all .2s ease;width:32px}.modal-close:hover{background:#e9ecef;color:#495057}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.message-details{display:flex;flex-direction:column;gap:20px}.message-header-detail{align-items:flex-start;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.sender-details{gap:15px}.sender-avatar,.sender-details{align-items:center;display:flex}.sender-avatar{background:#007bff;border-radius:50%;color:#fff;font-size:20px;height:50px;justify-content:center;width:50px}.sender-info h4{font-size:18px;font-weight:600;margin:0 0 8px}.contact-info{gap:4px}.contact-info span{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:6px}.message-status-detail{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{color:#fff;display:flex;gap:6px}.urgent-badge{align-items:center;background:#dc3545;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.message-meta-detail{background:#f2f0f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.meta-item{font-size:14px;gap:6px}.meta-item span{color:#6c757d}.message-subject-detail h5{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin:0}.message-content-detail h6{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.message-text{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px}.message-text p{color:#333;font-size:14px;line-height:1.6;margin:0 0 10px}.message-text p:last-child{margin-bottom:0}.admin-notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px}.admin-notes h6{font-weight:600;margin:0 0 10px}.admin-notes h6,.notes-text{color:#856404;font-size:14px}.notes-text{line-height:1.5}.modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.action-buttons{gap:10px}.danger-actions{display:flex;gap:10px}.btn{display:flex;font-size:14px;gap:6px;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-info:hover:not(:disabled){background:#138496}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-state-icon{align-items:center;background:#f8f9fa;border-radius:50%;color:#6c757d;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-state h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 10px}.empty-state p{color:#6c757d;line-height:1.5;margin:0 0 20px}.no-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-results svg{color:#6c757d;font-size:48px;margin-bottom:20px}.no-results h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 10px}.no-results p{color:#6c757d;margin:0 0 20px}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px}.error-icon{align-items:center;background:#f8d7da;color:#721c24;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.error-container h2{color:#721c24;font-size:1.5rem;font-weight:600;margin:0 0 10px}.error-container p{color:#6c757d;margin:0 0 20px}@media (max-width:768px){.contact-header{flex-direction:column;gap:20px}.header-stats{justify-content:space-around;width:100%}.filters-section{flex-direction:column}.messages-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.message-header-detail{flex-direction:column;gap:15px}.message-status-detail{align-items:flex-start}.modal-footer{flex-direction:column;gap:15px}.action-buttons,.danger-actions{justify-content:center;width:100%}}.student-management{margin:0 auto;max-width:1400px;padding:20px}.student-header{border-bottom:2px solid #e9ecef;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.student-header,.student-title{align-items:center;display:flex}.student-title{flex:1 1;gap:15px;min-width:0}.student-title h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.title-icon{color:#3498db;font-size:32px}.student-header .btn{flex-shrink:0;min-width:auto;white-space:nowrap}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.stat-icon{border-radius:12px;color:#fff;font-size:20px;height:50px;width:50px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.pending{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.approved{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.enrolled{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.rejected{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.active{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-content h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.stat-content p{color:#7f8c8d;font-size:14px;font-weight:500;margin:5px 0 0}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box .search-icon{color:#7f8c8d;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 15px 12px 45px;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#3498db;outline:none}.filter-controls{display:flex;flex-wrap:wrap;gap:15px}.filter-controls select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 15px;transition:border-color .2s ease}.filter-controls select:focus{border-color:#3498db;outline:none}.students-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.students-table{border-collapse:collapse;width:100%}.students-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.students-table td:last-child,.students-table th:last-child{white-space:nowrap;width:260px}.students-table td:last-child{align-items:center;display:flex;justify-content:flex-start}.students-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.students-table tr:hover{background:#f8f9fa}.student-photo{align-items:center;background:#e9ecef;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.student-photo img{height:100%;object-fit:cover;width:100%}.photo-placeholder{color:#7f8c8d;font-size:20px}.student-name strong{color:#2c3e50;display:block;font-weight:600}.student-name small{color:#7f8c8d;font-size:12px}.student-id{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 8px}.student-email{color:#3498db;font-size:14px}.education-level{background:#e8f5e8;border-radius:4px;color:#27ae60;font-size:12px;font-weight:500;padding:4px 8px}.registration-date{color:#7f8c8d;font-size:14px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;text-transform:uppercase}.status-badge.status-warning{background:#fff3cd;color:#856404}.status-badge.status-success{background:#d4edda;color:#155724}.status-badge.status-info{background:#d1ecf1;color:#0c5460}.status-badge.status-danger{background:#f8d7da;color:#721c24}.sex-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.sex-badge.sex-male{background:#e3f2fd;color:#1976d2}.sex-badge.sex-female{background:#fce4ec;color:#c2185b}.action-buttons{align-items:center;flex-direction:row!important;flex-wrap:nowrap;gap:6px;justify-content:flex-start;width:100%}.action-buttons .btn{align-items:center;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;width:28px}.action-buttons .btn.btn-sm{height:26px;width:26px}.action-buttons .btn svg{font-size:14px}.btn{border-radius:6px;font-size:12px;font-weight:500;gap:5px;padding:8px 12px;transition:all .2s ease}.btn-sm{font-size:11px;padding:6px 10px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#e67e22}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:800px}.modal-content.large{max-width:1000px}.modal-header{border-bottom:2px solid #e9ecef;gap:20px;padding:20px}.modal-header h3{color:#2c3e50;flex:1 1;font-size:20px;font-weight:600;margin:0;min-width:0}.modal-header .btn{flex-shrink:0;min-width:auto;padding:8px 12px;white-space:nowrap}.modal-header .btn.btn-sm{align-items:center;background:#f36c5e;border:none;border-radius:100%;color:#fff;display:flex;font-size:19px;height:45px;justify-content:center;max-width:50px;min-width:32px;padding:4px 8px;width:auto}.modal-header .btn.btn-sm:hover{background:#c0392b}.student-form{padding:20px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:2px solid #e9ecef;gap:15px;padding-top:20px}.student-details{padding:20px}.student-details-header{border-bottom:2px solid #e9ecef;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.student-photo-large{align-items:center;background:#e9ecef;border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.student-photo-large img{height:100%;object-fit:cover;width:100%}.photo-placeholder-large{color:#7f8c8d;font-size:40px}.student-info h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 10px}.student-info .student-id{background:#e9ecef;border-radius:4px;display:inline-block;font-family:Courier New,monospace;font-size:14px;font-weight:600;margin-bottom:10px;padding:4px 8px}.student-info .student-email{color:#3498db;font-size:16px;margin-bottom:15px}.student-details-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:#f8f9fa;border-radius:8px;padding:20px}.detail-section.full-width{grid-column:1/-1}.detail-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.detail-item{align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 0}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#7f8c8d;font-size:14px;font-weight:600}.detail-item span{color:#2c3e50;font-size:14px;text-align:right}.id-card-photo{margin-top:10px}.id-card-photo img{border-radius:8px;box-shadow:0 2px 10px #0000001a;height:auto;max-width:100%}.alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:15px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.student-management{padding:15px}.student-header{align-items:stretch;flex-direction:column;gap:15px}.student-header .btn{justify-content:center;width:100%}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-controls{justify-content:stretch}.filter-controls select{flex:1 1}.students-table-container{overflow-x:auto}.students-table{min-width:800px}.modal-content{margin:10px;max-height:95vh}.form-grid{grid-template-columns:1fr}.student-details-header{flex-direction:column;text-align:center}.student-details-grid{grid-template-columns:1fr}.action-buttons{justify-content:center}}@media (max-width:480px){.student-title h2{font-size:24px}.title-icon{font-size:28px}.stat-card{padding:15px}.stat-content h3{font-size:20px}.students-table td,.students-table th{padding:10px 8px}.btn-sm{font-size:10px;padding:4px 8px}}.staff-mgmt{padding:20px}.staff-mgmt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.staff-mgmt-header .actions{display:flex;gap:8px}.staff-mgmt-header .actions input{background:#fff;border:1px solid #ced4da;border-radius:8px;min-width:320px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.staff-mgmt-header .actions input::placeholder{color:#94a3b8}.staff-mgmt-header .actions input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.staff-mgmt .btn{background:#e9ecef;border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.staff-mgmt .btn.primary{background:#0d6efd;color:#fff}.staff-mgmt .btn.danger{background:#dc3545;color:#fff}.staff-mgmt .empty,.staff-mgmt .error,.staff-mgmt .loading{margin:12px 0}.staff-mgmt .error{color:#dc3545}.staff-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.staff-table .table-row{grid-gap:12px;align-items:center;border-top:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:50px 1.2fr 1.2fr 1.6fr 1fr 1fr 1fr 1fr;padding:8px 12px}.staff-table .table-row.head{background:#f8fafc;border-top:none;font-weight:600}.staff-table .table-row .right{display:flex;gap:8px;justify-content:flex-end}.modal{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 25px #00000026;max-width:96vw;width:680px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;padding:16px}.modal-header .close{background:#0000;border:none;cursor:pointer;font-size:22px}.form-grid{grid-gap:12px 16px;gap:12px 16px;padding:16px}.form-grid label{display:flex;flex-direction:column;font-size:14px;gap:6px}.form-grid label.full-width{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.form-grid textarea{min-height:80px;resize:vertical}.form-actions{gap:8px;grid-column:1/-1;margin-top:8px}.profile-picture-cell{align-items:center;display:flex;height:40px;justify-content:center;overflow:hidden}.profile-picture{border:2px solid #e5e7eb;object-fit:cover}.profile-picture,.profile-picture-placeholder{flex-shrink:0;height:32px;max-height:32px;max-width:32px;width:32px}.profile-picture-placeholder{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:12px;font-weight:600;justify-content:center;text-transform:uppercase}.staff-dashboard-container{background:var(--gray-50);max-width:100%;min-height:100vh;overflow-x:hidden;padding:var(--spacing-lg);width:100%}.dashboard-header{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);margin-top:30px;max-width:100%;padding:var(--spacing-xl);width:100%}.welcome-section h1{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--gray-800);font-size:var(--font-size-3xl);font-weight:700;margin:0;overflow-wrap:break-word}.welcome-section p{color:var(--gray-600);font-size:var(--font-size-lg);margin:var(--spacing-sm) 0 0 0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:flex-end}.notification-btn{align-items:center;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all var(--transition-normal);width:50px}.notification-btn:hover{background:var(--gray-100);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.notification-badge{background:var(--error-color);border-radius:50%;color:var(--white);font-size:var(--font-size-xs);font-weight:600;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.notification-badge,.user-menu{align-items:center;display:flex}.user-menu{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.user-menu:hover{background:var(--gray-100);border-color:var(--primary-color);transform:translateY(-2px)}.user-avatar{border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-sm);height:40px;object-fit:cover;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:600}.user-role{color:var(--gray-500);font-size:var(--font-size-xs);text-transform:capitalize}.dashboard-tabs{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:100%;padding:var(--spacing-sm);width:100%}.dashboard-tabs,.tab-button{display:flex;justify-content:center}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);min-width:120px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal);white-space:nowrap}.tab-button:hover{background:var(--gray-50);color:var(--primary-color)}.tab-button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:var(--shadow-md);color:var(--white)}.tab-button svg{font-size:var(--font-size-base)}.dashboard-content{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:100%;overflow-x:hidden;padding:var(--spacing-xl);width:100%}.overview-content{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:100%;width:100%}.stats-section{margin-bottom:var(--spacing-xl);max-width:100%;position:relative;width:100%}.stats-section:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.stats-section h2{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(135deg,#1e293b,#3b82f6 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:800;margin:0 0 var(--spacing-xl) 0;overflow-wrap:break-word;position:relative;text-align:center}.stats-section h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.stats-grid{grid-gap:var(--spacing-lg);display:grid!important;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)!important;margin-bottom:var(--spacing-xl);padding:0}.stat-card,.stats-grid{box-sizing:border-box;max-width:100%}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.stat-card:before{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);bottom:0;left:0;right:0;top:0;z-index:1}.stat-card:after,.stat-card:before{content:"";opacity:0;position:absolute;transition:opacity .5s ease}.stat-card:after{animation:rotate 4s linear infinite;background:conic-gradient(from 0deg,#0000,#3b82f61a,#0000);height:200%;left:-50%;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-card:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #00000026;transform:translateY(-12px) scale(1.03)}.stat-card:hover:after,.stat-card:hover:before{opacity:1}.stat-card-content{display:flex;flex-direction:column;height:100%;max-width:100%;position:relative;width:100%;z-index:2}.stat-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-lg);width:100%}.stat-icon-wrapper{align-items:center;border-radius:20px;box-shadow:0 8px 25px #0003;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:70px;justify-content:center;min-height:50px;min-width:50px;position:relative;transition:all .4s ease;width:70px}.stat-icon-wrapper:before{background:linear-gradient(45deg,#fff3,#ffffff1a);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease}.stat-card:hover .stat-icon-wrapper:before{opacity:1}.stat-icon-wrapper.courses{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-wrapper.programs{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon-wrapper.gallery{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon-wrapper.accommodation{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon-wrapper.users{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon-wrapper.system{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#374151}.stat-card:hover .stat-icon-wrapper{transform:scale(1.15) rotate(10deg)}.stat-trend-badge{align-items:center;border-radius:25px;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease;white-space:nowrap}.stat-trend-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-trend-badge:hover:before{left:100%}.stat-trend-badge.positive{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.stat-trend-badge.neutral{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b728066;color:#fff}.stat-main-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:100%;width:100%}.stat-number{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(135deg,#1e293b,#3b82f6 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;line-height:1;margin:0 0 var(--spacing-sm) 0;overflow-wrap:break-word;text-shadow:0 4px 8px #0000001a;transition:all .4s ease}.stat-card:hover .stat-number{transform:scale(1.1)}.stat-label{color:#64748b;font-size:var(--font-size-lg);font-weight:700;letter-spacing:2px;margin:0 0 var(--spacing-md) 0}.stat-description,.stat-label{word-wrap:break-word;overflow-wrap:break-word;transition:all .3s ease}.stat-description{color:#94a3b8;flex:1 1;font-size:var(--font-size-sm);line-height:1.6;margin:0}.stat-card:hover .stat-description{color:#64748b}.stat-footer{border-top:1px solid #ffffff1a;margin-top:var(--spacing-lg);max-width:100%;padding-top:var(--spacing-md);width:100%}.stat-progress{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.stat-progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;position:relative;transition:width 1s ease;width:0}.stat-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stat-progress-text{word-wrap:break-word;color:#94a3b8;font-size:var(--font-size-xs);font-weight:600;overflow-wrap:break-word;text-align:right}.quick-actions-section h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0;text-align:center}.actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%;width:100%}.action-card{align-items:center;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;max-width:100%;min-height:120px;padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal);width:100%}.action-card:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-4px)}.action-card svg{font-size:var(--font-size-2xl)}.action-card span{font-size:var(--font-size-sm);font-weight:600}.activities-section h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0;text-align:center}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:100%;width:100%}.activity-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.activity-item:hover{background:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.activity-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.activity-icon.success{background:var(--success-color);color:var(--white)}.activity-icon.info{background:var(--info-color);color:var(--white)}.activity-icon.warning{background:var(--warning-color);color:var(--white)}.activity-content{flex:1 1}.activity-title{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-xs) 0}.activity-time{color:var(--gray-500);font-size:var(--font-size-xs)}.system-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.system-alerts h3,.system-overview h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0}.system-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.system-stat{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.system-stat .stat-icon{background:var(--success-color);color:var(--white);font-size:var(--font-size-lg);height:50px;width:50px}.system-stat h4{color:var(--gray-800);font-weight:600;margin:0 0 var(--spacing-xs) 0}.system-stat p{font-size:var(--font-size-sm);margin:0}.status.online{color:var(--success-color);font-weight:600}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert-item{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.alert-item.warning{background:#f59e0b1a;border-color:var(--warning-color)}.alert-item.info{background:#3b82f61a;border-color:var(--info-color)}.alert-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.alert-item.warning .alert-icon{background:var(--warning-color);color:var(--white)}.alert-item.info .alert-icon{background:var(--info-color);color:var(--white)}.alert-content h4{color:var(--gray-800);font-weight:600;margin:0 0 var(--spacing-xs) 0}.alert-content p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.alert-time{color:var(--gray-500);font-size:var(--font-size-xs)}.settings-content h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0}.settings-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.setting-card:hover{background:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.setting-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.setting-header svg{color:var(--primary-color);font-size:var(--font-size-xl)}.setting-header h4{color:var(--gray-800);font-weight:600;margin:0}.setting-content p{color:var(--gray-600);margin:0 0 var(--spacing-lg) 0}.btn,.setting-content p{font-size:var(--font-size-sm)}@media (min-width:1401px){.staff-dashboard-container{padding:var(--spacing-xl)}.stats-section h2{font-size:var(--font-size-4xl)}.stats-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)!important;max-width:100%}.stat-card{min-height:250px;padding:var(--spacing-2xl)}.stat-number{font-size:4.5rem}.stat-icon-wrapper{font-size:32px;height:80px;width:80px}.actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1400px){.stats-section h2{font-size:var(--font-size-3xl)}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.stat-card{min-height:220px;padding:var(--spacing-xl)}.stat-number{font-size:4rem}.stat-icon-wrapper{font-size:28px;height:70px;width:70px}.actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.staff-dashboard-container{padding:var(--spacing-md)}.dashboard-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.header-actions{justify-content:center;width:100%}.stats-section h2{font-size:var(--font-size-2xl)}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.stat-card{min-height:200px;padding:var(--spacing-lg)}.stat-number{font-size:3.5rem}.stat-icon-wrapper{font-size:24px;height:60px;width:60px}.stat-label{font-size:var(--font-size-base)}.actions-grid{grid-template-columns:repeat(2,1fr)}.tab-button{min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:992px){.staff-dashboard-container{padding:var(--spacing-sm)}.dashboard-content,.dashboard-header{padding:var(--spacing-lg)}.welcome-section h1{font-size:var(--font-size-2xl)}.welcome-section p{font-size:var(--font-size-base)}.stats-section h2{font-size:var(--font-size-xl)}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat-card{min-height:180px;padding:var(--spacing-md)}.stat-number{font-size:3rem}.stat-icon-wrapper{font-size:20px;height:50px;width:50px}.stat-label{font-size:var(--font-size-sm);letter-spacing:1px}.stat-description{font-size:var(--font-size-xs)}.actions-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.action-card{min-height:100px;padding:var(--spacing-lg)}}@media (max-width:768px){.staff-dashboard-container{padding:var(--spacing-sm)}.dashboard-header{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.dashboard-tabs{flex-direction:row;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs)}.tab-button{flex-shrink:0;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);width:auto}.stats-section h2{font-size:var(--font-size-lg)}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr!important}.stat-card,.stats-grid{max-width:100%;width:100%}.stat-card{min-height:160px;padding:var(--spacing-md)}.stat-number{font-size:1.5rem}.stat-icon-wrapper{font-size:18px;height:45px;width:45px}.stat-label{font-size:var(--font-size-xs);letter-spacing:.5px}.stat-description{font-size:var(--font-size-xs);line-height:.4}.stat-header{align-items:flex-start;flex-direction:row;gap:var(--spacing-sm)}.stat-trend-badge{align-self:flex-end}.actions-grid{gap:var(--spacing-md);grid-template-columns:1fr}.action-card{min-height:80px;padding:var(--spacing-md)}.activity-item{flex-direction:column;gap:var(--spacing-sm);text-align:center}.notification-btn{height:40px;width:40px}.user-menu{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.staff-dashboard-container{padding:var(--spacing-xs)}.dashboard-content,.dashboard-header{padding:var(--spacing-sm)}.welcome-section h1{font-size:var(--font-size-xl)}.welcome-section p{font-size:var(--font-size-sm)}.stats-section h2{font-size:var(--font-size-base)}.stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr!important}.stat-card,.stats-grid{max-width:100%;width:100%}.stat-card{min-height:140px;padding:var(--spacing-sm)}.stat-number{font-size:2rem}.stat-icon-wrapper{font-size:16px;height:40px;width:40px}.stat-label{font-size:var(--font-size-xs);letter-spacing:.5px}.stat-description{font-size:var(--font-size-xs);line-height:1.3}.stat-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.stat-trend-badge{align-self:flex-end;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.actions-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.action-card{min-height:70px}.action-card,.tab-button{padding:var(--spacing-sm)}.tab-button{font-size:var(--font-size-xs)}.tab-button svg{font-size:var(--font-size-sm)}}@media (max-width:400px){.stats-grid{gap:var(--spacing-xs);grid-template-columns:1fr!important}.stat-card{margin:0;min-height:120px;padding:var(--spacing-xs)}.stat-number{font-size:1.8rem}.stat-icon-wrapper{font-size:14px;height:35px;width:35px}.stat-label{font-size:var(--font-size-xs);letter-spacing:.3px}.stat-description{font-size:var(--font-size-xs);line-height:1.2}.dashboard-tabs{gap:var(--spacing-xs)}.tab-button{font-size:var(--font-size-xs);min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}}.courses-container{background:var(--bg-gray);margin-top:72px;min-height:100vh;padding:var(--space-6)}.courses-header{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin:0 auto var(--space-12);max-width:1400px;padding:var(--space-12)}.header-content h1{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0 0 var(--space-4) 0}.header-content p{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.header-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.stat-item{background:var(--gray-50);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);flex:1 1;gap:var(--space-4);min-width:200px;padding:var(--space-4) var(--space-6)}.stat-item svg{color:var(--primary);font-size:var(--text-2xl)}.stat-item h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.stat-item p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.search-filters{align-items:center;background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin:0 auto var(--space-8);max-width:1400px;padding:var(--space-6)}.search-bar{flex:1 1;min-width:300px}.search-bar svg{color:var(--text-tertiary);left:var(--space-4)}.search-bar input{background:var(--bg-white);border:1.5px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3) var(--space-4) var(--space-3) 3rem;transition:all var(--transition-base)}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.filters{flex-wrap:wrap;gap:var(--space-3)}.filter-toggle,.filters{align-items:center;display:flex}.filter-toggle{background:var(--gray-50);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.filter-toggle:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.filter-toggle.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.sort-select{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.filter-options{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0 auto var(--space-8);max-width:1400px;padding:var(--space-6)}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:200px}.filter-group label{font-weight:var(--font-semibold)}.filter-group label,.filter-group select{color:var(--text-primary);font-size:var(--text-sm)}.filter-group select{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.programs-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto var(--space-12);max-width:1400px}.course-card{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);height:100%;min-height:480px;transition:all var(--transition-base)}.course-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.course-card.featured{background:linear-gradient(135deg,var(--bg-white) 0,var(--accent-light) 100%);border-color:var(--accent)}.featured-badge{background:linear-gradient(135deg,var(--accent),#f59e0b);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-4);text-transform:uppercase;top:var(--space-4);z-index:10}.course-header{padding:var(--space-6);position:relative}.course-category{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.category-badge{background:var(--primary-light);color:var(--primary);letter-spacing:.05em;text-transform:uppercase}.category-badge,.course-level{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.course-level{background:var(--secondary);color:var(--text-inverse);text-transform:capitalize}.course-content{padding:0 var(--space-6)}.course-title{margin-bottom:var(--space-4)}.course-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.01em;line-height:var(--leading-tight);overflow:hidden;text-decoration:none;transition:color var(--transition-base)}.course-title a:hover{color:var(--primary)}.course-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.course-meta{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.meta-item{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3)}.meta-item svg{color:var(--primary);flex-shrink:0;font-size:var(--text-base)}.course-stats{border-bottom:1px solid var(--border-light);gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.course-stats .stat{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2)}.course-stats .stat svg{color:var(--primary);font-size:var(--text-sm)}.course-footer{background:var(--gray-50);border-top:1px solid var(--border-light);gap:var(--space-4);justify-content:space-between;margin-top:auto;padding:var(--space-6)}.course-footer,.course-price{align-items:center;display:flex}.free-price{background:var(--success);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.free-price,.price{border-radius:var(--radius-full);color:var(--text-inverse);font-weight:var(--font-bold);padding:var(--space-2) var(--space-4)}.price{background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:var(--text-base)}.btn-learn-more{align-items:center;background:var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-inverse);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-base)}.btn-learn-more:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-section{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin:0 auto;max-width:1400px;padding:var(--space-12);text-align:center}.contact-section h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.contact-section p{color:var(--text-secondary);font-size:var(--text-lg);margin:0 0 var(--space-8) 0}.contact-info{flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-bottom:var(--space-8)}.contact-item{color:var(--text-secondary);font-size:var(--text-sm);gap:var(--space-3)}.contact-item svg{color:var(--primary)}.loading-container{background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin:var(--space-8);padding:var(--space-12)}.loading-spinner{animation:spin .8s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:var(--radius-full);border-top-color:var(--primary);height:48px;margin-bottom:var(--space-6);width:48px}.loading-container p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}@media (max-width:1024px){.programs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.courses-container{margin-top:64px;padding:var(--space-4)}.courses-header{margin-bottom:var(--space-8);padding:var(--space-6)}.header-stats{flex-direction:column;gap:var(--space-4)}.stat-item{min-width:100%}.search-filters{align-items:stretch;flex-direction:column}.search-bar{min-width:100%}.filters{justify-content:space-between;width:100%}.filter-options{flex-direction:column}.filter-group{min-width:100%}.programs-grid{gap:var(--space-4);grid-template-columns:1fr}.course-footer{align-items:stretch;flex-direction:column}.btn-learn-more{justify-content:center;width:100%}.contact-info{flex-direction:column;gap:var(--space-4)}}@media (max-width:480px){.courses-header,.filter-options,.search-filters{padding:var(--space-4)}.course-content,.course-footer,.course-header{padding-left:var(--space-4);padding-right:var(--space-4)}}.course-detail-container{background:#f7fafc;min-height:100vh}.course-hero{align-items:center;color:#fff;display:flex;min-height:500px;position:relative}.hero-background{z-index:1}.hero-background img{height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.hero-content{padding:2rem;width:100%}.back-link{color:#fff;gap:.5rem;margin-bottom:2rem;transition:opacity .3s ease}.back-link:hover{color:#fff;opacity:.8}.course-header{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr auto}.course-info{max-width:600px}.course-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-badge,.featured-badge,.level-badge{border-radius:15px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.category-badge{background:#fff3;color:#fff}.level-badge{background:#38a169cc;color:#fff}.featured-badge{background:#f59e0bcc;color:#fff}.course-info h1{font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.course-subtitle{font-size:1.2rem;line-height:1.6;margin:0 0 2rem;opacity:.9}.course-meta{display:flex;flex-wrap:wrap;gap:2rem}.meta-item{font-size:.9rem;gap:.5rem;opacity:.9}.course-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:300px;padding:2rem}.price-section{margin-bottom:1.5rem;text-align:center}.current-price{color:#fbbf24;font-size:2.5rem;font-weight:700}.original-price{font-size:1.2rem;margin-left:.5rem;opacity:.7;text-decoration:line-through}.action-buttons{display:flex;flex-direction:column;gap:1rem}.continue-btn,.enroll-btn{border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem;text-decoration:none;transition:all .3s ease}.enroll-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.continue-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.continue-btn:hover,.enroll-btn:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.favorite-btn,.share-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin:0 auto;transition:all .3s ease;width:50px}.favorite-btn:hover,.share-btn:hover{background:#fff3;transform:scale(1.1)}.course-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.content-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 350px}.main-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.tabs{background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab{border-bottom:3px solid #0000;color:#718096;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.tab:hover{background:#edf2f7;color:#4a5568}.tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{padding:2rem}.overview-content h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.outcomes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.outcome-item{align-items:flex-start;background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.outcome-item svg{color:#667eea;flex-shrink:0;margin-top:.25rem}.requirements-list{list-style:none;margin:0 0 2rem;padding:0}.requirements-list li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.requirements-list li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.description-text p{color:#4a5568;line-height:1.7;margin-bottom:1rem}.curriculum-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.curriculum-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.curriculum-header p{color:#718096;margin:0}.modules-list{display:flex;flex-direction:column;gap:1.5rem}.module-item{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.module-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.module-info h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.module-info p{color:#718096;font-size:.9rem;margin:0 0 .5rem}.module-meta{color:#a0aec0;display:flex;font-size:.85rem;gap:1rem}.module-progress{color:#667eea;font-size:.9rem;font-weight:500}.materials-list{padding:1rem}.material-item{align-items:center;border-radius:6px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:background-color .3s ease}.material-item:hover{background:#f7fafc}.material-icon{align-items:center;background:#667eea1a;border-radius:6px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.material-info{display:flex;flex:1 1;flex-direction:column}.material-title{color:#2d3748;font-size:.9rem;font-weight:500}.material-duration{color:#718096;font-size:.8rem}.completed-icon{color:#38a169;flex-shrink:0}.instructor-content{display:flex;flex-direction:column;gap:2rem}.instructor-profile{align-items:center;background:#f7fafc;border-radius:10px;display:flex;gap:1.5rem;padding:1.5rem}.instructor-profile img{border-radius:50%;height:80px;object-fit:cover;width:80px}.instructor-info h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.instructor-title{color:#718096;margin:0 0 1rem}.instructor-stats{display:flex;gap:1rem}.stat{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem}.stat svg{color:#667eea}.instructor-bio h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.instructor-bio p{color:#4a5568;line-height:1.7}.reviews-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.reviews-header h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.overall-rating{align-items:center;display:flex;gap:1rem}.rating-number{color:#2d3748;font-size:2rem;font-weight:700}.rating-stars{display:flex;gap:.25rem}.rating-stars svg{color:#cbd5e0;font-size:1.2rem}.rating-stars svg.filled{color:#fbbf24}.total-reviews{color:#718096;font-size:.9rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.reviewer-name{color:#2d3748;font-weight:600}.review-rating{display:flex;gap:.25rem;margin-top:.25rem}.review-rating svg{color:#cbd5e0;font-size:.9rem}.review-rating svg.filled{color:#fbbf24}.review-date{color:#718096;font-size:.85rem}.review-comment{color:#4a5568;line-height:1.6;margin:0}.sidebar{height:-webkit-fit-content;height:fit-content;margin-top:1px;max-width:350px;position:static}.course-card,.sidebar{box-sizing:border-box;width:100%}.course-card{border-radius:15px;box-shadow:0 4px 20px #0000001a}.course-card img{height:200px;object-fit:cover;width:100%}.card-content{padding:1.5rem}.card-content h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.course-includes h4{margin:0 0 1rem}.course-includes li{font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.course-includes li:before{color:#38a169;content:"✓";font-weight:700;left:0;position:absolute}.error-message,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.error-message h2{color:#2d3748;margin:0 0 1rem}.error-message p{color:#718096;margin:0 0 2rem}.back-btn{background:#667eea;border-radius:8px;font-weight:500}.back-btn:hover{background:#5a67d8;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.content-grid{gap:2rem;grid-template-columns:1fr}.sidebar{position:static}}@media (max-width:768px){.course-hero{min-height:400px}.hero-content{padding:1rem}.course-header{gap:2rem;grid-template-columns:1fr}.course-info h1{font-size:2rem}.course-meta{flex-direction:column;gap:1rem}.course-actions{min-width:auto}.course-content{padding:2rem 1rem}.tabs{flex-wrap:wrap}.tab{flex:none;min-width:120px}.tab-content{padding:1.5rem}.outcomes-grid{grid-template-columns:1fr}.module-header{align-items:flex-start;flex-direction:column;gap:1rem}.instructor-profile{flex-direction:column;text-align:center}.reviews-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.course-info h1{font-size:1.75rem}.course-subtitle{font-size:1rem}.action-buttons{gap:.75rem}.continue-btn,.enroll-btn{font-size:.9rem;padding:.75rem}.favorite-btn,.share-btn{height:45px;width:45px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.course-stats{grid-template-columns:1fr}.hero-actions{margin-top:2rem;position:static}.action-card{padding:1.5rem}.price-amount{font-size:2.5rem}}.course-hero{min-height:600px!important}.hero-overlay{background:linear-gradient(135deg,#0000004d,#00000080)!important}.free-badge{display:block}.course-hero{min-height:400px!important;overflow:hidden}.hero-background{background:linear-gradient(135deg,#667eea,#764ba2)!important}.hero-overlay{background:linear-gradient(135deg,#0006,#0009)!important}.hero-content{max-width:1200px!important;padding:2rem!important}@media (max-width:480px){.hero-simple .hero-title{font-size:2rem!important}.hero-simple .hero-description{font-size:1rem!important}.hero-meta{flex-direction:column;gap:.5rem}.course-hero{min-height:350px!important}}.hero-simple{color:#fff}.hero-simple .category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:25px;color:#fff}.hero-simple .hero-title{font-size:2.5rem!important;font-weight:700!important;line-height:1.2!important;margin-bottom:1rem!important}.hero-simple .hero-description{font-size:1.125rem!important;line-height:1.6!important;margin-bottom:1.5rem!important;opacity:.9}.hero-meta .duration-badge,.hero-meta .featured-badge,.hero-meta .free-badge,.hero-meta .level-badge{border-radius:20px;color:#6c757d;font-size:.875rem;font-weight:500;padding:.375rem 1.95rem}.hero-meta .level-badge{background:#38a169cc}.hero-meta .duration-badge{background:#fff}.hero-meta .free-badge{background:linear-gradient(135deg,#48bb78,#38a169)}.hero-meta .featured-badge{background:linear-gradient(135deg,#f6ad55,#ed8936)}.pricing-section{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.price-amount{font-size:2.5rem!important}.price-period{font-size:1rem}.free-indicator{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.enroll-section{margin-bottom:1.5rem}.enroll-section .continue-btn,.enroll-section .enroll-btn{align-items:center;border:none!important;border-radius:10px!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;font-weight:600!important;gap:.75rem!important;justify-content:center;margin:0!important;padding:1rem 1.5rem!important;text-decoration:none!important;transition:all .3s ease!important;width:100%!important}.enroll-section .enroll-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px #667eea4d;color:#fff!important}.enroll-section .enroll-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.enroll-section .continue-btn{background:linear-gradient(135deg,#48bb78,#38a169)!important;box-shadow:0 4px 15px #48bb784d;color:#fff!important}.enroll-section .continue-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.course-stats-section{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin-bottom:1.5rem;padding:0;width:160%}.course-details-header h4{color:#2d3748;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.75rem;position:relative;text-align:center;text-transform:uppercase}.course-details-header h4:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.stat-row{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.5rem .75rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.stat-row:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.stat-row:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.stat-row:hover:before{width:8px}.stat-row svg{color:#667eea;flex-shrink:0;height:24px;margin-bottom:.5rem;width:24px}.stat-row span{color:#4a5568;font-size:.8rem;font-weight:600;line-height:1.3;text-align:center;word-break:break-word}.course-includes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.course-includes h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.course-includes ul{list-style:none;margin:0;padding:0}.course-includes li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.course-includes li:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.course-includes li svg{color:#48bb78;flex-shrink:0;height:16px;width:16px}.social-actions{margin-top:1.5rem}.social-actions .social-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease}.social-actions .social-btn:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-actions .social-btn.favorite:hover{background:#fed7d7;border-color:#fc8181;color:#e53e3e}.social-actions .social-btn.share:hover{background:#bee3f8;border-color:#63b3ed;color:#3182ce}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:3}.hero-content{max-width:1400px!important;padding:3rem 2rem!important;z-index:4!important}.breadcrumb-nav{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem}.breadcrumb-link{color:#fffc!important;display:inline-flex!important;gap:.5rem!important;margin-bottom:0!important;padding:.5rem 0!important;text-decoration:none!important}.breadcrumb-link:hover{color:#fff!important}.breadcrumb-separator{color:#fff9}.breadcrumb-current{color:#ffffffe6;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 320px}.hero-info{max-width:700px}.course-badges{flex-wrap:wrap!important;gap:.75rem!important;margin-bottom:1.5rem!important}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3!important;border-radius:25px!important}.category-badge,.level-badge{color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:.5rem 1rem!important}.level-badge{background:#38a169e6!important;border-radius:25px!important;text-transform:capitalize!important}.featured-badge{background:linear-gradient(135deg,#f6ad55,#ed8936)!important;border-radius:25px!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:.5rem 1rem!important}.free-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.hero-title{font-size:3rem!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.1!important;margin-bottom:1rem!important}.hero-description{font-size:1.25rem!important;line-height:1.6!important;margin-bottom:2rem!important;max-width:600px;opacity:.9}.course-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-item{border:1px solid #ffffff1a;border-radius:12px;gap:1rem;padding:1rem}.stat-item:hover{background:#ffffff26}.stat-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.875rem;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.hero-actions{position:-webkit-sticky;position:sticky;top:2rem}.action-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#2d3748;padding:2rem}.card-header{margin-bottom:1.5rem;text-align:center}.price-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.price-currency{color:#4a5568;font-size:1.5rem;font-weight:600}.price-amount{color:#1a202c;font-size:3rem!important;font-weight:800;line-height:1}.price-period{color:#4a5568;font-size:1.125rem}.price-free{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:25px;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1.5rem;text-transform:uppercase}.card-actions{flex-direction:column!important;gap:0!important;margin-bottom:1.5rem}.continue-btn,.enroll-btn{align-items:center;border:none!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;font-size:1.125rem!important;font-weight:700!important;gap:.75rem!important;justify-content:center;letter-spacing:.05em;margin:0!important;min-width:auto!important;padding:1rem 2rem!important;text-decoration:none!important;text-transform:uppercase;transition:all .3s ease!important;width:100%!important}.enroll-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px #667eea66;color:#fff!important}.enroll-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 8px 25px #667eea99;transform:translateY(-3px)}.continue-btn{background:linear-gradient(135deg,#48bb78,#38a169)!important;box-shadow:0 4px 15px #48bb7866;color:#fff!important}.continue-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;box-shadow:0 8px 25px #48bb7899;transform:translateY(-3px)}.card-features{border-top:1px solid #e2e8f0;margin-bottom:1.5rem;padding-top:1.5rem}.feature-item{color:#4a5568;font-size:.875rem;gap:.75rem;margin-bottom:.75rem}.feature-item svg{color:#48bb78;height:16px;width:16px}.social-actions{border-top:1px solid #e2e8f0;gap:.75rem;padding-top:1.5rem}.social-actions,.social-btn{display:flex;justify-content:center}.social-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.social-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.social-btn.favorite:hover{background:#fed7d7;border-color:#fc8181;color:#e53e3e}.social-btn.share:hover{background:#bee3f8;border-color:#63b3ed;color:#3182ce}@media (max-width:768px){.hero-grid{gap:2rem;grid-template-columns:1fr}.hero-title{font-size:2rem!important}.hero-description{font-size:1rem!important}.course-stats{grid-template-columns:1fr}.hero-actions{margin-top:2rem;position:static}.action-card{padding:1.5rem}.price-amount{font-size:2.5rem!important}}.gallery-page{background:var(--gray-50);margin:0;min-height:100vh;position:relative;width:100%}.gallery-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;text-align:center}.gallery-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.gallery-hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.gallery-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--white),#ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg);text-shadow:0 2px 8px #0000004d}.gallery-subtitle{color:#fffffff2;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.95}.gallery-stats{display:flex;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-xl)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);cursor:pointer;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.stat-item:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.stat-item svg{color:var(--white);transition:color .3s ease}.stat-item:hover svg{color:#3b82f6}.stat-item span{color:var(--white);font-weight:600;transition:all .3s ease}.stat-item:hover span{color:#3b82f6;font-weight:700}.gallery-controls{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.search-bar svg{left:var(--spacing-lg);z-index:1}.search-bar input{border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 3rem;transition:all var(--transition-normal)}.search-bar input:focus{box-shadow:0 0 0 3px #2563eb1a}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.category-btn{align-items:center;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.category-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:#0000;box-shadow:var(--shadow-lg);color:var(--white)}.category-btn svg{font-size:var(--font-size-sm)}.category-name{font-weight:600}.category-count{font-size:var(--font-size-xs);opacity:.8}.gallery-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.gallery-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:all var(--transition-normal)}.gallery-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-container{height:275px;overflow:hidden;position:relative}.image-container img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.gallery-item:hover .image-container img{transform:scale(1.05)}.image-overlay{background:linear-gradient(180deg,#0000004d 0,#0000004d 50%,#000c);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--spacing-lg);position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.gallery-item:hover .image-overlay{opacity:1}.overlay-content{flex-direction:column;margin-top:auto}.overlay-content h3{color:#ffffffe6;font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-sm) 0}.overlay-content p{color:#ffffffe6;font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-md) 0}.image-meta{display:flex;gap:var(--spacing-md)}.meta-item{align-items:center;color:#fffc;display:flex;gap:var(--spacing-xs)}.meta-item,.meta-item svg{font-size:var(--font-size-xs)}.overlay-actions-wrapper{bottom:0;position:relative}.overlay-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.action-btn:hover{background:var(--white);color:var(--primary-color);transform:scale(1.1)}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.lightbox,.lightbox-content{align-items:center;display:flex}.lightbox-content{flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all var(--transition-normal);width:40px}.lightbox-close:hover{background:var(--white);color:var(--gray-800)}.lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:var(--white);cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:50px}.lightbox-nav:hover{background:var(--white);color:var(--gray-800)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-image{margin-bottom:var(--spacing-lg);max-height:70vh;max-width:100%}.lightbox-image img{border-radius:var(--radius-lg);height:100%;object-fit:contain;width:100%}.lightbox-info{color:var(--white);max-width:600px;text-align:center}.lightbox-info h2{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.lightbox-info p{font-size:var(--font-size-base);line-height:1.6;margin:0 0 var(--spacing-lg) 0;opacity:.9}.lightbox-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.lightbox-actions,.lightbox-meta{display:flex;justify-content:center}.lightbox-actions{gap:var(--spacing-md)}.lightbox-actions .action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.lightbox-actions .action-btn:hover{background:var(--white);color:var(--gray-800)}.gallery-cta{background:var(--white);border-top:1px solid var(--gray-200);padding:var(--spacing-3xl);text-align:center}.cta-content h2{color:var(--gray-800);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-md) 0}.cta-content p{color:var(--gray-600);margin:0 0 var(--spacing-xl) 0}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.btn-primary{box-shadow:var(--shadow-md)}.btn-secondary{border:2px solid var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.loading-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000014;margin:var(--spacing-xl);min-height:60vh;overflow:hidden;padding:var(--spacing-3xl);position:relative}.loading-container:before{animation:pattern-drift 15s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%233b82f6' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes pattern-drift{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-20px) translateY(-20px)}}.loading-spinner{animation:rotate-square 1.2s linear infinite;border:3px solid #e5e7eb;border-radius:8px;border-right:3px solid #3b82f6;border-top:3px solid var(--primary-color);box-shadow:0 4px 12px #3b82f633;height:40px;margin-bottom:var(--spacing-lg);position:relative;width:40px;z-index:2}.loading-spinner:before{animation:rotate-square 1.8s linear infinite reverse;border:2px solid #0000;border-radius:12px;border-top-color:#3b82f64d;bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.loading-spinner:after{animation:pulse-center 2s ease-in-out infinite;background:linear-gradient(45deg,var(--primary-color),#3b82f6);border-radius:50%;box-shadow:0 0 8px #3b82f666;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes rotate-square{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-center{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}.loading-container p{animation:text-fade 3s ease-in-out infinite;color:var(--gray-700);font-size:var(--font-size-lg);font-weight:600;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:2}@keyframes text-fade{0%,to{opacity:.8}50%{opacity:1}}.loading-container p:before{margin-right:8px}.loading-container p:after,.loading-container p:before{animation:bounce-dot 1.6s ease-in-out infinite both;background:linear-gradient(45deg,var(--primary-color),#3b82f6);border-radius:50%;box-shadow:0 2px 4px #3b82f64d;content:"";display:inline-block;height:4px;width:4px}.loading-container p:after{animation-delay:.2s;margin-left:4px}@keyframes bounce-dot{0%,80%,to{opacity:.6;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-container:after{background:#3b82f633;border-radius:2px;bottom:20px;content:"";height:3px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:150px;z-index:2}.loading-container:after:before{animation:progress-flow 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progress-flow{0%{left:-100%}to{left:100%}}.error-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-xl);min-height:60vh;overflow:hidden;padding:var(--spacing-3xl);position:relative;text-align:center}.error-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23e2e8f0' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.error-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:3px solid #fecaca;border-radius:50%;box-shadow:0 8px 32px #ef444433;color:#ef4444;font-size:4rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);position:relative;z-index:1}.error-container h2{color:var(--gray-800);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-md) 0;position:relative;z-index:1}.error-container p{color:var(--gray-600);font-size:var(--font-size-lg);line-height:1.6;margin:0 0 var(--spacing-xl) 0;max-width:500px;position:relative;z-index:1}.retry-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-lg);box-shadow:0 4px 16px #2563eb4d;color:var(--white);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);justify-content:center;min-width:140px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all var(--transition-normal);z-index:1}.retry-button:hover{background:linear-gradient(135deg,var(--primary-dark),#1e40af);box-shadow:0 8px 24px #2563eb66;transform:translateY(-2px)}.retry-button:active{box-shadow:0 4px 16px #2563eb4d;transform:translateY(0)}.retry-button:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:var(--radius-lg);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.retry-button:hover:before{opacity:1}.no-images{align-items:center;background:var(--white);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;margin:var(--spacing-xl) 0;padding:var(--spacing-3xl);text-align:center}.no-images:before{content:"📷";font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-images p{color:var(--gray-500);font-size:var(--font-size-lg);font-weight:500;margin:0}.image-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.image-stats .stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.image-stats .stat-item:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.image-stats .stat-item svg{color:#ffffffe6;font-size:var(--font-size-xs);transition:color .3s ease}.image-stats .stat-item:hover svg{color:#3b82f6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.image-stats .stat-item span{color:#ffffffe6;font-size:var(--font-size-xs);font-weight:500;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.image-stats .stat-item:hover span{color:#3b82f6;font-weight:600;text-shadow:0 2px 4px #00000080}.action-btn.liked{background:#ef4444;border-color:#dc2626;color:var(--white)}.action-btn.liked:hover{background:#dc2626;transform:scale(1.1)}.image-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin:var(--spacing-md) 0}.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:#ffffffe6;display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.lightbox-stats{display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.lightbox-stats .stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.lightbox-stats .stat-item:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.lightbox-stats .stat-item svg{color:#ffffffe6;font-size:var(--font-size-sm);transition:color .3s ease}.lightbox-stats .stat-item:hover svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.lightbox-stats .stat-item span{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:500;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.lightbox-stats .stat-item:hover span{color:#3b82f6;font-weight:600;text-shadow:0 2px 4px #00000080}@media (max-width:768px){.gallery-hero{padding:var(--spacing-xl) var(--spacing-md)}.gallery-title{font-size:var(--font-size-2xl)}.gallery-stats{flex-direction:column;gap:var(--spacing-md)}.gallery-controls{padding:var(--spacing-lg)}.category-filters{align-items:center;flex-direction:column}.gallery-grid{grid-template-columns:1fr;padding:var(--spacing-lg)}.lightbox-nav{display:none}.lightbox-close{right:var(--spacing-lg);top:var(--spacing-lg)}.lightbox-meta{gap:var(--spacing-sm)}.cta-buttons,.lightbox-actions,.lightbox-meta{flex-direction:column}.cta-buttons{align-items:center}.error-container{margin:var(--spacing-md);padding:var(--spacing-xl)}.error-icon{font-size:3rem;padding:var(--spacing-md)}.error-container h2{font-size:var(--font-size-2xl)}.error-container p{font-size:var(--font-size-base)}.retry-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.loading-spinner{font-size:2.5rem}.no-images{margin:var(--spacing-md) 0;padding:var(--spacing-xl)}.no-images:before{font-size:3rem}.no-images p{font-size:var(--font-size-base)}}.accommodation-container{background:var(--gray-50);margin:0;min-height:100vh;position:relative;width:100%}.accommodation-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;text-align:center}.accommodation-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{top:4rem}.hero-content h2{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg)}.hero-content p{margin-bottom:var(--spacing-xl)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-xl)}.hero-stats .stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.hero-stats .stat-item:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.hero-stats .stat-item svg{color:var(--white);font-size:var(--font-size-lg);transition:color .3s ease}.hero-stats .stat-item:hover svg{color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hero-stats .stat-item span{color:var(--white);font-weight:600;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.hero-stats .stat-item:hover span{color:#3b82f6;font-weight:700;text-shadow:0 2px 4px #00000080}.accommodation-controls{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.search-section{margin-bottom:var(--spacing-lg)}.search-bar{margin:0 auto;max-width:500px;position:relative}.search-bar svg{color:var(--gray-400);font-size:var(--font-size-lg);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;transition:var(--transition-normal);width:100%}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.type-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.type-btn{align-items:center;background:none;border:2px solid var(--gray-200);border-radius:var(--radius-2xl);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-normal)}.type-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-color:#0000;box-shadow:var(--shadow-lg);color:var(--white)}.type-btn svg{font-size:var(--font-size-base)}.type-name{font-weight:600}.type-count{font-size:var(--font-size-xs);opacity:.8}.accommodation-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.accommodation-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-normal)}.accommodation-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.card-image{height:250px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:var(--transition-normal);width:100%}.accommodation-card:hover .card-image img{transform:scale(1.05)}.card-overlay{background:linear-gradient(135deg,#0000001a,#0009);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--spacing-lg);position:absolute;right:0;top:0;transition:var(--transition-normal)}.accommodation-card:hover .card-overlay{opacity:1}.overlay-content{align-items:flex-start}.overlay-content,.price-tag{display:flex;justify-content:space-between}.price-tag{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:var(--radius-lg);gap:15px;padding:var(--spacing-sm) var(--spacing-md)}.price{color:#fff;font-size:var(--font-size-xl);font-weight:700}.period{color:var(--gray-600);font-size:var(--font-size-sm)}.rating{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.rating svg{color:#fbbf24}.rating span,.rating svg{font-size:var(--font-size-sm)}.rating span{color:var(--gray-700);font-weight:600}.availability-badge{align-self:flex-end;border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.card-content{padding:var(--spacing-xl)}.card-header{margin-bottom:var(--spacing-md)}.card-header h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.highlights{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.highlight-tag{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.description{background-color:hsla(240,7%,97%,.102);color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-left:15px;padding-top:var(--spacing-lg)}.capacity-info,.location-info{align-items:center;color:var(--gray-600);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.capacity-info svg,.location-info svg{color:var(--primary-color);font-size:var(--font-size-sm)}.distance{color:var(--gray-500);font-size:var(--font-size-sm)}.amenities{margin-bottom:var(--spacing-lg)}.amenities h4{color:var(--gray-700);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-sm) 0}.amenities-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.amenity-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs)}.amenity-item svg{color:var(--primary-color);font-size:var(--font-size-sm)}.amenity-item.more{background:var(--primary-color);color:var(--white);font-weight:600;justify-content:center}.card-actions{display:flex;gap:var(--spacing-sm)}.card-actions .btn{align-items:center;border-radius:var(--radius-lg);display:flex;flex:1 1;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;color:var(--white)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--white);border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.accommodation-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:var(--transition-normal);width:40px;z-index:10}.modal-close:hover{background:#000000b3;transform:scale(1.1)}.modal-image{height:300px;overflow:hidden}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-info{padding:var(--spacing-xl)}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.modal-header h2{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:700;margin:0}.modal-rating{align-items:center;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.modal-rating svg{color:#fbbf24}.modal-price{color:var(--primary-color);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg)}.modal-description{color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-xl)}.modal-details{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.detail-item{align-items:flex-start;display:flex;gap:var(--spacing-md)}.detail-item svg{color:var(--primary-color);font-size:var(--font-size-lg);margin-top:var(--spacing-xs)}.detail-item h4{color:var(--gray-700);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0}.detail-item p{color:var(--gray-600);margin:0}.modal-features{margin-bottom:var(--spacing-xl)}.modal-features h4{color:var(--gray-700);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.features-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.feature-item svg{color:var(--success-color);font-size:var(--font-size-sm)}.modal-contact{margin-bottom:var(--spacing-xl)}.modal-contact h4{color:var(--gray-700);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.contact-info{flex-direction:column}.contact-info,.contact-item{display:flex;gap:var(--spacing-sm)}.contact-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);padding:var(--spacing-sm)}.contact-item svg{color:var(--primary-color);font-size:var(--font-size-sm)}.modal-actions{display:flex;gap:var(--spacing-md)}.modal-actions .btn{align-items:center;border-radius:var(--radius-lg);display:flex;flex:1 1;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-align:center;text-decoration:none;transition:var(--transition-normal)}.accommodation-cta{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-content h2{color:var(--white);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg)}.cta-content p{color:var(--white);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.cta-buttons .btn{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:var(--transition-normal)}.cta-buttons .btn-primary{background:var(--white);color:var(--primary-color)}.cta-buttons .btn-primary:hover{background:var(--gray-100);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cta-buttons .btn-secondary{background:#0000;border:2px solid var(--white);color:var(--white)}.cta-buttons .btn-secondary:hover{background:var(--white);color:var(--primary-color);transform:translateY(-2px)}@media (max-width:768px){.accommodation-grid{grid-template-columns:1fr;padding:var(--spacing-md)}.hero-stats,.type-filters{align-items:center;flex-direction:column}.modal-content{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.features-grid,.modal-details{grid-template-columns:1fr}.amenities-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.accommodation-hero{padding:var(--spacing-xl) var(--spacing-md)}.hero-content h1{font-size:var(--font-size-2xl)}.accommodation-controls{padding:var(--spacing-lg) var(--spacing-md)}.card-content,.modal-info{padding:var(--spacing-lg)}.amenities-grid{grid-template-columns:1fr}}.profile-container{background:var(--gray-50);min-height:100vh;padding:var(--spacing-lg)}.profile-header{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.back-link{align-items:center;border-radius:var(--radius-md);color:var(--primary-color);display:inline-flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-normal)}.back-link:hover{background:var(--gray-100);color:var(--primary-dark);transform:translateX(-2px)}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:var(--gray-800);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-sm) 0}.header-content p{color:var(--gray-600);font-size:var(--font-size-lg);margin:0}.profile-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);text-align:center}.profile-picture-container{display:inline-block;margin-bottom:var(--spacing-lg);position:relative}.profile-picture{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--white);display:flex;font-size:var(--font-size-3xl);height:120px;justify-content:center;margin:0 auto;overflow:hidden;width:120px}.profile-picture img{height:100%;object-fit:cover;width:100%}.upload-btn{align-items:center;background:var(--accent-color);border:none;border-radius:50%;bottom:0;box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:var(--transition-normal);width:36px}.upload-btn:hover{background:var(--accent-dark);transform:scale(1.1)}.profile-info h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.profile-info .position{color:var(--primary-color);font-size:var(--font-size-base);font-weight:500;margin:0 0 var(--spacing-xs) 0}.profile-info .department{color:var(--gray-600);font-size:var(--font-size-sm);margin:0}.profile-stats{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.stat-item{border-radius:var(--radius-md);gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-normal)}.stat-item:hover{background:var(--gray-50)}.stat-item svg{color:var(--primary-color);font-size:var(--font-size-lg)}.stat-item div{display:flex;flex-direction:column}.stat-value{color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.stat-label{color:var(--gray-600);font-size:var(--font-size-sm)}.profile-main{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.profile-tabs{background:var(--gray-100);border-bottom:1px solid var(--gray-200);display:flex}.tab{align-items:center;background:none;border:none;color:var(--gray-600);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-md);transition:var(--transition-normal)}.tab:hover{background:var(--gray-200);color:var(--gray-800)}.tab.active{background:var(--white);border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.tab svg{font-size:var(--font-size-base)}.tab-content{padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-header h2{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:600;margin:0}.section-header p{color:var(--gray-600);margin:var(--spacing-sm) 0 0 0}.edit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-normal)}.edit-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.edit-btn.editing{background:var(--error-color)}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group textarea{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:var(--font-size-base);padding:var(--spacing-md);transition:var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-group textarea{min-height:100px}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xl)}.save-btn{align-items:center;background:linear-gradient(135deg,var(--success-color),#059669);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-normal)}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.password-section{margin-top:var(--spacing-xl)}.password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.password-header h3{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:600;margin:0}.change-password-btn{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-normal)}.change-password-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.password-form{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.notification-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notification-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-lg);transition:var(--transition-normal)}.notification-item:hover{background:var(--white);box-shadow:var(--shadow-sm)}.notification-info h4{color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.notification-info p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--gray-300);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:var(--transition-normal)}.slider:before{background-color:var(--white);border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}@media (max-width:768px){.profile-container{padding:var(--spacing-md)}.profile-content{gap:var(--spacing-lg);grid-template-columns:1fr}.profile-sidebar{order:2}.profile-main{order:1}.form-grid{grid-template-columns:1fr}.profile-tabs{flex-direction:column}.tab{justify-content:flex-start;padding:var(--spacing-md)}.password-header,.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.profile-container{padding:var(--spacing-sm)}.profile-card,.profile-header,.profile-main,.profile-stats,.tab-content{padding:var(--spacing-lg)}.profile-picture{height:100px;width:100px}.upload-btn{height:32px;width:32px}}.mobbin-hero{align-items:flex-end;background-position:50%;background-size:cover;border-radius:0 0 2.5rem 2.5rem;display:flex;min-height:340px;overflow:hidden;position:relative}.mobbin-hero-overlay{align-items:center;background:linear-gradient(120deg,#0000008c 60%,#00000026);display:flex;justify-content:center;padding:56px 0 40px;width:100%}.mobbin-hero-content{animation:fadeInUp .7s cubic-bezier(.23,1.01,.32,1) .1s both;background:#0000002e;border:1.5px solid #ffffff1f;border-radius:1.5rem;box-shadow:0 4px 24px #1a73e81a;color:#fff;margin:0 auto;max-width:700px;padding:2rem 2rem 1.5rem;text-align:center}.mobbin-hero-dept{background:#ffffff2e;border-radius:1.2rem;box-shadow:0 2px 8px #00000014;color:#fff;display:inline-block;font-size:.95rem;font-weight:700;letter-spacing:.2px;margin-bottom:.7rem;padding:.3rem 1.1rem}.mobbin-hero-title{color:#fff;font-size:2.3rem;font-weight:900;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 2px 8px #0000002e}.mobbin-hero-desc{color:#e3eafc;font-size:1.1rem;margin-bottom:1.5rem}.mobbin-hero-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.mobbin-btn{align-items:center;border:none;border-radius:2rem;box-shadow:0 4px 16px #1a73e81f;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:.2px;outline:none;padding:.75rem 2rem;transition:background .2s,box-shadow .2s,transform .2s}.mobbin-btn-primary{background:linear-gradient(90deg,#1a73e8,#27ae60);color:#fff}.mobbin-btn-primary:hover{background:linear-gradient(90deg,#27ae60,#1a73e8);box-shadow:0 8px 32px #1a73e82e;transform:translateY(-2px) scale(1.04)}.mobbin-btn-secondary{background:#fff;border:1.5px solid #1a73e8;color:#1a73e8}.mobbin-btn-secondary:hover{background:#1a73e8;border:1.5px solid #1a73e8;color:#fff}.mobbin-btn-float{position:relative;z-index:2}.mobbin-cta-float{animation:fadeInUp .7s cubic-bezier(.23,1.01,.32,1) .4s both;border-radius:2.5rem;bottom:2.5rem;box-shadow:0 8px 32px #1a73e82e;font-size:1.2rem;padding:1.1rem 2.5rem;position:fixed;right:2.5rem}@media (max-width:700px){.mobbin-cta-float{bottom:1.2rem;font-size:1.05rem;left:1rem;padding:1rem 1.2rem;right:1rem;width:auto}}.mobbin-main-content{margin:-60px auto 0;max-width:1100px;padding:0 1.5rem 3rem;position:relative;z-index:2}.mobbin-features-bar{background:#fff;border:1.5px solid #e3eafc;border-radius:1.5rem;box-shadow:0 2px 8px #1a73e814;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-bottom:2.2rem;padding:1.2rem 2rem}.mobbin-feature{align-items:center;background:#f8fafc;border-radius:1rem;box-shadow:0 2px 8px #1a73e80a;color:#1a73e8;display:flex;font-size:1.08rem;font-weight:700;gap:.5rem;padding:.7rem 1.2rem}.mobbin-section{margin-bottom:2.2rem}.mobbin-section h2{align-items:center;color:#1a73e8;display:flex;font-size:1.25rem;font-weight:800;gap:.5rem;letter-spacing:.2px;margin-bottom:1.2rem}.mobbin-learn-cards{display:flex;gap:1.2rem;overflow-x:auto;padding-bottom:.5rem}.mobbin-learn-card{align-items:center;background:linear-gradient(120deg,#f8fafc 80%,#e3eafc);border:1.5px solid #e3eafc;border-radius:1.2rem;box-shadow:0 2px 8px #1a73e814;color:#333;display:flex;font-size:1.08rem;font-weight:600;gap:.8rem;min-width:220px;padding:1.2rem 1rem;transition:box-shadow .2s,transform .2s}.mobbin-learn-card:hover{box-shadow:0 8px 32px #1a73e821;transform:translateY(-4px) scale(1.03)}.mobbin-learn-icon{color:#27ae60;font-size:1.5em}.mobbin-why-cards{display:flex;flex-wrap:wrap;gap:1.2rem}.mobbin-why-card{align-items:center;background:linear-gradient(120deg,#e3eafc 80%,#f8fafc);border:1.5px solid #e3eafc;border-radius:1.2rem;box-shadow:0 2px 8px #1a73e814;color:#333;display:flex;font-size:1.08rem;font-weight:600;gap:.8rem;min-width:180px;padding:1.2rem 1rem;transition:box-shadow .2s,transform .2s}.mobbin-why-card svg{color:#f39c12;font-size:1.3em}.mobbin-why-card:hover{box-shadow:0 8px 32px #1a73e821;transform:translateY(-4px) scale(1.03)}.mobbin-chips{display:flex;flex-wrap:wrap;gap:.7rem}.mobbin-chip{align-items:center;background:#e3eafc;border:1.5px solid #d0e2ff;border-radius:2rem;box-shadow:0 2px 8px #1a73e80f;color:#1a73e8;display:flex;font-size:1.02rem;font-weight:700;gap:.5rem;padding:.5rem 1.2rem}.mobbin-testimonial-card{align-items:center;background:linear-gradient(120deg,#e3eafc 80%,#f8fafc);border:1.5px solid #e3eafc;border-radius:1.2rem;box-shadow:0 2px 8px #1a73e814;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center}.mobbin-testimonial-avatar{border:2px solid #1a73e8;border-radius:50%;box-shadow:0 2px 8px #1a73e81a;height:64px;object-fit:cover;width:64px}.mobbin-testimonial-card blockquote{color:#444;font-size:1.1rem;font-style:italic;margin:.5rem 0}.mobbin-testimonial-author{color:#1a73e8;font-size:1.05rem;font-weight:700}@media (max-width:900px){.mobbin-main-content{padding:0 .5rem 3rem}.mobbin-learn-cards,.mobbin-why-cards{gap:.7rem}}@media (max-width:700px){.mobbin-hero-title{font-size:1.5rem}.mobbin-cta-float{bottom:1.2rem;font-size:1.05rem;left:1rem;padding:1rem 1.2rem;right:1rem;width:auto}}.mobbin-programs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:2.5rem}.mobbin-program-card{align-items:flex-start;background:linear-gradient(120deg,#f8fafc 80%,#e3eafc);border:1.5px solid #e3eafc;border-radius:1.5rem;box-shadow:0 4px 24px #1a73e81a;display:flex;flex-direction:column;min-height:260px;padding:2rem 1.5rem 1.5rem;position:relative;transition:box-shadow .2s,transform .2s}.mobbin-program-card:hover{box-shadow:0 8px 32px #1a73e821;transform:translateY(-4px) scale(1.03)}.mobbin-program-icon{color:#1a73e8;font-size:2.2rem;margin-bottom:1.2rem}.mobbin-program-title{color:#1a73e8;font-size:1.18rem;font-weight:800;margin-bottom:.5rem}.mobbin-program-short{color:#333;flex:1 1 auto;font-size:1.05rem;margin-bottom:1.2rem}.mobbin-program-btn{align-self:flex-end;border-radius:1.5rem;font-size:1rem;margin-top:auto;padding:.6rem 1.5rem}@media (max-width:700px){.mobbin-programs-grid{gap:1.2rem;grid-template-columns:1fr}}.category-detail-container{background:#fff;min-height:100vh}.category-hero{background:#f8f9fa;border-bottom:1px solid #e9ecef;min-height:300px;position:relative}.hero-background{background:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-background,.hero-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:#0000;z-index:2}.hero-content{max-width:1200px;padding:2rem 1rem;z-index:3}.breadcrumb-link{align-items:center;animation:fadeInLeft .8s ease-out .1s both;color:#6c757d;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;margin:2rem auto;text-decoration:none;transition:all .3s ease}.breadcrumb-link:hover{color:#333;transform:translateX(-4px)}.hero-simple{margin:0 auto;max-width:800px;padding:2rem 0;text-align:center}.hero-simple .category-badge{animation:fadeInUp .8s ease-out .1s both;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.hero-simple .hero-title{word-wrap:break-word;animation:fadeInUp .8s ease-out .2s both;color:#fff;display:block;font-size:2.5rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin-bottom:1rem;text-align:center;width:100%}.hero-simple .hero-description{animation:fadeInUp .8s ease-out .4s both;color:#e2cbcb;font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:100%;text-align:center}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-meta .courses-count{animation:fadeInUp .8s ease-out .6s both;background:#fff;border:1px solid #dee2e6;border-radius:15px;color:#6c757d;font-size:.875rem;font-weight:500;padding:.375rem 1.95rem}.category-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-item{align-items:center;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem}.stat-item svg{font-size:1.2rem}.category-content{padding:3rem 0}.courses-wrapper{margin:0 auto;max-width:100%;padding:0 1rem}.courses-section h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem;width:100%}.no-courses{color:#6c757d;padding:4rem 2rem;text-align:center}.no-courses svg{color:#6c757d;font-size:4rem;margin-bottom:1rem;opacity:.5}.no-courses h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem;max-width:100%;width:100%}.course-card{background:#fff;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:auto;min-height:320px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:hover{border-color:#e2e8f0;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.course-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.course-thumbnail{background-position:50%;background-size:cover;height:250px;position:relative}.course-content:before{content:"";margin-bottom:20px}.course-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 1.5rem 1.5rem;width:100%}.course-content h3{-webkit-line-clamp:2;line-clamp:2;color:var(--primary);font-size:1.9rem;font-weight:700;letter-spacing:.05em;line-height:1.3;margin:0 0 .75rem;margin-bottom:var(--space-4);text-transform:capitalize}.course-content h3,.course-description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.course-description{-webkit-line-clamp:3;line-clamp:3;color:#64748b;font-size:.9rem;font-weight:400;line-height:1.6;margin-bottom:1.25rem}.level-badge:before{content:"📚";font-size:.8rem;margin-right:.375rem}.duration{align-items:center;background:#1d4ed8;border:1px solid #e2e8f0;border-radius:25px;box-shadow:0 1px 3px #0000000d;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.duration svg{color:#fff;height:14px;width:14px}.course-stats{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;justify-content:space-between;margin-bottom:0;padding:1rem 1.5rem}.course-stats,.price,.rating{align-items:center;display:flex}.price,.rating{font-size:.85rem;font-weight:500;gap:.375rem}.price1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:800}.rating{color:#64748b}.rating svg{color:#f59e0b;height:14px;width:14px}.course-actions{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;margin-top:auto;padding:1rem 1.5rem}.view-course-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.view-course-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.view-course-btn:hover:before{left:100%}.view-course-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 16px #3b82f64d;color:#b6c5f4;transform:translateY(-2px)}.view-course-btn:after{content:"→";font-size:1rem;transition:transform .3s ease}.view-course-btn:hover:after{transform:translateX(3px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-container svg{color:#6c757d;font-size:3rem;margin-bottom:1rem}.spinning{animation:spin 1s linear infinite}.error-message{margin:0 auto;max-width:500px;padding:4rem 2rem;text-align:center}.error-message h2{color:#333;font-size:2rem;margin-bottom:1rem}.error-message p{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.back-btn{align-items:center;background:#333;border:1px solid #333;border-radius:4px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{background:#6c757d;border-color:#6c757d;transform:translateY(-1px)}@media (min-width:1600px){.courses-wrapper{padding:0 3rem}.courses-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media (min-width:1200px) and (max-width:1599px){.courses-wrapper{padding:0 2rem}.courses-grid{gap:2.5rem;grid-template-columns:1fr 1fr}}@media (max-width:1199px) and (min-width:769px){.courses-wrapper{padding:0 1rem}.courses-grid{gap:1.5rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.category-info h1{font-size:2rem}.category-description{font-size:1rem}.category-stats{flex-direction:column;gap:1rem}.courses-wrapper{padding:0 .75rem}.courses-grid{gap:1.5rem;grid-template-columns:1fr}.course-card{min-height:auto}.course-content{padding:0 1.25rem 1.25rem}.course-stats{flex-direction:row;gap:.5rem;justify-content:space-between}.course-actions,.course-stats{padding:.75rem 1.25rem}.view-course-btn{font-size:.85rem;padding:.625rem 1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-simple .category-badge:hover{animation:pulse .6s ease-in-out;background:#e9ecef;border-color:#333}.alert-message{align-items:flex-start;animation:slideInDown .3s ease-out;border:2px solid;border-radius:var(--radius-lg);display:flex;font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.alert-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.alert-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.alert-message svg{flex-shrink:0;font-size:var(--font-size-xl);margin-top:2px}.alert-message h4{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-xs) 0}.alert-message p{font-size:var(--font-size-base);line-height:1.5;margin:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-page{background:var(--gray-50);min-height:100vh}.contact-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-xl);position:relative;text-align:center}.contact-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--white) 0,#fffc 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px #0000004d}.hero-content p{font-size:var(--font-size-lg);line-height:1.6;opacity:.9;text-shadow:0 1px 2px #0003}.contact-container{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:var(--spacing-3xl) var(--spacing-lg)}.contact-info{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.contact-info h2{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-xl)}.info-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl)}.info-card{align-items:flex-start;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.info-card:hover{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--white);display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:60px;justify-content:center;width:60px}.info-content h3{color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.info-details p{color:var(--gray-600);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-xs) 0}.info-description{color:var(--gray-500);font-size:var(--font-size-xs);font-style:italic;margin:var(--spacing-sm) 0 0 0}.contact-form-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.form-header{margin-bottom:var(--spacing-xl)}.form-header h2{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-sm)}.form-header p{color:var(--gray-600);font-size:var(--font-size-base);line-height:1.5}.success-message{align-items:center;background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.success-message svg{flex-shrink:0;font-size:var(--font-size-xl)}.success-message h4{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.success-message p{font-size:var(--font-size-sm);margin:0;opacity:.9}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.form-group{flex-direction:column}.form-group,.form-group label{display:flex;gap:var(--spacing-sm)}.form-group label{align-items:center;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.form-group label svg{color:var(--primary-color);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:var(--font-size-base);padding:var(--spacing-md);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-normal)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-section{background:var(--white);margin-top:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-lg)}.map-header{margin-bottom:var(--spacing-xl);text-align:center}.map-header h2{color:var(--gray-800);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm)}.map-header p{color:var(--gray-600);font-size:var(--font-size-lg)}.map-container{margin:0 auto;max-width:1000px}.map-placeholder{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);color:var(--gray-600);padding:var(--spacing-3xl);text-align:center}.map-placeholder svg{color:var(--primary-color);font-size:4rem;margin-bottom:var(--spacing-lg)}.map-placeholder h3{color:var(--gray-700);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.map-placeholder p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.map-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.map-feature{align-items:center;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--gray-600);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.map-feature svg{color:var(--primary-color);font-size:var(--font-size-base)}@media (max-width:768px){.contact-hero{padding:var(--spacing-2xl) var(--spacing-md)}.hero-content h1{font-size:var(--font-size-3xl)}.hero-content p{font-size:var(--font-size-base)}.contact-container{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}.contact-container,.form-row{grid-template-columns:1fr}.map-features{align-items:center;flex-direction:column}.map-placeholder{padding:var(--spacing-xl)}}@media (max-width:480px){.contact-hero{padding:var(--spacing-xl) var(--spacing-sm)}.hero-content h1{font-size:var(--font-size-2xl)}.contact-container{padding:var(--spacing-lg) var(--spacing-sm)}.contact-form-section,.contact-info{padding:var(--spacing-lg)}.info-card{flex-direction:column;text-align:center}.info-icon{align-self:center}}.app{background:var(--bg-gray);display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{border-radius:0;flex:1 1;margin:0 auto;max-width:1400px;padding:0;position:relative;width:100%}.main-content:not(:has(.gallery-page)){padding-top:0}.main-content .gallery-page,.main-content:has(.gallery-page){background:#0000;border:none;box-shadow:none;max-width:100%;padding:0}.main-content .gallery-page{background:#0000!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}@media (max-width:768px){.main-content{padding:0}}
/*# sourceMappingURL=main.b38f1057.css.map*/