@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700;800&display=swap";:root{--primary-color: #5da9e9;--secondary-color: #79d7a2;--accent-color: #ffb84d;--bg-color: #f8fcf9;--card-bg: #ffffff;--text-main: #2c3e50;--text-muted: #64748b;--text-light: #ffffff;--border-color: #e2e8f0;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;scrollbar-gutter:stable}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}footer{margin-top:auto}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#4a91cf;transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-back-home{position:fixed!important;top:20px;left:20px;z-index:1000;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#475569;text-decoration:none;font-weight:600;transition:all .2s;font-size:.95rem;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(226,232,240,.8)}.btn-back-home:hover{background:#fff;color:#1e293b;transform:translate(-3px);box-shadow:0 6px 20px #00000026}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--text-main);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--primary-color);margin:10px auto;border-radius:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:30px;border-radius:16px;width:90%;max-width:600px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid #f1f5f9;padding-bottom:15px}.modal-header h2{font-size:1.5rem;color:#1e293b;margin:0}.btn-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:color .2s}.btn-close:hover{color:#ef4444}.modal-body{max-height:70vh;overflow-y:auto}.navbar{background:#ffffffbf;height:70px;display:flex;justify-content:center;align-items:center;font-size:1rem;position:sticky;top:0;z-index:999;box-shadow:0 4px 30px #0000000d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.4);width:100%;transition:all .3s ease}@media screen and (max-width: 960px){.navbar{top:0;margin:0;width:100%;border-radius:0;background:#fffffff2}}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-logo{color:var(--primary-color);font-size:1.5rem;font-weight:800;cursor:pointer;text-decoration:none}.navbar-logo span{color:var(--secondary-color)}.menu-icon{display:none;font-size:1.8rem;cursor:pointer;color:var(--text-main)}.nav-menu{display:flex;align-items:center;list-style:none;gap:20px}.nav-link{color:var(--text-main);font-weight:600;padding:.5rem 1rem;text-decoration:none;position:relative;transition:color .3s}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:5px;left:50%;transform:translate(-50%);background-color:var(--primary-color);transition:width .3s ease-out;border-radius:2px}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:60%}.nav-btn{padding:.5rem 1.2rem;border-radius:4px;text-decoration:none}.nav-user-badge{display:flex;align-items:center;color:#475569;font-weight:600;cursor:pointer;padding:8px 15px;border-radius:20px;background:#f1f5f9;transition:background .3s}.nav-user-badge:hover{background:#e2e8f0}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px 0;min-width:150px;display:none;flex-direction:column;z-index:1000;margin-top:0;border:1px solid #f1f5f9}.dropdown-container:hover .dropdown-menu{display:flex}.dropdown-item{display:block;padding:10px 20px;color:#334155;text-decoration:none;transition:background .2s;text-align:left;background:none;border:none;font-size:.95rem;cursor:pointer;width:100%}.dropdown-item:hover{background:#f8fafc;color:#0f172a}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#fef2f2}@media screen and (max-width: 960px){.menu-icon{display:block}.nav-menu{flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:0;transition:all .5s ease;background:#fff;box-shadow:var(--shadow-md)}.nav-menu.active{left:0;opacity:1;z-index:998}.nav-item{width:100%;text-align:center;padding:1.5rem 0}.nav-link{font-size:1.2rem;width:100%;display:table}.dropdown-container:hover .dropdown-menu{position:relative;box-shadow:none;background:#f8fafc;width:100%;border:none}}.admin-layout{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif}.admin-sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000;box-shadow:4px 0 24px #0000000d}.admin-logo{padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.05);text-align:center;background:#0000001a}.admin-logo h2{margin:0;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.5px;font-size:1.6rem}.admin-nav{flex:1;padding:20px 10px}.admin-nav ul{margin:0;padding:0;list-style:none}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:12px 18px;color:#94a3b8;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;border-radius:12px;margin-bottom:4px;font-size:.95rem}.admin-nav-link:hover{background-color:#ffffff0d;color:#e2e8f0;transform:translate(4px)}.admin-nav-link.active{background:linear-gradient(90deg,#3b82f6aa,#2563ebaa);color:#fff;box-shadow:0 4px 12px #3b82f64d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:none}.admin-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05);background:#0003}.admin-content{margin-left:260px;flex:1;display:flex;flex-direction:column}.admin-header{height:70px;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:900;box-shadow:0 1px 2px #00000005}.admin-header h3{margin:0;color:#1e293b;font-weight:700;font-size:1.25rem}.admin-user-info{display:flex;align-items:center;gap:15px;background:#fff;padding:6px 15px;border-radius:30px;border:1px solid #f1f5f9;box-shadow:0 2px 5px #00000008}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 5px #3b82f64d}.admin-page-container{padding:40px;flex:1;max-width:1600px;margin:0 auto;width:100%}@media (max-width: 768px){.admin-sidebar{width:70px}.admin-nav-link span,.admin-menu-title,.admin-logo h2{display:none}.admin-logo{padding:20px 10px}.admin-nav{padding:20px 5px}.admin-nav-link{justify-content:center;padding:12px}.admin-content{margin-left:70px}.admin-page-container{padding:20px}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:#f8fafc;position:fixed;top:0;left:0;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #e2e8f0;border-top:5px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}