:root{--header-spacing: 68px;--content-spacing: 68px;--card-spacing: 20px}.not-found-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.not-found-hero{max-width:800px;width:100%;text-align:center;position:relative;z-index:2}.not-found-content{background:var(--glass-bg-light);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 32px #0000004d;position:relative}.not-found-icon{margin-bottom:2rem}.error-code{font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;text-shadow:0 4px 20px rgba(99,102,241,.3)}.not-found-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--text-color);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.not-found-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);color:var(--text-color);opacity:.9;margin-bottom:1.5rem;font-weight:500}.not-found-description{font-size:1rem;color:var(--text-color);opacity:.8;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.not-found-suggestions{margin-bottom:2.5rem}.not-found-suggestions h3{font-size:1.2rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:600}.suggestion-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.suggestion-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-color);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.suggestion-link:hover{transform:translateY(-2px);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #0003}.suggestion-link i{font-size:1.1rem;color:var(--primary-color);flex-shrink:0}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-home-btn,.not-found-back-btn{padding:12px 24px;font-size:1rem;font-weight:600;border-radius:10px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;min-width:160px;justify-content:center}.not-found-home-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.not-found-home-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.not-found-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-color)}.not-found-back-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.not-found-animation{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-element{position:absolute;font-size:2rem;color:var(--primary-color);opacity:.1;animation:floatingElements 15s ease-in-out infinite}.floating-element.element-1{top:15%;left:10%;animation-delay:0s}.floating-element.element-2{top:25%;right:15%;animation-delay:-3s}.floating-element.element-3{bottom:30%;left:20%;animation-delay:-6s}.floating-element.element-4{bottom:20%;right:25%;animation-delay:-9s}@keyframes floatingElements{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-20px) rotate(90deg);opacity:.2}50%{transform:translateY(-10px) rotate(180deg);opacity:.15}75%{transform:translateY(-30px) rotate(270deg);opacity:.25}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.light-mode .not-found-content{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}body.light-mode .suggestion-link{background:#fffc;border:1px solid rgba(0,0,0,.1)}body.light-mode .suggestion-link:hover{background:#fffffff2;border-color:#00000026;box-shadow:0 8px 25px #0000001a}body.light-mode .not-found-back-btn{background:#fffc;border:1px solid rgba(0,0,0,.1)}body.light-mode .not-found-back-btn:hover{background:#fffffff2;border-color:#00000026}@media (max-width: 768px){.not-found-page{padding:1rem .5rem;min-height:calc(100vh - 120px)}.not-found-content{padding:2rem 1.5rem}.suggestion-links{grid-template-columns:1fr;gap:.75rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-home-btn,.not-found-back-btn{width:100%;max-width:250px}}@media (max-width: 480px){.not-found-content{padding:1.5rem 1rem}.suggestion-link{padding:.75rem 1rem;font-size:.9rem}}.responsive-image-container,.responsive-image,.admin-book-image-small,.book-image,img[src*=cloudinary]{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;pointer-events:auto}.responsive-image-container *{-webkit-context-menu:none!important;-moz-context-menu:none!important;context-menu:none!important}.responsive-image-container{position:relative;overflow:hidden;display:inline-block;width:100%}.responsive-image-container img{display:block;width:100%;height:auto;border-radius:inherit}.book-card,.admin-table,.book-detail-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.book-title,.book-description,.book-author,.book-price,.admin-table td:not(.book-image),.admin-table th,p,h1,h2,h3,h4,h5,h6,span:not(.book-image *),div:not(.book-image *){-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}@media print{.responsive-image,.admin-book-image-small,img[src*=cloudinary]{display:none!important}.responsive-image-container:after{content:"🔒 Rasm himoyalangan";display:block;text-align:center;padding:20px;background:#f0f0f0;border:2px dashed #ccc;color:#666}}.responsive-image-container img,.admin-book-image-small,img[src*=cloudinary]{-webkit-context-menu:none;-moz-context-menu:none;context-menu:none}@media (max-width: 768px){.responsive-image-container,.admin-book-image-small{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.responsive-image,.admin-book-image-small,img[src*=cloudinary]{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;outline:none}.responsive-image-container a,a img{text-decoration:none;border:none;outline:none}.responsive-image[src]:before{content:"";display:none}::selection{background:transparent}::-moz-selection{background:transparent}.responsive-image::-webkit-drag,.admin-book-image-small::-webkit-drag{display:none!important}img[src*="cloudinary.com"]:before{content:"";position:absolute;inset:0;background:transparent;z-index:1;pointer-events:none}img::-webkit-media-controls,img::-webkit-media-controls-panel{display:none!important}.responsive-image,.admin-book-image-small{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.responsive-image-container.watermarked:after{content:"© Zamon Books";position:absolute;bottom:5px;right:5px;background:#000000b3;color:#fff;padding:2px 6px;font-size:10px;border-radius:3px;pointer-events:none;z-index:2;opacity:.8}.responsive-image-container{position:relative;overflow:hidden}.responsive-image-container:before{content:"";position:absolute;inset:0;background:transparent;z-index:0;pointer-events:none}.responsive-image-placeholder,.responsive-image-error{border-radius:12px!important}.admin-table .responsive-image-container,.admin-table .responsive-image-container img{border-radius:6px}@media (max-width: 768px){.responsive-image-placeholder,.responsive-image-error{border-radius:10px!important}.admin-table .responsive-image-container,.admin-table .responsive-image-container img{border-radius:4px}}