@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@400;500;600&display=swap";.user-menu .user-menu-copy{text-align:right;line-height:1.15;display:grid}.user-menu .user-menu-copy strong{text-overflow:ellipsis;color:#fff;max-width:170px;font-size:var(--text-md);overflow:hidden}.user-menu .user-menu-copy span{color:#888;font-size:var(--text-xs)}.user-menu .btn-logout{font-size:var(--text-md);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff6b6b;cursor:pointer;font-weight:500;font-family:var(--font-display);background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;padding:6px 16px;text-decoration:none;transition:all .3s}.user-menu .btn-logout:hover:not(:disabled){background:#ff6b6b33;border-color:#ff6b6b80;transform:translateY(-1px)}.user-menu .btn-logout:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.user-menu .user-menu-copy{text-align:center}.user-menu .btn-logout{font-size:var(--text-sm);padding:5px 12px}}@media (width<=480px){.user-menu .btn-logout{font-size:var(--text-sm);padding:5px 12px}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000f2;border-bottom:1px solid #ffffff1a;padding:8px 0;position:fixed;top:0;left:0;right:0}.header .header-content{max-width:var(--content-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.header .logo{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:.1em;font-display:swap;flex-shrink:0;font-size:1.8rem;font-weight:400;text-decoration:none;transition:all .3s}.header .logo:hover{color:var(--accent-gold-hover);transform:scale(1.05)}.header .header-search{flex:1;max-width:400px;margin:0 30px}.header .search-container{align-items:center;display:flex;position:relative}.header .search-input{color:#fff;width:100%;font-size:var(--text-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 40px 8px 12px;transition:all .3s}.header .search-input::placeholder{color:#fff9}.header .search-input:focus{border-color:var(--accent-gold);background:#ffffff26;outline:none;box-shadow:0 0 0 3px #d4af371a}.header .search-button{color:#fff9;font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .3s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.header .search-button:hover{color:var(--accent-gold);background:#ffffff1a}.header .create-menu-container{margin-right:20px;position:relative}.header .create-menu-button{background:linear-gradient(135deg, var(--accent-gold), #d4af37);color:#000;font-weight:600;font-size:var(--text-md);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #d4af374d}.header .create-menu-button:hover{background:linear-gradient(135deg, #d4af37, var(--accent-gold));transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.header .create-arrow{font-size:var(--text-xs);transition:transform .3s}.header .create-menu-button:hover .create-arrow{transform:rotate(180deg)}.header .create-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#000000f2;border:1px solid #ffffff1a;border-radius:8px;min-width:200px;margin-top:8px;padding:8px 0;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0006}.header .create-option{color:#fff;font-size:var(--text-md);border-bottom:1px solid #ffffff1a;padding:12px 16px;text-decoration:none;transition:all .3s;display:block}.header .create-option:last-child{border-bottom:none}.header .create-option:hover{color:var(--accent-gold);background:#ffffff1a;padding-left:20px}.header .header-auth{align-items:center;gap:12px;display:flex}.header .guest-actions,.header .user-menu{align-items:center;gap:10px;display:flex}.header .header-login,.header .header-register,.header .header-admin-link{font-size:var(--text-md);white-space:nowrap;border-radius:7px;padding:7px 12px;font-weight:600}.header .header-login,.header .header-admin-link{color:#ddd;border:1px solid #444}.header .header-register{color:#111;background:var(--accent-gold)}@media (width<=968px){.header .header-search{max-width:350px;margin:0 20px}}@media (width<=768px){.header{padding:6px 0}.header .header-content{flex-direction:column;gap:12px;padding:0 1.5rem}.header .header-search{order:2;max-width:100%;margin:0}.header .create-menu-container{order:3;margin-bottom:10px;margin-right:0}.header .header-auth{flex-wrap:wrap;order:4;justify-content:center}.header .logo{order:1;font-size:1.6rem}.header .search-input{font-size:var(--text-md);padding:7px 35px 7px 10px}.header .search-button{font-size:var(--text-md);padding:5px}.header .create-dropdown{min-width:250px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=480px){.header{padding:5px 0}.header .header-content{gap:10px;padding:0 1rem}.header .logo{font-size:1.4rem}.header .search-input{font-size:var(--text-sm);padding:6px 30px 6px 8px}.header .search-button{font-size:var(--text-md);padding:4px}}.footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1a1a1ae6,#101010f2);margin-top:auto}.footer .container{width:min(calc(100% - 2rem), var(--content-max));margin-inline:auto}.footer .footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px 0 40px;display:grid}.footer .footer-section{flex-direction:column;gap:20px;display:flex}.footer .footer-logo{color:var(--accent-gold);letter-spacing:2px;margin-bottom:10px;font-size:1.75rem;font-weight:400}.footer .footer-description{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-md);max-width:280px;line-height:1.6}.footer .footer-title{color:var(--accent-gold);font-size:var(--text-lg);letter-spacing:1px;margin-bottom:5px;font-weight:400}.footer .footer-info{flex-direction:column;gap:8px;display:flex}.footer .footer-info p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-md);transition:color .3s}.footer .footer-info p:hover{color:var(--text-primary)}.footer .footer-bottom{border-top:1px solid var(--border-color);text-align:center;padding:30px 0}.footer .footer-bottom p{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-md)}@media (width<=768px){.footer .footer-content{text-align:center;grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.footer .footer-description{max-width:100%}}@media (width<=480px){.footer .footer-content{gap:25px;padding:30px 0 20px}.footer .footer-logo{font-size:1.5rem}.footer .footer-bottom{padding:20px 0}}.App{flex-direction:column;min-height:100vh;display:flex;position:relative}.overlay{z-index:-1;pointer-events:none;background:#1a1a1ab3;width:100%;height:100%;position:fixed;top:0;left:0}.main{flex:1;margin-top:80px;position:relative}.loading-screen{color:#64ffda;background:linear-gradient(135deg,#0a192f 0%,#112240 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #64ffda4d;border-top-color:#64ffda;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:var(--text-lg);color:#8892b0;margin:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#1a1a1a;padding-top:60px;line-height:1.6;overflow-x:hidden}:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Oswald", "Arial Narrow", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs:.625rem;--text-sm:.6875rem;--text-md:.75rem;--text-lg:.875rem;--text-xl:1.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:4px;--radius-md:8px;--control-height:36px;--content-max:720px;--transition-fast:.16s ease;--primary-bg:#1a1a1a;--secondary-bg:#2a2a2a;--accent-gold:#d4af37;--accent-gold-hover:#b8941f;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#333;--border-hover:#666;--shadow-dark:#00000080;--shadow-light:#d4af371a;--accent-cyan:#64ffda;--accent-cyan-hover:#7fffd4;--accent-red:#ff6b6b;--accent-yellow:#feca57;--accent-blue:#48dbfb;--font-bebas:var(--font-display);--font-oswald:var(--font-display);--font-inter:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);font-display:swap;margin-bottom:1rem;font-weight:400;line-height:1.2}.font-auto{font-family:var(--font-bebas);font-display:swap}.font-oswald{font-family:var(--font-oswald);font-display:swap}.font-bebas{font-family:var(--font-bebas);font-display:swap}.font-auto:lang(ru),.font-auto:lang(uk),.font-auto:lang(be){font-family:var(--font-oswald)}.font-auto:lang(en),.font-auto:lang(de),.font-auto:lang(fr),.font-auto:lang(es){font-family:var(--font-bebas)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}p{margin-bottom:1rem;line-height:1.6}a{color:var(--accent-gold);text-decoration:none;transition:all .3s}a:hover{color:var(--accent-gold-hover)}button{cursor:pointer;font-family:var(--font-display);font-size:var(--text-md);border:none;outline:none;transition:all .3s}input,textarea,select{font-family:var(--font-body);font-size:var(--text-md);border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff1a;border-radius:4px;padding:.75rem 1rem;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--shadow-light);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.6s forwards fadeIn}.fade-in-up{animation:.6s forwards fadeInUp}.slide-in-left{animation:.6s forwards slideInLeft}.slide-in-right{animation:.6s forwards slideInRight}.scale-in{animation:.6s forwards scaleIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (width<=768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}.layout-container{width:min(calc(100% - 2rem), var(--content-max));margin-inline:auto}.ui-button{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-md);background:0 0;line-height:1.2}.ui-field{width:100%;min-height:var(--control-height);border-radius:var(--radius-sm)}.text-muted{color:var(--text-muted)}.text-heading{font-family:var(--font-display)}@media (width<=480px){input,textarea,select{font-size:16px!important}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}h4,h5,h6{font-size:.875rem}}