:root{--primary-color:#4a6cf7;--secondary-color:#3a56d1;--accent-color:#6c8aff;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--dark-color:#1a1a2e;--light-color:#f8f9fa;--text-color:#212529;--text-light:#6c757d;--white:#fff;--shadow:rgba(0,0,0,0.05);--shadow-hover:rgba(0,0,0,0.1);--border-radius:8px;--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--white);color:var(--text-color);line-height:1.6;min-height:100vh;padding-top:60px}.navbar{background:var(--white);box-shadow:0 1px 3px var(--shadow);position:fixed;top:0;width:100%;z-index:1000;transition:var(--transition)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.logo{display:flex;align-items:center;gap:10px}.logo-image{height:32px;width:auto;border-radius:4px;transition:var(--transition)}.logo a:hover .logo-image{transform:scale(1.05)}.logo a{text-decoration:none;color:var(--primary-color);font-size:20px;font-weight:700;letter-spacing:-.5px;transition:var(--transition);display:flex;align-items:center;gap:10px}.logo a:hover{color:var(--secondary-color)}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2px}.nav-item{position:relative}.nav-link{color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;padding:10px 16px;border-radius:var(--border-radius);transition:var(--transition);display:flex;align-items:center;gap:6px}.nav-link:hover{background:var(--light-color);color:var(--primary-color)}.nav-link:active{transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 4px 12px var(--shadow-hover);border-radius:var(--border-radius);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:var(--transition);list-style:none;padding:6px 0;margin:0;margin-top:4px;border:1px solid #e9ecef}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a{display:block;padding:8px 16px;color:var(--text-color);text-decoration:none;font-size:14px;font-weight:400;transition:var(--transition);border-radius:calc(var(--border-radius) - 2px);margin:2px 8px}.dropdown-menu li a:hover{background:var(--light-color);color:var(--primary-color)}.coming-soon{font-size:10px;background:var(--warning-color);color:var(--text-color);padding:2px 8px;border-radius:10px;margin-left:6px;font-weight:600;letter-spacing:.5px}.nav-right{display:flex;align-items:center;gap:10px}.user-menu{position:relative}.user-link{display:flex;align-items:center;gap:8px;color:var(--text-color);text-decoration:none;padding:6px 12px;border-radius:20px;background:var(--light-color);transition:var(--transition);cursor:pointer;font-size:14px}.user-link:hover{background:#e9ecef}.user-name{font-weight:500;font-size:13px}.notification-badge{background:var(--danger-color);color:var(--white);font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center}.user-dropdown{right:0;left:auto;min-width:160px}.user-dropdown .badge{background:var(--primary-color);color:var(--white);font-size:10px;padding:1px 6px;border-radius:8px;margin-left:auto}.divider{height:1px;background:#e9ecef;margin:6px 0}.auth-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:var(--border-radius);font-size:13px;font-weight:600;text-decoration:none;transition:var(--transition);cursor:pointer;border:0;display:inline-block}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--secondary-color)}.main-content{max-width:1400px;margin:0 auto;padding:30px 20px;min-height:calc(100vh - 60px)}.footer{background:var(--dark-color);color:var(--white);text-align:center;padding:25px 20px;margin-top:40px}.footer-content{max-width:1400px;margin:0 auto}.footer-content p{font-size:13px;opacity:.8}@media(max-width:1024px){.nav-container{padding:0 15px}.nav-link{padding:8px 12px;font-size:13px}.main-content{padding:25px 15px}}@media(max-width:768px){.navbar{box-shadow:0 1px 3px var(--shadow-hover)}.nav-menu{display:none;position:absolute;top:60px;left:0;width:100%;background:var(--white);flex-direction:column;box-shadow:0 4px 12px var(--shadow-hover);border-radius:0;padding:8px 0;gap:0}.nav-menu.active{display:flex}.nav-item{border-bottom:1px solid #f0f0f0}.nav-item:last-child{border-bottom:0}.dropdown-menu{position:static;box-shadow:none;padding-left:16px;background:var(--light-color);border-radius:0;min-width:100%;margin-top:0;border:0}.nav-link{color:var(--text-color);padding:12px 16px;border-radius:0}.nav-link:hover{background:var(--light-color);color:var(--primary-color)}.nav-right{display:none}.logo a{font-size:18px}.main-content{padding:20px 10px;min-height:calc(100vh - 60px)}}