.navbar-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.logo{color:#1e1b4b;font-size:20px;font-weight:700}.nav-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#4b5563;font-size:16px;font-weight:500;text-decoration:none}.nav-links a:hover{color:#2563eb}.no-cursor{cursor:default;-webkit-user-select:none;user-select:none}.ctrl{justify-content:space-between;align-items:flex-end;padding:20px 40px 10px;display:flex}#filter-text{margin:0;font-size:18px;font-weight:600}.dropdown-container{display:inline-block;position:relative}.dropdown-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-size:16px;font-weight:600}.dropdown-menu{z-index:10;background-color:#14241df2;border:1px solid #ffffff14;border-radius:8px;width:160px;margin-top:8px;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #00000080}.dropdown-menu li a,.dropdown-menu li button{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.dropdown-menu li a:hover,.dropdown-menu li button:hover{color:#34d399}.write-btn{color:#fff;cursor:pointer;background-color:#059627;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s;box-shadow:0 4px 6px -1px #0003}.write-btn:hover{background-color:#10b981;transform:translateY(-2px)}.card{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:20px 40px;display:grid}.book-card{color:#6c727e;background-color:#ff00000d;border:1px solid #ff00001a;border-radius:6px;justify-content:center;align-items:center;height:220px;display:flex}