@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative;display:flex;flex-direction:column}.global-timestamp{position:fixed;right:16px;bottom:16px;z-index:1002;color:var(--text-muted);font-size:.9rem;pointer-events:none}.settings-toggle{position:fixed;top:20px;right:20px;z-index:1001;background:#000c;border:1px solid rgba(255,255,255,.2);color:#fff;width:56px;height:56px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.settings-toggle:hover{background:var(--primary-color);transform:scale(1.1);box-shadow:0 6px 25px #ff6b6b4d}.main-content{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:1}.currency-center{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background-color);position:relative;z-index:10}.spinner{width:50px;height:50px;border:4px solid rgba(255,107,107,.3);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-screen p{font-size:18px;color:var(--text-muted);text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.main-content{padding:16px}.settings-toggle{top:16px;right:16px;width:48px;height:48px;font-size:20px}}@media (max-width: 480px){.main-content{padding:12px}.settings-toggle{top:12px;right:12px;width:44px;height:44px;font-size:18px}}.currency-widget{background:transparent;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;width:100%;text-align:center;position:relative}.currency-widget__header{margin-bottom:40px}.currency-widget__header h3{margin:0 0 20px;font-size:3rem;font-weight:300;color:var(--text-color);text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:2px}.currency-widget__timestamp{font-size:1rem;color:#ffffffb3;font-weight:300;letter-spacing:1px}.currency-widget__rates{display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:center;flex-wrap:nowrap}.currency-rate{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;transition:var(--transition);position:relative;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d;min-width:200px}.currency-rate:hover{transform:scale(1.05) translateY(-5px);background:#00000059;border-color:#fff3;box-shadow:0 8px 30px #00000080}.currency-rate__info{display:flex;flex-direction:column;align-items:center;gap:8px}.currency-rate__currency{font-size:1rem;font-weight:400;color:#ffffffb3;text-transform:uppercase;letter-spacing:3px;margin-bottom:8px}.currency-rate__rate{font-size:2.5rem;font-weight:100;color:var(--text-color);font-family:JetBrains Mono,monospace;text-shadow:0 0 20px rgba(255,255,255,.3);line-height:1.2;letter-spacing:1px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.currency-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:6px 12px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:400;letter-spacing:1px;white-space:nowrap;margin-left:5px}.currency-toggle:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.currency-widget__footer{position:fixed;bottom:16px;right:16px;text-align:right}.currency-widget__date{font-size:.85rem;color:#ffffffb3;font-style:normal;letter-spacing:.5px;font-weight:300}.currency-widget__loading{display:flex;flex-direction:column;align-items:center;gap:30px;padding:60px 20px}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--text-color);border-radius:50%;animation:spin 1s linear infinite}.currency-widget__loading span{color:#fffc;font-size:1.2rem;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.5)}.currency-widget__error{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 20px;text-align:center}.currency-widget__error span{color:#ff6b6b;font-size:1.2rem;font-weight:400}.retry-button{background:transparent;color:var(--text-color);border:1px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:0;cursor:pointer;font-size:14px;font-weight:300;transition:var(--transition);text-transform:uppercase;letter-spacing:2px;font-family:inherit}.retry-button:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}@media (max-width: 1024px){.currency-widget__rates{gap:20px}.currency-rate{min-width:180px;padding:25px 35px}.currency-rate__rate{font-size:2rem}}@media (max-width: 768px){.currency-widget{min-width:auto;width:100%}.currency-widget__rates{flex-wrap:wrap;gap:15px}.currency-rate{min-width:280px;width:90%;max-width:400px}.currency-widget__header h3{font-size:2.5rem}.currency-rate__rate{font-size:2.2rem}.currency-rate__currency{font-size:.95rem;letter-spacing:2px}}@media (max-width: 480px){.currency-widget{min-width:auto}.currency-rate{min-width:250px;padding:20px 30px}.currency-widget__header h3{font-size:2rem}.currency-rate__rate{font-size:1.8rem}.currency-rate__currency{font-size:.85rem;letter-spacing:1px}.currency-toggle{font-size:.7rem;padding:5px 10px}}.sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;background:#f5f5f5f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,0,0,.1);transform:translate(100%);transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;border-bottom:1px solid rgba(0,0,0,.1);background:#00000005}.sidebar-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0;letter-spacing:.5px}.close-btn{background:none;border:none;color:#0009;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333;background:#0000000d;transform:scale(1.1)}.sidebar-tabs{display:flex;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.1)}.tab{background:none;border:none;color:#000000b3;padding:18px 24px;text-align:left;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;border-left:3px solid transparent;position:relative}.tab:hover{color:#333;background:#00000008;transform:translate(4px)}.tab.active{color:#333;background:#0000000d;border-left-color:#666}.tab.active:before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#666;border-radius:50%}.sidebar-body{flex:1;overflow-y:auto;padding:24px 20px}.sidebar-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1);letter-spacing:.5px}.settings-group{margin-bottom:30px}.settings-group h4{color:#ff6b6b;font-size:1rem;font-weight:600;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid rgba(255,107,107,.2)}.setting-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;cursor:pointer;padding:12px 16px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.setting-item:hover{background:#00000008;border-color:#0000001a;transform:translate(4px)}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:#666;margin-top:2px;flex-shrink:0;cursor:pointer}.setting-item span{color:#000c;font-size:14px;line-height:1.5;font-weight:400}.media-grid{display:grid;grid-template-columns:1fr;gap:12px}.media-item{display:flex;gap:16px;padding:16px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.media-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000005,#00000003);opacity:0;transition:opacity .3s ease}.media-item:hover{background:#ffffffe6;transform:translate(6px);box-shadow:0 8px 25px #0000001a;border-color:#0003}.media-item:hover:before{opacity:1}.media-item.selected{background:#0000000d;border-color:#666;box-shadow:0 0 20px #0000001a}.media-item.selected:before{opacity:1}.media-item.selected:hover{background:#00000014}.media-thumbnail{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;border:2px solid rgba(0,0,0,.1);transition:all .3s ease}.media-item:hover .media-thumbnail{border-color:#0000004d;transform:scale(1.05)}.media-info{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.media-info h4{color:#333;font-size:14px;font-weight:500;margin:0;line-height:1.4;letter-spacing:.3px}.media-duration{color:#0009;font-size:11px;font-family:JetBrains Mono,monospace;font-weight:400}.set-background-btn{background:#0000000d;border:1px solid rgba(0,0,0,.2);color:#333;padding:6px 12px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;text-transform:uppercase;letter-spacing:.8px;position:relative;z-index:1}.set-background-btn:hover{background:#0000001a;border-color:#666;transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.volume-control{margin-top:24px;padding:20px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.volume-control:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000005,#00000003);opacity:.5}.volume-control label{display:block;color:#333;font-size:14px;font-weight:500;margin-bottom:12px;position:relative;z-index:1}.volume-control input[type=range]{width:100%;height:8px;border-radius:4px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1}.background-preview{margin-top:16px;display:flex;flex-direction:column;gap:8px}.background-preview-image{max-width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.background-preview-video{width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#666;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0000004d}.volume-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#666;cursor:pointer;border:none;box-shadow:0 4px 12px #0003;transition:all .3s ease}.volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0000004d}.contact-info{color:#000c}.contact-info p{margin-bottom:16px;font-size:14px;line-height:1.6;color:#000000b3}.social-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}.social-link{color:#000000b3;text-decoration:none;font-size:14px;padding:12px 16px;border-radius:8px;transition:all .3s ease;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);transition:left .5s ease}.social-link:hover{background:#0000000d;border-color:#0003;transform:translate(6px);color:#333}.social-link:hover:before{left:100%}@media (max-width: 768px){.sidebar{width:100vw}.sidebar-header,.sidebar-body{padding:16px}.tab{padding:14px 16px;font-size:13px}}@media (max-width: 480px){.sidebar-header h2{font-size:1.25rem}.sidebar-content h3{font-size:1.1rem}.media-item{padding:10px}.media-thumbnail{width:50px;height:50px}.media-info h4{font-size:13px}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.background-video,.background-image{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.background-video.loaded,.background-image.loaded{opacity:1}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;z-index:1}.video-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite}.video-loading p{font-size:16px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.background-video{min-width:120%;min-height:120%}}@media (max-width: 480px){.background-video{min-width:140%;min-height:140%}}.music-player{position:fixed;top:20px;right:80px;z-index:1001;display:flex;align-items:center;gap:12px}.music-toggle{background:#000c;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.music-toggle:hover{background:#ff6b6bcc;transform:scale(1.1);box-shadow:0 6px 25px #ff6b6b4d}.music-toggle.enabled{background:#ff6b6be6;border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b80}.music-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;background:#000c;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:200px}.music-title{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.music-status{font-size:10px;color:#ffffffb3}@media (max-width: 768px){.music-player{top:16px;right:70px}.music-toggle{width:44px;height:44px;font-size:18px}.music-info{padding:6px 10px;max-width:150px}.music-title{font-size:11px;max-width:120px}}@media (max-width: 480px){.music-player{top:12px;right:60px}.music-toggle{width:40px;height:40px;font-size:16px}.music-info{display:none}}.admin-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.admin-panel{width:min(900px,92vw);max-height:90vh;overflow:hidden;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;display:flex;flex-direction:column}.admin-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-panel__auth,.admin-panel__upload,.admin-panel__toolbar{display:flex;gap:10px;padding:12px 20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.admin-panel__auth input,.admin-panel__upload input[type=text],.admin-panel__upload select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 10px;border-radius:6px}.admin-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:6px;cursor:pointer}.admin-btn--ghost{background:transparent}.admin-btn--danger{background:#ff505033;border-color:#ff505066}.admin-panel__error{color:#ff6b6b;padding:10px 20px}.admin-panel__list{overflow:auto;padding:10px 20px 20px;display:flex;flex-direction:column;gap:10px}.admin-panel__preview{padding:10px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.admin-panel__preview .label{opacity:.8}.preview-image{max-width:180px;max-height:120px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.preview-video{max-width:240px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.preview-audio{width:240px}.admin-panel__item{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:8px}.admin-panel__item .meta{display:flex;align-items:center;gap:12px}.admin-panel__item .type{opacity:.7;font-size:.85rem;text-transform:uppercase}.admin-panel__item .title{font-weight:500}.admin-panel__item .link{color:#4ecdc4}.admin-panel__loading,.admin-panel__empty{opacity:.8;padding:12px}.admin-fab{position:fixed;right:20px;bottom:80px;z-index:9998;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 14px;border-radius:999px}:root{--primary-color: #ff6b6b;--secondary-color: #4ecdc4;--background-color: #1a1a1a;--surface-color: rgba(0, 0, 0, .8);--text-color: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--border-radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1em}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:#ff5252}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;outline:none;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b6b33}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff5252}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.9rem}h6{font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.no-print{display:none!important}}