@import url(https://fonts.googleapis.com/css2?family=Inter:wght@600;700&family=Roboto:wght@400;500&display=swap);body{background-color:#f9f9f9;font-family:Inter,sans-serif;margin:0;padding:0}.navbar{background:#007aff;color:#fff;padding:15px 30px}.navbar a{color:#fff;margin:0 10px;text-decoration:none}.dashboard,.form-container{background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin:50px auto;max-width:600px;padding:30px}button,input{border:1px solid #ccc;border-radius:5px;display:block;margin:10px 0;padding:10px;width:100%}button{background-color:#007aff;color:#fff;cursor:pointer}.bookmark-card{border:1px solid #eee;border-radius:5px;margin-top:10px;padding:10px}.navbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 6px #0000000d;font-family:Roboto,sans-serif;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{text-decoration:none;transition:.3s}.navbar-logo-img{height:50px;margin-right:.5rem;vertical-align:middle;width:auto}.navbar-logo-text{color:#2563eb;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;vertical-align:middle}.navbar-logo:hover .navbar-logo-text{color:#facc15;text-shadow:0 0 6px #facc15}.navbar-right{align-items:center;display:flex}.navbar-right .btn{border:none;border-radius:8px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:.3s}.login-btn{background-color:#2563eb;color:#fff}.login-btn:hover{background-color:#1d4ed8;box-shadow:0 0 8px #2563eb}.register-btn{background-color:#facc15;color:#0f172a}.register-btn:hover{background-color:#eab308;box-shadow:0 0 8px #facc15}.logout-btn{background-color:#ef4444;color:#fff}.logout-btn:hover{background-color:#b91c1c;box-shadow:0 0 8px #ef4444}.dashboard-btn{background-color:#2563eb;color:#fff}.dashboard-btn:hover{background-color:#1d4ed8;box-shadow:0 0 8px #2563eb}@media (max-width:600px){.navbar{align-items:flex-start;flex-direction:column}.navbar-right{flex-wrap:wrap;margin-top:.5rem}.navbar-right .btn{margin-bottom:.3rem;margin-left:0;margin-right:.5rem}.navbar-logo-text{font-size:1.2rem}.navbar-logo-img{height:40px}}.bookmark-card{box-shadow:0 4px 10px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bookmark-card:hover{box-shadow:0 8px 20px #0000001f}.bookmark-link{color:inherit;text-decoration:none}.bookmark-image{border-bottom:1px solid #e2e8f0;height:180px}.bookmark-info{padding:1rem}.bookmark-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.6rem}.bookmark-favicon{border-radius:4px;height:20px;width:20px}.bookmark-header h3{color:#1e293b;font-size:1.1rem;margin:0}.bookmark-desc{color:#475569;font-size:.95rem;margin-bottom:.8rem}.bookmark-tags span{background:#eef2ff;border-radius:6px;color:#4f46e5;font-size:.8rem;margin-right:5px;padding:3px 8px}.home-container{color:#1e293b;font-family:Poppins,sans-serif;overflow-x:hidden}.hero-section{background:radial-gradient(circle at top right,#1e3a8ad9,#1e40afd9);border-radius:0 0 2rem 2rem;color:#fff;overflow:hidden;padding:5rem 1rem 6rem;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:700px;position:relative;z-index:2}.hero-icon{color:#facc15;margin-bottom:1rem}.hero-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{color:#e2e8f0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-btn{align-items:center;background:#facc15;border-radius:10px;color:#1e293b;display:inline-flex;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hero-btn:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-3px)}.bookmarks-section{margin:3rem auto;max-width:1200px;padding:0 1.2rem;position:relative;z-index:3}.home-heading{color:#1e293b;font-size:1.7rem;font-weight:700;margin-bottom:.4rem;text-align:center}.home-subtext{color:#64748b;font-size:1rem;margin-bottom:2rem;text-align:center}.bookmark-grid{grid-gap:1.6rem;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.hero-btn{padding:.6rem 1.2rem}}.auth-container{background:#f8fafc;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-family:Roboto,sans-serif;margin:3rem auto;max-width:500px;padding:2rem}.auth-container h2{color:#1e293b;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1.5rem;text-align:center}.auth-container form{display:flex;flex-direction:column}.auth-container input{border:1px solid #e2e8f0;border-radius:8px;font-size:16px;margin-bottom:1rem;padding:.6rem}.auth-container button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:.6rem;transition:background .3s ease}.auth-container button:hover{background:#1d4ed8}.message-error,.message-success{text-align:center}.dashboard-container{background:#f8fafc;border-radius:12px;font-family:Roboto,sans-serif;margin:2rem auto;max-width:1200px;padding:2rem}.dashboard-container h2{color:#1e293b;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1.5rem;text-align:center}.bookmark-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.bookmark-form input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1 180px;padding:.5rem}.bookmark-form button{padding:.5rem 1rem}.message-error,.message-success{margin-top:1rem}.bookmark-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bookmark-card{border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.bookmark-image{border-radius:8px;height:150px;object-fit:cover;width:100%}.bookmark-card h3{color:#1e293b;margin:0}.bookmark-card p{color:#475569;font-size:14px;margin:.25rem 0}.bookmark-meta{color:#64748b;font-size:12px}.bookmark-tags{color:#facc15;font-size:12px;font-weight:600}.bookmark-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.bookmark-actions a{background:#e0f2fe;color:#2563eb;font-size:14px;text-decoration:none}.bookmark-actions a,.edit-btn{border-radius:6px;padding:.4rem .8rem}.edit-btn{background:#facc15;color:#1e293b}.delete-btn{background:#ef4444}.delete-btn,.save-btn{border-radius:6px;color:#fff;padding:.4rem .8rem}.save-btn{background:#10b981}.cancel-btn{background:#6b7280;border-radius:6px;color:#fff;padding:.4rem .8rem}.bookmark-card input{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.3rem;padding:.4rem;width:100%}.addlink-container{background:#f8fafc;border-radius:12px;font-family:Roboto,sans-serif;margin:2rem auto;max-width:600px;padding:2rem}.addlink-container h2{color:#1e293b;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1.5rem}.bookmark-form{display:block}.bookmark-form input,.bookmark-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;display:block;font-size:14px;margin-bottom:.8rem;padding:.5rem;width:100%}.bookmark-form textarea{line-height:1.4;min-height:100px;padding-bottom:.6rem;padding-top:.6rem;resize:vertical}.bookmark-form input:focus,.bookmark-form textarea:focus{border-color:#2563eb;box-shadow:0 0 6px #2563eb1f;outline:none}.bookmark-form button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem;width:100%}.bookmark-form button:hover{background:#1d4ed8}.category-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#0f172a;display:block;font-family:Roboto,sans-serif;font-size:14px;margin-bottom:.8rem;padding:.5rem;transition:all .2s ease;width:100%}.category-select:focus{border-color:#2563eb;box-shadow:0 0 6px #2563eb1f;outline:none}.category-select option{background:#fff;color:#0f172a}.message-error{color:#ef4444;margin-bottom:1rem}.message-success{color:#10b981;margin-bottom:1rem}@media (max-width:520px){.addlink-container{padding:1.25rem}.bookmark-form button,.bookmark-form input,.bookmark-form textarea{font-size:14px}}.page-container{color:#1e293b;font-family:Poppins,sans-serif;line-height:1.7;margin:4rem auto;max-width:700px;padding:1rem 1.5rem}.page-container h1{color:#1e40af;font-size:2rem;margin-bottom:1rem;text-align:center}.page-container h2{color:#1e3a8a;font-size:1.3rem;margin-top:2rem}.page-container p{color:#334155;margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact-form input,.contact-form textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:.8rem}.contact-form button{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1rem;transition:background .2s ease}.contact-form button:hover{background:#1d4ed8}.categories-container{padding:2rem;text-align:center}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:2rem}.category-card{border-radius:12px;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;font-weight:600;padding:2rem 1rem;transition:.2s ease}.category-card:hover{box-shadow:0 6px 10px #00000040;transform:scale(1.05)}.category-bookmarks-container{padding:2rem}.category-bookmarks-container h2{margin-bottom:2rem;text-align:center}.bookmarks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bookmark-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;transition:.2s ease}.bookmark-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.bookmark-card h3{font-size:1.2rem;margin-bottom:.5rem}.bookmark-card p{color:#444;font-size:.9rem;margin-top:.5rem}.bookmark-card a{color:#007bff;display:inline-block;font-weight:700;margin-top:.8rem;text-decoration:none}.bookmark-card a:hover{text-decoration:underline}.bookmark-detail-container{color:#1e293b;font-family:Poppins,sans-serif;margin:3rem auto;max-width:900px;padding:1.5rem}.bookmark-detail-card{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;overflow:hidden;text-align:center}.bookmark-detail-image{max-height:350px;object-fit:cover;width:100%}.bookmark-detail-content{padding:2rem 1.5rem}.bookmark-detail-title{color:#1e3a8a;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.bookmark-detail-description{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.bookmark-detail-meta{color:#334155;font-size:.95rem;margin-bottom:1.5rem}.bookmark-detail-button{background:#facc15;border-radius:8px;color:#1e293b;display:inline-block;font-weight:600;padding:.8rem 1.6rem;text-decoration:none;transition:all .3s ease}.bookmark-detail-button:hover{background:#eab308;transform:translateY(-2px)}.bookmark-detail-back{color:#3b82f6;display:inline-block;font-weight:500;margin-top:1.5rem;text-decoration:none}.bookmark-detail-back:hover{text-decoration:underline}.bookmark-detail-error,.bookmark-detail-loading{color:#334155;font-size:1.1rem;margin-top:3rem;text-align:center}.footer{background:linear-gradient(to bottom right,#1e3a8a,#1e40af);border-top:4px solid #facc15;color:#f9fafb;font-family:Poppins,sans-serif;margin-top:4rem;padding:3rem 1rem 1.2rem}.footer-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-logo{color:#facc15;font-size:1.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:.6rem}.footer-tagline{color:#e2e8f0;font-size:.95rem;line-height:1.6;max-width:260px}.footer-links h3,.footer-social h3{color:#f9fafb;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#cbd5e1;text-decoration:none;transition:color .25s ease}.footer-links a:hover{color:#facc15}.social-icons{display:flex;gap:1.2rem;margin-top:.7rem}.social-icons a{color:#cbd5e1;font-size:1.5rem;transition:color .3s ease,transform .2s ease}.social-icons a:hover{color:#facc15;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff26;color:#cbd5e1;font-size:.9rem;margin-top:2.5rem;padding-top:1rem;text-align:center}.footer-bottom span{color:#facc15;font-weight:500}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-links,.footer-social{margin-top:1rem}}
/*# sourceMappingURL=main.705ca455.css.map*/