*{margin:0;padding:0}:root{--bg-primary:#0a0e27;--bg-secondary:#141b2d;--bg-card:#1a2332;--bg-hover:#222b3d;--accent-primary:#00d9ff;--accent-secondary:#ff006e;--accent-tertiary:#8338ec;--text-primary:#e8eaf6;--text-secondary:#b0bec5;--text-muted:#78909c;--border-color:#263238;--shadow-glow:#00d9ff4d;--shadow-pink:#ff006e4d}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#0d1421);background:linear-gradient(135deg,var(--bg-primary) 0,#0d1421 100%);background-attachment:fixed;color:#e8eaf6;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;min-height:100vh}code{background:#141b2d;background:var(--bg-secondary);border-radius:4px;color:#00d9ff;color:var(--accent-primary);font-family:Fira Code,Courier New,monospace;padding:2px 6px}h1,h2,h3,h4,h5,h6{color:#e8eaf6;color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif;font-weight:700;letter-spacing:-.02em}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27d9;border-bottom:1px solid var(--border-color);box-shadow:0 4px 30px #0000004d;color:var(--text-primary);left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:center;padding:18px 0}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;gap:12px;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{filter:drop-shadow(0 0 10px var(--shadow-glow));font-size:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px var(--shadow-glow)}.nav{align-items:center;display:flex;gap:24px}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--accent-primary)}.nav-link:hover:after{width:100%}.logout-btn{background:linear-gradient(135deg,var(--accent-secondary),#ff1744);border-radius:8px;box-shadow:0 4px 15px var(--shadow-pink);padding:10px 20px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 6px 20px var(--shadow-pink);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.header{background:#0a0e27f2}.header-content{flex-direction:column;gap:12px;padding:14px 0}.logo{font-size:20px}.logo-icon{font-size:28px}.nav{flex-wrap:wrap;gap:12px;justify-content:center}.nav-link{font-size:14px;padding:4px 0}.logout-btn{font-size:13px;padding:8px 16px}}@media (max-width:480px){.header-content{gap:10px;padding:12px 0}.logo{font-size:18px;gap:10px}.logo-icon{font-size:24px}.nav{gap:10px}.nav-link{font-size:13px}.logout-btn{font-size:12px;padding:7px 14px}}@media (max-width:375px){.logo{font-size:16px}.logo-icon{font-size:22px}.nav-link{font-size:12px}}.scroll-to-top{align-items:center;animation:fadeInUp .3s ease-out forwards;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #00d9ff66;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:1000}.scroll-to-top:hover{box-shadow:0 6px 20px #00d9ff99;transform:translateY(-5px) scale(1.1)}.scroll-to-top:active{transform:translateY(-2px) scale(1.05)}.scroll-to-top svg{height:24px;width:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.scroll-to-top{bottom:20px;height:45px;right:20px;width:45px}}.contacts-section.compact{border-top:1px solid #00d9ff26;margin-top:30px;padding-top:24px}.contacts-section.compact .contacts-title{font-size:20px;margin-bottom:20px}.contacts-section.compact .contacts-list{gap:12px}.contact-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2e4d;border:1px solid #00d9ff1a}.contacts-section.compact .contact-item{border-radius:10px;padding:12px 16px}.contact-item:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#00d9ff4d;transform:translateX(4px)}.contacts-section.compact .contact-icon{font-size:20px}.contacts-section.compact .contact-label{font-size:14px;min-width:80px}.contacts-section.compact .contact-value{font-size:14px}.no-contacts{color:var(--text-muted);font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.contacts-section{margin-top:30px;padding-top:24px}.contacts-title{font-size:20px;margin-bottom:20px}.contact-item{flex-wrap:wrap;gap:10px;padding:14px 16px}.contact-label{font-size:14px;min-width:auto;width:100%}.contact-value{font-size:14px;width:100%;word-break:break-all}.contact-icon{font-size:20px}.contacts-section.compact{margin-top:24px;padding-top:20px}.contacts-section.compact .contact-item{padding:10px 14px}}@media (max-width:480px){.contacts-title{font-size:18px}.contact-item{padding:12px 14px}.contact-icon{font-size:18px}.contact-label,.contact-value{font-size:13px}}.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e2766;border-bottom:1px solid #00d9ff1a;margin-bottom:40px;padding:60px 0;position:relative;z-index:1}.about-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a233299;border:1px solid #00d9ff33;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px;padding:40px 50px}.language-switcher{display:flex;gap:8px;justify-content:flex-end;margin-bottom:30px}.language-switcher button{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .3s ease}.language-switcher button.active,.language-switcher button:hover{background:#00d9ff33;border-color:var(--accent-primary);color:var(--accent-primary)}.language-switcher button.active{box-shadow:0 0 15px #00d9ff4d}.about-text{color:var(--text-secondary);font-size:17px;line-height:1.9;margin-bottom:30px;text-align:justify}.quote-section{background:linear-gradient(135deg,#00d9ff0d,#8338ec0d);border-left:4px solid var(--accent-primary);border-radius:12px;margin:40px 0;padding:30px;position:relative}.quote-text{color:var(--text-primary);font-size:18px;font-style:italic;line-height:1.8;margin-bottom:12px;position:relative}.quote-text:before{color:var(--accent-primary);content:'"';font-family:serif;font-size:48px;left:-20px;opacity:.3;position:absolute;top:-10px}.quote-author{color:var(--text-muted);font-size:14px;font-weight:600;text-align:right}.contacts-section{border-top:1px solid #00d9ff33;margin-top:40px;padding-top:30px}.contacts-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.contacts-list{display:flex;flex-direction:column;gap:16px}.contact-item{align-items:center;background:#00d9ff0d;border:1px solid #00d9ff33;border-radius:12px;color:var(--text-secondary);display:flex;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.contact-item:hover{background:#00d9ff1a;border-color:var(--accent-primary);box-shadow:0 4px 15px #00d9ff33;transform:translateX(5px)}.contact-icon{flex-shrink:0;font-size:24px}.contact-label{color:var(--text-primary);font-weight:600;min-width:100px}.contact-value{color:var(--accent-primary);flex:1 1;font-weight:500}@media (max-width:768px){.about-section{margin-bottom:30px;padding:40px 0}.about-content{border-radius:16px;margin:0 16px;padding:28px 20px}.language-switcher{margin-bottom:24px}.language-switcher button{font-size:13px;padding:5px 14px}.about-text{font-size:15px;line-height:1.8;margin-bottom:24px;text-align:left}.quote-section{border-radius:10px;margin:30px 0;padding:20px 18px}.quote-text{font-size:15px;line-height:1.7}.quote-text:before{font-size:40px;left:-15px;top:-8px}.quote-author{font-size:13px;margin-top:10px}}@media (max-width:480px){.about-section{padding:30px 0}.about-content{border-radius:14px;margin:0 12px;padding:24px 18px}.about-text{font-size:14px;margin-bottom:20px}.quote-section{margin:24px 0;padding:18px 16px}.quote-text{font-size:14px}.quote-text:before{font-size:36px}.language-switcher button{font-size:12px;padding:4px 12px}}@media (max-width:375px){.about-content{margin:0 10px;padding:20px 16px}.about-text{font-size:13px}.quote-section{padding:16px 14px}.quote-text{font-size:13px}}.stats-section{margin:60px 0;position:relative;z-index:1}.stats-grid{grid-gap:24px;gap:24px;margin:0 auto;max-width:600px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a233299;border:1px solid #00d9ff33;border-radius:16px;overflow:hidden;padding:32px 24px;position:relative}.stat-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{filter:drop-shadow(0 0 10px rgba(0,217,255,.3));font-size:40px;margin-bottom:16px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;line-height:1}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:24px 20px}.stat-value{font-size:36px}}.project-search{margin-bottom:40px;position:relative;z-index:1}.search-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.search-input-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon{color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332b3;border:1px solid #00d9ff33;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.search-input:focus+.search-icon,.search-input:focus~.search-icon{color:var(--accent-primary)}.search-input::placeholder{color:var(--text-muted)}.clear-search{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:24px}.clear-search:hover{color:var(--accent-primary)}.category-filter{flex-shrink:0}.category-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332b3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2300d9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #00d9ff33;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:14px 50px 14px 16px;transition:all .3s ease}.category-select:focus{box-shadow:0 0 0 3px #00d9ff1a;outline:none}.category-select:focus,.category-select:hover{border-color:var(--accent-primary)}@media (max-width:768px){.search-container{flex-direction:column}.search-input-wrapper{width:100%}.category-filter{display:none}}.home{max-width:100vw;min-height:calc(100vh - 200px);overflow-x:hidden;padding:0;position:relative;width:100%}.animated-background{height:100%;left:0;max-width:100vw;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.25;position:absolute;z-index:0}.orb-1{animation-delay:0s;background:radial-gradient(circle,var(--accent-primary) 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.orb-2{animation-delay:7s;background:radial-gradient(circle,var(--accent-secondary) 0,#0000 70%);height:500px;right:-150px;top:50%;width:500px}.orb-3{animation-delay:14s;background:radial-gradient(circle,var(--accent-tertiary) 0,#0000 70%);bottom:-100px;height:400px;left:30%;width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.grid-pattern{background-image:linear-gradient(#00ff6426 1px,#0000 0),linear-gradient(90deg,#00ff6426 1px,#0000 0);background-size:50px 50px;filter:drop-shadow(0 0 2px rgba(0,255,100,.3));opacity:.6}.grid-pattern,.grid-pattern:before{animation:none;height:100%;left:0;position:absolute;top:0;transform:translate(0);width:100%}.grid-pattern:before{background-image:linear-gradient(#00ff640d 1px,#0000 0),linear-gradient(90deg,#00ff640d 1px,#0000 0);background-size:10px 10px;content:"";opacity:.4}.grid-pattern:after{animation:gridPulse 3s ease-in-out infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff641a 0,#00ff641a 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00ff641a 0,#00ff641a 4px);background-size:50px 50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.running-lines{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.running-line{animation:runLine 8s linear infinite;background:linear-gradient(180deg,#0000,#00ff64cc,#0000);box-shadow:0 0 10px #00ff64cc,0 0 20px #00ff6480;height:100px;position:absolute;width:2px}.running-line:first-child{animation-delay:0s;animation-duration:6s;left:10%}.running-line:nth-child(2){animation-delay:1s;animation-duration:7s;left:25%}.running-line:nth-child(3){animation-delay:2s;animation-duration:8s;left:40%}.running-line:nth-child(4){animation-delay:.5s;animation-duration:6.5s;left:55%}.running-line:nth-child(5){animation-delay:1.5s;animation-duration:7.5s;left:70%}.running-line:nth-child(6){animation-delay:2.5s;animation-duration:9s;left:85%}.running-line-horizontal{animation:runLineHorizontal 10s linear infinite;background:linear-gradient(90deg,#0000,#00ff64cc,#0000);box-shadow:0 0 10px #00ff64cc,0 0 20px #00ff6480;height:2px;position:absolute;width:100px}.running-line-horizontal:nth-child(7){animation-delay:0s;animation-duration:8s;top:20%}.running-line-horizontal:nth-child(8){animation-delay:2s;animation-duration:9s;top:40%}.running-line-horizontal:nth-child(9){animation-delay:1s;animation-duration:7s;top:60%}.running-line-horizontal:nth-child(10){animation-delay:3s;animation-duration:10s;top:80%}@keyframes runLine{0%{opacity:0;top:-100px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100vh}}@keyframes runLineHorizontal{0%{left:-100px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100vw;opacity:0}}.home-intro{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e2799;border-bottom:1px solid #00d9ff33;margin-bottom:80px;overflow:hidden;padding:100px 0 80px;position:relative;text-align:center;z-index:1}.home-intro:before{background:linear-gradient(135deg,#00d9ff0d,#8338ec0d 50%,#ff006e0d);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.title-wrapper{display:inline-block;margin-bottom:24px;position:relative}.home-title{align-items:center;display:flex;flex-direction:column;font-size:56px;font-weight:900;gap:8px;letter-spacing:-.03em;margin:0;position:relative}.title-line{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.title-line:nth-child(2){animation-delay:1.5s}.title-amp{animation:pulse 2s ease-in-out infinite;color:var(--accent-tertiary);font-size:48px;font-weight:300;margin:4px 0;opacity:.8}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,217,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,217,255,.8)) drop-shadow(0 0 30px rgba(255,0,110,.5))}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.title-underline{animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent-primary),var(--accent-secondary),#0000);border-radius:2px;height:4px;margin:16px auto 0;width:120px}@keyframes underlineGlow{0%,to{box-shadow:0 0 10px #00d9ff80}50%{box-shadow:0 0 20px #00d9ffcc,0 0 30px #ff006e80}}.home-subtitle{color:var(--text-secondary);font-size:19px;line-height:1.7;margin:0 auto 32px;max-width:700px;position:relative;z-index:1}.intro-decoration{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px}.decoration-line{animation:lineExpand 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);height:1px;width:60px}.decoration-line:nth-child(3){animation-delay:1s}.decoration-dot{animation:dotPulse 2s ease-in-out infinite;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 15px #00d9ffcc;height:8px;width:8px}@keyframes lineExpand{0%,to{opacity:.5;width:40px}50%{opacity:1;width:80px}}@keyframes dotPulse{0%,to{box-shadow:0 0 15px #00d9ffcc;transform:scale(1)}50%{box-shadow:0 0 25px #00d9ff;transform:scale(1.3)}}.home .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));justify-items:center;z-index:1}.project-card,.projects-grid{box-sizing:border-box;position:relative;width:100%}.project-card{-webkit-tap-highlight-color:transparent;animation:cardFadeIn .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332b3;border:1px solid #00d9ff33;border-radius:24px;color:inherit;display:flex;flex-direction:column;isolation:isolate;max-width:500px;opacity:0;overflow:hidden;text-decoration:none;touch-action:manipulation;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-glow{background:radial-gradient(circle,#00d9ff1a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%;z-index:-1}.card-border,.card-glow{opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.card-border{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));border-radius:24px;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;right:0;top:0}.card-corner-decoration{height:20px;opacity:0;position:absolute;transition:opacity .4s ease;width:20px}.card-corner-decoration.top-left{border-left:2px solid var(--accent-primary);border-top:2px solid var(--accent-primary);border-top-left-radius:8px;left:12px;top:12px}.card-corner-decoration.top-right{border-right:2px solid var(--accent-secondary);border-top:2px solid var(--accent-secondary);border-top-right-radius:8px;right:12px;top:12px}.card-corner-decoration.bottom-left{border-bottom:2px solid var(--accent-tertiary);border-bottom-left-radius:8px;border-left:2px solid var(--accent-tertiary);bottom:12px;left:12px}.card-corner-decoration.bottom-right{border-bottom:2px solid var(--accent-primary);border-bottom-right-radius:8px;border-right:2px solid var(--accent-primary);bottom:12px;right:12px}.project-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 60px #00d9ff33,0 0 40px #00d9ff1a,inset 0 0 30px #00d9ff0d;transform:translateY(-12px) scale(1.02)}.project-card:hover .card-border,.project-card:hover .card-corner-decoration,.project-card:hover .card-glow{opacity:1}.project-image-gallery{background:var(--bg-secondary);height:300px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000);mask-image:linear-gradient(180deg,#000 0,#000);overflow:hidden;position:relative;width:100%}.image-overlay{background:linear-gradient(180deg,#0000 0,#0000004d);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.project-card:hover .image-overlay{opacity:1}.project-image-gallery img{display:block;filter:brightness(.9);height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image-gallery img{filter:brightness(1);transform:scale(1.1)}.project-gallery-preview{height:100%;position:relative;width:100%}.project-gallery-preview .main-image{filter:brightness(.9);height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-gallery-preview .main-image{filter:brightness(1);transform:scale(1.1)}.gallery-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:1px solid #00d9ff66;border-radius:24px;bottom:16px;box-shadow:0 4px 20px #00d9ff4d;padding:10px 18px;position:absolute;right:16px;transition:all .3s ease;z-index:2}.project-card:hover .gallery-overlay{border-color:var(--accent-primary);box-shadow:0 6px 30px #00d9ff80;transform:scale(1.05)}.gallery-count{color:var(--accent-primary);font-size:14px;font-weight:700;text-shadow:0 0 10px #00d9ffcc}.project-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:36px;z-index:1}.project-content,.project-title,.project-title-wrapper{position:relative}.project-title{word-wrap:break-word;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.4;margin:0 0 8px;transition:color .3s ease}.title-accent{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;height:3px;margin-top:8px;transition:width .4s ease;width:0}.project-card:hover .title-accent{width:60px}.project-card:hover .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:15px;line-height:1.7;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.project-card:hover .project-description{color:var(--text-primary)}.project-attachments-count{align-items:center;border-top:1px solid #00d9ff1a;color:var(--text-muted);display:flex;font-size:13px;gap:8px;margin-top:auto;padding-top:20px;transition:all .3s ease}.attachment-icon{filter:drop-shadow(0 0 5px rgba(0,217,255,.5));font-size:16px;transition:transform .3s ease}.project-card:hover .project-attachments-count{border-top-color:#00d9ff4d;color:var(--accent-primary)}.project-card:hover .attachment-icon{transform:rotate(15deg) scale(1.1)}.loading{color:var(--text-secondary);font-size:18px;padding:150px 20px;position:relative;text-align:center;z-index:1}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00d9ff33;border-radius:50%;border-top:4px solid var(--accent-primary);height:60px;margin:0 auto 24px;position:relative;width:60px}.loading-spinner:after{animation:spin 1.5s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--accent-secondary);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes spin{to{transform:rotate(1turn)}}.no-projects{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2332b3;border:2px solid #00d9ff33;border-radius:24px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:500px;padding:80px 40px;position:relative;text-align:center;z-index:1}.no-projects-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,217,255,.5));font-size:64px;margin-bottom:24px}.no-projects p{color:var(--text-secondary);font-size:18px}@media (hover:none) and (pointer:coarse){.project-card.in-viewport{border-color:var(--accent-primary);box-shadow:0 20px 60px #00d9ff33,0 0 40px #00d9ff1a,inset 0 0 30px #00d9ff0d;transform:translateY(-12px) scale(1.02)}.project-card.in-viewport .card-border,.project-card.in-viewport .card-corner-decoration,.project-card.in-viewport .card-glow,.project-card.in-viewport .image-overlay{opacity:1}.project-card.in-viewport .project-gallery-preview .main-image,.project-card.in-viewport .project-image-gallery img{filter:brightness(1);transform:scale(1.1)}.project-card.in-viewport .gallery-overlay{border-color:var(--accent-primary);box-shadow:0 6px 30px #00d9ff80;transform:scale(1.05)}.project-card.in-viewport .title-accent{width:60px}.project-card.in-viewport .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text}.project-card.in-viewport .project-description{color:var(--text-primary)}.project-card.in-viewport .project-attachments-count{border-top-color:#00d9ff4d;color:var(--accent-primary)}.project-card.in-viewport .attachment-icon{transform:rotate(15deg) scale(1.1)}}@media (max-width:900px){.projects-grid{gap:28px;grid-template-columns:1fr;margin:0 auto;max-width:600px}.project-card{max-width:100%}}@media (max-width:480px){.home-intro{margin-bottom:40px;padding:40px 0 30px}.home-title{font-size:24px}.home-subtitle{font-size:14px;line-height:1.55}.home .container{padding:0 12px}.projects-grid{gap:18px}.project-card{border-radius:16px}.project-image-gallery{border-radius:16px 16px 0 0;height:200px}.project-content{padding:18px}.project-title{font-size:17px}.project-attachments-count{font-size:10px;padding-top:10px}.title-underline{height:2px;width:60px}.decoration-line{width:40px}.decoration-dot{height:6px;width:6px}}@media (max-width:375px){.home-intro{padding:35px 0 25px}.home-title{font-size:22px}.home-subtitle{font-size:13px}.home .container{padding:0 10px}.projects-grid{gap:16px}.project-image-gallery{height:180px}.project-content{padding:16px}.project-title{font-size:16px}}@media (max-width:768px){.home{max-width:100vw;overflow-x:hidden;position:relative;width:100%}.home:after{background-attachment:scroll;background-image:url(/static/media/Image4.288161190b099403dbaf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-2}.home:after,.home:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.home:before{background:#0a0e274d;z-index:-1}.animated-background{display:none}.home-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e2780;margin-bottom:50px;padding:50px 0 35px;position:relative;z-index:1}.home-title{font-size:28px;margin-bottom:16px}.home-subtitle{font-size:15px;line-height:1.6;margin-bottom:24px}.intro-decoration{margin-top:30px}.home .container{max-width:100%;overflow-x:hidden;padding:0 16px;position:relative;z-index:1}.project-search{margin-bottom:30px}.projects-grid{gap:20px;grid-template-columns:1fr;max-width:100%}.project-card{border-radius:20px;margin:0 auto;max-width:100%}.project-image-gallery{border-radius:20px 20px 0 0;height:220px}.project-content{padding:20px}.project-title{font-size:18px;line-height:1.4}.project-attachments-count{font-size:11px;gap:6px;padding-top:12px}.attachment-icon{font-size:12px}.title-underline{height:3px;width:80px}}.project-detail{box-sizing:border-box;min-height:calc(100vh - 200px);overflow-x:hidden;padding:20px 0;position:relative;width:100%}.project-detail:before{background-attachment:fixed;background-image:url(/static/media/Image5.eb7b116a42c8c7ee0c71.png);background-image:var(--project-bg-image,url(/static/media/Image5.eb7b116a42c8c7ee0c71.png));background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.project-detail:after,.project-detail:before{content:"";height:100vh;left:0;max-height:100vh;pointer-events:none;position:fixed;right:0;top:0}.project-detail:after{background:#00000026;z-index:1}.project-detail-container{max-width:1400px;padding:0 40px;position:relative;z-index:2}.back-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0003;color:var(--accent-primary);display:inline-flex;font-size:14px;font-weight:600;margin-bottom:20px;padding:10px 18px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#ff006e1a;border-color:#ff006e33;color:var(--accent-secondary);transform:translateX(-4px)}.project-article{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:1400px;overflow-x:hidden;overflow-y:visible;padding:0;position:relative;width:100%;z-index:2}.project-cover-gallery{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.project-cover-image-wrapper{display:flex;flex-direction:column;gap:0;margin-bottom:32px;position:relative}.project-cover-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e4d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:600px;overflow:hidden;position:relative;width:100%}.project-cover-image img{display:block;height:auto;max-height:600px;object-fit:contain;width:100%}.project-image-caption{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e66;border-left:3px solid var(--accent-primary);border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0003;color:var(--text-primary);font-size:15px;font-style:italic;line-height:1.7;margin-top:12px;padding:14px 18px;position:relative;text-align:left;text-shadow:0 1px 2px #00000080;white-space:pre-line}.project-image-caption:before{border-bottom:12px solid var(--accent-primary);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:18px;opacity:.6;position:absolute;top:-12px;width:0}.project-image-caption:after{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:-1px}.caption-header,.caption-icon,.caption-label,.caption-text{display:none}.project-header{border-bottom:1px solid #00d9ff33;margin-bottom:28px;overflow:visible}.project-description,.project-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e66;border-radius:12px;box-shadow:0 4px 20px #0003;box-sizing:border-box;padding:24px 32px;width:100%}.project-description{border-left:none;clear:both;display:block;font-size:17px;line-height:1.8;margin:0 0 28px;position:relative;text-shadow:0 1px 2px #00000080;z-index:0}.project-description,.project-description p{word-wrap:break-word;color:var(--text-primary);max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.project-description p{box-sizing:border-box;margin:0 0 16px;width:100%}.project-description p:last-child{margin-bottom:0}.project-description br{line-height:2}.project-description a{color:var(--accent-primary);font-weight:500;text-decoration:underline;transition:all .3s ease;word-break:break-all}.project-description a:hover{color:var(--accent-secondary);-webkit-text-decoration-color:var(--accent-secondary);text-decoration-color:var(--accent-secondary)}.project-description strong{color:var(--text-primary);font-weight:700}.project-description em{color:var(--text-primary);font-style:italic}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.project-category{background:#00d9ff1a;border:1px solid #00d9ff33;border-radius:8px;color:var(--accent-primary);font-size:11px;font-weight:700;letter-spacing:2px;padding:6px 14px;text-transform:uppercase}.project-date{clear:both;display:block;font-size:14px;margin-top:12px;position:relative;z-index:1}.project-detail-title{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-bottom:16px;text-shadow:0 2px 4px #00000080}.project-content-text{color:var(--text-secondary);font-size:17px;line-height:1.75;padding:0}.project-content-text h2{color:var(--text-primary);font-size:26px;font-weight:700;margin-bottom:16px;margin-top:32px}.project-content-text h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px;margin-top:24px}.project-content-text p{margin-bottom:14px}.project-content-text ol,.project-content-text ul{margin-bottom:16px;padding-left:24px}.project-content-text li{color:var(--text-primary);line-height:1.7;margin-bottom:8px}.project-content-text code{background:#00d9ff1a;border:1px solid #00d9ff33;border-radius:4px;color:var(--accent-primary);font-family:Courier New,monospace;font-size:15px;padding:3px 8px}.project-content-text pre{background:#00d9ff0d;border:1px solid #00d9ff26;border-left:3px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);margin-bottom:16px;overflow-x:auto;padding:16px}.project-content-text pre code{background:#0000;border:none;color:inherit;padding:0}.project-attachments{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;border-top:none;box-shadow:none;margin-top:32px;padding:0}.attachments-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px;text-align:left;text-shadow:0 1px 2px #00000080}.attachments-list{margin-top:0}.attachments-list,.file-item{display:flex;flex-direction:column;gap:6px}.file-link{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2e4d;border:1px solid #00d9ff1a;border-radius:8px;color:var(--text-primary);display:flex;gap:12px;padding:10px 14px;text-decoration:none;transition:all .2s ease;width:100%}.file-link:hover{background:#00d9ff1a;border-color:#00d9ff4d;transform:translateX(4px)}.file-icon-simple{flex-shrink:0}.file-icon-simple,.file-icon-simple .file-icon-wrapper{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.file-icon-simple .file-icon-wrapper svg{stroke:var(--accent-primary);fill:none;stroke-width:2;height:18px;opacity:.9;width:18px}.file-icon-simple .file-icon-wrapper.image-icon svg{stroke:#00d9ff}.file-icon-simple .file-icon-wrapper.pdf-icon svg,.file-icon-simple .file-icon-wrapper.video-icon svg{stroke:#ff006e}.file-icon-simple .file-icon-wrapper.archive-icon svg{stroke:#8338ec}.file-icon-simple .file-icon-wrapper.exe-icon svg{stroke:#00d9ff}.file-name-simple{color:var(--accent-primary);flex:1 1;font-size:15px;font-weight:500;line-height:1.4;text-shadow:0 1px 2px #00000080;word-break:break-word}.file-size-simple{margin-left:auto;opacity:.8;white-space:nowrap}.file-caption,.file-size-simple{color:var(--text-secondary);font-size:13px}.file-caption{word-wrap:break-word;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1a2e33;border-left:2px solid var(--accent-primary);border-radius:4px;font-style:italic;line-height:1.5;margin-left:14px;padding:8px 12px;text-shadow:0 1px 2px #0000004d;white-space:pre-line}.error-message,.loading{color:var(--text-secondary);padding:80px 20px;text-align:center}.error-message{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin:0 auto;max-width:500px}.error-message h2{color:var(--text-primary);margin-bottom:20px}@media (max-width:768px){.project-detail{padding:16px 0}.project-detail:before{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:fixed}.project-detail:after{background:#00000026;height:100vh;position:fixed}.project-detail-container{padding:0 16px}.back-link{background:#00d9ff26;font-size:13px;margin-bottom:16px;padding:8px 14px}.project-article{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;margin:0;max-width:100%;padding:0}.project-header{margin-bottom:20px;padding:0}.project-detail-title{font-size:26px;line-height:1.3;margin-bottom:14px}.project-description{border-left:4px solid var(--accent-primary);border-radius:10px;font-size:15px;line-height:1.7;margin:0 0 20px;padding:20px 18px}.project-description p:before{font-size:16px;padding-left:12px}.project-description a{font-size:15px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.project-date{font-size:13px;margin-top:16px}.project-content-text{padding:0}.project-attachments{margin-top:24px;padding:0}.attachments-title{font-size:18px;margin-bottom:16px}.attachments-list{gap:6px}.file-link{gap:10px;padding:8px 12px}.file-icon-simple{height:18px;width:18px}.file-icon-simple .file-icon-wrapper svg{height:16px;width:16px}.file-name-simple{font-size:14px}.file-caption,.file-size-simple{font-size:12px}.file-caption{margin-left:12px;padding:6px 10px}.project-content-text h2{font-size:22px;margin-bottom:14px;margin-top:28px}.project-content-text h3{font-size:19px;margin-bottom:10px;margin-top:20px}.project-cover-image{border-radius:10px}.project-cover-image img{max-height:400px}.image-number-badge{height:36px;left:16px;top:16px;width:36px}.image-number{font-size:16px}.caption-header{margin-bottom:10px;padding:10px 14px}.caption-label{font-size:12px}.caption-text{padding:14px 18px}.project-image-caption{font-size:14px;margin-top:12px}.project-description{font-size:16px;padding:24px 20px}.project-description p:before{font-size:18px;padding-left:16px}}@media (max-width:480px){.project-detail{padding:12px 0}.project-detail-container{padding:0 12px}.project-article{margin:0;max-width:100%}.back-link{font-size:13px;margin-bottom:16px;padding:8px 14px}.project-header{margin-bottom:18px;padding:0}.project-detail-title{font-size:22px;line-height:1.25;margin-bottom:12px}.project-description{border-left:none;font-size:14px;line-height:1.7;margin:0 0 18px;padding:0}.project-description a{font-size:14px;padding:2px 0}.project-date{font-size:12px;margin-top:14px}.project-content-text{padding:0}.project-attachments{margin-top:18px;padding:18px 0}.attachments-title{font-size:17px;margin-bottom:16px}.attachments-list{gap:6px}.file-link{gap:8px;padding:8px 10px}.file-name-simple{font-size:13px}.file-caption,.file-size-simple{font-size:11px}.file-caption{margin-left:10px;padding:6px 8px}.project-cover-image-wrapper{border-radius:14px;padding:12px}.project-cover-image{border-radius:10px;border-width:2px}.project-cover-image img{max-height:300px}.project-content-text h2{font-size:20px;margin-bottom:12px;margin-top:24px}.project-content-text h3{font-size:17px;margin-bottom:10px;margin-top:18px}}@media (max-width:375px){.project-detail-container{padding:0 10px}.project-article{margin:0;max-width:100%}.project-header{padding:18px 14px 16px}.project-detail-title{font-size:22px}.project-description{font-size:14px;line-height:1.7;margin:12px 0 10px;padding:16px 14px}.project-description a{font-size:13px}.project-attachments{padding:20px 16px}.attachments-title{font-size:18px;margin-bottom:16px}.file-link{gap:8px;padding:8px 10px}.file-icon-simple{height:16px;width:16px}.file-icon-simple .file-icon-wrapper svg{height:14px;width:14px}.file-name-simple{font-size:13px}.file-caption,.file-size-simple{font-size:11px}.file-caption{margin-left:10px;padding:6px 8px}}.share-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e66;border-radius:12px;border-top:1px solid #00d9ff33;box-shadow:0 4px 20px #0003;margin-top:30px;padding:24px 32px}.share-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px;text-shadow:0 2px 4px #00000080}.share-buttons-list{display:flex;flex-wrap:wrap;gap:12px}.share-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #0003;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.share-button svg{height:18px;width:18px}.share-button.twitter{border-color:#1da1f24d;color:#1da1f2}.share-button.twitter:hover{background:#1da1f21a;border-color:#1da1f2;transform:translateY(-2px)}.share-button.facebook{border-color:#1877f24d;color:#1877f2}.share-button.facebook:hover{background:#1877f21a;border-color:#1877f2;transform:translateY(-2px)}.share-button.telegram{border-color:#0088cc4d;color:#08c}.share-button.telegram:hover{background:#0088cc1a;border-color:#08c;transform:translateY(-2px)}.share-button.copy{border-color:#00d9ff4d;color:var(--accent-primary)}.share-button.copy:hover{background:#00d9ff1a;border-color:var(--accent-primary);transform:translateY(-2px)}@media (max-width:768px){.share-buttons{margin-top:24px;padding-top:20px}.share-title{font-size:16px;margin-bottom:14px}.share-buttons-list{gap:10px}.share-button{font-size:13px;padding:8px 14px}.share-button svg{height:16px;width:16px}}@media (max-width:480px){.share-buttons-list{flex-direction:column}.share-button{justify-content:center;width:100%}}.lightbox-overlay{background:#000000f2;bottom:0;cursor:pointer;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .3s ease;width:40px;z-index:10001}.lightbox-close:hover{background:#ff006ecc;border-color:var(--accent-secondary);transform:scale(1.1)}.project-cover-video{background:#00000080}.project-cover-video video{border-radius:12px;display:block;height:auto;max-height:600px;object-fit:contain;width:100%}@media (max-width:768px){.lightbox-content{max-height:95vh;max-width:95vw;padding:10px}.lightbox-content img{max-height:85vh}.lightbox-close{font-size:20px;height:35px;top:-35px;width:35px}.project-cover-video video{max-height:400px}}.admin-login{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.login-container{max-width:450px;width:100%}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:50px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin-bottom:10px;text-align:center}.login-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:40px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:25px}.form-group input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.login-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px var(--shadow-glow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-glow);transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#ff006e1a;border:1px solid var(--accent-secondary);border-radius:8px;color:var(--accent-secondary);font-size:14px;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:768px){.login-card{padding:30px 20px}}.admin-panel{min-height:calc(100vh - 200px);padding:40px 0}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin-bottom:30px}.admin-tabs{border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.tab-btn:hover{background:#00d9ff0d;color:var(--accent-primary)}.tab-btn.active{background:#00d9ff1a;border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.admin-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0003;padding:40px}.admin-section h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:10px}.section-description{color:var(--text-secondary);font-size:15px;margin-bottom:30px}.upload-area{background:#00d9ff0d;border:3px dashed var(--accent-primary);border-radius:12px;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#00d9ff1a;border-color:var(--accent-secondary)}.upload-label{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:8px;box-shadow:0 4px 15px var(--shadow-glow);color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.upload-label:hover{box-shadow:0 6px 20px var(--shadow-glow);transform:translateY(-2px)}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.media-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.media-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #00d9ff33}.media-item img,.media-item video{display:block;height:200px;object-fit:cover;width:100%}.file-icon{align-items:center;background-color:#e0e0e0;display:flex;font-size:64px;height:200px;justify-content:center;width:100%}.media-info{padding:15px}.media-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:5px;word-break:break-word}.media-size{color:var(--text-muted);font-size:12px;margin-bottom:10px}.media-actions{display:flex;gap:10px}.action-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;text-align:center;text-decoration:none;transition:all .3s ease}.action-btn:hover{box-shadow:0 4px 10px var(--shadow-glow);transform:translateY(-2px)}.action-btn.delete{background:linear-gradient(135deg,var(--accent-secondary),#ff1744)}.action-btn.delete:hover{box-shadow:0 4px 10px var(--shadow-pink)}.project-form{margin-bottom:40px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.cover-gallery-section{margin-top:12px}.cover-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.cover-gallery-item-with-caption{display:flex;flex-direction:column;gap:10px}.cover-gallery-item{aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;overflow:hidden;position:relative}.cover-gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.cover-gallery-item .remove-btn-small{align-items:center;background:#ff006ee6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px;z-index:10}.cover-gallery-item .remove-btn-small:hover{background:var(--accent-secondary);transform:scale(1.1)}.caption-input{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;margin-top:8px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;white-space:pre-wrap;width:100%}.caption-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff33;outline:none}.caption-input::placeholder{color:var(--text-muted);white-space:pre-line}.attachments-section{margin-top:12px}.attachments-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:20px;padding:20px}.attachments-grid-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:16px}.attachments-list-admin{display:flex;flex-direction:column;gap:20px;margin-top:12px}.attachment-item-admin{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.attachment-preview-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.attachment-caption-input{background:#00d9ff0d;border:1px solid #00d9ff33;border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:60px;padding:10px 14px;resize:vertical;width:100%}.attachment-caption-input:focus{background:#00d9ff14;border-color:var(--accent-primary);outline:none}.attachment-name{color:var(--text-muted);font-size:12px;font-weight:500;margin-top:4px}.attachment-preview-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.attachment-preview-img{display:block}.attachment-preview-img,.attachment-preview-video{height:150px;object-fit:cover;width:100%}.attachment-preview-file{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.remove-btn-small{align-items:center;background:#ff006ee6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s ease;width:28px}.remove-btn-small:hover{background:var(--accent-secondary);transform:scale(1.1)}.project-item-img{border-radius:8px;height:120px;margin-right:16px;object-fit:cover;width:120px}.cover-upload-section{margin-top:12px}.cover-upload-area{margin-bottom:20px}.cover-upload-label{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-tertiary) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px var(--shadow-glow);color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:16px 24px;transition:all .3s ease}.cover-upload-label:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-glow);transform:translateY(-2px)}.cover-upload-label:disabled{cursor:not-allowed;opacity:.6}.cover-selector-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.selector-label{color:var(--text-muted);font-size:13px;margin-bottom:12px}.attachments-upload-area{margin-bottom:20px}.attachments-upload-label{background:linear-gradient(135deg,var(--accent-tertiary) 0,var(--accent-secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #8338ec4d;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease}.attachments-upload-label:hover:not(:disabled){box-shadow:0 6px 20px #8338ec66;transform:translateY(-2px)}.attachments-upload-label:disabled{cursor:not-allowed;opacity:.6}.background-upload-area{margin-bottom:20px;margin-top:12px}.background-upload-label{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #00d9ff4d;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease}.background-upload-label:hover:not(:disabled){box-shadow:0 6px 20px #00d9ff66;transform:translateY(-2px)}.background-upload-label:disabled{cursor:not-allowed;opacity:.6}.background-preview{border:2px solid var(--border-color);border-radius:12px;display:inline-block;margin-top:12px;max-width:100%;overflow:hidden;position:relative}.background-preview img{display:block;height:auto;max-height:300px;max-width:400px;object-fit:contain;width:auto}.selected-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.attachments-selector-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.selected-cover{border:2px solid var(--accent-primary);border-radius:12px;display:inline-block;max-width:400px;overflow:hidden;position:relative}.selected-cover img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.remove-btn{align-items:center;background:#ff006ee6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.remove-btn:hover{background:var(--accent-secondary);transform:scale(1.1)}.cover-selector-grid{grid-gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:400px;overflow-y:auto;padding:8px}.cover-option{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.cover-option:hover{border-color:var(--accent-primary);transform:scale(1.05)}.cover-option img{height:100%;object-fit:cover;width:100%}.attachments-selector{margin-top:12px}.selected-attachments{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.selected-attachment{border:2px solid var(--accent-primary);border-radius:8px;overflow:hidden;position:relative}.selected-attachment img{display:block;height:120px;object-fit:cover;width:120px}.selected-attachment .file-preview{align-items:center;background:var(--bg-card);display:flex;gap:12px;padding:16px;width:200px}.file-preview .file-icon{font-size:24px}.file-preview .file-name{color:var(--text-primary);flex:1 1;font-size:13px;word-break:break-word}.attachments-grid{grid-gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:500px;overflow-y:auto;padding:12px}.attachment-option{align-items:center;aspect-ratio:1;background:var(--bg-card);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;transition:all .3s ease}.attachment-option:hover{border-color:var(--accent-primary);transform:scale(1.05)}.attachment-option.selected{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #ff006e33}.attachment-option img,.attachment-option video{height:100%;object-fit:cover;width:100%}.attachment-option .file-preview{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:8px;width:100%}.attachment-option .file-icon{font-size:32px}.attachment-option .file-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:break-word}.form-group textarea{line-height:1.6;min-height:150px;resize:vertical}.description-hint{color:var(--text-muted);font-size:12px;font-style:italic;margin-top:8px}.form-actions{display:flex;gap:15px}.submit-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px var(--shadow-glow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-glow);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.projects-list{border-top:2px solid var(--border-color);margin-top:40px;padding-top:40px}.projects-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.projects-list h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.projects-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.search-input-admin{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:200px;padding:8px 12px}.search-input-admin:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d9ff1a;outline:none}.sort-select{font-size:14px}.sort-order-btn,.sort-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:8px 12px}.sort-order-btn{font-size:16px;transition:all .3s ease}.sort-order-btn:hover{background:#00d9ff1a;border-color:var(--accent-primary)}.bulk-delete-btn{background:linear-gradient(135deg,var(--accent-secondary),#ff1744);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.bulk-delete-btn:hover{box-shadow:0 4px 15px var(--shadow-pink);transform:translateY(-2px)}.select-all-container{background:#00d9ff0d;border-radius:6px;margin-bottom:15px;padding:10px}.select-all-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.select-all-checkbox input{cursor:pointer;height:18px;width:18px}.no-results{color:var(--text-muted);font-size:16px;padding:40px;text-align:center}.project-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.project-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #00d9ff1a}.project-item.selected{background:#00d9ff1a;border-color:var(--accent-primary);box-shadow:0 4px 15px #00d9ff33}.project-item-checkbox{align-items:center;display:flex}.project-item-checkbox input{cursor:pointer;height:20px;width:20px}.project-description-preview{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:8px}.project-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.project-category-badge{background:#00d9ff1a;color:var(--accent-primary)}.project-category-badge,.project-views-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.project-views-badge{background:#8338ec1a;color:var(--accent-tertiary)}.project-item-content{align-items:center;display:flex;flex:1 1}.project-item-content h4{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.project-item-content p{color:var(--text-muted);font-size:14px;margin-bottom:4px}.project-date{color:var(--text-muted);font-size:12px}.project-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.delete-btn,.duplicate-btn,.edit-btn,.preview-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .3s ease}.preview-btn{background:#00d9ff1a;border:1px solid #00d9ff4d;color:var(--accent-primary)}.preview-btn:hover{background:#00d9ff33;transform:translateY(-2px)}.duplicate-btn{background:#8338ec1a;border:1px solid #8338ec4d;color:var(--accent-tertiary)}.duplicate-btn:hover{background:#8338ec33;transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#fff}.edit-btn:hover{box-shadow:0 4px 15px var(--shadow-glow);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,var(--accent-secondary),#ff1744);color:#fff}.delete-btn:hover{box-shadow:0 4px 15px var(--shadow-pink);transform:translateY(-2px)}.admin-message{border:1px solid;border-radius:8px;font-size:15px;margin-bottom:20px;padding:15px 20px}.admin-message.success{background:#00d9ff1a;border-color:var(--accent-primary);color:var(--accent-primary)}.admin-message.error{background:#ff006e1a;border-color:var(--accent-secondary);color:var(--accent-secondary)}@media (max-width:768px){.admin-section{padding:20px}.form-row{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.project-item{align-items:flex-start;flex-direction:column;gap:15px}}.settings-form{margin-top:20px}.settings-tabs{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.settings-tab-content h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:15px;padding-bottom:10px}.settings-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.6;min-height:150px;padding:15px;resize:vertical;width:100%}.settings-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.settings-group{background:#00d9ff08;border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:25px}.settings-group h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:10px}.settings-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.settings-col{display:flex;flex-direction:column}.settings-col label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px}.settings-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 15px;width:100%}.settings-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.media-library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.refresh-btn{background:#00d9ff1a;border:1px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#00d9ff33;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.loading-media,.no-media{color:var(--text-muted);font-size:16px;padding:60px 20px;text-align:center}.media-stats-bar{background:#00d9ff0d;border-radius:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:20px;padding:15px}.media-stats-bar span{color:var(--text-primary);font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#00d9ff1a,#8338ec1a);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px #00d9ff33;transform:translateY(-5px)}.stat-icon{font-size:48px;margin-bottom:15px}.stat-value{color:var(--accent-primary);font-size:36px;font-weight:800;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px}.category-list{border-top:2px solid var(--border-color);margin-top:40px;padding-top:30px}.category-list h3{color:var(--text-primary);font-size:22px;margin-bottom:20px}.no-categories{color:var(--text-muted);padding:40px;text-align:center}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.category-item:hover{background:#00d9ff0d;border-color:var(--accent-primary)}.category-name{color:var(--text-primary);font-weight:600}.category-count{background:#00d9ff1a;border-radius:12px;color:var(--text-muted);font-size:14px;padding:4px 10px}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.analytics-period-selector{display:flex;flex-wrap:wrap;gap:8px}.analytics-period-selector button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.analytics-period-selector button.active,.analytics-period-selector button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.analytics-period-selector button.active{background:#00d9ff1a}.analytics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.analytics-card{background:linear-gradient(135deg,#00d9ff1a,#8338ec1a);border:1px solid var(--border-color);border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px #00d9ff33;transform:translateY(-5px)}.analytics-card-icon{font-size:40px;margin-bottom:12px}.analytics-card-value{color:var(--accent-primary);font-size:32px;font-weight:800;margin-bottom:8px}.analytics-card-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-chart-section{background:#00d9ff08;border:1px solid var(--border-color);border-radius:12px;margin-bottom:40px;padding:25px}.analytics-chart-section h3{color:var(--text-primary);font-size:20px;margin-bottom:20px}.chart-container{align-items:flex-end;display:flex;gap:8px;height:200px;overflow-x:auto;padding:20px 0}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:40px}.chart-bar{align-items:flex-start;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:20px;padding-top:5px;position:relative;transition:all .3s ease;width:100%}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-bar-value{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px #0000004d}.chart-bar-label{color:var(--text-muted);font-size:11px;margin-top:8px;text-align:center;transform:rotate(-45deg);white-space:nowrap}.top-projects-section{margin-bottom:40px}.top-projects-section h3{color:var(--text-primary);font-size:20px;margin-bottom:20px}.top-projects-list{display:flex;flex-direction:column;gap:12px}.top-project-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.top-project-item:hover{background:#00d9ff0d;border-color:var(--accent-primary);transform:translateX(5px)}.top-project-rank{color:var(--accent-primary);font-size:24px;font-weight:800;min-width:40px;text-align:center}.top-project-info{flex:1 1}.top-project-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.top-project-stats{color:var(--text-muted);display:flex;font-size:13px;gap:15px}.project-views-section{border-top:2px solid var(--border-color);margin-top:40px;padding-top:30px}.project-views-section h3{color:var(--text-primary);font-size:20px;margin-bottom:20px}.project-views-list{display:flex;flex-direction:column;gap:12px}.project-view-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.project-view-item:hover{background:#00d9ff0d;border-color:var(--accent-primary)}.project-view-info{flex:1 1}.project-view-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.project-view-category{background:#00d9ff1a;border-radius:12px;color:var(--accent-primary);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.project-view-stats{display:flex;gap:30px}.project-view-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:var(--accent-primary);font-size:24px;font-weight:800;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.loading-analytics,.no-analytics{color:var(--text-muted);font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.admin-tabs{flex-direction:column}.tab-btn{text-align:left;width:100%}.projects-list-header{align-items:flex-start;flex-direction:column}.projects-controls,.search-input-admin{width:100%}.project-item{align-items:flex-start;flex-direction:column}.project-item-actions{justify-content:flex-start;width:100%}.media-library-header{align-items:flex-start;flex-direction:column;gap:15px}.settings-row,.stats-grid{grid-template-columns:1fr}.settings-tabs{gap:20px}.analytics-header{align-items:flex-start;flex-direction:column}.analytics-overview{grid-template-columns:1fr}.chart-container{height:150px}.chart-bar-label{font-size:9px}.project-view-item{align-items:flex-start;flex-direction:column;gap:15px}.project-view-stats{justify-content:space-around;width:100%}}.App{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.main-content{flex:1 1;padding-top:90px}.container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}*,.container{box-sizing:border-box}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141b2dcc;border-top:1px solid #00d9ff33;color:var(--text-secondary);margin-top:100px;padding:60px 0 30px;position:relative;z-index:1}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section{display:flex;flex-direction:column}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;margin-bottom:16px}.footer-description{color:var(--text-secondary);font-size:14px;line-height:1.6;opacity:.8}.footer-heading{color:var(--text-primary);font-size:16px;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-primary)}.footer-text{color:var(--text-secondary);font-size:14px;margin:0;opacity:.7}.footer-bottom{border-top:1px solid #00d9ff1a;padding-top:30px;text-align:center}.footer-bottom p{font-size:14px;margin:0;opacity:.6}@media (max-width:768px){.footer{margin-top:60px;padding:40px 0 20px}.footer-content{gap:30px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.f2995c50.css.map*/