@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#f59e0b55;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f59e0b88}.sidebar-container{display:none}@media (width>=768px){.sidebar-container{display:block}}*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0;overflow-x:hidden}.text-balance{text-wrap:balance}@media (width<=768px){.hero-title{font-size:32px!important}.section-padding{padding:60px 0!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.hide-mobile{display:flex}.show-mobile{display:none}@media (width<=900px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (width<=768px){.container{padding:0 20px}.flex-mobile-column{flex-direction:column!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes badgeBounce{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.25)}80%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes progress-bar{0%{width:100%}to{width:0%}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes avatar-pulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 12px #f59e0b00}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #f59e0b40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b59}.btn-primary:active{transform:translateY(0)}.btn-primary:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff26 50%,#0000 60%) 0 0/200% 200%;animation:3s infinite shimmer;position:absolute;inset:0}.btn-secondary{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#f59e0b;background:#f59e0b0d;border-color:#f59e0b}.input-field{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.input-field:focus{background:#1e2642;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.input-field::placeholder{color:#4b5563}.input-field-icon{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 48px;font-family:inherit;font-size:15px;transition:all .3s}.input-field-icon:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.input-field-icon::placeholder{color:#94a3b8}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #0000000d;border-radius:20px;transition:all .3s;box-shadow:0 4px 20px #00000008}.glass-card:hover{background:#fffffff2;border-color:#f59e0b33;transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,#f59e0b), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:#f59e0b33;transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.stat-card:hover:before{opacity:1}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:all;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:14px;min-width:320px;max-width:420px;padding:16px 20px;animation:.4s cubic-bezier(.4,0,.2,1) toast-in;display:flex;box-shadow:0 8px 32px #0000004d}.toast-exit{animation:.3s forwards toast-out}.toast-success{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e33}.toast-error{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef444433}.toast-info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f633}.toast-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b33}.toast-progress{border-radius:0 0 14px 14px;height:3px;animation:4s linear forwards progress-bar;position:absolute;bottom:0;left:0}.profile-page{background:#f1f5f9;min-height:100vh;padding:100px 24px 80px}.profile-avatar-ring{background:conic-gradient(#f59e0b,#d97706,#b45309,#d97706,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:3s ease-in-out infinite avatar-pulse;display:flex}.profile-avatar-inner{color:#f59e0b;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-size:42px;font-weight:800;display:flex;position:relative;overflow:hidden}.profile-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:24px;padding:32px;animation:.5s both fadeInUp}.profile-nav-item{color:#94a3b8;cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.profile-nav-item:hover{color:#f1f5f9;background:#f59e0b0d}.profile-nav-item.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b26}.dashboard-page{background:#f1f5f9;min-height:100vh;padding:100px 24px 80px}.dashboard-welcome{background:linear-gradient(135deg,#f59e0b14,#d9770608);border:1px solid #f59e0b1a;border-radius:24px;margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.dashboard-welcome:before{content:"";background:radial-gradient(circle,#f59e0b1a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.quick-action{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action:hover{background:#f59e0b14;border-color:#f59e0b26;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-amber{border:2.5px solid #f59e0b33;border-top-color:#f59e0b}.password-strength-bar{background:#1e293b;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .4s}.hamburger-btn{display:none}.nav-desktop-links{display:flex}@media (width<=900px){.nav-desktop-links{display:none!important}.hamburger-btn{display:flex!important}.checkout-main{grid-template-columns:1fr!important}}@media (width<=768px){.container{padding:0 16px}.toast-container{top:16px;left:12px;right:12px}.toast{min-width:unset;max-width:100%}.dashboard-welcome{padding:20px}.dashboard-page,.profile-page{padding:88px 16px 60px}.profile-section{padding:20px}section{padding-top:60px;padding-bottom:60px}.hero-title{text-align:center;font-size:34px!important}.cart-layout{grid-template-columns:1fr!important}.cart-summary-sticky{position:static!important}.book-modal-content{max-height:95vh;overflow-y:auto;flex-direction:column!important}.book-modal-image{max-width:100%!important;height:260px!important}.book-modal-image img{height:260px!important;min-height:unset!important}.book-modal-info{padding:20px!important}.stat-card{padding:20px 16px}}@media (width<=480px){.container{padding:0 14px}.hero-title{font-size:28px!important}.btn-primary{padding:12px 20px;font-size:14px}.cart-layout .cart-item-flex{flex-direction:column;align-items:flex-start}}