html,body,#root{scroll-behavior:smooth;background-color:#0f172a;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.container{background-color:#0f172a;width:100%;min-height:100vh}.header{width:100%}.hero{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.hero-img{opacity:.8;width:900px;height:auto;margin-top:95px}.main{justify-content:center;align-items:center;width:100%;display:flex}.btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;margin-top:30px;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.footer{color:#fff;background:#1e293b;justify-content:center;align-items:center;width:100%;margin-top:50px;margin-bottom:10px;padding:20px;display:flex}.footer a{color:#10b981;margin-left:7px;font-weight:700;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0;font-family:"sans-serif"}.navbar{z-index:1;background-color:#1e293b;align-items:center;width:100%;height:90px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{cursor:pointer;width:200px;height:200px;margin:10px 40px}.nav-menu{gap:10px;list-style:none;display:flex}.nav-menu li a{color:#f8fafc;border-radius:8px;padding:9px 15px;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s}.nav-menu li a:hover{color:#94a3b8}.nav-menu li a.active{color:#fff;background-color:#10b981}.features{background:#0f172a;padding:100px 8%}.features-title{text-align:center;color:#f8fafc;margin-bottom:50px;font-size:2.5rem}.feature-card h2{color:#10b981;margin-bottom:15px}.feature-card p{color:#94a3b8;line-height:1.6}.review-section{text-align:center;background:#0f172a;padding:100px 20px}.review-section h2{color:#f8fafc;margin-bottom:10px;font-size:2.5rem}.review-section p{color:#94a3b8;margin-bottom:40px}.review-form{background:#1e293b;border:1px solid #94a3b826;border-radius:20px;flex-direction:column;gap:18px;max-width:650px;margin:auto;padding:35px;display:flex}.review-form input,.review-form select,.review-form textarea{color:#f8fafc;background:#0f172a;border:none;border-radius:12px;outline:none;width:100%;padding:15px;font-size:16px}.review-form input::placeholder,.review-form textarea::placeholder{color:#94a3b8}.review-form button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.review-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.about{background-color:#0f172a;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:60px 20px;display:flex}.about h2{color:#10b981;margin-top:50px;margin-bottom:10px;font-size:2.5rem}.about p{color:#94a3b8;margin-bottom:40px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.feature-card{background:#1e293b;border:1px solid #94a3b81a;border-radius:16px;padding:30px;transition:all .3s}.feature-card h3{color:#10b981;margin-bottom:15px}.feature-card:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.faq-container{max-width:850px;margin:80px auto;padding:20px}.faq-container h1{text-align:center;color:#10b981;margin-bottom:12px}.faq-subtitle{text-align:center;color:#94a3b8;margin-bottom:40px}.faq-item{background:#1e293b;border:1px solid #94a3b826;border-radius:12px;margin-bottom:16px;transition:all .25s;overflow:hidden}.faq-item:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px;display:flex}.faq-question h3{color:#f8fafc;margin:0}.faq-question span{color:#10b981;font-size:1.4rem;font-weight:700}.faq-answer{color:#94a3b8;padding:0 20px 20px;line-height:1.7}.signin-container{text-align:center;background:#1e293b;border-radius:16px;max-width:420px;margin:100px auto 80px;padding:40px;box-shadow:0 10px 30px #00000040}.signin-container h1{color:#f8fafc;margin-bottom:10px}.signin-container p{color:#94a3b8;margin-bottom:25px;line-height:1.6}.signin-container form{flex-direction:column;gap:15px;display:flex}.signin-container input{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;padding:14px;font-size:1rem}.signin-container input:focus{border-color:#10b981}.signin-container button{cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.signin-container button[type=submit]{color:#fff;background:#10b981}.signin-container button[type=submit]:hover{transform:translateY(-2px)}.divider{margin:25px 0;position:relative}.divider span{color:#94a3b8;background:#1e293b;padding:0 12px}.divider:before{content:"";z-index:-1;background:#334155;width:100%;height:1px;position:absolute;top:50%;left:0}.google-btn{color:#f8fafc;background:0 0;width:100%;border:1px solid #334155!important}.signup-link{color:#94a3b8;margin-top:25px}.signup-link a{color:#10b981;font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-container{text-align:center;background:#1e293b;border-radius:16px;max-width:420px;margin:100px auto 80px;padding:40px}.signup-container h1{color:#f8fafc}.signup-container p{color:#94a3b8}.signup-container form{flex-direction:column;gap:15px;display:flex}.signup-container input{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:14px}.signup-container input:focus{border-color:#10b981;outline:none}.signup-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;padding:14px}.signin-link a{color:#10b981;text-decoration:none}.google-btn{color:#f8fafc;cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:14px;border:1px solid #334155!important}.google-btn:hover{border-color:#10b981!important}.sidebar{color:#f8fafc;background-color:#1e293b;flex-direction:column;align-items:center;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;box-shadow:2px 0 10px #0000004d}.sidebar ul{width:100%;padding:0;list-style:none}.sidebar li{cursor:pointer;color:#94a3b8;border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:12px 16px;transition:all .25s;display:flex}.sidebar li:hover{color:#10b981;background-color:#0f172a;transform:translate(4px)}.sidebar li.active{color:#10b981;background-color:#0f172a;border-left:3px solid #10b981;padding-left:13px}.sidebar a{color:inherit;width:100%;text-decoration:none;display:block}.sidebar img{width:200px;height:200px}.nav-link{color:#94a3b8;border-radius:10px;padding:10px 14px;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:#10b981;background:#0f172a}.nav-link.active{color:#10b981;background:#0f172a;border-left:3px solid #10b981}.dashboard-layout{background:#0f172a;min-height:100vh;display:flex}.dashboard-main{flex:1;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.dashboard-header h1{color:#f8fafc;font-size:2rem}.new-btn{color:#f8fafc;cursor:pointer;background:#10b981;border:none;border-radius:10px;padding:12px 22px;font-weight:600;transition:all .2s}.new-btn:hover{transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px}.stat-card h2{color:#10b981;margin-bottom:8px;font-size:2rem}.stat-card p{color:#94a3b8}.add-form{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px;display:flex}.add-form input,.add-form select{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;min-width:180px;padding:12px}.add-form button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;padding:12px 20px}.activity-section h2{color:#f8fafc;margin-bottom:20px}.activity-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.activity-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:20px;transition:all .2s}.activity-card:hover{transform:translateY(-3px)}.activity-card h3{color:#f8fafc;margin-bottom:10px}.activity-card p{color:#94a3b8;margin:6px 0}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:15px}.add-form{flex-direction:column}}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;margin-top:10px;padding:6px 10px;transition:all .2s}.delete-btn:hover{color:#fff;background:#ef4444}.category-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.category-card-ui{background-color:#0000;border-radius:10px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.category-card-ui:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.category-indicator{width:5px;height:100%;position:absolute;top:0;left:0}.category-info{flex:1}.category-info h3{color:#10b981;margin:0 0 .25rem;font-size:1.15rem}.category-info p{color:#94a3b8;margin:0;font-size:.9rem}.view-shelf-btn{color:var(--text-color);cursor:pointer;transition:all var(--transition-speed);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem .8rem;font-size:.85rem;font-weight:500}.view-shelf-btn:hover{background-color:var(--accent-color);color:#000;border-color:var(--accent-color)}.profile-container{grid-template-columns:300px 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=768px){.profile-container{grid-template-columns:1fr}}.profile-card.hero{text-align:center;background-color:#0000;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;transition:all .2s;display:flex;position:relative}.profile-card.hero:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.avatar-placeholder{color:#000;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;font-size:2rem;font-weight:700;display:flex}.profile-card.hero h2{color:#10b981;margin:0;font-size:1.4rem}.profile-joined{color:#94a3b8;margin-top:.5rem;font-size:.9rem}.profile-details-grid{background-color:#0000;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .2s;display:flex}.profile-details-grid:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.detail-item{flex-direction:column;display:flex}.detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem}.detail-item p{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:500}.badge-active{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133;border-radius:6px;width:fit-content;padding:.35rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.settings-wrapper{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.settings-section{background-color:#0000;border:1px solid #ffffff1a;border-radius:10px;padding:1.5rem 2rem;transition:all .2s}.settings-section:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 10px 25px #10b98126}.settings-section h3{color:#10b981;border-bottom:1px solid #ffffff0d;margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem}.setting-row{justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 0;display:flex}.setting-row:not(:last-child){border-bottom:1px solid #ffffff0d}.setting-text h4{color:#f8fafc;margin:0 0 .25rem;font-size:1rem;font-weight:600}.setting-text p{color:#94a3b8;margin:0;font-size:.88rem}.settings-section.danger-zone{border:1px solid #ef444433}.settings-section.danger-zone:hover{border-color:#ef4444;box-shadow:0 10px 25px #ef444426}.settings-section.danger-zone h3{color:#ef4444;border-color:#ef44441a}.toggle-switch{appearance:none;cursor:pointer;background-color:#0f172a;border-radius:50px;width:44px;height:24px;position:relative}