@keyframes --gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.error-404-container{padding:2rem 1rem;min-height:80vh;justify-content:center;align-items:center;display:flex}.error-404-container .error-content{padding:4rem;max-width:600px;text-align:center;animation:--fade-in .6s var(--ease-out-3) forwards}.error-404-container .error-content .error-icon{margin-bottom:1.5rem}.error-404-container .error-content .error-icon .material-symbols-outlined{color:#1d8aff;font-size:6rem;opacity:.6;animation:--float 3s ease-in-out infinite}.error-404-container .error-content .error-title{margin-bottom:.75rem;font-size:6rem;font-weight:700;line-height:1;animation:--slide-in-down .6s var(--ease-out-3) forwards;color:transparent;background:linear-gradient(135deg,#1d8aff,#0097e9);background-clip:text;-webkit-text-fill-color:transparent}.error-404-container .error-content .error-subtitle{margin-bottom:1.5rem;color:var(--card-text);font-size:1.5rem;font-weight:600;animation:--slide-in-up .6s var(--ease-out-3) forwards}.error-404-container .error-content .error-message{margin-bottom:2rem;color:var(--body-text);font-size:1.125rem;line-height:1.625;animation:--fade-in .6s .2s var(--ease-out-3) both}.error-404-container .error-content .error-actions{margin-bottom:2rem;flex-wrap:wrap;justify-content:center;gap:1rem;animation:--fade-in .6s .3s var(--ease-out-3) both;display:flex}.error-404-container .error-content .error-actions a{padding:.75rem 1.5rem;box-shadow:0 4px 8px #0000001a;border-radius:.75rem;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:scale .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3),translate .25s var(--ease-out-3);display:inline-flex}.error-404-container .error-content .error-actions a .material-symbols-outlined{font-size:1.25rem}.error-404-container .error-content .error-actions a:hover{box-shadow:0 8px 16px #0000001f;translate:0 -2px;scale:1.05}.error-404-container .error-content .error-actions a:active{translate:0 0;scale:1.02}.error-404-container .error-content .error-actions .btn.primary{color:#fff;background:#00669d}.error-404-container .error-content .error-actions .btn.secondary{color:var(--body-text);background-color:var(--card-bg);border:2px solid var(--card-border)}.error-404-container .error-content .error-actions .btn.secondary:hover{border-color:#1d8aff}.error-404-container .error-content .suggestions{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--card-border);animation:--fade-in .6s .4s var(--ease-out-3) both}.error-404-container .error-content .suggestions h3{margin-bottom:1.5rem;color:var(--card-text);font-size:1.125rem;font-weight:600}.error-404-container .error-content .suggestions .suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card{padding:1rem;color:inherit;background-color:var(--card-bg);box-shadow:0 2px 4px #00000014;border:1px solid var(--card-border);border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;transition:scale .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3),translate .25s var(--ease-out-3),border-color .25s var(--ease-out-3);display:flex}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:hover{box-shadow:0 4px 8px #0000001a;border-color:#1d8aff;translate:0 -4px;scale:1.05}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:hover .suggestion-icon{scale:1.15}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:active{translate:0 -2px;scale:1.02}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card .suggestion-icon{font-size:2rem;transition:scale .25s var(--ease-elastic-4)}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card .suggestion-text{color:var(--body-text);font-size:.875rem;font-weight:500;text-align:center}@media(width<=768px){.error-404-container{padding:1.5rem .75rem}.error-404-container .error-content{padding:2rem}.error-404-container .error-content .error-icon .material-symbols-outlined,.error-404-container .error-content .error-title{font-size:4rem}.error-404-container .error-content .error-subtitle{font-size:1.25rem}.error-404-container .error-content .error-message{font-size:1rem}.error-404-container .error-content .error-actions{flex-direction:column;align-items:stretch}.error-404-container .error-content .error-actions a{justify-content:center}.error-404-container .error-content .suggestions .suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media(width<=480px){.error-404-container .error-content .error-title{font-size:3rem}.error-404-container .error-content .suggestions .suggestions-grid{grid-template-columns:1fr}}.admin-container{margin:0 auto;padding:2rem;max-width:1200px}.user-info{margin-block-end:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:.5rem}.admin-features{margin-block-end:2rem}.feature-grid{margin-block-start:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.feature-card{padding:1.5rem;background-color:#fff;box-shadow:0 0 4px #0000001a;border:1px solid #e9ecef;border-radius:.5rem}.feature-card h3{margin-block-start:0;color:#495057}.btn{margin-block-start:1rem;padding:.5rem 1rem;color:#fff;background-color:#6366f1;border:none;border-radius:.25rem;cursor:pointer}.btn:hover{background-color:#5855eb}