@charset "UTF-8";.weather-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bg);z-index:0}.weather-background.wb-night .wb-content-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wb-gradient{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 3s ease;z-index:0}.wb-morning .wb-gradient{background:linear-gradient(180deg,#87CEEB 0%,#98D8E8 20%,#ADD8E6 40%,#B6E5F0 60%,#C5E3F0 80%,#E6F3F7 100%)}.wb-afternoon .wb-gradient{background:linear-gradient(180deg,#6B9BD2 0%,#7FA7D8 25%,#93B5DE 50%,#A7C3E4 75%,#BBD1EA 100%)}.wb-evening .wb-gradient{background:linear-gradient(180deg,#0B1929 0%,#1e3c72 8%,#2a5298 15%,#7B68A8 25%,#B668A2 35%,#E88B7D 45%,#F5A962 55%,#FFB347 65%,#FF8531 72%,#FF6B35 78%,#E74C3C 84%,#C0392B 90%,#2C3E50 95%,#1a1a2e 100%)}.wb-night .wb-gradient{background:linear-gradient(180deg,#0A0E1A 0%,#0D1117 20%,#090B10 40%,#050608 70%,#000000 100%)}.wb-cloudy .wb-gradient.wb-gradient-weather{filter:brightness(.8) saturate(.7)}.wb-cloudy .wb-gradient.wb-gradient-weather:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(150,150,150,.2);mix-blend-mode:multiply}.wb-rainy .wb-gradient.wb-gradient-weather{filter:brightness(.6) saturate(.6)}.wb-rainy .wb-gradient.wb-gradient-weather:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(100,110,130,.3);mix-blend-mode:multiply}.wb-stormy .wb-gradient.wb-gradient-weather{filter:brightness(.4) saturate(.5)}.wb-stormy .wb-gradient.wb-gradient-weather:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(60,50,80,.4);mix-blend-mode:multiply}.wb-gradient.wb-gradient-weather.wb-evening.wb-cloudy{filter:brightness(.85) saturate(.8)}.wb-gradient.wb-gradient-weather.wb-evening.wb-rainy{filter:brightness(.7) saturate(.7)}.wb-gradient.wb-gradient-weather.wb-evening.wb-stormy{filter:brightness(.5) saturate(.6)}.wb-sun{position:absolute;width:150px;height:150px;background:radial-gradient(circle,#ffffcc 0%,#ffdd88 30%,#ffaa55 60%,transparent 100%);border-radius:50%;filter:blur(20px);animation:sun-pulse 4s ease-in-out infinite;transition:all 3s ease;z-index:1}.wb-evening .wb-sun{width:200px;height:200px;background:radial-gradient(circle,#ff6b35 0%,#ff4500 30%,#ff1744 60%,transparent 100%)}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wb-moon{position:absolute;width:80px;height:80px;border-radius:50%;transition:all 3s ease;z-index:1;background:radial-gradient(circle at 30% 30%,#f4f4f4 0%,#e8e8e8 50%,#d0d0d0 100%);box-shadow:0 0 40px #fff9,0 0 80px #ffffff4d,0 0 120px #ffffff1a}.wb-moon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 70% 20%,rgba(150,150,150,.3) 0%,transparent 15%),radial-gradient(circle at 30% 60%,rgba(130,130,130,.2) 0%,transparent 10%),radial-gradient(circle at 50% 80%,rgba(140,140,140,.25) 0%,transparent 20%)}.wb-moon.wb-moon-new{background:radial-gradient(circle,rgba(40,40,40,.5) 0%,rgba(30,30,30,.3) 100%);box-shadow:0 0 20px #ffffff1a}.wb-moon.wb-moon-waxing-crescent:after,.wb-moon.wb-moon-waning-crescent:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(10,14,26,.95)}.wb-moon.wb-moon-waxing-crescent:after{clip-path:ellipse(35% 50% at 0% 50%)}.wb-moon.wb-moon-waning-crescent:after{clip-path:ellipse(35% 50% at 100% 50%)}.wb-moon.wb-moon-first-quarter:after,.wb-moon.wb-moon-last-quarter:after{content:"";position:absolute;width:50%;height:100%;background:rgba(10,14,26,.95)}.wb-moon.wb-moon-first-quarter:after{left:0;border-radius:100% 0 0 100%}.wb-moon.wb-moon-last-quarter:after{right:0;border-radius:0 100% 100% 0}.wb-moon.wb-moon-waxing-gibbous:after,.wb-moon.wb-moon-waning-gibbous:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(10,14,26,.95)}.wb-moon.wb-moon-waxing-gibbous:after{clip-path:ellipse(20% 50% at 0% 50%)}.wb-moon.wb-moon-waning-gibbous:after{clip-path:ellipse(20% 50% at 100% 50%)}.wb-moon.wb-moon-full{box-shadow:0 0 60px #fffc,0 0 100px #ffffff80,0 0 150px #ffffff4d}.wb-stars{position:absolute;width:100%;height:100%;z-index:2}.wb-star{position:absolute;background:white;border-radius:50%;animation:star-twinkle 4s ease-in-out infinite}.wb-star.wb-star-small{width:2px;height:2px;background:white;box-shadow:0 0 4px #fff,0 0 8px #fffc}.wb-star.wb-star-medium{width:3px;height:3px;background:white;box-shadow:0 0 6px #fff,0 0 12px #fffc,0 0 20px #fff6}.wb-star.wb-star-large{width:4px;height:4px;background:var(--primary);box-shadow:0 0 8px var(--primary),0 0 16px rgba(var(--primary-rgb),.8),0 0 24px rgba(var(--primary-rgb),.5)}@keyframes star-twinkle{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.wb-clouds{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}.wb-cloud{position:absolute;animation:cloud-drift linear infinite;will-change:transform}.wb-cloud:before{content:"";position:absolute;width:100%;height:100%;background:white;border-radius:100px;opacity:.9}.wb-cloud:after{content:"";position:absolute;width:50%;height:50%;background:white;border-radius:50%;top:-25%;left:10%;opacity:.9}.wb-cloud span{position:absolute;width:60%;height:60%;background:white;border-radius:50%;top:-20%;right:15%;opacity:.9}.wb-cloud span.cloud-extra{width:40%;height:40%;top:-15%;right:35%}.wb-cloud.wb-cloud-light:before,.wb-cloud.wb-cloud-light:after,.wb-cloud.wb-cloud-light span{background:rgba(245,245,245,.8);box-shadow:0 0 30px #ffffff80,inset 0 0 20px #ffffff4d}.wb-cloud.wb-cloud-medium:before,.wb-cloud.wb-cloud-medium:after,.wb-cloud.wb-cloud-medium span{background:rgba(170,170,170,.85);box-shadow:0 0 25px #82828266,inset 0 -5px 15px #64646433}.wb-cloud.wb-cloud-dark:before,.wb-cloud.wb-cloud-dark:after,.wb-cloud.wb-cloud-dark span{background:rgba(110,110,120,.9);box-shadow:0 0 40px #50505a80,inset 0 -10px 20px #3c3c464d}.wb-cloud.wb-cloud-storm:before,.wb-cloud.wb-cloud-storm:after,.wb-cloud.wb-cloud-storm span{background:rgba(40,40,50,.95);box-shadow:0 0 60px #1e1e2899,inset 0 -15px 30px #14141e66,inset 0 5px 10px #32323c33}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 700px))}}.wb-rain{position:absolute;width:100%;height:100%;top:-10%}.wb-rain:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(180,200,220,.3) 0%,rgba(200,220,240,.1) 50%,transparent 100%);opacity:.6}.wb-stormy .wb-rain:before{opacity:.8;background:linear-gradient(to top,rgba(160,180,200,.4) 0%,rgba(180,200,220,.2) 50%,transparent 100%)}.wb-raindrop{position:absolute;width:2px;height:25px;background:linear-gradient(to bottom,transparent 0%,rgba(200,220,240,.2) 10%,rgba(220,235,250,.9) 50%,rgba(200,220,240,.7) 80%,rgba(180,200,220,.3) 100%);animation:rain-fall linear infinite;filter:blur(.5px)}.wb-raindrop:after{content:"";position:absolute;width:100%;height:60%;top:20%;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 100%)}.wb-raindrop.wb-raindrop-heavy{width:3px;height:35px;background:linear-gradient(to bottom,transparent 0%,rgba(180,200,220,.3) 5%,rgb(200,220,240) 40%,rgba(180,200,220,.9) 70%,rgba(160,180,200,.4) 100%);filter:blur(.3px)}.wb-raindrop.wb-raindrop-heavy:after{background:linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 100%)}@keyframes rain-fall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}.wb-rain-curtain{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.15;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(200,220,240,.3) 3px,rgba(200,220,240,.3) 4px);animation:rain-curtain .5s linear infinite}.wb-stormy .wb-rain-curtain{opacity:.25;background-image:repeating-linear-gradient(88deg,transparent,transparent 2px,rgba(180,200,220,.4) 2px,rgba(180,200,220,.4) 3px);animation-duration:.3s}@keyframes rain-curtain{0%{transform:translate(0)}to{transform:translate(4px)}}.wb-lightning{position:absolute;width:2px;height:80%;top:0;opacity:0;animation:lightning-strike 12s ease-in-out infinite}.wb-lightning:before{content:"";position:absolute;width:3px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(180,200,255,0) 10%,rgba(180,200,255,.8) 15%,rgb(255,255,255) 20%,rgb(200,220,255) 25%,rgb(255,255,255) 30%,rgba(180,200,255,.9) 35%,rgba(180,200,255,0) 40%,transparent 40%,transparent 45%,rgba(200,220,255,.8) 50%,rgb(255,255,255) 55%,rgba(200,220,255,.9) 60%,rgba(180,200,255,0) 65%,transparent 100%);top:0;left:0;filter:blur(.5px)}.wb-lightning:after{content:"";position:absolute;width:50px;height:2px;background:linear-gradient(to right,transparent 0%,rgba(200,220,255,.9) 30%,rgb(255,255,255) 50%,rgba(200,220,255,.6) 70%,transparent 100%);top:25%;left:-10px;transform:rotate(25deg);filter:blur(.5px)}.wb-lightning.wb-lightning-2{width:2px;height:70%;animation-delay:5s}.wb-lightning.wb-lightning-2:before{width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(200,220,255,.9) 20%,rgb(255,255,255) 30%,rgba(200,220,255,.8) 40%,transparent 50%,rgba(180,200,255,.7) 60%,rgba(255,255,255,.9) 65%,transparent 70%)}.wb-lightning.wb-lightning-2:after{top:40%;transform:rotate(-30deg);width:40px}.wb-thunder-flash{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.6) 0%,rgba(200,220,255,.3) 20%,transparent 60%);opacity:0;animation:thunder-flash 10s ease-in-out infinite;animation-delay:.2s}@keyframes lightning-strike{0%,87%,89.5%,91%,93%,to{opacity:0}88%,90%,92%{opacity:1;filter:blur(0px) brightness(1.5);box-shadow:0 0 30px #c8dcff,0 0 60px #fffc,0 0 100px #b4c8ff99}}@keyframes thunder-flash{0%,88.2%,90.7%,92.2%,94.2%,to{opacity:0}89.2%,91.2%,93.2%{opacity:1}}.wb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:rgba(0,0,0,.05);pointer-events:none;z-index:10}.wb-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:15}.wb-stormy .wb-content-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 100%)}.wb-control-btn{position:fixed;bottom:6rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:50%;color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;z-index:50;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.wb-control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.wb-controls{position:fixed;bottom:8rem;right:2rem;width:300px;background:rgba(0,0,0,.95);border:1px solid rgba(var(--primary-rgb),.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;z-index:51;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wb-controls-header{padding:1rem;border-bottom:1px solid rgba(var(--primary-rgb),.2);display:flex;justify-content:space-between;align-items:center}.wb-controls-header h5{margin:0;color:var(--text-primary);font-size:1rem}.wb-controls-header button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;padding:0}.wb-controls-header button:hover{color:var(--primary)}.wb-controls-body{padding:1rem}.wb-control-group{margin-bottom:1rem}.wb-control-group:last-child{margin-bottom:0}.wb-control-group label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.wb-control-group select,.wb-control-group input[type=range]{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--text-primary);padding:.5rem;border-radius:4px}.wb-control-group select:focus,.wb-control-group input[type=range]:focus{outline:none;border-color:var(--primary)}.wb-control-group select option{background:var(--bg)}.wb-control-group input[type=range]{padding:0;cursor:pointer}.wb-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}@media (max-width: 768px){.wb-control-btn{bottom:5rem;right:1rem;width:45px;height:45px;font-size:1.1rem}.wb-controls{right:1rem;width:calc(100vw - 2rem);max-width:300px}.wb-sun{width:120px;height:120px}.wb-evening .wb-sun{width:160px;height:160px}}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100%;background:var(--bg);box-shadow:-10px 0 30px #0000004d;z-index:1200;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar.active{right:0}@media (max-width: 480px){.mobile-sidebar{width:100%;max-width:none}}.sidebar-header{padding:1.25rem 1.5rem;background:var(--bg);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-header h5{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:700}.sidebar-header .close-btn{width:40px;height:40px;background:var(--surface);border:none;color:var(--text-secondary);font-size:1.25rem;padding:0;cursor:pointer;transition:all .2s ease;border-radius:12px;display:flex;align-items:center;justify-content:center}.sidebar-header .close-btn:active{transform:scale(.9);background:var(--surface-hover)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1.5rem 2rem;-webkit-overflow-scrolling:touch}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h6{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center}.sidebar-section h6 i{color:var(--primary);font-size:1.1rem;margin-right:.5rem}.sidebar-section:not(.mobile-intro){padding:0 .25rem}.sidebar-links{display:flex;flex-direction:column;gap:.5rem}.sidebar-links a{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.sidebar-links a i{color:var(--primary);font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.sidebar-links a:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(5px);color:var(--text-primary)}.sidebar-footer{padding:1.5rem;background:var(--surface);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.sidebar-footer .btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.sidebar-footer .btn.btn-block{display:block;width:100%}.mobile-intro{text-align:center;padding:2rem 1rem}.mobile-intro .intro-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.mobile-intro .intro-icon i{animation:pulse 2s ease-in-out infinite}.mobile-intro .settings-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.mobile-intro .settings-title .dream-land-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-intro .settings-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.settings-sidebar .settings-subtitle{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center}.settings-sidebar .settings-subtitle i{color:var(--primary)}.settings-sidebar .weather-controls-wrapper{max-height:300px;overflow-y:auto;padding-right:.5rem}.settings-sidebar .weather-controls-wrapper::-webkit-scrollbar{width:4px}.settings-sidebar .weather-controls-wrapper::-webkit-scrollbar-track{background:var(--surface)}.settings-sidebar .weather-controls-wrapper::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.settings-sidebar .weather-controls-wrapper::-webkit-scrollbar-thumb:hover{background:var(--primary)}.settings-sidebar .weather-controls{display:flex;flex-direction:column;gap:1rem}.settings-sidebar .color-selector-wrapper{margin-top:.5rem}.settings-sidebar .color-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.settings-sidebar .color-family{display:contents}.settings-sidebar .color-family .color-family-title{display:none}.settings-sidebar .color-btn{width:40px;height:40px;border:2px solid transparent;border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease}.settings-sidebar .color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.1rem;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.settings-sidebar .color-btn.active{border-color:var(--bg);box-shadow:0 0 0 3px var(--primary)}.settings-sidebar .color-btn.active i{opacity:1}.settings-sidebar .color-btn:hover{transform:scale(1.1)}.settings-sidebar .language-selector-wrapper{max-height:300px;overflow-y:auto;padding-right:.5rem}.settings-sidebar .language-selector-wrapper::-webkit-scrollbar{width:4px}.settings-sidebar .language-selector-wrapper::-webkit-scrollbar-track{background:var(--surface)}.settings-sidebar .language-selector-wrapper::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.settings-sidebar .language-selector{display:flex;flex-direction:column;gap:.5rem}.settings-sidebar .language-selector .lang-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease}.settings-sidebar .language-selector .lang-btn .flag{font-size:1.5rem;flex-shrink:0}.settings-sidebar .language-selector .lang-btn .lang-info{display:flex;flex-direction:column;align-items:flex-start}.settings-sidebar .language-selector .lang-btn .lang-info .lang-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.settings-sidebar .language-selector .lang-btn .lang-info .lang-region{font-size:.75rem;color:var(--text-secondary)}.settings-sidebar .language-selector .lang-btn.active{background:var(--primary);border-color:var(--primary)}.settings-sidebar .language-selector .lang-btn.active .lang-info .lang-name,.settings-sidebar .language-selector .lang-btn.active .lang-info .lang-region{color:var(--bg)}.settings-sidebar .language-selector .lang-btn:hover:not(.active){border-color:var(--primary);background:var(--surface-hover)}.settings-sidebar .control-group{margin-bottom:1.5rem}.settings-sidebar .control-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.settings-sidebar .control-group .form-select,.settings-sidebar .control-group .form-range{width:100%;background:var(--surface);border:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.settings-sidebar .control-group .form-select:focus,.settings-sidebar .control-group .form-range:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.settings-sidebar .control-group .form-range{padding:0;margin-top:.5rem}.settings-sidebar .control-group .form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer}.settings-sidebar .mode-toggle{margin-bottom:1rem}.settings-sidebar .mode-buttons{display:flex;gap:.5rem}.settings-sidebar .mode-buttons .mode-btn{flex:1;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.settings-sidebar .mode-buttons .mode-btn:hover{border-color:var(--primary);color:var(--text-primary)}.settings-sidebar .mode-buttons .mode-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.settings-sidebar .mode-buttons .mode-btn.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.settings-sidebar small{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);line-height:1.3}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}[data-theme-mode=light] .mobile-sidebar{box-shadow:-10px 0 30px #00000014;background:#ffffff}[data-theme-mode=light] .sidebar-header{background:rgba(255,255,255,.9);border-bottom:2px solid var(--border-primary)}[data-theme-mode=light] .sidebar-footer{background:rgba(255,255,255,.9);border-top:2px solid var(--border-primary)}[data-theme-mode=light] .mobile-intro{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}[data-theme-mode=light] .form-select{background-color:#fff;border-color:#e9ecef}[data-theme-mode=light] .form-select:focus{background-color:#f8f9fa}[data-theme-mode=light] .color-btn{box-shadow:0 2px 4px #00000014}[data-theme-mode=light] .color-btn.active{box-shadow:0 4px 12px #00000026}[data-theme-mode=light] .lang-btn{background:white;border-color:#e9ecef}[data-theme-mode=light] .lang-btn:active{background:#f8f9fa}@media (max-width: 768px){.simple-header{height:60px;padding-top:env(safe-area-inset-top,0)}.simple-header .header-nav{height:100%;display:flex;align-items:center}.simple-header .header-brand .brand-link{display:flex;align-items:center;gap:.5rem}.simple-header .header-brand .brand-icon{font-size:1.5rem}.simple-header .header-brand .brand-text{font-size:1.1rem;font-weight:700}.simple-header .header-actions{display:flex;align-items:center;gap:.5rem}.simple-header .menu-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:none;border-radius:12px;color:var(--text-primary);transition:all .2s ease}.simple-header .menu-toggle:active{transform:scale(.9);background:var(--surface-hover)}.simple-header .menu-toggle.settings-toggle{font-size:1.2rem;color:var(--primary)}.simple-header .menu-toggle .hamburger{width:20px;height:14px;position:relative}.simple-header .menu-toggle .hamburger span{position:absolute;left:0;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.simple-header .menu-toggle .hamburger span:nth-child(1){top:0}.simple-header .menu-toggle .hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.simple-header .menu-toggle .hamburger span:nth-child(3){bottom:0}.simple-header .menu-toggle .hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.simple-header .menu-toggle .hamburger.active span:nth-child(2){opacity:0}.simple-header .menu-toggle .hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}[data-theme-mode=light] .menu-toggle{background:#f8f9fa}[data-theme-mode=light] .menu-toggle:active{background:#e9ecef}}.cookie-consent-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9990;opacity:0;animation:fadeIn .3s ease forwards}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:2px solid var(--primary);box-shadow:0 -10px 40px #0003;z-index:9991;transform:translateY(100%);animation:slideUp .4s ease forwards;animation-delay:.1s;max-height:90vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(var(--card-bg-rgb),.95)}.cookie-consent-banner.expanded .cookie-main{border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem;padding-bottom:1.5rem}.cookie-consent-banner::-webkit-scrollbar{width:6px}.cookie-consent-banner::-webkit-scrollbar-track{background:var(--surface)}.cookie-consent-banner::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.cookie-consent-banner::-webkit-scrollbar-thumb:hover{background:var(--primary)}.cookie-consent-content{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 768px){.cookie-consent-content{padding:1.5rem}}.cookie-main{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 768px){.cookie-main{flex-direction:column;gap:1.5rem;text-align:center}}.cookie-header{display:flex;align-items:center;gap:1.5rem;flex:1}@media (max-width: 768px){.cookie-header{flex-direction:column}}.cookie-icon{font-size:3rem;color:var(--primary);animation:bounce 2s ease-in-out infinite}@media (max-width: 768px){.cookie-icon{font-size:2.5rem}}.cookie-text h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}@media (max-width: 768px){.cookie-text h3{font-size:1.25rem}}.cookie-text p{color:var(--text-secondary);margin-bottom:0;line-height:1.6;max-width:600px}.cookie-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 576px){.cookie-actions{flex-wrap:wrap;justify-content:center}}.cookie-actions .btn{white-space:nowrap}.cookie-actions .btn.btn-link{color:var(--primary);text-decoration:none}.cookie-actions .btn.btn-link:hover{text-decoration:underline}.cookie-actions .btn.btn-sm{padding:.5rem 1.25rem;font-size:.9rem}@media (max-width: 576px){.cookie-actions .btn.btn-sm{padding:.5rem 1rem;font-size:.85rem}}.cookie-details{animation:fadeIn .3s ease}.cookie-details h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.cookie-details .text-muted{color:var(--text-tertiary);font-size:.9rem}.cookie-categories{margin:2rem 0;display:grid;gap:1rem}.cookie-category{background:var(--surface);border:1px solid var(--border-secondary);border-radius:12px;padding:1.25rem;transition:all .3s ease}.cookie-category:hover{border-color:var(--primary);background:var(--surface-hover)}.category-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media (max-width: 576px){.category-header{flex-direction:column;text-align:center}}.category-info{flex:1}.category-info h5{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center}@media (max-width: 576px){.category-info h5{justify-content:center}}.category-info h5 i{color:var(--primary);font-size:1.2rem}.category-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0;line-height:1.5}.category-toggle .badge{padding:.4rem .8rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:var(--bg)}.category-toggle .toggle-label{display:inline-block}.category-toggle .toggle-label .toggle-slider{width:48px;height:26px;background:var(--surface-hover);border-radius:26px;position:relative;transition:all .3s ease;cursor:pointer;border:2px solid var(--border-primary)}.category-toggle .toggle-label .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:all .3s ease}.category-toggle .toggle-label .toggle-input{display:none}.category-toggle .toggle-label .toggle-input:checked+.toggle-slider{background:var(--primary);border-color:var(--primary)}.category-toggle .toggle-label .toggle-input:checked+.toggle-slider:before{transform:translate(22px);background:white}.cookie-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-secondary)}@media (max-width: 768px){.cookie-footer{flex-direction:column;gap:1.5rem}}.cookie-links{display:flex;align-items:center;font-size:.9rem}.cookie-links a{color:var(--primary);text-decoration:none}.cookie-links a:hover{text-decoration:underline}.cookie-links span{color:var(--text-tertiary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-theme-mode=dark] .cookie-consent-banner{background:rgba(var(--card-bg-rgb),.98)}@media (max-width: 480px){.cookie-consent-banner{max-height:80vh}.cookie-consent-content{padding:1.25rem}.cookie-main{gap:1rem}.cookie-actions{width:100%}.cookie-actions .btn{flex:1;font-size:.8rem;padding:.4rem .75rem}}.bi{display:inline-block!important;font-family:bootstrap-icons!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1!important;vertical-align:-.125em!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.breadcrumb-item i.bi{display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:inherit!important}.breadcrumb-item i.bi:before{display:inline-block!important}.crud-breadcrumb .bi,.crud-breadcrumb a .bi{color:inherit!important}a i.bi{display:inline-block!important;visibility:visible!important}.drawing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;display:flex;align-items:center;justify-content:center}.drawing-modal{width:95vw;height:95vh;background:var(--bg);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.drawing-modal .drawing-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawing-modal .drawing-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.drawing-modal .drawing-header .header-center{display:flex;align-items:center;gap:.5rem}.drawing-modal .drawing-header .header-center .separator{width:1px;height:24px;background:var(--border-primary);margin:0 .5rem}.drawing-modal .drawing-header .action-btn{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawing-modal .drawing-header .action-btn:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.drawing-modal .drawing-header .action-btn:disabled{opacity:.4;cursor:not-allowed}.drawing-modal .drawing-header .action-btn i{font-size:1rem}.drawing-modal .drawing-header .header-right{display:flex;gap:.5rem}.drawing-modal .drawing-header .header-right .btn-save{background:var(--primary);color:var(--bg);border:none;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.drawing-modal .drawing-header .header-right .btn-save:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.drawing-modal .drawing-header .header-right .btn-close{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawing-modal .drawing-header .header-right .btn-close:hover{background:var(--surface);color:var(--danger)}.drawing-modal .drawing-workspace{flex:1;display:flex;overflow:hidden}.drawing-modal .drawing-workspace .tools-sidebar{width:56px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:.5rem;overflow-y:auto;flex-shrink:0}.drawing-modal .drawing-workspace .tools-sidebar .tools-group{display:flex;flex-direction:column;gap:.25rem}.drawing-modal .drawing-workspace .tools-sidebar .tools-group .tool-btn{background:transparent;border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.drawing-modal .drawing-workspace .tools-sidebar .tools-group .tool-btn:hover{background:var(--surface);color:var(--text-primary)}.drawing-modal .drawing-workspace .tools-sidebar .tools-group .tool-btn.active{background:var(--surface);color:var(--primary)}.drawing-modal .drawing-workspace .tools-sidebar .tools-group .tool-btn.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 2px 2px 0}.drawing-modal .drawing-workspace .tools-sidebar .tools-group .tool-btn i{font-size:1.25rem}.drawing-modal .drawing-workspace .canvas-container{flex:1;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.drawing-modal .drawing-workspace .canvas-container .drawing-canvas{background:white;box-shadow:0 4px 20px #0000001a;cursor:crosshair;max-width:100%;max-height:100%}.drawing-modal .drawing-workspace .properties-panel{width:280px;background:var(--bg-secondary);border-left:1px solid var(--border-primary);padding:1rem;overflow-y:auto;flex-shrink:0}.drawing-modal .drawing-workspace .properties-panel .panel-section{margin-bottom:1.5rem}.drawing-modal .drawing-workspace .properties-panel .panel-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.drawing-modal .drawing-workspace .properties-panel .panel-section h4 .add-layer-btn{background:transparent;border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawing-modal .drawing-workspace .properties-panel .panel-section h4 .add-layer-btn:hover{background:var(--surface);color:var(--primary)}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .color-input{width:100%;height:40px;border:2px solid var(--border-primary);border-radius:.25rem;cursor:pointer;margin-bottom:.75rem}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .color-input::-webkit-color-swatch-wrapper{padding:4px}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .color-input::-webkit-color-swatch{border-radius:.25rem;border:none}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .preset-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .preset-colors .color-preset{width:100%;aspect-ratio:1;border:2px solid var(--border-primary);border-radius:.25rem;cursor:pointer;transition:all .2s;position:relative}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .preset-colors .color-preset:hover{transform:scale(1.1)}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .preset-colors .color-preset.active{border-color:var(--primary)}.drawing-modal .drawing-workspace .properties-panel .panel-section .color-picker-container .preset-colors .color-preset.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container{display:flex;align-items:center;gap:1rem}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container .slider{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--surface);outline:none}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;transition:all .2s}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container .slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container .slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.drawing-modal .drawing-workspace .properties-panel .panel-section .slider-container .slider-value{font-size:.875rem;color:var(--text-secondary);min-width:45px;text-align:right}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list{background:var(--surface);border:1px solid var(--border-primary);border-radius:.25rem;padding:.5rem}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item:hover{background:var(--bg)}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item i,.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item span{font-size:.875rem}.drawing-modal .drawing-workspace .properties-panel .panel-section.layers-section .layers-list .layer-item span.opacity{margin-left:auto;font-size:.75rem;color:var(--text-secondary)}.drawing-modal .drawing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:.5rem 1rem;flex-shrink:0}.drawing-modal .drawing-footer .footer-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.drawing-modal{width:100vw;height:100vh;border-radius:0}.drawing-modal .properties-panel{position:absolute;right:-280px;transition:right .3s;z-index:10;height:100%}.drawing-modal .properties-panel.open{right:0}}.image-selector-modal .crud-modal{max-width:700px}.image-selector-modal .nav-tabs{border-bottom:1px solid var(--border-color)}.image-selector-modal .nav-tabs .nav-link{background:transparent;border:none;color:var(--text-secondary);padding:10px 20px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.image-selector-modal .nav-tabs .nav-link.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:transparent}.image-selector-modal .nav-tabs .nav-link:hover:not(.active):not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.image-selector-modal .nav-tabs .nav-link:disabled,.image-selector-modal .nav-tabs .nav-link.disabled{opacity:.5;cursor:not-allowed}.image-selector-modal .upload-zone{background:var(--bg-secondary);border-color:var(--border-color)!important;transition:all .3s}.image-selector-modal .upload-zone:hover{border-color:var(--accent-primary)!important;background:var(--bg-hover)}.image-selector-modal .upload-zone .preview-container img{max-width:100%;object-fit:contain}.image-selector-modal .generate-section .form-control{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.image-selector-modal .generate-section .form-control:focus{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 .2rem rgba(var(--accent-rgb),.25)}.image-selector-modal .generate-section .form-control:disabled{opacity:.5;background:var(--bg-tertiary)}.image-selector-modal .generate-section .btn-outline-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.image-selector-modal .generate-section .btn-outline-secondary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.image-selector-modal .generate-section .btn-outline-secondary:disabled{opacity:.5}.image-selector-modal .generated-preview img{box-shadow:0 4px 12px #00000026}:root{--crud-spacing-xs: .25rem;--crud-spacing-sm: .5rem;--crud-spacing-md: 1rem;--crud-spacing-lg: 1.5rem;--crud-spacing-xl: 2rem;--crud-radius-sm: .25rem;--crud-radius-md: .375rem;--crud-radius-lg: .5rem;--crud-transition: all .3s ease;--primary-rgb: 0, 212, 255;--danger-rgb: 220, 53, 69;--success-rgb: 25, 135, 84;--warning-rgb: 255, 193, 7;--info-rgb: 13, 202, 240;--primary-hover: #00b8d4;--danger-hover: #bd2130;--success-hover: #157347;--warning-hover: #e0a800;--info-hover: #0aa2c0;--bg-hover: rgba(255, 255, 255, .05);--text-disabled: rgba(255, 255, 255, .5);--border-secondary: rgba(255, 255, 255, .2)}.crud-checkbox{position:absolute;opacity:0}.crud-checkbox+label{position:relative;padding-left:0;cursor:pointer;display:inline-block;width:20px;height:20px}.crud-checkbox+label:before{content:"";display:inline-block;width:20px;height:20px;margin-right:0;background:var(--bg);border:2px solid var(--primary);border-radius:4px;transition:all .2s ease;opacity:.7}.crud-checkbox+label:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.crud-checkbox:checked+label:before{background:var(--primary);border-color:var(--primary);opacity:1}.crud-checkbox:checked+label:after{transform:rotate(45deg) scale(1)}.crud-checkbox:hover:not(:checked)+label:before{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);opacity:1}.crud-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.crud-checkbox:disabled+label{cursor:not-allowed;opacity:.5}.crud-checkbox:disabled+label:before{background:var(--surface);border-color:var(--border-secondary)}.crud-table .crud-checkbox+label{margin:0}.crud-table th:first-child .crud-checkbox+label,.crud-table td:first-child .crud-checkbox+label{display:block;margin:0 auto}.crud-modal-body .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.crud-breadcrumb{margin-bottom:var(--crud-spacing-lg)}.crud-breadcrumb .breadcrumb{background:transparent;padding:0;margin:0}.crud-breadcrumb .breadcrumb .breadcrumb-item{color:var(--text-secondary)}.crud-breadcrumb .breadcrumb .breadcrumb-item a{color:var(--primary);text-decoration:none;transition:var(--crud-transition)}.crud-breadcrumb .breadcrumb .breadcrumb-item a:hover{color:var(--primary-hover);text-decoration:underline}.crud-breadcrumb .breadcrumb .breadcrumb-item.active{color:var(--text-primary);font-weight:500}.crud-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item:before{content:"/";color:var(--text-secondary);padding:0 .5rem}.crud-info-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--crud-spacing-xl);padding:var(--crud-spacing-lg);background:var(--surface);border-radius:var(--crud-radius-lg);border:1px solid var(--border-primary)}.crud-info-section .crud-info-content{flex:1}.crud-info-section .crud-info-header{display:flex;align-items:flex-start;gap:var(--crud-spacing-lg)}.crud-info-section .crud-info-icon{width:4rem;height:4rem;background:var(--primary);color:#fff;border-radius:var(--crud-radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.crud-info-section .crud-info-text{flex:1}.crud-info-section .crud-info-title{margin:0 0 var(--crud-spacing-xs) 0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.crud-info-section .crud-info-subtitle{margin:0 0 var(--crud-spacing-sm) 0;font-size:1.125rem;font-weight:500;color:var(--primary)}.crud-info-section .crud-info-description{margin:0;color:var(--text-secondary);line-height:1.6}.crud-info-section .crud-info-actions{flex-shrink:0;margin-left:var(--crud-spacing-lg)}@media (max-width: 768px){.crud-info-section{flex-direction:column;padding:var(--crud-spacing-md)}.crud-info-section .crud-info-header{flex-direction:column;text-align:center;gap:var(--crud-spacing-md)}.crud-info-section .crud-info-icon{width:3.5rem;height:3.5rem;font-size:1.5rem}.crud-info-section .crud-info-title{font-size:1.5rem}.crud-info-section .crud-info-subtitle{font-size:1rem}.crud-info-section .crud-info-actions{margin-left:0;margin-top:var(--crud-spacing-md);width:100%}.crud-info-section .crud-info-actions .btn{width:100%}}@media (max-width: 576px){.crud-info-section{padding:var(--crud-spacing-sm);margin-bottom:var(--crud-spacing-md)}.crud-info-section .crud-info-icon{width:3rem;height:3rem;font-size:1.25rem}.crud-info-section .crud-info-title{font-size:1.25rem}.crud-info-section .crud-info-subtitle{font-size:.9375rem}.crud-info-section .crud-info-description{font-size:.875rem}}.crud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--crud-spacing-md);flex-wrap:wrap;--crud-btn-height: 38px;--crud-btn-padding-y: .375rem;--crud-btn-padding-x: .75rem}.crud-toolbar .crud-toolbar-left{flex:1;min-width:250px}.crud-toolbar .crud-toolbar-left .crud-search .input-group .form-control{background:var(--bg);border-color:var(--border-primary);color:var(--text-primary);height:var(--crud-btn-height)}.crud-toolbar .crud-toolbar-left .crud-search .input-group .form-control:focus{background:var(--bg);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-toolbar .crud-toolbar-left .crud-search .input-group .form-control::placeholder{color:var(--text-secondary)}.crud-toolbar .crud-toolbar-left .crud-search .input-group .input-group-text{background:var(--surface);border-color:var(--border-primary);color:var(--text-secondary);height:var(--crud-btn-height)}.crud-toolbar .crud-toolbar-left .crud-search .input-group .btn-outline-secondary{border-color:var(--border-primary);color:var(--text-secondary);height:var(--crud-btn-height);padding:var(--crud-btn-padding-y) var(--crud-btn-padding-x)}.crud-toolbar .crud-toolbar-left .crud-search .input-group .btn-outline-secondary:hover{background:var(--surface);border-color:var(--border-primary);color:var(--text-primary)}.crud-toolbar .crud-toolbar-right{display:flex;align-items:center;gap:var(--crud-spacing-sm)}.crud-toolbar .crud-toolbar-right .btn-group{height:var(--crud-btn-height)}.crud-toolbar .crud-toolbar-right .btn-group .btn{height:var(--crud-btn-height);padding:var(--crud-btn-padding-y) var(--crud-btn-padding-x);line-height:1.5}.crud-toolbar .crud-toolbar-right .btn-group .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions{display:flex;gap:var(--crud-spacing-sm);align-items:center}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--crud-spacing-xs);height:var(--crud-btn-height);padding:var(--crud-btn-padding-y) var(--crud-btn-padding-x);line-height:1.5;white-space:nowrap}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions .btn i{line-height:1}@media (max-width: 768px){.crud-toolbar{flex-direction:column;align-items:stretch}.crud-toolbar .crud-toolbar-left{width:100%;min-width:auto;margin-bottom:var(--crud-spacing-sm)}.crud-toolbar .crud-toolbar-right{width:100%;justify-content:space-between}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions{flex-wrap:wrap}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions .btn{font-size:.875rem;padding:.375rem .75rem}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions .btn .d-none.d-sm-inline{display:none!important}}@media (max-width: 576px){.crud-toolbar .crud-toolbar-right{flex-direction:column;gap:var(--crud-spacing-sm)}.crud-toolbar .crud-toolbar-right .btn-group{width:100%}.crud-toolbar .crud-toolbar-right .btn-group .btn{flex:1}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions{width:100%;justify-content:space-between}.crud-toolbar .crud-toolbar-right .crud-toolbar-actions .btn{flex:1;font-size:.8125rem;padding:.375rem .5rem}}.crud-tag-section{margin-top:var(--crud-spacing-md);padding:var(--crud-spacing-md);background:var(--bg);border-radius:var(--crud-radius-md);border:1px solid var(--border-primary)}.crud-tag-section .crud-tags-container{display:flex;align-items:center;gap:var(--crud-spacing-sm);flex-wrap:wrap}.crud-tag-section .crud-tags-label{font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:var(--crud-spacing-xs)}.crud-tag-section .crud-tags{display:flex;gap:var(--crud-spacing-xs);flex-wrap:wrap;flex:1}.crud-tag-section .crud-tag{display:inline-flex;align-items:center;gap:var(--crud-spacing-xs);padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:2rem;font-size:.875rem}.crud-tag-section .crud-tag .crud-tag-label{font-weight:500}.crud-tag-section .crud-tag .crud-tag-value{opacity:.9}.crud-tag-section .crud-tag .crud-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:var(--crud-spacing-xs);display:flex;align-items:center;opacity:.8;transition:var(--crud-transition)}.crud-tag-section .crud-tag .crud-tag-remove:hover{opacity:1}.crud-tag-section .btn-link{text-decoration:none}.crud-tag-section .btn-link:hover{text-decoration:underline}.crud-table-wrapper{overflow-x:auto;border-radius:var(--crud-radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary)}.crud-table-wrapper .crud-table{margin:0;background:var(--bg-secondary)}.crud-table-wrapper .crud-table thead{background:var(--surface)}.crud-table-wrapper .crud-table thead th{padding:var(--crud-spacing-md);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary);white-space:nowrap;background:var(--bg-secondary)}.crud-table-wrapper .crud-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.crud-table-wrapper .crud-table thead th.sortable:hover{background:var(--bg)}.crud-table-wrapper .crud-table thead th .th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--crud-spacing-sm)}.crud-table-wrapper .crud-table thead th .th-content .sort-icon{color:var(--text-secondary);font-size:.875rem}.crud-table-wrapper .crud-table thead th.actions-column{text-align:center;width:150px}.crud-table-wrapper .crud-table tbody tr{border-bottom:1px solid var(--border-primary);transition:var(--crud-transition);background:var(--bg-secondary)}.crud-table-wrapper .crud-table tbody tr:hover{background:var(--surface)}.crud-table-wrapper .crud-table tbody tr td{padding:var(--crud-spacing-md);color:var(--text-primary);background:transparent}.crud-table-wrapper .crud-table tbody tr td.actions-column{text-align:center}.crud-table-wrapper .crud-table-actions{display:flex;gap:var(--crud-spacing-xs);justify-content:center;flex-wrap:nowrap}.crud-table-wrapper .crud-table-actions .btn{padding:.375rem .5rem;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;min-width:32px}.crud-table-wrapper .crud-table-actions .btn i{font-size:1rem}.crud-table-loading,.crud-table-empty{padding:3rem;text-align:center;color:var(--text-secondary)}.crud-table-loading i,.crud-table-empty i{color:var(--primary);opacity:.3;margin-bottom:1rem}.crud-table-loading p,.crud-table-empty p{margin:0;font-size:1.125rem}@media (max-width: 768px){.crud-table-wrapper .crud-table{font-size:.875rem}.crud-table-wrapper .crud-table thead th{padding:var(--crud-spacing-sm);font-size:.8125rem}.crud-table-wrapper .crud-table thead th.actions-column{width:auto}.crud-table-wrapper .crud-table tbody td{padding:var(--crud-spacing-sm)}.crud-table-wrapper .crud-table-actions .btn{padding:.25rem .375rem;min-width:28px}.crud-table-wrapper .crud-table-actions .btn i{font-size:.875rem}}@media (max-width: 576px){.crud-table-wrapper .crud-table{display:block}.crud-table-wrapper .crud-table thead{display:none}.crud-table-wrapper .crud-table tbody{display:block}.crud-table-wrapper .crud-table tbody tr{display:block;margin-bottom:var(--crud-spacing-md);border:1px solid var(--border-primary);border-radius:var(--crud-radius-md);padding:var(--crud-spacing-md)}.crud-table-wrapper .crud-table tbody tr td{display:block;text-align:left;padding:var(--crud-spacing-xs) 0;border:none}.crud-table-wrapper .crud-table tbody tr td:before{content:attr(data-label);font-weight:600;display:inline-block;margin-right:var(--crud-spacing-sm);color:var(--text-secondary)}.crud-table-wrapper .crud-table tbody tr td.actions-column{text-align:center;padding-top:var(--crud-spacing-md)}}.crud-cards-container .crud-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--crud-radius-lg);overflow:hidden;transition:var(--crud-transition);height:100%;display:flex;flex-direction:column;position:relative}.crud-cards-container .crud-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000001a;border-color:var(--primary)}.crud-cards-container .crud-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.crud-cards-container .crud-card .crud-card-header{padding:var(--crud-spacing-md);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.crud-cards-container .crud-card .crud-card-header .crud-card-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);flex:1;margin-right:var(--crud-spacing-sm)}.crud-cards-container .crud-card .crud-card-header .crud-card-header-actions{display:flex;align-items:center;gap:var(--crud-spacing-sm)}.crud-cards-container .crud-card .crud-card-header .crud-card-header-actions .crud-card-checkbox{display:flex;align-items:center}.crud-cards-container .crud-card .crud-card-header .crud-card-header-actions .badge{font-size:.75rem}.crud-cards-container .crud-card .crud-card-body{padding:var(--crud-spacing-md);flex:1}.crud-cards-container .crud-card .crud-card-body .crud-card-description{color:var(--text-secondary);margin-bottom:var(--crud-spacing-md);line-height:1.6}.crud-cards-container .crud-card .crud-card-body .crud-card-image{width:100%;height:200px;object-fit:cover;border-radius:var(--crud-radius-md);margin-bottom:var(--crud-spacing-md)}.crud-cards-container .crud-card .crud-card-body .crud-card-details .crud-card-detail{display:flex;justify-content:space-between;padding:var(--crud-spacing-xs) 0;border-bottom:1px solid var(--border-primary)}.crud-cards-container .crud-card .crud-card-body .crud-card-details .crud-card-detail:last-child{border-bottom:none}.crud-cards-container .crud-card .crud-card-body .crud-card-details .crud-card-detail .detail-label{font-weight:500;color:var(--text-secondary)}.crud-cards-container .crud-card .crud-card-body .crud-card-details .crud-card-detail .detail-value{color:var(--text-primary)}.crud-cards-container .crud-card .crud-card-footer{padding:var(--crud-spacing-md);border-top:1px solid var(--border-primary);background:var(--bg)}.crud-cards-container .crud-card .crud-card-footer .crud-card-actions{display:flex;gap:var(--crud-spacing-xs);justify-content:center}.crud-cards-container .crud-card .crud-card-footer .crud-card-actions .btn{flex:1;padding:.375rem .75rem;font-size:.875rem}.crud-cards-loading,.crud-cards-empty{padding:3rem;text-align:center;color:var(--text-secondary)}.crud-cards-loading i,.crud-cards-empty i{color:var(--primary);opacity:.3;margin-bottom:1rem}.crud-cards-loading p,.crud-cards-empty p{margin:0;font-size:1.125rem}.crud-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--crud-spacing-md);margin-top:var(--crud-spacing-lg);padding-top:var(--crud-spacing-lg);border-top:1px solid var(--border-primary);flex-wrap:wrap}.crud-pagination .crud-pagination-info{color:var(--text-secondary);font-size:.875rem}.crud-pagination .pagination{margin:0}.crud-pagination .pagination .page-item .page-link{background:transparent;border-color:var(--border-primary);color:var(--text-primary);padding:.375rem .75rem}.crud-pagination .pagination .page-item .page-link:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.crud-pagination .pagination .page-item .page-link:focus{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-pagination .pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff}.crud-pagination .pagination .page-item.disabled .page-link{background:transparent;border-color:var(--border-primary);color:var(--text-secondary);opacity:.5}.crud-pagination .crud-pagination-size{display:flex;align-items:center;gap:var(--crud-spacing-sm)}.crud-pagination .crud-pagination-size .form-label{color:var(--text-secondary);font-size:.875rem}.crud-pagination .crud-pagination-size .form-select{width:auto;background:var(--bg);border-color:var(--border-primary);color:var(--text-primary)}.crud-pagination .crud-pagination-size .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}@media (max-width: 768px){.crud-pagination{flex-direction:column;align-items:center;gap:var(--crud-spacing-md)}.crud-pagination .crud-pagination-info{width:100%;text-align:center;order:1}.crud-pagination nav{order:2}.crud-pagination .crud-pagination-size{width:100%;justify-content:center;order:3}.crud-pagination .pagination .page-link{padding:.25rem .5rem;font-size:.875rem}}@media (max-width: 576px){.crud-pagination .pagination .page-item:not(.active):not(:first-child):not(:last-child):not(.disabled){display:none}.crud-pagination .pagination .page-item.active:before,.crud-pagination .pagination .page-item.active:after{content:"...";display:inline-block;padding:0 .5rem;color:var(--text-secondary)}}.crud-form .form-group{margin-bottom:var(--crud-spacing-md)}.crud-form .form-group .form-label{color:var(--text-primary);font-weight:500;margin-bottom:var(--crud-spacing-xs)}.crud-form .form-group .form-label .text-danger{color:var(--danger)}.crud-form .form-group .form-control,.crud-form .form-group .form-select{background:var(--bg);border-color:var(--border-primary);color:var(--text-primary)}.crud-form .form-group .form-control:focus,.crud-form .form-group .form-select:focus{background:var(--bg);border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-form .form-group .form-control::placeholder,.crud-form .form-group .form-select::placeholder{color:var(--text-secondary)}.crud-form .form-group .form-control.is-invalid,.crud-form .form-group .form-select.is-invalid{border-color:var(--danger)}.crud-form .form-group .form-control.is-invalid:focus,.crud-form .form-group .form-select.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 .2rem rgba(var(--danger-rgb),.25)}.crud-form .form-group .input-group .input-group-text{background:var(--surface);border-color:var(--border-primary);color:var(--text-secondary)}.crud-form .form-group .form-check .form-check-input{background:var(--bg);border-color:var(--accent)}.crud-form .form-group .form-check .form-check-input:checked{background:var(--primary);border-color:var(--primary)}.crud-form .form-group .form-check .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-form .form-group .form-check .form-check-label{color:var(--text-primary)}.crud-form .form-group .form-text{color:var(--text-secondary);font-size:.875rem}.crud-form .form-group .invalid-feedback{color:var(--danger);font-size:.875rem;margin-top:var(--crud-spacing-xs)}.crud-form .crud-form-section-header h5{color:var(--primary);font-weight:600;margin-bottom:var(--crud-spacing-sm)}.crud-form .crud-form-section-header h5 i{color:var(--primary)}.crud-form .crud-form-section-header hr{border-color:var(--border-secondary);opacity:.6}.crud-form .form-switch{padding:var(--crud-spacing-sm);background:var(--surface);border:none;border-radius:var(--crud-border-radius);transition:all .2s ease;position:relative;min-height:3rem;display:flex;align-items:flex-start;margin:0 calc(var(--crud-spacing-sm) + 10px)}.crud-form .form-switch:hover{box-shadow:0 2px 4px #0000001a}[data-bs-theme=dark] .crud-form .form-switch:hover{box-shadow:0 2px 4px rgba(var(--primary-rgb),.2)}.crud-form .form-switch .form-check-input{width:3rem;height:1.5rem;background-color:var(--bg);border:2px solid var(--accent);border-radius:1.5rem;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);flex-shrink:0;margin-top:.125rem}.crud-form .form-switch .form-check-input:before{content:"";position:absolute;width:1.125rem;height:1.125rem;background:white;border-radius:50%;top:50%;left:.1875rem;transform:translateY(-50%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 4px #0003}.crud-form .form-switch .form-check-input:checked{background-color:var(--primary)}.crud-form .form-switch .form-check-input:checked:before{left:calc(100% - 1.3125rem)}.crud-form .form-switch .form-check-input:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-form .form-switch .form-check-input:disabled{opacity:.5;cursor:not-allowed}.crud-form .form-switch .form-check-input:disabled:before{box-shadow:none}.crud-form .form-switch .switch-content{flex:1;margin-left:var(--crud-spacing-md)}.crud-form .form-switch .switch-content .form-check-label{font-weight:500;color:var(--text-primary);font-size:.9rem;line-height:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.125rem;display:block}.crud-form .form-switch .switch-content .form-check-label i{color:var(--primary);margin-right:.375rem;font-size:1rem}.crud-form .form-switch .switch-content .form-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.3;margin-top:.125rem;display:block}.crud-form .form-switch:hover .form-check-input:not(:disabled):before{width:1.25rem}.crud-form .col-2 .form-switch,.crud-form .col-lg-2 .form-switch,.crud-form .col-md-3 .form-switch{padding:var(--crud-spacing-xs) var(--crud-spacing-sm);min-height:auto;flex-direction:column;align-items:center;text-align:center}.crud-form .col-2 .form-switch .form-check-input,.crud-form .col-lg-2 .form-switch .form-check-input,.crud-form .col-md-3 .form-switch .form-check-input{margin:0 auto var(--crud-spacing-xs)}.crud-form .col-2 .form-switch .switch-content,.crud-form .col-lg-2 .form-switch .switch-content,.crud-form .col-md-3 .form-switch .switch-content{margin-left:0;width:100%}.crud-form .col-2 .form-switch .switch-content .form-check-label,.crud-form .col-lg-2 .form-switch .switch-content .form-check-label,.crud-form .col-md-3 .form-switch .switch-content .form-check-label{font-size:.8125rem;text-align:center;margin-bottom:0}.crud-form .col-2 .form-switch .switch-content .form-check-label i,.crud-form .col-lg-2 .form-switch .switch-content .form-check-label i,.crud-form .col-md-3 .form-switch .switch-content .form-check-label i,.crud-form .col-2 .form-switch .switch-content .form-text,.crud-form .col-lg-2 .form-switch .switch-content .form-text,.crud-form .col-md-3 .form-switch .switch-content .form-text{display:none}.crud-form .col-4 .form-switch .switch-content .form-text,.crud-form .col-md-4 .form-switch .switch-content .form-text,.crud-form .col-6 .form-switch .switch-content .form-text,.crud-form .col-md-6 .form-switch .switch-content .form-text{font-size:.75rem}.crud-form .crud-form-actions{display:flex;gap:var(--crud-spacing-sm);margin-top:var(--crud-spacing-lg);padding-top:var(--crud-spacing-lg);border-top:1px solid var(--border-primary)}.crud-form .crud-form-actions .btn{min-width:100px}.crud-delete-confirm p{color:var(--text-primary);margin-bottom:var(--crud-spacing-lg)}.crud-view-content label{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--crud-spacing-xs)}.crud-view-content p{color:var(--text-primary);margin-bottom:var(--crud-spacing-md)}.crud-component .crud-content{background:var(--surface);border-radius:var(--crud-radius-lg);padding:var(--crud-spacing-lg);margin-top:var(--crud-spacing-lg);border:1px solid var(--border-primary)}@media (max-width: 768px){.crud-component .crud-content{padding:var(--crud-spacing-md);margin-top:var(--crud-spacing-md);border-radius:var(--crud-radius-md)}}@media (max-width: 576px){.crud-component .crud-content{padding:var(--crud-spacing-sm);margin-top:var(--crud-spacing-sm)}}.crud-component .crud-data-container{margin-top:var(--crud-spacing-lg)}@media (max-width: 768px){.crud-component .crud-data-container{margin-top:var(--crud-spacing-md)}}.crud-component .alert{margin-top:var(--crud-spacing-md);background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.crud-component .alert.alert-danger{background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.3);color:var(--danger)}.form-generator-v2 .form-label{font-weight:500;margin-bottom:.5rem;display:flex;align-items:center}.form-generator-v2 .form-label i{font-size:1.1rem;opacity:.7;color:var(--primary)}.form-generator-v2 .input-group-text{background-color:var(--surface);border-right:0;border-color:var(--border)}.form-generator-v2 .input-group-text i{font-size:1rem;color:var(--text-secondary)}.form-generator-v2 .input-group .form-control,.form-generator-v2 .input-group .form-select{border-left:0}.form-generator-v2 .input-group .form-control:focus,.form-generator-v2 .input-group .form-select:focus{border-left:0;box-shadow:0 0 0 .25rem var(--primary-hover);border-color:var(--primary)}.form-generator-v2 .form-text{font-size:.875rem;margin-top:.25rem;display:block}.form-generator-v2 .form-text.text-muted{color:var(--text-secondary)!important}.form-generator-v2 .form-section{border-top:1px solid var(--border);padding-top:1.5rem}.form-generator-v2 .form-section:first-child{border-top:none;padding-top:0}.form-generator-v2 .form-section .form-section-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center}.form-generator-v2 .form-section .form-section-title:before{content:"";display:inline-block;width:4px;height:20px;background-color:var(--primary);margin-right:.75rem;border-radius:2px}[data-bs-theme=dark] .form-generator-v2 .input-group-text{background-color:var(--surface-dark)}[data-bs-theme=dark] .form-generator-v2 .input-group-text i{color:var(--text-secondary);opacity:.8}[data-bs-theme=dark] .form-generator-v2 .form-label i{opacity:.8}[data-bs-theme=dark] .form-generator-v2 .input-group .form-control:focus,[data-bs-theme=dark] .form-generator-v2 .input-group .form-select:focus{box-shadow:0 0 0 .25rem var(--primary-hover)}.webmaster-component,.system-status,.metric-card,.stats-grid,.webmaster-layout{color:var(--text-primary);background:var(--bg)}.webmaster-component a,.system-status a,.metric-card a,.stats-grid a,.webmaster-layout a{color:var(--primary);text-decoration:none;transition:color .3s ease}.webmaster-component a:hover,.system-status a:hover,.metric-card a:hover,.stats-grid a:hover,.webmaster-layout a:hover{color:var(--primary-light)}.webmaster-component .btn,.system-status .btn,.metric-card .btn,.stats-grid .btn,.webmaster-layout .btn{padding:.5rem 1.5rem;border-radius:.375rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.webmaster-component .btn-primary,.system-status .btn-primary,.metric-card .btn-primary,.stats-grid .btn-primary,.webmaster-layout .btn-primary{background:var(--primary);color:var(--bg)}.webmaster-component .btn-primary:hover,.system-status .btn-primary:hover,.metric-card .btn-primary:hover,.stats-grid .btn-primary:hover,.webmaster-layout .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.webmaster-component .btn-secondary,.system-status .btn-secondary,.metric-card .btn-secondary,.stats-grid .btn-secondary,.webmaster-layout .btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-primary)}.webmaster-component .btn-secondary:hover,.system-status .btn-secondary:hover,.metric-card .btn-secondary:hover,.stats-grid .btn-secondary:hover,.webmaster-layout .btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.webmaster-component .btn-outline,.system-status .btn-outline,.metric-card .btn-outline,.stats-grid .btn-outline,.webmaster-layout .btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.webmaster-component .btn-outline:hover,.system-status .btn-outline:hover,.metric-card .btn-outline:hover,.stats-grid .btn-outline:hover,.webmaster-layout .btn-outline:hover{background:var(--primary);color:var(--bg)}.webmaster-component .btn-ghost,.system-status .btn-ghost,.metric-card .btn-ghost,.stats-grid .btn-ghost,.webmaster-layout .btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.webmaster-component .btn-ghost:hover,.system-status .btn-ghost:hover,.metric-card .btn-ghost:hover,.stats-grid .btn-ghost:hover,.webmaster-layout .btn-ghost:hover{background:var(--surface);color:var(--text-primary);border-color:var(--border-primary)}.webmaster-component .btn-danger,.system-status .btn-danger,.metric-card .btn-danger,.stats-grid .btn-danger,.webmaster-layout .btn-danger{background:var(--error);color:#fff}.webmaster-component .btn-danger:hover,.system-status .btn-danger:hover,.metric-card .btn-danger:hover,.stats-grid .btn-danger:hover,.webmaster-layout .btn-danger:hover{background:var(--error);filter:brightness(.9)}.webmaster-component .btn-success,.system-status .btn-success,.metric-card .btn-success,.stats-grid .btn-success,.webmaster-layout .btn-success{background:var(--success);color:#fff}.webmaster-component .btn-success:hover,.system-status .btn-success:hover,.metric-card .btn-success:hover,.stats-grid .btn-success:hover,.webmaster-layout .btn-success:hover{background:var(--success);filter:brightness(.9)}.webmaster-component .card,.system-status .card,.metric-card .card,.stats-grid .card,.webmaster-layout .card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem;color:var(--text-primary)}.webmaster-component .card:hover,.system-status .card:hover,.metric-card .card:hover,.stats-grid .card:hover,.webmaster-layout .card:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow-md)}.webmaster-component input,.system-status input,.metric-card input,.stats-grid input,.webmaster-layout input,.webmaster-component textarea,.system-status textarea,.metric-card textarea,.stats-grid textarea,.webmaster-layout textarea,.webmaster-component select,.system-status select,.metric-card select,.stats-grid select,.webmaster-layout select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:.375rem;transition:all .3s ease}.webmaster-component input::placeholder,.system-status input::placeholder,.metric-card input::placeholder,.stats-grid input::placeholder,.webmaster-layout input::placeholder,.webmaster-component textarea::placeholder,.system-status textarea::placeholder,.metric-card textarea::placeholder,.stats-grid textarea::placeholder,.webmaster-layout textarea::placeholder,.webmaster-component select::placeholder,.system-status select::placeholder,.metric-card select::placeholder,.stats-grid select::placeholder,.webmaster-layout select::placeholder{color:var(--text-muted)}.webmaster-component input:focus,.system-status input:focus,.metric-card input:focus,.stats-grid input:focus,.webmaster-layout input:focus,.webmaster-component textarea:focus,.system-status textarea:focus,.metric-card textarea:focus,.stats-grid textarea:focus,.webmaster-layout textarea:focus,.webmaster-component select:focus,.system-status select:focus,.metric-card select:focus,.stats-grid select:focus,.webmaster-layout select:focus{outline:none;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.webmaster-component .text-primary,.system-status .text-primary,.metric-card .text-primary,.stats-grid .text-primary,.webmaster-layout .text-primary{color:var(--text-primary)!important}.webmaster-component .text-secondary,.system-status .text-secondary,.metric-card .text-secondary,.stats-grid .text-secondary,.webmaster-layout .text-secondary{color:var(--text-secondary)!important}.webmaster-component .text-tertiary,.system-status .text-tertiary,.metric-card .text-tertiary,.stats-grid .text-tertiary,.webmaster-layout .text-tertiary{color:var(--text-tertiary)!important}.webmaster-component .text-muted,.system-status .text-muted,.metric-card .text-muted,.stats-grid .text-muted,.webmaster-layout .text-muted{color:var(--text-muted)!important}.webmaster-component .text-theme,.system-status .text-theme,.metric-card .text-theme,.stats-grid .text-theme,.webmaster-layout .text-theme{color:var(--primary)!important}.webmaster-component .bg-primary,.system-status .bg-primary,.metric-card .bg-primary,.stats-grid .bg-primary,.webmaster-layout .bg-primary{background:var(--bg)!important}.webmaster-component .bg-secondary,.system-status .bg-secondary,.metric-card .bg-secondary,.stats-grid .bg-secondary,.webmaster-layout .bg-secondary{background:var(--bg-secondary)!important}.webmaster-component .bg-tertiary,.system-status .bg-tertiary,.metric-card .bg-tertiary,.stats-grid .bg-tertiary,.webmaster-layout .bg-tertiary{background:var(--bg-tertiary)!important}.webmaster-component .bg-surface,.system-status .bg-surface,.metric-card .bg-surface,.stats-grid .bg-surface,.webmaster-layout .bg-surface{background:var(--surface)!important}.webmaster-component .bg-theme,.system-status .bg-theme,.metric-card .bg-theme,.stats-grid .bg-theme,.webmaster-layout .bg-theme{background:var(--primary)!important;color:var(--bg)!important}.webmaster-component .border-primary,.system-status .border-primary,.metric-card .border-primary,.stats-grid .border-primary,.webmaster-layout .border-primary{border-color:var(--border-primary)!important}.webmaster-component .border-secondary,.system-status .border-secondary,.metric-card .border-secondary,.stats-grid .border-secondary,.webmaster-layout .border-secondary{border-color:var(--border-secondary)!important}.webmaster-component .border-theme,.system-status .border-theme,.metric-card .border-theme,.stats-grid .border-theme,.webmaster-layout .border-theme{border-color:var(--primary)!important}.webmaster-component .status-success,.system-status .status-success,.metric-card .status-success,.stats-grid .status-success,.webmaster-layout .status-success{color:var(--success)}.webmaster-component .status-warning,.system-status .status-warning,.metric-card .status-warning,.stats-grid .status-warning,.webmaster-layout .status-warning{color:var(--warning)}.webmaster-component .status-error,.system-status .status-error,.metric-card .status-error,.stats-grid .status-error,.webmaster-layout .status-error{color:var(--error)}.webmaster-component .status-info,.system-status .status-info,.metric-card .status-info,.stats-grid .status-info,.webmaster-layout .status-info{color:var(--info)}.webmaster-component .badge,.system-status .badge,.metric-card .badge,.stats-grid .badge,.webmaster-layout .badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center}.webmaster-component .badge-primary,.system-status .badge-primary,.metric-card .badge-primary,.stats-grid .badge-primary,.webmaster-layout .badge-primary{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.webmaster-component .badge-success,.system-status .badge-success,.metric-card .badge-success,.stats-grid .badge-success,.webmaster-layout .badge-success{background:rgba(var(--success-rgb),.1);color:var(--success)}.webmaster-component .badge-warning,.system-status .badge-warning,.metric-card .badge-warning,.stats-grid .badge-warning,.webmaster-layout .badge-warning{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.webmaster-component .badge-error,.system-status .badge-error,.metric-card .badge-error,.stats-grid .badge-error,.webmaster-layout .badge-error{background:rgba(var(--error-rgb),.1);color:var(--error)}.webmaster-component .badge-info,.system-status .badge-info,.metric-card .badge-info,.stats-grid .badge-info,.webmaster-layout .badge-info{background:rgba(var(--info-rgb),.1);color:var(--info)}.webmaster-component .icon,.system-status .icon,.metric-card .icon,.stats-grid .icon,.webmaster-layout .icon{color:var(--text-secondary)}.webmaster-component .icon-primary,.system-status .icon-primary,.metric-card .icon-primary,.stats-grid .icon-primary,.webmaster-layout .icon-primary{color:var(--primary)}.webmaster-component .icon-success,.system-status .icon-success,.metric-card .icon-success,.stats-grid .icon-success,.webmaster-layout .icon-success{color:var(--success)}.webmaster-component .icon-warning,.system-status .icon-warning,.metric-card .icon-warning,.stats-grid .icon-warning,.webmaster-layout .icon-warning{color:var(--warning)}.webmaster-component .icon-error,.system-status .icon-error,.metric-card .icon-error,.stats-grid .icon-error,.webmaster-layout .icon-error{color:var(--error)}.webmaster-component .icon-info,.system-status .icon-info,.metric-card .icon-info,.stats-grid .icon-info,.webmaster-layout .icon-info{color:var(--info)}[data-mode=dark] .webmaster-component .card,[data-mode=dark] .system-status .card,[data-mode=dark] .metric-card .card,[data-mode=dark] .stats-grid .card,[data-mode=dark] .webmaster-layout .card{background:var(--card-bg)}[data-mode=dark] .webmaster-component .badge-primary,[data-mode=dark] .system-status .badge-primary,[data-mode=dark] .metric-card .badge-primary,[data-mode=dark] .stats-grid .badge-primary,[data-mode=dark] .webmaster-layout .badge-primary{background:rgba(var(--primary-rgb),.15)}[data-mode=dark] .webmaster-component .badge-success,[data-mode=dark] .system-status .badge-success,[data-mode=dark] .metric-card .badge-success,[data-mode=dark] .stats-grid .badge-success,[data-mode=dark] .webmaster-layout .badge-success{background:rgba(var(--success-rgb),.15)}[data-mode=dark] .webmaster-component .badge-warning,[data-mode=dark] .system-status .badge-warning,[data-mode=dark] .metric-card .badge-warning,[data-mode=dark] .stats-grid .badge-warning,[data-mode=dark] .webmaster-layout .badge-warning{background:rgba(var(--warning-rgb),.15)}[data-mode=dark] .webmaster-component .badge-error,[data-mode=dark] .system-status .badge-error,[data-mode=dark] .metric-card .badge-error,[data-mode=dark] .stats-grid .badge-error,[data-mode=dark] .webmaster-layout .badge-error{background:rgba(var(--error-rgb),.15)}[data-mode=dark] .webmaster-component .badge-info,[data-mode=dark] .system-status .badge-info,[data-mode=dark] .metric-card .badge-info,[data-mode=dark] .stats-grid .badge-info,[data-mode=dark] .webmaster-layout .badge-info{background:rgba(var(--info-rgb),.15)}[data-mode=light] .webmaster-component .card,[data-mode=light] .system-status .card,[data-mode=light] .metric-card .card,[data-mode=light] .stats-grid .card,[data-mode=light] .webmaster-layout .card{background:var(--card-bg);box-shadow:0 1px 3px var(--shadow-sm)}.webmaster-component,.system-status,.metric-card,.stats-grid,.webmaster-layout{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px var(--shadow-sm);--shadow-md: 0 4px 6px var(--shadow-md);--shadow-lg: 0 10px 15px var(--shadow-lg);--shadow-xl: 0 20px 25px var(--shadow-lg);--shadow-2xl: 0 25px 50px var(--shadow-lg);--transition-default: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease}.webmaster-layout{background:var(--bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.webmaster-layout__header{background:var(--surface);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.webmaster-layout__main{flex:1;display:flex;flex-direction:column}.webmaster-layout__footer{background:var(--surface);border-top:1px solid var(--border-primary);padding:var(--spacing-lg) 0;margin-top:auto}.webmaster-layout--sm .webmaster-layout__container{max-width:576px}.webmaster-layout--md .webmaster-layout__container{max-width:768px}.webmaster-layout--lg .webmaster-layout__container{max-width:992px}.webmaster-layout--xl .webmaster-layout__container{max-width:1400px}.webmaster-layout--full .webmaster-layout__container{max-width:100%}.webmaster-layout--none .webmaster-layout__container{padding:0}.webmaster-layout--sm .webmaster-layout__container{padding:var(--spacing-md)}.webmaster-layout--default .webmaster-layout__container{padding:var(--spacing-lg)}.webmaster-layout--lg .webmaster-layout__container{padding:var(--spacing-xl)}.webmaster-layout--with-sidebar .webmaster-layout__main{flex-direction:row}.webmaster-layout--with-sidebar .webmaster-layout__sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border-primary);flex-shrink:0}.webmaster-layout--with-sidebar .webmaster-layout__content{flex:1;overflow:hidden}.webmaster-layout--centered .webmaster-layout__main{align-items:center;justify-content:center}.webmaster-layout__container{margin:0 auto;width:100%;transition:var(--transition-default)}@media (max-width: 768px){.webmaster-layout__container{padding:var(--spacing-md)!important}}@media (max-width: 576px){.webmaster-layout__container{padding:var(--spacing-sm)!important}}@media (max-width: 992px){.webmaster-layout--with-sidebar .webmaster-layout__sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:200;transition:left .3s ease;box-shadow:var(--shadow-lg)}.webmaster-layout--with-sidebar .webmaster-layout__sidebar.active{left:0}.webmaster-layout--with-sidebar .webmaster-layout__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:190;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.webmaster-layout--with-sidebar .webmaster-layout__overlay.active{opacity:1;visibility:visible}}[data-mode=dark] .webmaster-layout__header{background:var(--surface);box-shadow:var(--shadow-md)}[data-mode=dark] .webmaster-layout__footer{background:var(--surface)}[data-mode=dark] .webmaster-layout--with-sidebar .webmaster-layout__sidebar{background:var(--bg-secondary);border-color:var(--border-secondary)}[data-mode=light] .webmaster-layout__header{background:var(--bg)}[data-mode=light] .webmaster-layout__footer{background:var(--bg-secondary)}.page-container{width:100%}.page-container--none{padding:0}.page-container--sm{padding:var(--spacing-md)}.page-container--default{padding:var(--webmaster-section-gap, var(--spacing-xl)) 0}.page-container--lg{padding:3rem 0}.page-container--xl{padding:4rem 0}.page-container--transparent{background:transparent}.page-container--card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.page-container--surface{background:var(--bg);border-radius:var(--radius-md)}@media (max-width: 768px){.page-container--default{padding:var(--spacing-lg) 0}.page-container--lg{padding:var(--spacing-xl) 0}.page-container--xl{padding:2.5rem 0}.page-container--card{padding:var(--spacing-md);margin:0 var(--spacing-xs)}}@media (max-width: 576px){.page-container--default{padding:var(--spacing-md) 0}.page-container--lg{padding:var(--spacing-lg) 0}.page-container--xl{padding:var(--spacing-xl) 0}.page-container--card{padding:var(--spacing-sm);margin:0;border-radius:0;border-left:none;border-right:none}}.page-header{margin-bottom:var(--webmaster-section-gap, var(--spacing-xl))}.page-header--sm{margin-bottom:1rem}.page-header--sm .page-header__title{font-size:var(--spacing-lg)}.page-header--sm .page-header__icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.page-header--md{margin-bottom:var(--webmaster-section-gap, var(--spacing-xl))}.page-header--md .page-header__title{font-size:var(--spacing-xl)}.page-header--md .page-header__icon{width:3rem;height:3rem;font-size:var(--spacing-lg)}.page-header--lg{margin-bottom:3rem}.page-header--lg .page-header__title{font-size:2.5rem}.page-header--lg .page-header__icon{width:4rem;height:4rem;font-size:var(--spacing-xl)}.page-header--primary .page-header__content{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.page-header--primary .page-header__icon{background:var(--primary);color:var(--bg)}.page-header--minimal{margin-bottom:1rem}.page-header--minimal .page-header__content{padding:0}.page-header--minimal .page-header__title{font-size:var(--spacing-lg);margin-bottom:0}.page-header--minimal .page-header__subtitle,.page-header--minimal .page-header__description{display:none}.page-header__breadcrumb{margin-bottom:1rem}.page-header__content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl)}.page-header__main{flex:1;min-width:0}.page-header__title-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.page-header__icon{flex-shrink:0;border-radius:var(--spacing-sm);background:rgba(var(--primary-rgb),.1);color:var(--primary);display:flex;align-items:center;justify-content:center;transition:var(--transition-default)}.page-header__text{flex:1;min-width:0}.page-header__title{color:var(--text-primary);font-weight:700;line-height:1.2;margin:0}.page-header__subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:var(--spacing-xs) 0 0;line-height:1.4}.page-header__description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:600px}.page-header__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.page-header__actions .btn{white-space:nowrap}.page-header__actions .btn-group{flex-shrink:0}@media (max-width: 992px){.page-header__content{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.page-header__actions{justify-content:flex-start}}@media (max-width: 768px){.page-header{margin-bottom:var(--spacing-lg)}.page-header--lg{margin-bottom:var(--spacing-xl)}.page-header__title-section{gap:var(--spacing-sm)}.page-header__icon{width:2.5rem!important;height:2.5rem!important;font-size:1.25rem!important}.page-header__title{font-size:var(--spacing-lg)!important}.page-header__subtitle,.page-header__description{font-size:.875rem}.page-header__actions .btn{font-size:.875rem;padding:.375rem var(--spacing-sm)}}@media (max-width: 576px){.page-header__title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.page-header__actions{flex-direction:column;align-items:stretch}.page-header__actions .btn{width:100%;justify-content:center}.page-header__actions .btn-group{width:100%}.page-header__actions .btn-group .btn{flex:1}}[data-theme=dark] .page-header--primary .page-header__content{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.08) 100%);border-color:rgba(var(--primary-rgb),.3)}[data-theme=dark] .page-header__icon{background:rgba(var(--primary-rgb),.15)}.page-breadcrumb{margin-bottom:1rem}.page-breadcrumb--sm .page-breadcrumb__link{font-size:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xs)}.page-breadcrumb--sm .page-breadcrumb__icon,.page-breadcrumb--sm .page-breadcrumb__separator{font-size:.625rem}.page-breadcrumb--md .page-breadcrumb__link{font-size:.875rem;padding:.375rem var(--spacing-sm)}.page-breadcrumb--md .page-breadcrumb__icon,.page-breadcrumb--md .page-breadcrumb__separator{font-size:var(--spacing-sm)}.page-breadcrumb--lg .page-breadcrumb__link{font-size:1rem;padding:var(--spacing-xs) 1rem}.page-breadcrumb--lg .page-breadcrumb__icon,.page-breadcrumb--lg .page-breadcrumb__separator{font-size:.875rem}.page-breadcrumb--minimal .page-breadcrumb__list{padding:0;background:transparent;border-radius:0}.page-breadcrumb--minimal .page-breadcrumb__link{padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-sm)}.page-breadcrumb--card .page-breadcrumb__list{background:var(--card-bg);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.page-breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin:0;padding:var(--spacing-xs) 1rem;list-style:none;background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.page-breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-xs)}.page-breadcrumb__item--active .page-breadcrumb__link{color:var(--text-primary);font-weight:500;cursor:default}.page-breadcrumb__item--active .page-breadcrumb__link:hover{background:transparent;color:var(--text-primary)}.page-breadcrumb__link{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);text-decoration:none;border-radius:.375rem;transition:var(--transition-default);line-height:1.4}.page-breadcrumb__link:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.page-breadcrumb__link:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.page-breadcrumb__icon{flex-shrink:0}.page-breadcrumb__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.page-breadcrumb__separator{color:var(--text-secondary);opacity:.6;flex-shrink:0}@media (max-width: 768px){.page-breadcrumb__list{padding:.375rem var(--spacing-sm);gap:.125rem}.page-breadcrumb__text{max-width:120px}.page-breadcrumb__link{padding:var(--spacing-xs) var(--spacing-xs)}}@media (max-width: 576px){.page-breadcrumb__list{padding:var(--spacing-xs) var(--spacing-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.page-breadcrumb__list::-webkit-scrollbar{display:none}.page-breadcrumb__item{flex-shrink:0}.page-breadcrumb__text{max-width:80px}.page-breadcrumb__item:not(:last-child):not(:first-child){display:none}.page-breadcrumb__item:not(:last-child):not(:first-child):nth-last-child(2){display:flex}.page-breadcrumb__item:first-child:not(:nth-last-child(2)):after{content:"...";color:var(--text-secondary);margin:0 var(--spacing-xs);font-weight:500}}[data-theme=dark] .page-breadcrumb--card .page-breadcrumb__list{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .page-breadcrumb__list{background:var(--surface);border-color:var(--border-primary)}@media (prefers-reduced-motion: reduce){.page-breadcrumb__link{transition:none}}.page-breadcrumb__link:focus-visible{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.page-breadcrumb__link:focus:not(:focus-visible){box-shadow:none}.webmaster-sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:var(--webmaster-sidebar-bg);color:var(--webmaster-sidebar-text, var(--border-primary));display:flex;flex-direction:column;transition:width .3s ease;z-index:1040;box-shadow:var(--shadow-lg)}.webmaster-sidebar--collapsed{width:70px}.webmaster-sidebar--collapsed .sidebar-text,.webmaster-sidebar--collapsed .sidebar-arrow,.webmaster-sidebar--collapsed .sidebar-badge,.webmaster-sidebar--collapsed .sidebar-submenu,.webmaster-sidebar--collapsed .sidebar-user-info,.webmaster-sidebar--collapsed .sidebar-brand-text{display:none}.webmaster-sidebar--collapsed .sidebar-header,.webmaster-sidebar--collapsed .sidebar-brand,.webmaster-sidebar--collapsed .sidebar-link,.webmaster-sidebar--collapsed .sidebar-user{justify-content:center}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary);font-weight:600;font-size:1.125rem}.sidebar-brand-icon{font-size:var(--spacing-lg)}.sidebar-toggle{background:transparent;border:none;color:var(--webmaster-sidebar-text, var(--border-primary));cursor:pointer;padding:var(--spacing-xs);border-radius:.375rem;transition:all .3s ease}.sidebar-toggle:hover{background:rgba(255,255,255,.1);color:var(--primary)}.sidebar-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.sidebar-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item--level-1 .sidebar-link{padding-left:3rem;font-size:.875rem}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--webmaster-sidebar-text, var(--border-primary));text-decoration:none;transition:all .3s ease;position:relative;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.sidebar-link:hover{background:rgba(255,255,255,.05);color:var(--primary)}.sidebar-link:hover .sidebar-icon{color:var(--primary)}.sidebar-link.active{background:rgba(0,212,255,.1);color:var(--primary)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.sidebar-link.active .sidebar-icon{color:var(--primary)}.sidebar-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sidebar-icon{font-size:1.25rem;width:1.25rem;text-align:center;transition:color .3s ease}.sidebar-text{flex:1;font-size:.9375rem}.sidebar-arrow{font-size:var(--spacing-sm);transition:transform .3s ease}.sidebar-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:var(--spacing-sm);font-weight:600;text-transform:uppercase}.sidebar-submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-submenu.show{max-height:500px}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--spacing-sm);color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 992px){.webmaster-sidebar{transform:translate(-100%)}.webmaster-sidebar.show{transform:translate(0)}}[data-theme=dark] .webmaster-sidebar{background:var(--webmaster-sidebar-bg-dark, var(--text-primary));color:var(--webmaster-sidebar-text-dark, var(--border-primary))}[data-theme=light] .webmaster-sidebar{background:var(--webmaster-sidebar-bg-light, var(--bg));color:var(--webmaster-sidebar-text-light);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .05))}[data-theme=light] .webmaster-sidebar .sidebar-header{border-bottom-color:var(--border-primary)}[data-theme=light] .webmaster-sidebar .sidebar-toggle{color:var(--text-secondary)}[data-theme=light] .webmaster-sidebar .sidebar-toggle:hover{background:var(--bg);color:var(--primary)}[data-theme=light] .webmaster-sidebar .sidebar-link{color:var(--text-primary)}[data-theme=light] .webmaster-sidebar .sidebar-link:hover{background:var(--bg);color:var(--primary)}[data-theme=light] .webmaster-sidebar .sidebar-link.active{background:rgba(0,212,255,.05);color:var(--primary)}[data-theme=light] .webmaster-sidebar .sidebar-footer{border-top-color:var(--border-primary)}[data-theme=light] .webmaster-sidebar .sidebar-user-role{color:var(--text-secondary)}[data-theme=light] .webmaster-sidebar .sidebar-content::-webkit-scrollbar-track{background:var(--bg)}[data-theme=light] .webmaster-sidebar .sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary)}[data-theme=light] .webmaster-sidebar .sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1039;display:none}@media (max-width: 992px){.sidebar-overlay.show{display:block}}.stats-grid{display:grid;gap:var(--spacing-md);width:100%}.stats-grid--1{grid-template-columns:1fr}.stats-grid--2{grid-template-columns:repeat(2,1fr)}.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stats-grid--4{grid-template-columns:repeat(4,1fr)}.stats-grid--5{grid-template-columns:repeat(5,1fr)}.stats-grid--6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1400px){.stats-grid--5,.stats-grid--6{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.stats-grid--4,.stats-grid--5,.stats-grid--6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.stats-grid--3,.stats-grid--4,.stats-grid--5,.stats-grid--6{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.stats-grid--2,.stats-grid--3,.stats-grid--4,.stats-grid--5,.stats-grid--6{grid-template-columns:1fr}}.stats-grid--animate .metric-card{opacity:0;animation:stats-fade-in .6s ease-out forwards;animation-delay:.1s}.stats-grid--loading,.stats-grid--error,.stats-grid--empty{grid-template-columns:1fr}.stats-grid__skeleton .placeholder{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);animation:pulse 1.5s ease-in-out infinite}@keyframes stats-fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.stats-grid--compact{gap:var(--spacing-sm)}.stats-grid--spacious{gap:var(--spacing-xl)}.stats-grid--centered{justify-items:center}.stats-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}[data-mode=dark] .stats-grid__skeleton .placeholder{background-color:var(--surface);border-color:var(--border-secondary)}[data-mode=light] .stats-grid__skeleton .placeholder{background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.metric-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:var(--transition-default)}.metric-card:hover{border-color:var(--primary);box-shadow:0 8px 20px var(--shadow-md);transform:translateY(-2px)}.metric-card--clickable{cursor:pointer}.metric-card--clickable:active{transform:translateY(0)}.metric-card__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-card__header{display:flex;align-items:center;gap:var(--spacing-sm)}.metric-card__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition-default)}.metric-card__label{font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.4}.metric-card__value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin:var(--spacing-xs) 0}.metric-card__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-card__trend{display:flex;align-items:center;font-size:.75rem;font-weight:500;gap:var(--spacing-xs)}.metric-card__trend-value{font-weight:600}.metric-card__trend-label{font-weight:400;opacity:.8}.metric-card__subtitle{font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.metric-card__indicator{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.metric-card--primary .metric-card__icon{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.metric-card--primary .metric-card__indicator{background:var(--primary)}.metric-card--success .metric-card__icon{background:rgba(var(--success-rgb),.1);color:var(--success)}.metric-card--success .metric-card__indicator{background:var(--success)}.metric-card--success .metric-card__trend--up{color:var(--success)}.metric-card--warning .metric-card__icon{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.metric-card--warning .metric-card__indicator{background:var(--warning)}.metric-card--danger .metric-card__icon{background:rgba(var(--error-rgb),.1);color:var(--error)}.metric-card--danger .metric-card__indicator{background:var(--error)}.metric-card--danger .metric-card__trend--down{color:var(--error)}.metric-card--info .metric-card__icon{background:rgba(var(--info-rgb),.1);color:var(--info)}.metric-card--info .metric-card__indicator{background:var(--info)}.metric-card--sm{padding:var(--spacing-md)}.metric-card--sm .metric-card__value{font-size:1.5rem}.metric-card--sm .metric-card__icon{width:2rem;height:2rem;font-size:1rem}.metric-card--lg{padding:var(--spacing-xl)}.metric-card--lg .metric-card__value{font-size:2.5rem}.metric-card--lg .metric-card__icon{width:3rem;height:3rem;font-size:1.5rem}.metric-card--animate{animation:metric-fade-in .6s ease-out}.metric-card--loading .metric-card__content{opacity:.5}@keyframes metric-fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}[data-mode=dark] .metric-card--primary .metric-card__icon{background:rgba(var(--primary-rgb),.15)}[data-mode=dark] .metric-card--success .metric-card__icon{background:rgba(var(--success-rgb),.15)}[data-mode=dark] .metric-card--warning .metric-card__icon{background:rgba(var(--warning-rgb),.15)}[data-mode=dark] .metric-card--danger .metric-card__icon{background:rgba(var(--error-rgb),.15)}[data-mode=dark] .metric-card--info .metric-card__icon{background:rgba(var(--info-rgb),.15)}[data-mode=light] .metric-card{box-shadow:0 1px 3px var(--shadow-sm)}[data-mode=light] .metric-card:hover{box-shadow:0 8px 20px var(--shadow-lg)}@media (max-width: 576px){.metric-card{padding:var(--spacing-md)}.metric-card__value{font-size:1.5rem}.metric-card__icon{width:2rem;height:2rem;font-size:1rem}}.system-status{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.system-status--compact{padding:var(--spacing-md)}.system-status--compact .system-status__header{margin-bottom:var(--spacing-md)}.system-status--compact .system-status__service{padding:var(--spacing-sm)}.system-status--loading .system-status__services,.system-status--error .system-status__services{opacity:.7}.system-status__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.system-status__global{display:flex;align-items:center;gap:var(--spacing-md)}.system-status__indicator{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.system-status__indicator--success{background:rgba(var(--success-rgb),.1);color:var(--success)}.system-status__indicator--warning{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.system-status__indicator--error{background:rgba(var(--error-rgb),.1);color:var(--error)}.system-status__indicator--info{background:rgba(var(--info-rgb),.1);color:var(--info)}.system-status__indicator--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.system-status__title h5{color:var(--text-primary);font-weight:600;margin:0}.system-status__title p{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.system-status__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.system-status__services{display:flex;flex-direction:column;gap:var(--spacing-sm)}.system-status__service{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-default)}.system-status__service:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.system-status__service--success{border-left:4px solid var(--success)}.system-status__service--warning{border-left:4px solid var(--warning)}.system-status__service--error{border-left:4px solid var(--error)}.system-status__service--info{border-left:4px solid var(--info)}.system-status__service--neutral{border-left:4px solid var(--border-secondary)}.system-status__service-info{flex:1}.system-status__service-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.system-status__service-name i{color:var(--text-secondary)}.system-status__service-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.system-status__service-metrics{display:flex;align-items:center;gap:var(--spacing-md);font-size:.75rem;color:var(--text-tertiary)}.system-status__service-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.system-status__badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.system-status__badge--success{background:rgba(var(--success-rgb),.1);color:var(--success)}.system-status__badge--warning{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.system-status__badge--error{background:rgba(var(--error-rgb),.1);color:var(--error)}.system-status__badge--info{background:rgba(var(--info-rgb),.1);color:var(--info)}.system-status__badge--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.system-status__last-check{font-size:.7rem;color:var(--text-muted)}.system-status__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.system-status__empty i{font-size:3rem;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.system-status__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.system-status__actions{align-self:stretch;justify-content:space-between}.system-status__service{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.system-status__service-status{align-items:flex-start;align-self:stretch}.system-status__service-metrics{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: 576px){.system-status{padding:var(--spacing-md)}.system-status__indicator{width:2.5rem;height:2.5rem;font-size:1.25rem}.system-status__service{padding:var(--spacing-sm)}}[data-mode=dark] .system-status{background:var(--surface);box-shadow:var(--shadow-md)}[data-mode=dark] .system-status__service{background:var(--bg-secondary)}[data-mode=dark] .system-status__service:hover{background:var(--surface)}[data-mode=dark] .system-status__indicator--success{background:rgba(var(--success-rgb),.15)}[data-mode=dark] .system-status__indicator--warning{background:rgba(var(--warning-rgb),.15)}[data-mode=dark] .system-status__indicator--error{background:rgba(var(--error-rgb),.15)}[data-mode=dark] .system-status__indicator--info{background:rgba(var(--info-rgb),.15)}[data-mode=dark] .system-status__badge--success{background:rgba(var(--success-rgb),.15)}[data-mode=dark] .system-status__badge--warning{background:rgba(var(--warning-rgb),.15)}[data-mode=dark] .system-status__badge--error{background:rgba(var(--error-rgb),.15)}[data-mode=dark] .system-status__badge--info{background:rgba(var(--info-rgb),.15)}[data-mode=light] .system-status__service:hover{background:var(--bg-secondary)}.chart-container{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;height:fit-content}.chart-container--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;box-shadow:none}.chart-container--fullscreen .chart-container__content{height:calc(100vh - var(--header-height, 60px))}.chart-container--fullscreen .chart-container__chart{height:100%}.chart-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg);gap:var(--spacing-md)}.chart-container__title-section{flex:1;min-width:0}.chart-container__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.chart-container__subtitle{font-size:.875rem;color:var(--text-secondary);margin:var(--spacing-xs) 0 0;line-height:1.4}.chart-container__toolbar{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.chart-container__content{position:relative;height:var(--chart-height, 400px);display:flex;align-items:center;justify-content:center}.chart-container__chart{width:100%;height:100%;padding:var(--spacing-md)}.chart-container__chart>*{width:100%!important;height:100%!important}.chart-container__loading,.chart-container__error,.chart-container__empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.chart-container__spinning{animation:chart-spin 1s linear infinite}@keyframes chart-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.chart-container__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.chart-container__toolbar{align-self:stretch;justify-content:flex-end}.chart-container__content{height:300px}.chart-container__chart{padding:var(--spacing-sm)}.chart-container__loading,.chart-container__error,.chart-container__empty{padding:var(--spacing-md)}}@media (max-width: 576px){.chart-container__header{padding:var(--spacing-sm)}.chart-container__title{font-size:1rem}.chart-container__subtitle{font-size:.8125rem}.chart-container__content{height:250px}.chart-container__chart{padding:var(--spacing-xs)}.chart-container__toolbar .btn{padding:var(--spacing-xs) var(--spacing-xs);font-size:.8125rem}}[data-theme=dark] .chart-container__header{background:var(--surface);border-bottom-color:var(--border-primary)}.chart-container:hover{box-shadow:var(--shadow-md)}.chart-container:focus-within{outline:2px solid var(--primary);outline-offset:2px}.chart-container__chart{animation:chart-fade-in .5s ease-out}@keyframes chart-fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.chart-container__chart canvas,.chart-container__chart svg{max-width:100%;max-height:100%;object-fit:contain}.chart-container__toolbar .dropdown-menu{border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm)}.chart-container__toolbar .dropdown-menu .dropdown-item{display:flex;align-items:center;padding:var(--spacing-xs) 1rem;font-size:.875rem}.chart-container__toolbar .dropdown-menu .dropdown-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}@media (prefers-reduced-motion: reduce){.chart-container__spinning,.chart-container__chart{animation:none}}.trend-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:500;line-height:1}.trend-indicator--sm{font-size:var(--spacing-sm);gap:.1875rem}.trend-indicator--sm .trend-indicator__icon{font-size:.6875rem}.trend-indicator--md{font-size:.875rem;gap:var(--spacing-xs)}.trend-indicator--md .trend-indicator__icon{font-size:.8125rem}.trend-indicator--lg{font-size:1rem;gap:.375rem}.trend-indicator--lg .trend-indicator__icon{font-size:1rem}.trend-indicator--success,.trend-indicator--success .trend-indicator__icon{color:var(--success)}.trend-indicator--danger,.trend-indicator--danger .trend-indicator__icon{color:var(--danger)}.trend-indicator--secondary,.trend-indicator--secondary .trend-indicator__icon{color:var(--text-secondary)}.trend-indicator--up .trend-indicator__icon{animation:trend-bounce-up .6s ease-out}.trend-indicator--down .trend-indicator__icon{animation:trend-bounce-down .6s ease-out}.trend-indicator--stable .trend-indicator__icon{animation:trend-pulse 1.5s ease-in-out infinite}.trend-indicator__icon{flex-shrink:0;transition:var(--transition-default)}.trend-indicator__value{font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes trend-bounce-up{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes trend-bounce-down{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes trend-pulse{0%,to{opacity:1}50%{opacity:.6}}.metric-card .trend-indicator--sm{font-size:.6875rem}.metric-card .trend-indicator--md{font-size:var(--spacing-sm)}.table .trend-indicator--sm{font-size:.6875rem;gap:.125rem}.table .trend-indicator--md{font-size:var(--spacing-sm);gap:.1875rem}.trend-indicator--badge{background:rgba(var(--primary-rgb),.1);border-radius:.375rem;padding:var(--spacing-xs) var(--spacing-xs)}.trend-indicator--badge.trend-indicator--success{background:rgba(var(--success-rgb),.1)}.trend-indicator--badge.trend-indicator--danger{background:rgba(var(--danger-rgb),.1)}.trend-indicator--badge.trend-indicator--secondary{background:rgba(var(--secondary-rgb),.1)}.trend-indicator--compact .trend-indicator__value{display:none}.trend-indicator--compact .trend-indicator__icon{font-size:1em}[data-theme=dark] .trend-indicator--badge.trend-indicator--success{background:rgba(var(--success-rgb),.15)}[data-theme=dark] .trend-indicator--badge.trend-indicator--danger{background:rgba(var(--danger-rgb),.15)}[data-theme=dark] .trend-indicator--badge.trend-indicator--secondary{background:rgba(var(--secondary-rgb),.15)}@media (max-width: 576px){.trend-indicator--lg,.trend-indicator--lg .trend-indicator__icon{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.trend-indicator__icon{animation:none!important}}.activity-feed{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:fit-content}.activity-feed--compact{background:transparent;border:none;box-shadow:none}.activity-feed--compact .activity-feed__header{display:none}.activity-feed--compact .activity-feed__content{padding:0}.activity-feed--compact .activity-feed__item{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-primary)}.activity-feed--compact .activity-feed__item:last-child{border-bottom:none}.activity-feed__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg)}.activity-feed__title{display:flex;align-items:center;gap:var(--spacing-sm)}.activity-feed__title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.activity-feed__content{padding:var(--spacing-md) var(--spacing-lg);max-height:500px;overflow-y:auto}.activity-feed__content::-webkit-scrollbar{width:6px}.activity-feed__content::-webkit-scrollbar-track{background:var(--bg)}.activity-feed__content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.activity-feed__content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.activity-feed__group{margin-bottom:var(--spacing-lg)}.activity-feed__group:last-child{margin-bottom:0}.activity-feed__date{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-primary);text-transform:capitalize}.activity-feed__items{position:relative}.activity-feed__items:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--border-primary);z-index:1}.activity-feed__item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;position:relative}.activity-feed__item:last-child .activity-feed__items:before{display:none}.activity-feed__icon{position:relative;z-index:2;flex-shrink:0}.activity-feed__avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--card-bg);object-fit:cover}.activity-feed__icon-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--spacing-sm);border:2px solid var(--card-bg)}.activity-feed__icon-circle--success{background:var(--success);color:var(--bg)}.activity-feed__icon-circle--danger{background:var(--danger);color:var(--bg)}.activity-feed__icon-circle--warning{background:var(--warning);color:var(--bg)}.activity-feed__icon-circle--info{background:var(--info);color:var(--bg)}.activity-feed__icon-circle--secondary{background:var(--text-secondary);color:var(--bg)}.activity-feed__content-item{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.activity-feed__main{flex:1;min-width:0}.activity-feed__description{font-size:.875rem;color:var(--text-primary);line-height:1.5;margin-bottom:var(--spacing-xs)}.activity-feed__metadata{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.activity-feed__meta{font-size:var(--spacing-sm);color:var(--text-secondary)}.activity-feed__meta strong{font-weight:500}.activity-feed__timestamp{flex-shrink:0;font-size:var(--spacing-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.activity-feed__load-more{text-align:center;padding-top:1rem;border-top:1px solid var(--border-primary);margin-top:1rem}.activity-feed__loading,.activity-feed__error,.activity-feed__empty{padding:var(--spacing-xl);text-align:center}.activity-feed__spinning{animation:activity-spin 1s linear infinite}@keyframes activity-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activity-feed__item{animation:activity-fade-in .3s ease-out}@keyframes activity-fade-in{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.activity-feed__header,.activity-feed__content{padding:var(--spacing-sm) var(--spacing-md)}.activity-feed__item{gap:var(--spacing-sm)}.activity-feed__content-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.activity-feed__timestamp{align-self:flex-end}.activity-feed__items:before{left:var(--spacing-sm)}.activity-feed__avatar,.activity-feed__icon-circle{width:var(--spacing-lg);height:var(--spacing-lg);font-size:.6875rem}}@media (max-width: 576px){.activity-feed__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.activity-feed__metadata{flex-direction:column;gap:var(--spacing-xs)}.activity-feed__description{font-size:.8125rem}}[data-theme=dark] .activity-feed__header{background:var(--surface);border-bottom-color:var(--border-primary)}[data-theme=dark] .activity-feed__items:before{background:var(--border-primary)}[data-theme=dark] .activity-feed__avatar,[data-theme=dark] .activity-feed__icon-circle{border-color:var(--card-bg)}[data-theme=dark] .activity-feed__content::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .activity-feed__content::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.activity-feed__spinning,.activity-feed__item{animation:none}}.health-monitor{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.health-monitor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg);border-bottom:1px solid var(--border-primary);gap:var(--spacing-xl)}.health-monitor__global{display:flex;align-items:center;gap:var(--spacing-xl)}.health-monitor__score{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.health-monitor__score-circle{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid;position:relative}.health-monitor__score--healthy .health-monitor__score-circle{border-color:var(--success);background:rgba(var(--success-rgb),.1);color:var(--success)}.health-monitor__score--warning .health-monitor__score-circle{border-color:var(--warning);background:rgba(var(--warning-rgb),.1);color:var(--warning)}.health-monitor__score--critical .health-monitor__score-circle{border-color:var(--danger);background:rgba(var(--danger-rgb),.1);color:var(--danger)}.health-monitor__score--unknown .health-monitor__score-circle{border-color:var(--text-secondary);background:rgba(var(--secondary-rgb),.1);color:var(--text-secondary)}.health-monitor__score-value{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.health-monitor__score-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:center}.health-monitor__summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.health-monitor__counts{display:flex;gap:var(--spacing-lg)}.health-monitor__count{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.health-monitor__count-value{font-size:var(--spacing-lg);font-weight:700;font-variant-numeric:tabular-nums}.health-monitor__count--healthy .health-monitor__count-value{color:var(--success)}.health-monitor__count--warning .health-monitor__count-value{color:var(--warning)}.health-monitor__count--critical .health-monitor__count-value{color:var(--danger)}.health-monitor__count-label{font-size:var(--spacing-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.health-monitor__actions{display:flex;align-items:center;gap:var(--spacing-md)}.health-monitor__content{padding:var(--spacing-lg)}.health-monitor__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.health-monitor__service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.health-monitor__service{background:var(--bg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-default)}.health-monitor__service:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.health-monitor__service--healthy{border-left:4px solid var(--success)}.health-monitor__service--warning{border-left:4px solid var(--warning)}.health-monitor__service--critical{border-left:4px solid var(--danger)}.health-monitor__service--maintenance{border-left:4px solid var(--info)}.health-monitor__service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.health-monitor__service-info{display:flex;align-items:center;gap:var(--spacing-sm)}.health-monitor__service-icon{font-size:1.25rem;color:var(--primary)}.health-monitor__service-name{font-weight:500;color:var(--text-primary)}.health-monitor__service-version{font-size:var(--spacing-sm);color:var(--text-secondary)}.health-monitor__service-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-sm)}.health-monitor__metric{text-align:center}.health-monitor__metric-label{display:block;font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.health-monitor__metric-value{font-size:.875rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.health-monitor__metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.health-monitor__metric-card{background:var(--bg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-md)}.health-monitor__metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.health-monitor__metric-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.health-monitor__metric-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.health-monitor__metric-current{font-size:var(--spacing-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.health-monitor__metric-bar{height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden}.health-monitor__metric-fill{height:100%;transition:width .3s ease;border-radius:2px}.health-monitor__alert-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.health-monitor__alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default)}.health-monitor__alert:hover{box-shadow:var(--shadow-sm)}.health-monitor__alert--info{border-left:4px solid var(--info)}.health-monitor__alert--warning{border-left:4px solid var(--warning)}.health-monitor__alert--danger{border-left:4px solid var(--danger)}.health-monitor__alert-icon{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem}.health-monitor__alert--info .health-monitor__alert-icon{background:rgba(var(--info-rgb),.1);color:var(--info)}.health-monitor__alert--warning .health-monitor__alert-icon{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.health-monitor__alert--danger .health-monitor__alert-icon{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.health-monitor__alert-content{flex:1;min-width:0}.health-monitor__alert-title{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.health-monitor__alert-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:var(--spacing-xs)}.health-monitor__alert-time{font-size:var(--spacing-sm);color:var(--text-secondary)}.health-monitor__loading,.health-monitor__error{padding:var(--spacing-xl);text-align:center}.health-monitor__spinning{animation:health-spin 1s linear infinite}@keyframes health-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.health-monitor__service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.health-monitor__metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.health-monitor__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.health-monitor__global{align-self:stretch;justify-content:space-between}.health-monitor__counts{gap:var(--spacing-md)}.health-monitor__content{padding:var(--spacing-md)}.health-monitor__service-grid{grid-template-columns:1fr}.health-monitor__metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.health-monitor__service-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.health-monitor__score-circle{width:3rem;height:3rem}.health-monitor__score-value{font-size:.875rem}.health-monitor__count-value{font-size:1.25rem}.health-monitor__counts{gap:var(--spacing-sm)}.health-monitor__service-metrics{grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.health-monitor__alert{flex-direction:column;text-align:center}}[data-theme=dark] .health-monitor__header{background:var(--surface);border-bottom-color:var(--border-primary)}.health-monitor__score--healthy [data-theme=dark] .health-monitor__score-circle{background:rgba(var(--success-rgb),.15)}.health-monitor__score--warning [data-theme=dark] .health-monitor__score-circle{background:rgba(var(--warning-rgb),.15)}.health-monitor__score--critical [data-theme=dark] .health-monitor__score-circle{background:rgba(var(--danger-rgb),.15)}.health-monitor__score--unknown [data-theme=dark] .health-monitor__score-circle{background:rgba(var(--secondary-rgb),.15)}[data-theme=dark] .health-monitor__service,[data-theme=dark] .health-monitor__metric-card,[data-theme=dark] .health-monitor__alert{background:var(--surface);border-color:var(--border-primary)}.health-monitor__alert--info [data-theme=dark] .health-monitor__alert-icon{background:rgba(var(--info-rgb),.15)}.health-monitor__alert--warning [data-theme=dark] .health-monitor__alert-icon{background:rgba(var(--warning-rgb),.15)}.health-monitor__alert--danger [data-theme=dark] .health-monitor__alert-icon{background:rgba(var(--danger-rgb),.15)}@media (prefers-reduced-motion: reduce){.health-monitor__spinning{animation:none}.health-monitor__service{transform:none!important}}.filter-bar{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:1rem}.filter-bar--compact{padding:var(--spacing-sm)}.filter-bar--compact .filter-bar__main{gap:var(--spacing-sm)}.filter-bar--compact .filter-bar__filters{margin-top:var(--spacing-sm)}.filter-bar--compact .filter-bar__group-content{gap:var(--spacing-sm)}.filter-bar__main{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:1rem}.filter-bar__main:last-child{margin-bottom:0}.filter-bar__search{flex:1;max-width:400px}.filter-bar__search .input-group-text{background:var(--bg);border-color:var(--border-primary);color:var(--text-secondary)}.filter-bar__search .form-control{border-color:var(--border-primary)}.filter-bar__search .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.filter-bar__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.filter-bar__filters{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.filter-bar__group{margin-bottom:1rem}.filter-bar__group:last-child{margin-bottom:0}.filter-bar__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-xs) 0;background:transparent;border:none;color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition-default)}.filter-bar__group-header:hover{color:var(--primary)}.filter-bar__group-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.filter-bar__group-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm);overflow:hidden;transition:all .3s ease}.filter-bar__group-content:not(.filter-bar__group-content--expanded){max-height:0;margin-top:0;opacity:0}.filter-bar__group-content--expanded{max-height:none;opacity:1}.filter-bar__filter{display:flex;flex-direction:column;gap:.375rem}.filter-bar__filter-label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0;display:flex;align-items:center}.filter-bar__filter-control .form-control,.filter-bar__filter-control .form-select{border-color:var(--border-primary);font-size:.875rem}.filter-bar__filter-control .form-control:focus,.filter-bar__filter-control .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.filter-bar__filter-control .form-check{margin-top:var(--spacing-xs)}.filter-bar__filter-control .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.filter-bar__filter-control .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.filter-bar__date-range{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-bar__date-separator{color:var(--text-secondary);font-weight:500;flex-shrink:0}.filter-bar__range{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-bar__range-separator{color:var(--text-secondary);font-weight:500;flex-shrink:0}.filter-bar__results{margin-top:1rem;padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary);text-align:center}@media (max-width: 1200px){.filter-bar__group-content{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.filter-bar__main{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filter-bar__search{max-width:none}.filter-bar__actions{justify-content:space-between}.filter-bar__group-content{grid-template-columns:1fr}.filter-bar__date-range,.filter-bar__range{flex-direction:column;gap:.375rem;align-items:stretch}.filter-bar__date-separator,.filter-bar__range-separator{text-align:center}}@media (max-width: 576px){.filter-bar{padding:var(--spacing-sm);margin:0 -var(--spacing-xs) 1rem;border-radius:0;border-left:none;border-right:none}.filter-bar__actions{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.filter-bar__group-header{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-primary)}}[data-theme=dark] .filter-bar__search .input-group-text{background:var(--surface);border-color:var(--border-primary)}[data-theme=dark] .filter-bar__filter-control .form-control,[data-theme=dark] .filter-bar__filter-control .form-select{background:var(--surface);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] .filter-bar__filter-control .form-control::placeholder,[data-theme=dark] .filter-bar__filter-control .form-select::placeholder{color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.filter-bar__group-content{transition:none}}.filter-bar__group-header:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.filter-bar__filter-control select[multiple]{min-height:100px}.filter-bar__filter-control select[multiple] option{padding:.375rem var(--spacing-sm)}.filter-bar__filter-control select[multiple] option:checked{background:var(--primary);color:var(--bg)}.filter-bar__filter--active .filter-bar__filter-control .form-control,.filter-bar__filter--active .filter-bar__filter-control .form-select{border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.1)}.search-input{position:relative;width:100%}.search-input--sm .search-input__field{padding:.375rem 2.5rem .375rem var(--spacing-xl);font-size:.875rem}.search-input--sm .search-input__icon{left:var(--spacing-xs);font-size:.875rem}.search-input--sm .search-input__clear,.search-input--sm .search-input__loading{right:var(--spacing-xs)}.search-input--md .search-input__field{padding:var(--spacing-xs) 2.75rem var(--spacing-xs) 2.25rem;font-size:1rem}.search-input--md .search-input__icon{left:var(--spacing-sm);font-size:1rem}.search-input--md .search-input__clear,.search-input--md .search-input__loading{right:var(--spacing-sm)}.search-input--lg .search-input__field{padding:var(--spacing-sm) 3rem var(--spacing-sm) 2.5rem;font-size:1.125rem}.search-input--lg .search-input__icon{left:1rem;font-size:1.125rem}.search-input--lg .search-input__clear,.search-input--lg .search-input__loading{right:1rem}.search-input--minimal .search-input__container{border:none;background:transparent;box-shadow:none}.search-input--minimal .search-input__field{background:transparent;border-bottom:2px solid var(--border-primary);border-radius:0}.search-input--outlined .search-input__container{border:2px solid var(--border-primary);background:transparent}.search-input--open .search-input__container{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.search-input--disabled{opacity:.6;cursor:not-allowed}.search-input--disabled .search-input__field{background:var(--bg);cursor:not-allowed}.search-input__container{position:relative;display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-default)}.search-input__container:hover{border-color:var(--primary)}.search-input__field{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary)}.search-input__field::placeholder{color:var(--text-secondary)}.search-input__field:disabled{cursor:not-allowed}.search-input__icon{position:absolute;color:var(--text-secondary);pointer-events:none;z-index:2}.search-input__loading{position:absolute;z-index:2}.search-input__clear{position:absolute;z-index:2;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-default)}.search-input__clear:hover{color:var(--text-primary);background:rgba(var(--primary-rgb),.1)}.search-input__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;animation:search-dropdown-fade-in .2s ease-out}.search-input__dropdown::-webkit-scrollbar{width:6px}.search-input__dropdown::-webkit-scrollbar-track{background:var(--bg)}.search-input__dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.search-input__dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-input__list{list-style:none;margin:0;padding:var(--spacing-xs) 0}.search-input__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-default);border-bottom:1px solid var(--border-primary)}.search-input__item:last-child{border-bottom:none}.search-input__item:hover,.search-input__item--highlighted{background:rgba(var(--primary-rgb),.1)}.search-input__item--history .search-input__item-icon{color:var(--text-secondary)}.search-input__item--history .search-input__item-text{font-style:italic}.search-input__item--suggestion .search-input__item-icon{color:var(--primary)}.search-input__item-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.search-input__item-icon{flex-shrink:0;font-size:.875rem}.search-input__item-text{flex:1;font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-input__item-description{font-size:var(--spacing-sm);color:var(--text-secondary);margin-left:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.search-input__item-remove{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);opacity:0;transition:var(--transition-default)}.search-input__item:hover .search-input__item-remove{opacity:1}.search-input__item-remove:hover{color:var(--danger);background:rgba(var(--danger-rgb),.1)}@keyframes search-dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-input--lg .search-input__field{padding:var(--spacing-xs) 2.75rem var(--spacing-xs) 2.25rem;font-size:1rem}.search-input--lg .search-input__icon{font-size:1rem}.search-input__dropdown{max-height:250px}.search-input__item{padding:.625rem var(--spacing-sm)}.search-input__item-description{display:none}}@media (max-width: 576px){.search-input__item-content{gap:var(--spacing-xs)}.search-input__item{padding:var(--spacing-xs)}.search-input__item-text{font-size:.8125rem}}[data-theme=dark] .search-input__dropdown{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .search-input__item{border-bottom-color:var(--border-primary)}[data-theme=dark] .search-input__dropdown::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .search-input__dropdown::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.search-input__dropdown{animation:none}}.search-input__field:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.search-input__clear:focus-visible,.search-input__item-remove:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form-group .search-input .search-input__container,.input-group .search-input .search-input__container{border-radius:inherit}@media (max-width: 576px){.search-input--mobile-fullscreen{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--card-bg);padding:var(--spacing-md);box-shadow:var(--shadow-lg)}.search-input--mobile-fullscreen .search-input__container{border-radius:var(--spacing-sm)}.search-input--mobile-fullscreen .search-input__dropdown{position:static;box-shadow:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--spacing-xs);max-height:calc(100vh - 150px)}}.bulk-actions{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-default);z-index:10}.bulk-actions--top{margin-bottom:1rem}.bulk-actions--bottom{margin-top:1rem}.bulk-actions--floating{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);border-radius:var(--spacing-xl);box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .1));z-index:1000}.bulk-actions--sticky{position:sticky;top:1rem;z-index:100}.bulk-actions--compact .bulk-actions__container{padding:var(--spacing-xs) 1rem;gap:var(--spacing-sm)}.bulk-actions--compact .bulk-actions__actions{gap:var(--spacing-xs)}.bulk-actions--minimal{background:transparent;border:none;box-shadow:none}.bulk-actions--minimal .bulk-actions__container{padding:var(--spacing-xs) 0}.bulk-actions--hidden{opacity:0;transform:translateY(-1rem);pointer-events:none}.bulk-actions--visible{opacity:1;transform:translateY(0);pointer-events:auto}.bulk-actions__container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap}.bulk-actions__selection .form-check{margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.bulk-actions__selection .form-check-input{margin:0}.bulk-actions__selection .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.bulk-actions__selection .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.bulk-actions__selection .form-check-input:indeterminate{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.bulk-actions__selection .form-check-label{font-size:.875rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-actions__counter{display:flex;align-items:center}.bulk-actions__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;flex-wrap:wrap}.bulk-actions__action{white-space:nowrap;position:relative}.bulk-actions__action:disabled{opacity:.6;cursor:not-allowed}.bulk-actions__shortcut{font-size:.6875rem;opacity:.7;margin-left:var(--spacing-xs);padding:.125rem var(--spacing-xs);background:rgba(0,0,0,.1);border-radius:.1875rem;font-weight:500}.bulk-actions__secondary{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.bulk-actions__loading{display:flex;align-items:center;margin-left:var(--spacing-xs)}@keyframes bulk-actions-slide-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.bulk-actions--visible{animation:bulk-actions-slide-in .3s ease-out}@media (max-width: 1200px){.bulk-actions__container{flex-wrap:wrap;gap:var(--spacing-sm)}.bulk-actions__actions{gap:var(--spacing-xs)}}@media (max-width: 768px){.bulk-actions--floating{position:static;transform:none;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.bulk-actions--sticky{position:static}.bulk-actions__container{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-md)}.bulk-actions__actions{justify-content:stretch;flex-direction:column}.bulk-actions__action{justify-content:center;width:100%}.bulk-actions__secondary{margin-left:0;justify-content:center}}@media (max-width: 576px){.bulk-actions__container{padding:var(--spacing-sm)}.bulk-actions__selection .form-check-label{font-size:.8125rem}.bulk-actions__action{font-size:.8125rem;padding:.375rem var(--spacing-sm)}}[data-theme=dark] .bulk-actions--floating{box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .3))}[data-theme=dark] .bulk-actions__shortcut{background:rgba(255,255,255,.1)}@media (prefers-reduced-motion: reduce){.bulk-actions--visible{animation:none}.bulk-actions{transition:none}}.bulk-actions__action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bulk-actions__action-group{display:flex;align-items:center;gap:var(--spacing-xs)}.bulk-actions__action-group .bulk-actions__action{border-radius:0}.bulk-actions__action-group .bulk-actions__action:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.bulk-actions__action-group .bulk-actions__action:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.bulk-actions__action-group .bulk-actions__action:not(:last-child){border-right:none}.table-container .bulk-actions{border-radius:0;border-left:none;border-right:none;margin:0}.table-container .bulk-actions:first-child{border-top:none}.table-container .bulk-actions:last-child{border-bottom:none}.bulk-actions__action--pulse{animation:bulk-action-pulse 2s infinite}@keyframes bulk-action-pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 0 var(--spacing-xs) rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}@media (max-width: 576px){.bulk-actions--modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;padding:0}.bulk-actions--modal-overlay .bulk-actions__container{background:var(--card-bg);border-radius:1rem 1rem 0 0;width:100%;max-height:70vh;overflow-y:auto;padding:var(--spacing-lg)}}.export-button{position:relative;display:inline-block}.export-button--sm .export-button__trigger{padding:var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.export-button--sm .export-button__dropdown{min-width:180px}.export-button--md .export-button__trigger{padding:.375rem var(--spacing-sm);font-size:1rem}.export-button--md .export-button__dropdown{min-width:200px}.export-button--lg .export-button__trigger{padding:var(--spacing-xs) 1rem;font-size:1.125rem}.export-button--lg .export-button__dropdown{min-width:220px}.export-button--top .export-button__dropdown{bottom:100%;margin-bottom:var(--spacing-xs);border-radius:var(--radius-md) var(--radius-md) 0 0}.export-button--bottom .export-button__dropdown{top:100%;margin-top:var(--spacing-xs);border-radius:0 0 var(--radius-md) var(--radius-md)}.export-button--left .export-button__dropdown{right:100%;margin-right:var(--spacing-xs);top:0}.export-button--right .export-button__dropdown{left:100%;margin-left:var(--spacing-xs);top:0}.export-button--open .export-button__trigger{background:var(--primary);border-color:var(--primary);color:var(--bg)}.export-button--disabled{opacity:.6;cursor:not-allowed}.export-button__trigger{display:flex;align-items:center;gap:var(--spacing-xs);border:1px solid;border-radius:var(--radius-md);transition:var(--transition-default);white-space:nowrap}.export-button__trigger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-button__trigger:active:not(:disabled){transform:translateY(0)}.export-button__trigger:disabled{cursor:not-allowed;opacity:.6}.export-button__text{flex:1;text-align:left}.export-button__dropdown{position:absolute;z-index:1000;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:export-dropdown-fade-in .2s ease-out;max-height:400px;overflow-y:auto}.export-button__dropdown::-webkit-scrollbar{width:6px}.export-button__dropdown::-webkit-scrollbar-track{background:var(--bg)}.export-button__dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.export-button__dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.export-button__dropdown-content{padding:var(--spacing-xs) 0}.export-button__formats-header{padding:var(--spacing-xs) 1rem;border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-xs)}.export-button__formats-title{font-size:var(--spacing-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.export-button__formats-list{display:flex;flex-direction:column;gap:.125rem}.export-button__format{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);text-align:left;transition:var(--transition-default);cursor:pointer}.export-button__format:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.export-button__format:disabled{opacity:.6;cursor:not-allowed}.export-button__format-label{flex:1;font-weight:500;margin-left:var(--spacing-xs)}.export-button__format-extension{font-size:var(--spacing-sm);color:var(--text-secondary);background:var(--bg);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:Courier New,monospace}.export-button__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}@keyframes export-dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.export-button--lg .export-button__trigger{padding:.375rem var(--spacing-sm);font-size:1rem}.export-button__dropdown{min-width:180px;max-width:90vw}.export-button__dropdown.export-button--left,.export-button__dropdown.export-button--right{left:50%;right:auto;transform:translate(-50%);margin-left:0;margin-right:0}.export-button__format{padding:.625rem var(--spacing-sm)}}@media (max-width: 576px){.export-button{width:100%}.export-button .export-button__trigger{width:100%;justify-content:center}.export-button__dropdown{left:0;right:0;min-width:auto;max-width:none;margin-left:0;margin-right:0}.export-button__dropdown.export-button--top{bottom:100%;margin-bottom:var(--spacing-xs)}.export-button__dropdown.export-button--bottom{top:100%;margin-top:var(--spacing-xs)}.export-button__format{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.export-button__format-extension{font-size:.6875rem}}[data-theme=dark] .export-button__dropdown{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .export-button__formats-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .export-button__format-extension{background:var(--surface);color:var(--text-secondary)}[data-theme=dark] .export-button__dropdown::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .export-button__dropdown::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.export-button__dropdown{animation:none}.export-button__trigger{transition:none}}.export-button__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.export-button__format:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.btn-group .export-button .export-button__trigger{border-radius:0}.btn-group .export-button .export-button__trigger:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .export-button .export-button__trigger:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .export-button .export-button__trigger:not(:last-child){border-right:none}.toolbar .export-button .export-button__trigger,.btn-toolbar .export-button .export-button__trigger{padding:.375rem var(--spacing-sm);font-size:.875rem}.export-button__trigger.loading{pointer-events:none}.export-button__trigger.loading .export-button__text{opacity:.7}.export-button--success .export-button__trigger{background:var(--success);border-color:var(--success);color:var(--bg)}.export-button--success .export-button__trigger:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark)}.export-button--error .export-button__trigger{background:var(--danger);border-color:var(--danger);color:var(--bg)}.export-button--error .export-button__trigger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;display:flex;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.form-modal--sm .form-modal__dialog{max-width:400px}.form-modal--md .form-modal__dialog{max-width:600px}.form-modal--lg .form-modal__dialog{max-width:800px}.form-modal--xl .form-modal__dialog{max-width:1000px}.form-modal--centered{align-items:center;justify-content:center}.form-modal--open{opacity:1;visibility:visible}.form-modal--open .form-modal__dialog{transform:scale(1);opacity:1}.form-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow-y:auto}.form-modal__dialog{position:relative;width:100%;max-width:600px;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl, 0 25px 50px rgba(0, 0, 0, .15));transform:scale(.9);opacity:0;transition:all .3s ease;max-height:90vh;display:flex;flex-direction:column}.form-modal__content{display:flex;flex-direction:column;height:100%;max-height:90vh}.form-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) 1rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.form-modal__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.form-modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:var(--transition-default);flex-shrink:0}.form-modal__close:hover:not(:disabled){color:var(--text-primary);background:rgba(var(--primary-rgb),.1)}.form-modal__close:disabled{opacity:.5;cursor:not-allowed}.form-modal__close i{font-size:1.25rem}.form-modal__body{flex:1;padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto}.form-modal__body::-webkit-scrollbar{width:8px}.form-modal__body::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.form-modal__body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.form-modal__body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.form-modal__form{display:flex;flex-direction:column;height:100%}.form-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) 0 0;margin-top:auto;border-top:1px solid var(--border-primary);flex-shrink:0}.form-modal__form .form-group{margin-bottom:1rem}.form-modal__form .form-group:last-child{margin-bottom:0}.form-modal__form .form-label{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.form-modal__form .form-control,.form-modal__form .form-select{border-color:var(--border-primary)}.form-modal__form .form-control:focus,.form-modal__form .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.form-modal__form .form-control.is-invalid,.form-modal__form .form-select.is-invalid{border-color:var(--danger)}.form-modal__form .form-control.is-invalid:focus,.form-modal__form .form-select.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 .2rem rgba(var(--danger-rgb),.25)}.form-modal__form .invalid-feedback{display:block;color:var(--danger);font-size:.875rem;margin-top:var(--spacing-xs)}.form-modal__form .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-modal__form .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}@media (max-width: 768px){.form-modal--lg .form-modal__dialog,.form-modal--xl .form-modal__dialog{max-width:90vw}.form-modal__backdrop{padding:var(--spacing-xs)}.form-modal__dialog{max-height:95vh}.form-modal__header{padding:var(--spacing-md) 1rem var(--spacing-sm)}.form-modal__title{font-size:1.125rem}.form-modal__body{padding:var(--spacing-sm) var(--spacing-md)}.form-modal__footer{padding:var(--spacing-sm) 0 0;gap:var(--spacing-xs)}}@media (max-width: 576px){.form-modal .form-modal__dialog{max-width:100%;max-height:100vh;border-radius:0;margin:0}.form-modal__backdrop{padding:0}.form-modal__footer{flex-direction:column;align-items:stretch}.form-modal__footer .btn{width:100%}}[data-theme=dark] .form-modal__backdrop{background:rgba(0,0,0,.7)}[data-theme=dark] .form-modal__dialog{background:var(--card-bg);box-shadow:var(--shadow-2xl, 0 25px 50px rgba(0, 0, 0, .3))}[data-theme=dark] .form-modal__header{border-bottom-color:var(--border-primary)}[data-theme=dark] .form-modal__footer{border-top-color:var(--border-primary)}[data-theme=dark] .form-modal__body::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .form-modal__body::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.form-modal,.form-modal__dialog{transition:none}}.form-modal__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.form-modal--open{animation:modal-fade-in .3s ease}.form-modal--open .form-modal__dialog{animation:modal-scale-in .3s ease}.form-modal--loading .form-modal__content{position:relative}.form-modal--loading .form-modal__content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7);z-index:10;cursor:wait}.form-modal__body .alert{border-radius:var(--radius-md);margin-bottom:1rem}.form-modal__body .alert:last-child{margin-bottom:0}.form-modal.form-modal--stacked{z-index:1060}.form-modal.form-modal--stacked .form-modal__backdrop{background:rgba(0,0,0,.3)}.form-modal__form .form-label.required:after{content:" *";color:var(--danger)}.form-modal__form.submitting .form-control,.form-modal__form.submitting .form-select,.form-modal__form.submitting .form-check-input{opacity:.7;pointer-events:none}.file-upload{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-upload--sm .file-upload__drop-zone{padding:var(--spacing-md);min-height:120px}.file-upload--sm .file-upload__drop-icon{font-size:var(--spacing-xl)}.file-upload--sm .file-upload__file{padding:var(--spacing-xs)}.file-upload--md .file-upload__drop-zone{padding:var(--spacing-xl);min-height:160px}.file-upload--md .file-upload__drop-icon{font-size:3rem}.file-upload--md .file-upload__file{padding:var(--spacing-sm)}.file-upload--lg .file-upload__drop-zone{padding:3rem;min-height:200px}.file-upload--lg .file-upload__drop-icon{font-size:4rem}.file-upload--lg .file-upload__file{padding:var(--spacing-md)}.file-upload--compact .file-upload__drop-zone{padding:var(--spacing-md);min-height:100px}.file-upload--compact .file-upload__drop-content{flex-direction:row;text-align:left;gap:var(--spacing-md)}.file-upload--compact .file-upload__drop-icon{font-size:var(--spacing-xl)}.file-upload--compact .file-upload__drop-text{flex:1}.file-upload--compact .file-upload__drop-primary{font-size:1rem;margin-bottom:var(--spacing-xs)}.file-upload--compact .file-upload__drop-secondary{font-size:.875rem;margin-bottom:0}.file-upload--minimal .file-upload__drop-zone{border:2px dashed var(--border-primary);background:transparent;padding:var(--spacing-md);min-height:80px}.file-upload--minimal .file-upload__drop-content{flex-direction:row;gap:var(--spacing-sm)}.file-upload--minimal .file-upload__drop-icon{font-size:var(--spacing-lg)}.file-upload--minimal .file-upload__drop-text{text-align:left}.file-upload--minimal .file-upload__drop-info{display:none}.file-upload--drag-over .file-upload__drop-zone{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);transform:scale(1.02)}.file-upload--disabled{opacity:.6;cursor:not-allowed}.file-upload--disabled .file-upload__drop-zone{pointer-events:none}.file-upload--uploading .file-upload__drop-zone{pointer-events:none;opacity:.8}.file-upload__drop-zone{display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:2px dashed var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.file-upload__drop-zone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.file-upload__drop-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;-webkit-user-select:none;user-select:none}.file-upload__drop-icon{color:var(--text-secondary);transition:color .3s ease}.file-upload__drop-zone:hover .file-upload__drop-icon{color:var(--primary)}.file-upload__drop-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-upload__drop-primary{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0}.file-upload__drop-secondary{font-size:.875rem;color:var(--text-secondary);margin:0}.file-upload__drop-info{text-align:center}.file-upload__drop-info small{color:var(--text-secondary);font-size:var(--spacing-sm)}.file-upload__select-btn{align-self:flex-start}.file-upload__files{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-upload__file{display:flex;align-items:center;gap:var(--spacing-md);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-default)}.file-upload__file:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.file-upload__preview{width:60px;height:60px;border-radius:.375rem;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-upload__preview img{width:100%;height:100%;object-fit:cover}.file-upload__file-info{flex:1;min-width:0}.file-upload__file-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload__file-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.file-upload__file-size{font-family:Courier New,monospace}.file-upload__file-type{font-family:Courier New,monospace;background:var(--bg);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:var(--spacing-sm)}.file-upload__errors{margin-top:var(--spacing-xs)}.file-upload__error{font-size:.875rem;color:var(--danger);margin-bottom:var(--spacing-xs)}.file-upload__error:last-child{margin-bottom:0}.file-upload__progress{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.file-upload__progress .progress{flex:1;height:var(--spacing-xs);background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.file-upload__progress .progress .progress-bar{background:var(--primary);height:100%;transition:width .3s ease}.file-upload__progress-text{font-size:var(--spacing-sm);color:var(--text-secondary);font-family:Courier New,monospace;min-width:3rem;text-align:right}.file-upload__file-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.file-upload__actions{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-primary)}@media (max-width: 768px){.file-upload--lg .file-upload__drop-zone{padding:var(--spacing-xl);min-height:160px}.file-upload--lg .file-upload__drop-icon{font-size:3rem}.file-upload__file{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.file-upload__preview{width:80px;height:80px;align-self:center}.file-upload__file-details,.file-upload__file-actions{justify-content:center}}@media (max-width: 576px){.file-upload__drop-zone{padding:var(--spacing-md);min-height:120px}.file-upload__drop-icon{font-size:var(--spacing-xl)}.file-upload__drop-primary{font-size:1rem}.file-upload__drop-secondary{font-size:.8125rem}.file-upload__file{padding:var(--spacing-sm)}.file-upload__actions{flex-direction:column;align-items:stretch}.file-upload__actions .btn{width:100%}}[data-theme=dark] .file-upload__drop-zone,[data-theme=dark] .file-upload__file{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .file-upload__preview,[data-theme=dark] .file-upload__file-type,[data-theme=dark] .file-upload__progress .progress{background:var(--surface)}[data-theme=dark] .file-upload__actions{border-top-color:var(--border-primary)}@media (prefers-reduced-motion: reduce){.file-upload__drop-zone,.file-upload__file,.file-upload__progress-bar{transition:none}}.file-upload__drop-zone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes upload-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.file-upload--uploading .file-upload__drop-zone{animation:upload-pulse 1.5s ease-in-out infinite}.file-upload__file--error{border-color:var(--danger);background:rgba(var(--danger-rgb),.05)}.file-upload__file--uploaded{border-color:var(--success);background:rgba(16,185,129,.05)}.file-upload__file-type[data-type^="image/"]{color:var(--info);background:rgba(var(--info-rgb),.1)}.file-upload__file-type[data-type^="video/"]{color:var(--warning);background:rgba(var(--warning-rgb),.1)}.file-upload__file-type[data-type^="audio/"]{color:var(--success);background:rgba(var(--success-rgb),.1)}.file-upload__file-type[data-type="application/pdf"]{color:var(--danger);background:rgba(var(--danger-rgb),.1)}.file-upload__files .file-upload__file{animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.date-range-picker{position:relative;display:inline-block;width:100%}.date-range-picker--sm .date-range-picker__input{padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.date-range-picker--sm .date-range-picker__trigger,.date-range-picker--sm .date-range-picker__clear{width:var(--spacing-lg);height:var(--spacing-lg);font-size:var(--spacing-sm)}.date-range-picker--sm .date-range-picker__dropdown{font-size:.875rem}.date-range-picker--md .date-range-picker__input{padding:.375rem 2.5rem .375rem var(--spacing-sm);font-size:1rem}.date-range-picker--md .date-range-picker__trigger,.date-range-picker--md .date-range-picker__clear{width:2rem;height:2rem;font-size:.875rem}.date-range-picker--lg .date-range-picker__input{padding:var(--spacing-xs) 3rem var(--spacing-xs) 1rem;font-size:1.125rem}.date-range-picker--lg .date-range-picker__trigger,.date-range-picker--lg .date-range-picker__clear{width:2.5rem;height:2.5rem;font-size:1rem}.date-range-picker--minimal .date-range-picker__input-container .form-control{border:none;border-bottom:2px solid var(--border-primary);border-radius:0;background:transparent}.date-range-picker--minimal .date-range-picker__input-container .form-control:focus{border-bottom-color:var(--primary);box-shadow:none}.date-range-picker--outlined .date-range-picker__input-container .form-control{border:2px solid var(--border-primary);background:transparent}.date-range-picker--open .date-range-picker__input{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.date-range-picker--disabled{opacity:.6;cursor:not-allowed}.date-range-picker--disabled *{pointer-events:none}.date-range-picker__input-container{position:relative;display:flex;align-items:center}.date-range-picker__input{flex:1;cursor:pointer}.date-range-picker__input:focus{cursor:text}.date-range-picker__trigger{position:absolute;right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-default);border-radius:var(--radius-sm)}.date-range-picker__trigger:hover:not(:disabled){color:var(--primary);background:rgba(var(--primary-rgb),.1)}.date-range-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.date-range-picker__clear{position:absolute;right:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-default);border-radius:var(--radius-sm)}.date-range-picker__clear:hover:not(:disabled){color:var(--danger);background:rgba(var(--danger-rgb),.1)}.date-range-picker__dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);animation:date-picker-fade-in .2s ease-out;min-width:320px}.date-range-picker__content{display:flex;overflow:hidden}.date-range-picker__presets{width:200px;border-right:1px solid var(--border-primary);background:var(--bg)}.date-range-picker__presets-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.date-range-picker__presets-header span{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.date-range-picker__presets-list{display:flex;flex-direction:column}.date-range-picker__preset{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:.875rem;cursor:pointer;transition:var(--transition-default)}.date-range-picker__preset:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.date-range-picker__calendar{flex:1;padding:var(--spacing-md);min-width:280px}.date-range-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.date-range-picker__nav{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:var(--transition-default)}.date-range-picker__nav:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.date-range-picker__month{font-weight:600;color:var(--text-primary);font-size:1rem}.date-range-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.date-range-picker__weekday{display:flex;align-items:center;justify-content:center;height:2rem;font-size:var(--spacing-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.date-range-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.date-range-picker__day{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:.375rem;transition:var(--transition-default);font-size:.875rem;position:relative}.date-range-picker__day:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.date-range-picker__day--other-month{color:var(--text-secondary);opacity:.5}.date-range-picker__day--today{font-weight:600}.date-range-picker__day--today:after{content:"";position:absolute;bottom:.125rem;left:50%;transform:translate(-50%);width:var(--spacing-xs);height:.125rem;background:var(--primary);border-radius:.0625rem}.date-range-picker__day--selected{background:var(--primary);color:var(--bg);font-weight:600}.date-range-picker__day--selected:hover{background:var(--primary)}.date-range-picker__day--in-range{background:rgba(var(--primary-rgb),.2);color:var(--primary)}.date-range-picker__day--in-range:not(.date-range-picker__day--selected):hover{background:rgba(var(--primary-rgb),.3)}.date-range-picker__day--disabled{opacity:.3;cursor:not-allowed}.date-range-picker__day--disabled:hover{background:transparent}@keyframes date-picker-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.date-range-picker__dropdown{left:50%;transform:translate(-50%);min-width:300px;max-width:90vw}.date-range-picker__content{flex-direction:column}.date-range-picker__presets{width:100%;border-right:none;border-bottom:1px solid var(--border-primary)}.date-range-picker__presets-list{flex-direction:row;flex-wrap:wrap;padding:var(--spacing-xs);gap:var(--spacing-xs)}.date-range-picker__preset{flex:1;min-width:120px;padding:var(--spacing-xs);text-align:center;border-radius:.375rem;border:1px solid var(--border-primary)}.date-range-picker__calendar{padding:var(--spacing-md)}}@media (max-width: 576px){.date-range-picker__dropdown{left:0;right:0;transform:none;min-width:auto;max-width:none;margin:var(--spacing-xs)}.date-range-picker__day,.date-range-picker__weekday{height:1.75rem;font-size:.8125rem}.date-range-picker__day{width:1.75rem}.date-range-picker__presets-list{flex-direction:column;padding:0}.date-range-picker__preset{min-width:auto;border:none;border-radius:0;border-bottom:1px solid var(--border-primary)}.date-range-picker__preset:last-child{border-bottom:none}}[data-theme=dark] .date-range-picker__dropdown{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .date-range-picker__presets{background:var(--surface);border-right-color:var(--border-primary)}[data-theme=dark] .date-range-picker__presets-header{border-bottom-color:var(--border-primary)}[data-theme=dark] .date-range-picker__preset{border-color:var(--border-primary)}@media (prefers-reduced-motion: reduce){.date-range-picker__dropdown{animation:none}.date-range-picker__day,.date-range-picker__nav,.date-range-picker__preset{transition:none}}.date-range-picker__day:focus-visible,.date-range-picker__nav:focus-visible,.date-range-picker__preset:focus-visible,.date-range-picker__trigger:focus-visible,.date-range-picker__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.date-range-picker__day--range-start{border-top-right-radius:0;border-bottom-right-radius:0}.date-range-picker__day--range-end{border-top-left-radius:0;border-bottom-left-radius:0}.date-range-picker__day--range-middle{border-radius:0}.date-range-picker__day--selected{animation:date-select-pulse .3s ease-out}@keyframes date-select-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 576px){.date-range-picker--mobile-overlay .date-range-picker__dropdown{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;margin:0;border-radius:0;max-width:none;display:flex;flex-direction:column}.date-range-picker--mobile-overlay .date-range-picker__dropdown .date-range-picker__content{flex:1;overflow-y:auto}}.code-editor{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}.code-editor--light{--editor-bg: var(--bg);--editor-text: #24292e;--editor-line-number: #6a737d;--editor-selection: #c8e1ff;--editor-keyword: #d73a49;--editor-string: #032f62;--editor-comment: #6a737d;--editor-number: #005cc5;--editor-boolean: #005cc5;--editor-tag: #22863a;--editor-attribute: #6f42c1}.code-editor--dark{--editor-bg: #1e1e1e;--editor-text: #d4d4d4;--editor-line-number: #858585;--editor-selection: #264f78;--editor-keyword: #569cd6;--editor-string: #ce9178;--editor-comment: #6a9955;--editor-number: #b5cea8;--editor-boolean: #569cd6;--editor-tag: #4ec9b0;--editor-attribute: #9cdcfe;background:var(--editor-bg);border-color:#3c3c3c}.code-editor--focused{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.code-editor--readonly{background:var(--bg)}.code-editor--readonly .code-editor__textarea{cursor:default}.code-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg);border-bottom:1px solid var(--border-primary);font-size:var(--spacing-sm);color:var(--text-secondary)}.code-editor__info{display:flex;align-items:center;gap:var(--spacing-md)}.code-editor__language{font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.code-editor__stats,.code-editor__cursor{font-family:inherit}.code-editor__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.code-editor__action{display:flex;align-items:center;justify-content:center;width:var(--spacing-lg);height:var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-default)}.code-editor__action:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.code-editor__container{display:flex;flex:1;overflow:hidden;position:relative;background:var(--editor-bg, var(--bg))}.code-editor__line-numbers{display:flex;flex-direction:column;background:var(--bg);color:var(--editor-line-number);padding:var(--spacing-sm) var(--spacing-xs);border-right:1px solid var(--border-primary);min-width:3rem;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden;font-size:inherit;line-height:1.5;white-space:pre;word-wrap:break-word;overflow-wrap:break-word}.code-editor__line-number{height:1.5em;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs)}.code-editor__line-number:hover{background:var(--webmaster-hover-bg, rgba(0, 212, 255, .05))}.code-editor__code-area{flex:1;position:relative;overflow:hidden}.code-editor__highlight{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--spacing-sm);margin:0;border:none;outline:none;color:transparent;white-space:pre;word-wrap:break-word;overflow-wrap:break-word;overflow:auto;background:transparent;font-family:inherit;font-size:inherit;line-height:1.5;pointer-events:none;z-index:1}.code-editor__highlight .code-editor__keyword{color:var(--editor-keyword);font-weight:600}.code-editor__highlight .code-editor__string{color:var(--editor-string)}.code-editor__highlight .code-editor__comment{color:var(--editor-comment);font-style:italic}.code-editor__highlight .code-editor__number{color:var(--editor-number)}.code-editor__highlight .code-editor__boolean{color:var(--editor-boolean);font-weight:600}.code-editor__highlight .code-editor__tag{color:var(--editor-tag)}.code-editor__highlight .code-editor__attribute{color:var(--editor-attribute)}.code-editor__textarea{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:var(--spacing-sm);margin:0;border:none;outline:none;background:transparent;color:var(--editor-text);resize:none;white-space:pre;word-wrap:break-word;overflow-wrap:break-word;overflow:auto;font-family:inherit;font-size:inherit;line-height:1.5;z-index:2}.code-editor__textarea::selection{background:var(--editor-selection)}.code-editor__textarea::-moz-selection{background:var(--editor-selection)}.code-editor__textarea::placeholder{color:var(--text-secondary);opacity:.6}.code-editor__textarea::-webkit-scrollbar{width:12px;height:12px}.code-editor__textarea::-webkit-scrollbar-track{background:var(--bg)}.code-editor__textarea::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:6px;border:2px solid var(--bg)}.code-editor__textarea::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.code-editor__textarea::-webkit-scrollbar-corner{background:var(--bg)}.code-editor__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg);border-top:1px solid var(--border-primary);font-size:var(--spacing-sm);color:var(--text-secondary)}.code-editor__status{display:flex;align-items:center;gap:var(--spacing-md);font-family:inherit}@media (max-width: 768px){.code-editor__header{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.code-editor__info{justify-content:space-between}.code-editor__actions{justify-content:center}.code-editor__line-numbers{min-width:2.5rem;padding:var(--spacing-xs) var(--spacing-xs)}.code-editor__textarea,.code-editor__highlight{padding:var(--spacing-xs)}.code-editor__footer{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.code-editor__footer .code-editor__status{justify-content:space-between}}@media (max-width: 576px){.code-editor{font-size:.875rem}.code-editor__header,.code-editor__footer{padding:.375rem var(--spacing-xs)}.code-editor__line-numbers{min-width:2rem;font-size:var(--spacing-sm)}}[data-theme=dark] .code-editor--light{--editor-bg: #1e1e1e;--editor-text: #d4d4d4;--editor-line-number: #858585;--editor-selection: #264f78}[data-theme=dark] .code-editor__header,[data-theme=dark] .code-editor__footer{background:var(--surface);border-color:var(--border-primary)}[data-theme=dark] .code-editor__line-numbers{background:var(--surface);border-right-color:var(--border-primary)}[data-theme=dark] .code-editor__textarea::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .code-editor__textarea::-webkit-scrollbar-thumb{background:var(--border-primary);border-color:var(--surface)}[data-theme=dark] .code-editor__textarea::-webkit-scrollbar-corner{background:var(--surface)}@media (prefers-reduced-motion: reduce){.code-editor__action{transition:none}}.code-editor__action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.code-editor--css .code-editor__language{color:#1572b6}.code-editor--html .code-editor__language{color:#e34c26}.code-editor--javascript .code-editor__language{color:#f7df1e}.code-editor--python .code-editor__language{color:#3776ab}.code-editor--json .code-editor__language{color:#292929}.code-editor__textarea{caret-color:var(--primary)}.code-editor__error-line{background:rgba(var(--danger-rgb),.1);border-left:3px solid var(--danger)}.code-editor__error-line:before{content:"!";display:inline-block;width:1rem;height:1rem;background:var(--danger);color:#fff;border-radius:50%;text-align:center;font-size:var(--spacing-sm);line-height:1rem;margin-right:var(--spacing-xs)}.code-editor--focused .code-editor__textarea:focus{background-image:linear-gradient(to right,rgba(var(--primary-rgb),.05) 0%,rgba(var(--primary-rgb),.05) 100%);background-repeat:no-repeat;background-size:100% 1.5em}.code-editor--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0}.code-editor--fullscreen .code-editor__container{height:calc(100vh - 100px)}.code-editor__autocomplete{position:absolute;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:.375rem;box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:10}.code-editor__autocomplete .code-editor__suggestion{padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-bottom:1px solid var(--border-primary)}.code-editor__autocomplete .code-editor__suggestion:hover,.code-editor__autocomplete .code-editor__suggestion--selected{background:rgba(var(--primary-rgb),.1)}.code-editor__autocomplete .code-editor__suggestion:last-child{border-bottom:none}.tag-input{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.tag-input--sm .tag-input__container{min-height:2rem;padding:var(--spacing-xs);gap:var(--spacing-xs)}.tag-input--sm .tag-input__tag{padding:.125rem .375rem;font-size:var(--spacing-sm)}.tag-input--sm .tag-input__tag-remove{width:1rem;height:1rem;font-size:.625rem}.tag-input--sm .tag-input__input{padding:var(--spacing-xs);font-size:.875rem}.tag-input--md .tag-input__container{min-height:2.5rem;padding:.375rem;gap:.375rem}.tag-input--md .tag-input__tag{padding:var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.tag-input--md .tag-input__tag-remove{width:1.25rem;height:1.25rem;font-size:var(--spacing-sm)}.tag-input--md .tag-input__input{padding:.375rem;font-size:1rem}.tag-input--lg .tag-input__container{min-height:3rem;padding:var(--spacing-xs);gap:var(--spacing-xs)}.tag-input--lg .tag-input__tag{padding:.375rem var(--spacing-sm);font-size:1rem}.tag-input--lg .tag-input__tag-remove{width:var(--spacing-lg);height:var(--spacing-lg);font-size:.875rem}.tag-input--lg .tag-input__input{padding:var(--spacing-xs);font-size:1.125rem}.tag-input--outlined .tag-input__container{border:2px solid var(--border-primary);background:transparent}.tag-input--minimal .tag-input__container{border:none;border-bottom:2px solid var(--border-primary);border-radius:0;background:transparent}.tag-input--focused .tag-input__container{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.tag-input--disabled{opacity:.6;cursor:not-allowed}.tag-input--disabled .tag-input__container{background:var(--bg);pointer-events:none}.tag-input--readonly .tag-input__tag-remove,.tag-input--readonly .tag-input__input{display:none}.tag-input__container{display:flex;flex-wrap:wrap;align-items:center;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:text;transition:var(--transition-default)}.tag-input__container:hover{border-color:var(--primary)}.tag-input__tag{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--primary);color:var(--bg);border-radius:1rem;font-weight:500;white-space:nowrap;animation:tag-slide-in .2s ease-out}.tag-input__tag-text{flex:1;overflow:hidden;text-overflow:ellipsis}.tag-input__tag-remove{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:none;color:var(--bg);cursor:pointer;border-radius:50%;transition:var(--transition-default);flex-shrink:0}.tag-input__tag-remove:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.tag-input__tag-remove:active{transform:scale(.95)}.tag-input__input{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:var(--text-primary)}.tag-input__input::placeholder{color:var(--text-secondary)}.tag-input__input:disabled{cursor:not-allowed}.tag-input__info{display:flex;align-items:center;justify-content:space-between;font-size:var(--spacing-sm);color:var(--text-secondary)}.tag-input__count{font-family:Courier New,monospace;font-weight:500}.tag-input__suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);max-height:200px;overflow-y:auto;animation:suggestions-fade-in .2s ease-out}.tag-input__suggestions::-webkit-scrollbar{width:6px}.tag-input__suggestions::-webkit-scrollbar-track{background:var(--bg)}.tag-input__suggestions::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.tag-input__suggestions::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tag-input__suggestions-list{list-style:none;margin:0;padding:var(--spacing-xs) 0}.tag-input__suggestion{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-default);border-bottom:1px solid var(--border-primary)}.tag-input__suggestion:last-child{border-bottom:none}.tag-input__suggestion:hover,.tag-input__suggestion--selected{background:rgba(var(--primary-rgb),.1)}.tag-input__suggestion-text{flex:1;font-size:.875rem;color:var(--text-primary)}.tag-input__suggestion-icon{color:var(--text-secondary);font-size:var(--spacing-sm);opacity:0;transition:var(--transition-default)}.tag-input__suggestion:hover .tag-input__suggestion-icon,.tag-input__suggestion--selected .tag-input__suggestion-icon{opacity:1;color:var(--primary)}.tag-input__help{font-size:var(--spacing-sm);color:var(--text-secondary)}@keyframes tag-slide-in{0%{opacity:0;transform:scale(.8) translateY(-var(--spacing-xs))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes suggestions-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tag-input--lg .tag-input__container{min-height:2.5rem;padding:.375rem}.tag-input--lg .tag-input__tag{padding:var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.tag-input--lg .tag-input__input{padding:.375rem;font-size:1rem}.tag-input__suggestions{max-height:150px}.tag-input__suggestion{padding:.625rem var(--spacing-sm)}}@media (max-width: 576px){.tag-input__container{min-height:2.25rem}.tag-input__input{min-width:100px}.tag-input__tag{max-width:150px}.tag-input__tag-text{max-width:120px}.tag-input__suggestions{left:-var(--spacing-xs);right:-var(--spacing-xs);max-height:120px}.tag-input__suggestion{padding:var(--spacing-xs)}}[data-theme=dark] .tag-input__suggestions{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .tag-input__suggestion{border-bottom-color:var(--border-primary)}[data-theme=dark] .tag-input__suggestions::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .tag-input__suggestions::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.tag-input__tag,.tag-input__suggestions{animation:none}.tag-input__tag-remove{transition:none}}.tag-input__tag-remove:focus-visible{outline:2px solid var(--bg);outline-offset:2px}.tag-input__tag--primary{background:var(--primary)}.tag-input__tag--secondary{background:var(--secondary, var(--text-secondary))}.tag-input__tag--success{background:var(--success)}.tag-input__tag--warning{background:var(--warning)}.tag-input__tag--danger{background:var(--danger)}.tag-input__tag--info{background:var(--info)}.tag-input--error .tag-input__container{border-color:var(--danger)}.tag-input--error.tag-input--focused .tag-input__container{box-shadow:0 0 0 .2rem rgba(var(--danger-rgb),.25)}.tag-input--compact .tag-input__container{gap:var(--spacing-xs);padding:var(--spacing-xs)}.tag-input--compact .tag-input__tag{padding:.125rem .375rem;font-size:var(--spacing-sm);border-radius:var(--spacing-sm)}.tag-input--compact .tag-input__tag-remove{width:1rem;height:1rem;font-size:.625rem}.tag-input--compact .tag-input__input{min-width:80px;font-size:.875rem}.tag-input__tag--removing{animation:tag-slide-out .2s ease-in forwards}@keyframes tag-slide-out{to{opacity:0;transform:scale(.8) translateY(-var(--spacing-xs));margin-left:-100%;padding-left:0;padding-right:0}}.tag-input--limit-reached .tag-input__container{border-color:var(--warning)}.tag-input--limit-reached .tag-input__count{color:var(--warning);font-weight:600}.action-buttons{display:flex}.action-buttons--horizontal{flex-direction:row;flex-wrap:wrap}.action-buttons--horizontal .action-buttons__group{display:flex;align-items:center}.action-buttons--horizontal .action-buttons__group--named{flex-direction:column;align-items:flex-start}.action-buttons--horizontal .action-buttons__group-content{display:flex;flex-direction:row;flex-wrap:wrap}.action-buttons--vertical{flex-direction:column}.action-buttons--vertical .action-buttons__group,.action-buttons--vertical .action-buttons__group-content{display:flex;flex-direction:column}.action-buttons--align-start{justify-content:flex-start}.action-buttons--align-center{justify-content:center}.action-buttons--align-end{justify-content:flex-end}.action-buttons--align-between{justify-content:space-between}.action-buttons--align-around{justify-content:space-around}.action-buttons--spacing-none,.action-buttons--spacing-none .action-buttons__group,.action-buttons--spacing-none .action-buttons__group-content{gap:0}.action-buttons--spacing-tight,.action-buttons--spacing-tight .action-buttons__group,.action-buttons--spacing-tight .action-buttons__group-content,.action-buttons--spacing-normal,.action-buttons--spacing-normal .action-buttons__group,.action-buttons--spacing-normal .action-buttons__group-content{gap:var(--spacing-xs)}.action-buttons--spacing-loose,.action-buttons--spacing-loose .action-buttons__group,.action-buttons--spacing-loose .action-buttons__group-content{gap:var(--spacing-md)}.action-buttons--full-width{width:100%}.action-buttons--full-width .action-buttons__button{flex:1}.action-buttons--disabled{opacity:.6;pointer-events:none}.action-buttons--toolbar{background:var(--bg);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.action-buttons--toolbar .action-buttons__group--named .action-buttons__group-label{font-size:var(--spacing-sm);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.action-buttons--pills .action-buttons__button{border-radius:var(--spacing-xl)}.action-buttons--compact .action-buttons__button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.action-buttons__group{display:flex;gap:var(--spacing-xs)}.action-buttons__group-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem;text-transform:capitalize}.action-buttons__group-content{display:flex;gap:var(--spacing-xs)}.action-buttons__button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .3s ease;position:relative}.action-buttons__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-buttons__button:active:not(:disabled){transform:translateY(0)}.action-buttons__button.pulse{animation:button-pulse 2s infinite}.action-buttons__button .badge{font-size:.65em;padding:.15em .4em}.action-buttons__text{display:inline-block}.action-buttons__dropdown{position:relative}.action-buttons__dropdown .dropdown-menu{min-width:160px}.action-buttons__dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center}.action-buttons__dropdown .dropdown-menu .dropdown-item i{width:1.25rem;text-align:center}.action-buttons__dropdown .dropdown-menu .dropdown-item:hover:not(.disabled){background:rgba(var(--primary-rgb),.1)}.action-buttons--sm .action-buttons__button{padding:var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.action-buttons--sm .action-buttons__button .badge{font-size:.6em}.action-buttons--md .action-buttons__button{padding:.375rem var(--spacing-sm);font-size:1rem}.action-buttons--lg .action-buttons__button{padding:var(--spacing-xs) 1rem;font-size:1.125rem}.action-buttons--lg .action-buttons__button .badge{font-size:.7em}@keyframes button-pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 0 var(--spacing-xs) rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}.action-buttons--spacing-none.action-buttons--horizontal .action-buttons__button{border-radius:0}.action-buttons--spacing-none.action-buttons--horizontal .action-buttons__button:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.action-buttons--spacing-none.action-buttons--horizontal .action-buttons__button:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.action-buttons--spacing-none.action-buttons--horizontal .action-buttons__button:not(:last-child){border-right:none}.action-buttons--spacing-none.action-buttons--vertical .action-buttons__button{border-radius:0;width:100%}.action-buttons--spacing-none.action-buttons--vertical .action-buttons__button:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.action-buttons--spacing-none.action-buttons--vertical .action-buttons__button:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.action-buttons--spacing-none.action-buttons--vertical .action-buttons__button:not(:last-child){border-bottom:none}@media (max-width: 768px){.action-buttons--horizontal.action-buttons--align-between,.action-buttons--horizontal.action-buttons--align-around{justify-content:center}.action-buttons--lg .action-buttons__button{padding:.375rem var(--spacing-sm);font-size:1rem}.action-buttons__dropdown .dropdown-menu{position:fixed!important;left:50%!important;transform:translate(-50%)!important;width:90vw;max-width:300px}}@media (max-width: 576px){.action-buttons--horizontal{flex-direction:column;align-items:stretch}.action-buttons--horizontal .action-buttons__group-content{flex-direction:column}.action-buttons--horizontal .action-buttons__button{width:100%}.action-buttons--spacing-normal,.action-buttons--spacing-loose,.action-buttons--spacing-normal .action-buttons__group-content,.action-buttons--spacing-loose .action-buttons__group-content{gap:.375rem}.action-buttons__button{justify-content:center}}[data-theme=dark] .action-buttons--toolbar{background:var(--surface);border-color:var(--border-primary)}[data-theme=dark] .action-buttons__dropdown .dropdown-menu{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .action-buttons__dropdown .dropdown-menu .dropdown-divider{border-color:var(--border-primary)}[data-theme=dark] .action-buttons__dropdown .dropdown-menu .dropdown-item{color:var(--text-primary)}[data-theme=dark] .action-buttons__dropdown .dropdown-menu .dropdown-item:hover:not(.disabled){color:var(--text-primary)}[data-theme=dark] .action-buttons__dropdown .dropdown-menu .dropdown-item.disabled{color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.action-buttons__button{transition:none;animation:none}.action-buttons__button:hover{transform:none}}.action-buttons__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-buttons__button:disabled{cursor:not-allowed;opacity:.6}.action-buttons__button .spinner-border{width:1em;height:1em;border-width:.15em}.form-footer .action-buttons{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.modal-footer .action-buttons{width:100%;margin:-var(--spacing-sm);padding:0}.modal-footer .action-buttons--horizontal{justify-content:flex-end}.confirm-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;display:flex;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirm-dialog--sm .confirm-dialog__container{max-width:300px}.confirm-dialog--md .confirm-dialog__container{max-width:400px}.confirm-dialog--lg .confirm-dialog__container{max-width:500px}.confirm-dialog--centered{align-items:center;justify-content:center}.confirm-dialog--open{opacity:1;visibility:visible}.confirm-dialog--open .confirm-dialog__container{transform:scale(1);opacity:1}.confirm-dialog--success .confirm-dialog__icon{color:var(--success)}.confirm-dialog--warning .confirm-dialog__icon{color:var(--warning)}.confirm-dialog--danger .confirm-dialog__icon,.confirm-dialog--error .confirm-dialog__icon{color:var(--danger)}.confirm-dialog--danger .confirm-dialog__confirm,.confirm-dialog--error .confirm-dialog__confirm{order:-1}.confirm-dialog--info .confirm-dialog__icon{color:var(--info)}.confirm-dialog--question .confirm-dialog__icon{color:var(--primary)}.confirm-dialog__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.confirm-dialog__container{position:relative;width:100%;max-width:400px;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl, 0 25px 50px rgba(0, 0, 0, .15));transform:scale(.9);opacity:0;transition:all .3s ease;padding:var(--spacing-xl);text-align:center}.confirm-dialog__icon{font-size:3rem;margin-bottom:1rem;animation:icon-bounce .5s ease-out}.confirm-dialog__icon i{display:block}.confirm-dialog__content{margin-bottom:var(--spacing-lg)}.confirm-dialog__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.confirm-dialog__message{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.confirm-dialog__actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.confirm-dialog__confirm,.confirm-dialog__cancel{min-width:100px;transition:all .3s ease}.confirm-dialog__confirm:hover:not(:disabled),.confirm-dialog__cancel:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-dialog__confirm:active:not(:disabled),.confirm-dialog__cancel:active:not(:disabled){transform:translateY(0)}.confirm-dialog__confirm:disabled,.confirm-dialog__cancel:disabled{cursor:not-allowed;opacity:.6}@keyframes icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-dialog--open{animation:dialog-fade-in .3s ease}.confirm-dialog--open .confirm-dialog__container{animation:dialog-scale-in .3s ease}@media (max-width: 768px){.confirm-dialog__container{padding:var(--spacing-lg)}.confirm-dialog__icon{font-size:2.5rem}.confirm-dialog__title{font-size:1.125rem}.confirm-dialog__message{font-size:.875rem}}@media (max-width: 576px){.confirm-dialog__backdrop{padding:var(--spacing-xs)}.confirm-dialog__container{max-width:calc(100% - 1rem);padding:1.25rem}.confirm-dialog__icon{font-size:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.confirm-dialog__content{margin-bottom:1rem}.confirm-dialog__actions{flex-direction:column-reverse;align-items:stretch;gap:var(--spacing-xs)}.confirm-dialog__actions .btn{width:100%}.confirm-dialog--danger .confirm-dialog__confirm,.confirm-dialog--error .confirm-dialog__confirm{order:0}}[data-theme=dark] .confirm-dialog__backdrop{background:rgba(0,0,0,.7)}[data-theme=dark] .confirm-dialog__container{background:var(--card-bg);box-shadow:var(--shadow-2xl, 0 25px 50px rgba(0, 0, 0, .3))}@media (prefers-reduced-motion: reduce){.confirm-dialog{transition:none}.confirm-dialog__container{transition:none;animation:none}.confirm-dialog__icon{animation:none}.confirm-dialog__confirm,.confirm-dialog__cancel{transition:none}.confirm-dialog__confirm:hover,.confirm-dialog__cancel:hover{transform:none}}.confirm-dialog__confirm:focus-visible,.confirm-dialog__cancel:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.confirm-dialog--success .confirm-dialog__container{border-top:3px solid var(--success)}.confirm-dialog--warning .confirm-dialog__container{border-top:3px solid var(--warning)}.confirm-dialog--danger .confirm-dialog__container,.confirm-dialog--error .confirm-dialog__container{border-top:3px solid var(--danger)}.confirm-dialog--info .confirm-dialog__container{border-top:3px solid var(--info)}.confirm-dialog--danger.confirm-dialog--open .confirm-dialog__container,.confirm-dialog--warning.confirm-dialog--open .confirm-dialog__container{animation:dialog-scale-in .3s ease,dialog-shake .5s ease .3s}@keyframes dialog-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.confirm-dialog--compact .confirm-dialog__container{padding:var(--spacing-lg)}.confirm-dialog--compact .confirm-dialog__icon{font-size:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.confirm-dialog--compact .confirm-dialog__title{font-size:1.125rem}.confirm-dialog--compact .confirm-dialog__message{font-size:.875rem}.confirm-dialog--compact .confirm-dialog__actions{margin-top:1rem}.confirm-dialog__confirm .spinner-border{width:1em;height:1em;border-width:.15em}.form-confirm-dialog .confirm-dialog__message{text-align:left}.form-confirm-dialog .confirm-dialog__message ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.form-confirm-dialog .confirm-dialog__message ul li{margin-bottom:var(--spacing-xs)}.dropdown-menu-container{position:relative;display:inline-block}.dropdown-menu-container--disabled{opacity:.6;cursor:not-allowed}.dropdown-menu-container--disabled .dropdown-menu__trigger{pointer-events:none}.dropdown-menu__trigger{cursor:pointer}.dropdown-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-md)}.dropdown-menu__default-trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:dropdown-fade-in .2s ease-out;overflow:hidden}.dropdown-menu--down{margin-top:var(--spacing-xs);transform-origin:top}.dropdown-menu--up{margin-bottom:var(--spacing-xs);transform-origin:bottom}.dropdown-menu--left{margin-right:var(--spacing-xs);transform-origin:right}.dropdown-menu--right{margin-left:var(--spacing-xs);transform-origin:left}.dropdown-menu--with-arrow .dropdown-menu__arrow{position:absolute;width:var(--spacing-sm);height:var(--spacing-sm);background:var(--card-bg);border:1px solid var(--border-primary);transform:rotate(45deg)}.dropdown-menu--with-arrow.dropdown-menu--down .dropdown-menu__arrow{top:-.375rem;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.dropdown-menu--with-arrow.dropdown-menu--up .dropdown-menu__arrow{bottom:-.375rem;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.dropdown-menu--with-arrow.dropdown-menu--left .dropdown-menu__arrow{right:-.375rem;top:50%;transform:translateY(-50%) rotate(45deg);border-top:none;border-right:none}.dropdown-menu--with-arrow.dropdown-menu--right .dropdown-menu__arrow{left:-.375rem;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:none;border-left:none}.dropdown-menu__content{padding:var(--spacing-xs) 0;max-height:300px;overflow-y:auto}.dropdown-menu__content::-webkit-scrollbar{width:6px}.dropdown-menu__content::-webkit-scrollbar-track{background:var(--bg)}.dropdown-menu__content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.dropdown-menu__content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dropdown-menu__item{display:flex;align-items:center;width:100%;padding:var(--spacing-xs) 1rem;background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:.875rem;cursor:pointer;transition:var(--transition-default);min-height:2.25rem}.dropdown-menu__item:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.dropdown-menu__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.dropdown-menu__item--active{background:var(--primary);color:var(--bg)}.dropdown-menu__item--active:hover{background:var(--primary-dark)}.dropdown-menu__item--disabled{opacity:.5;cursor:not-allowed}.dropdown-menu__item--disabled:hover{background:transparent}.dropdown-menu__item--danger{color:var(--danger)}.dropdown-menu__item--danger:hover:not(:disabled){background:rgba(var(--danger-rgb),.1)}.dropdown-menu__item-icon{width:1.25rem;margin-right:var(--spacing-sm);flex-shrink:0;text-align:center}.dropdown-menu__item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu__item-badge{margin-left:var(--spacing-xs);font-size:.65rem;padding:.125rem .375rem}.dropdown-menu__item-shortcut{margin-left:1rem;font-size:var(--spacing-sm);color:var(--text-secondary);font-family:Courier New,monospace;opacity:.7}.dropdown-menu__item-arrow{margin-left:var(--spacing-xs);font-size:var(--spacing-sm);color:var(--text-secondary)}.dropdown-menu__divider{height:1px;margin:var(--spacing-xs) 0;background:var(--border-primary)}.dropdown-menu__header{padding:var(--spacing-xs) 1rem var(--spacing-xs);font-size:var(--spacing-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}@keyframes dropdown-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-menu-container--sm .dropdown-menu{min-width:150px}.dropdown-menu-container--sm .dropdown-menu__item{padding:.375rem var(--spacing-sm);font-size:.8125rem;min-height:2rem}.dropdown-menu-container--sm .dropdown-menu__item-icon{width:1rem;margin-right:var(--spacing-xs)}.dropdown-menu-container--md .dropdown-menu{min-width:200px}.dropdown-menu-container--lg .dropdown-menu{min-width:250px}.dropdown-menu-container--lg .dropdown-menu__item{padding:.625rem 1.25rem;font-size:.9375rem;min-height:2.5rem}.dropdown-menu-container--lg .dropdown-menu__item-icon{width:var(--spacing-lg);margin-right:1rem}.dropdown-menu-container--dark .dropdown-menu{background:var(--surface);border-color:var(--border-primary);color:var(--text-primary)}.dropdown-menu-container--dark .dropdown-menu__item{color:var(--text-primary)}.dropdown-menu-container--dark .dropdown-menu__item:hover:not(:disabled){background:rgba(255,255,255,.1)}.dropdown-menu-container--dark .dropdown-menu__item--active{background:var(--primary);color:var(--bg)}.dropdown-menu-container--dark .dropdown-menu__divider{background:var(--border-primary)}.dropdown-menu-container--minimal .dropdown-menu{border:none;box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .1))}.dropdown-menu-container--minimal .dropdown-menu__content{padding:var(--spacing-xs)}.dropdown-menu-container--minimal .dropdown-menu__item{border-radius:.375rem;margin:.125rem 0}@media (max-width: 768px){.dropdown-menu{min-width:180px;max-width:calc(100vw - var(--spacing-xl))}.dropdown-menu__content{max-height:250px}.dropdown-menu__item-shortcut{display:none}}@media (max-width: 576px){.dropdown-menu{position:fixed!important;left:1rem!important;right:1rem!important;top:auto!important;bottom:1rem!important;width:auto!important;max-width:none}.dropdown-menu__content{max-height:40vh}.dropdown-menu__item{padding:var(--spacing-sm) var(--spacing-md);min-height:2.75rem}}[data-theme=dark] .dropdown-menu{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .dropdown-menu__divider{background:var(--border-primary)}[data-theme=dark] .dropdown-menu__content::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .dropdown-menu__content::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.dropdown-menu{animation:none}.dropdown-menu__item{transition:none}}.dropdown-menu__item--has-submenu{position:relative}.dropdown-menu__item--has-submenu:hover .dropdown-menu__submenu{display:block}.dropdown-menu__submenu{display:none;position:absolute;left:100%;top:0;margin-left:var(--spacing-xs);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px}.btn-toolbar .dropdown-menu-container{margin:0 var(--spacing-xs)}.card-header .dropdown-menu-container{float:right;margin-left:auto}.dropdown-menu__item[data-context=create] .dropdown-menu__item-icon{color:var(--success)}.dropdown-menu__item[data-context=edit] .dropdown-menu__item-icon{color:var(--info)}.dropdown-menu__item[data-context=delete] .dropdown-menu__item-icon{color:var(--danger)}.split-button{display:inline-block;position:relative}.split-button--full-width{display:block;width:100%}.split-button--full-width .split-button__group{width:100%}.split-button--full-width .split-button__main{flex:1}.split-button--disabled{opacity:.6;cursor:not-allowed}.split-button--disabled .split-button__main,.split-button--disabled .split-button__toggle{cursor:not-allowed}.split-button--open .split-button__toggle{background-color:#00000013}.split-button--open .split-button__toggle i{transform:rotate(180deg)}.split-button__group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.split-button__group:hover{box-shadow:var(--shadow-md)}.split-button__main{border-radius:0;border-right:none;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.split-button__main:focus{z-index:2}.split-button__main:hover:not(:disabled){z-index:2}.split-button__main.btn{border-top-right-radius:0;border-bottom-right-radius:0}.split-button__toggle{border-radius:0;border-left:1px solid rgba(0,0,0,.15);min-width:auto;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);position:relative;z-index:1}.split-button__toggle:focus{z-index:2}.split-button__toggle:hover:not(:disabled){z-index:2}.split-button__toggle.btn{border-top-left-radius:0;border-bottom-left-radius:0}.split-button__toggle i{transition:transform .2s ease}.split-button__text{display:inline-block}.split-button__dropdown{position:static}.split-button__dropdown .dropdown-menu__trigger{width:100%;height:100%}.split-button--primary .split-button__toggle{border-left-color:#00000026}.split-button--primary.split-button--open .split-button__toggle{background-color:#00000013}.split-button--secondary .split-button__toggle{border-left-color:#00000026}.split-button--secondary.split-button--open .split-button__toggle{background-color:#00000013}.split-button--success .split-button__toggle{border-left-color:#00000026}.split-button--success.split-button--open .split-button__toggle{background-color:#00000013}.split-button--warning .split-button__toggle{border-left-color:#00000026}.split-button--warning.split-button--open .split-button__toggle{background-color:#00000013}.split-button--danger .split-button__toggle{border-left-color:#00000026}.split-button--danger.split-button--open .split-button__toggle{background-color:#00000013}.split-button--info .split-button__toggle{border-left-color:#00000026}.split-button--info.split-button--open .split-button__toggle{background-color:#00000013}.split-button--light .split-button__toggle{border-left-color:#00000026}.split-button--light.split-button--open .split-button__toggle{background-color:#0000000d}.split-button--dark .split-button__toggle{border-left-color:#ffffff26}.split-button--dark.split-button--open .split-button__toggle{background-color:#ffffff1a}.split-button--sm .split-button__main{padding:var(--spacing-xs) var(--spacing-xs);font-size:.875rem}.split-button--sm .split-button__toggle{padding:var(--spacing-xs) .375rem;font-size:var(--spacing-sm)}.split-button--md .split-button__main{padding:.375rem var(--spacing-sm);font-size:1rem}.split-button--md .split-button__toggle{padding:.375rem var(--spacing-xs);font-size:.875rem}.split-button--lg .split-button__main{padding:var(--spacing-xs) 1rem;font-size:1.125rem}.split-button--lg .split-button__toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:1rem}.split-button__group{transition:all .3s ease}.split-button__group:hover:not(.split-button--disabled){transform:translateY(-1px)}.split-button__group:active:not(.split-button--disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.split-button--lg .split-button__main{padding:.375rem var(--spacing-sm);font-size:1rem}.split-button--lg .split-button__toggle{padding:.375rem var(--spacing-xs);font-size:.875rem}}@media (max-width: 576px){.split-button,.split-button .split-button__group{width:100%}.split-button .split-button__main{flex:1}}[data-theme=dark] .split-button__toggle{border-left-color:#ffffff26}[data-theme=dark] .split-button--open .split-button__toggle{background-color:#ffffff1a}@media (prefers-reduced-motion: reduce){.split-button__group{transition:none}.split-button__group:hover{transform:none}.split-button__toggle i{transition:none}}.split-button__main:focus-visible,.split-button__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;z-index:3}.split-button__main .spinner-border{width:1em;height:1em;border-width:.15em}.btn-toolbar .split-button{margin:0 var(--spacing-xs)}.form-group .split-button--full-width{margin-top:var(--spacing-xs)}.split-button-group{display:flex;gap:var(--spacing-xs)}.split-button-group--vertical{flex-direction:column}.split-button-group--vertical .split-button{width:100%}.split-button[data-context=save] .split-button__main i{color:inherit}.split-button[data-context=delete].split-button--danger .split-button__main{font-weight:500}.split-button--outline .split-button__main,.split-button--outline .split-button__toggle{background:transparent}.split-button--outline .split-button__main:hover:not(:disabled),.split-button--outline .split-button__toggle:hover:not(:disabled){background:var(--primary);color:var(--bg)}.split-button--outline.split-button--open .split-button__toggle{background:rgba(var(--primary-rgb),.1)}.split-button__main .badge{margin-left:var(--spacing-xs);font-size:.65em;padding:.15em .4em}.card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .3s ease}.card--primary{border-color:var(--primary)}.card--primary .card__header{background:var(--primary);color:var(--bg)}.card--secondary{background:var(--bg)}.card--success{border-color:var(--success)}.card--success .card__header{background:rgba(var(--success-rgb),.1);color:var(--success)}.card--warning{border-color:var(--warning)}.card--warning .card__header{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.card--danger{border-color:var(--danger)}.card--danger .card__header{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.card--info{border-color:var(--info)}.card--info .card__header{background:rgba(var(--info-rgb),.1);color:var(--info)}.card--dark{background:var(--surface);color:var(--text-primary)}.card--light{background:var(--bg)}.card--sm .card__header{padding:var(--spacing-sm) var(--spacing-md)}.card--sm .card__body{padding:var(--spacing-md)}.card--sm .card__footer{padding:var(--spacing-sm) var(--spacing-md)}.card--sm .card__title{font-size:1rem}.card--md .card__header{padding:var(--spacing-md) var(--spacing-lg)}.card--md .card__body{padding:var(--spacing-lg)}.card--md .card__footer{padding:var(--spacing-md) var(--spacing-lg)}.card--md .card__title{font-size:1.125rem}.card--lg .card__header{padding:1.25rem var(--spacing-xl)}.card--lg .card__body{padding:var(--spacing-xl)}.card--lg .card__footer{padding:1.25rem var(--spacing-xl)}.card--lg .card__title{font-size:1.25rem}.card--shadow-none{box-shadow:none}.card--shadow-sm{box-shadow:var(--shadow-sm)}.card--shadow-md{box-shadow:var(--shadow-md)}.card--shadow-lg{box-shadow:var(--shadow-lg)}.card--shadow-xl{box-shadow:var(--shadow-xl)}.card--bordered{border:1px solid var(--border-primary)}.card--hoverable{cursor:pointer}.card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--clickable{cursor:pointer}.card--clickable:hover{background:var(--webmaster-hover-bg, rgba(0, 212, 255, .05))}.card--clickable:active{transform:scale(.99)}.card--selected{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.card--collapsed .card__header{border-bottom:none}.card--loading .card__body,.card--error .card__body{display:flex;align-items:center;justify-content:center;min-height:200px}.card__image{position:relative;overflow:hidden}.card__image img{width:100%;height:auto;display:block}.card__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary);min-height:3rem}.card__header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.card__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary);color:var(--bg);border-radius:var(--radius-sm);flex-shrink:0}.card__icon i{font-size:1.25rem}.card__titles{flex:1;min-width:0}.card__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.card__title .badge{font-size:.65em;font-weight:500}.card__subtitle{font-size:.875rem;color:var(--text-secondary);margin:var(--spacing-xs) 0 0}.card__header-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.card__action,.card__collapse-toggle{padding:var(--spacing-xs) var(--spacing-xs);color:var(--text-secondary);border:none;background:transparent;transition:all .3s ease}.card__action:hover:not(:disabled),.card__collapse-toggle:hover:not(:disabled){color:var(--primary);background:rgba(var(--primary-rgb),.1)}.card__action:disabled,.card__collapse-toggle:disabled{opacity:.5;cursor:not-allowed}.card__action i,.card__collapse-toggle i{transition:transform .3s ease}.card__body{flex:1}.card__loading,.card__error{text-align:center}.card__loading i,.card__error i{font-size:3rem}.card__loading p,.card__error p{margin:0}.card__footer{border-top:1px solid var(--border-primary);background:var(--bg)}@media (max-width: 768px){.card--lg .card__header{padding:var(--spacing-md) var(--spacing-lg)}.card--lg .card__body{padding:var(--spacing-lg)}.card--lg .card__footer{padding:var(--spacing-md) var(--spacing-lg)}.card__header{flex-wrap:wrap;gap:var(--spacing-sm)}.card__header-actions{width:100%;justify-content:flex-end}}@media (max-width: 576px){.card{border-radius:0}.card--shadow-lg,.card--shadow-xl{box-shadow:var(--shadow-md)}.card__header{padding:var(--spacing-sm) var(--spacing-md)}.card__body{padding:var(--spacing-md)}.card__footer{padding:var(--spacing-sm) var(--spacing-md)}.card__title{font-size:1rem}.card__icon{width:2rem;height:2rem}.card__icon i{font-size:1rem}}[data-theme=dark] .card--default{background:var(--card-bg)}[data-theme=dark] .card--light{background:var(--surface)}[data-theme=dark] .card--shadow-sm,[data-theme=dark] .card--shadow-md,[data-theme=dark] .card--shadow-lg,[data-theme=dark] .card--shadow-xl{box-shadow:0 4px 6px #0000004d}[data-theme=dark] .card__footer{background:var(--surface)}@media (prefers-reduced-motion: reduce){.card{transition:none}.card--hoverable:hover,.card--clickable:active{transform:none}.card__action,.card__collapse-toggle,.card__action i,.card__collapse-toggle i{transition:none}}.card--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card__action:focus-visible,.card__collapse-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-grid{display:grid;gap:var(--spacing-lg)}.card-grid--cols-2{grid-template-columns:repeat(2,1fr)}.card-grid--cols-3{grid-template-columns:repeat(3,1fr)}.card-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.card-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.card-grid--cols-3,.card-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.card-grid--cols-2,.card-grid--cols-3,.card-grid--cols-4{grid-template-columns:1fr}}.card__body,.card__footer{animation:card-expand .3s ease-out}.card--collapsed .card__body,.card--collapsed .card__footer{animation:card-collapse .3s ease-out}@keyframes card-expand{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes card-collapse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}.tab-navigation{display:flex}.tab-navigation--horizontal{flex-direction:column}.tab-navigation--vertical{flex-direction:row}.tab-navigation--vertical .tab-navigation__header{border-bottom:none;border-right:1px solid var(--border-primary);min-width:200px}.tab-navigation--vertical .tab-navigation__tabs{flex-direction:column}.tab-navigation--vertical .tab-navigation__tab{width:100%;justify-content:flex-start;border-bottom:1px solid var(--border-primary)}.tab-navigation--vertical .tab-navigation__tab:last-child{border-bottom:none}.tab-navigation--vertical .tab-navigation__content{border-top:none;padding-left:var(--spacing-lg)}.tab-navigation--align-start .tab-navigation__tabs{justify-content:flex-start}.tab-navigation--align-center .tab-navigation__tabs{justify-content:center}.tab-navigation--align-end .tab-navigation__tabs{justify-content:flex-end}.tab-navigation--fill .tab-navigation__tab{flex:1}.tab-navigation--scrollable .tab-navigation__tabs{overflow-x:auto;scrollbar-width:thin}.tab-navigation--scrollable .tab-navigation__tabs::-webkit-scrollbar{height:4px}.tab-navigation--scrollable .tab-navigation__tabs::-webkit-scrollbar-track{background:var(--bg)}.tab-navigation--scrollable .tab-navigation__tabs::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.tab-navigation--scrollable .tab-navigation__tabs::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.tab-navigation--disabled{opacity:.6;pointer-events:none}.tab-navigation__header{position:relative;border-bottom:1px solid var(--border-primary)}.tab-navigation__tabs{display:flex;position:relative;margin:0;padding:0}.tab-navigation__tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:all .3s ease;white-space:nowrap}.tab-navigation__tab:hover:not(:disabled){color:var(--text-primary);background:var(--webmaster-hover-bg, rgba(0, 212, 255, .05))}.tab-navigation__tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tab-navigation__tab--active,.tab-navigation__tab--active:hover{color:var(--primary)}.tab-navigation__tab--disabled{opacity:.5;cursor:not-allowed}.tab-navigation__tab--disabled:hover{background:transparent;color:var(--text-secondary)}.tab-navigation__tab-icon{font-size:1rem}.tab-navigation__tab-label{flex:1}.tab-navigation__tab-badge{font-size:.65rem;padding:.125rem .375rem}.tab-navigation__tab-close{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:var(--spacing-xs);margin-right:-var(--spacing-xs);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);opacity:.7;transition:all .3s ease}.tab-navigation__tab-close:hover{opacity:1;background:rgba(var(--danger-rgb),.1);color:var(--danger)}.tab-navigation__tab-close i{font-size:.875rem}.tab-navigation__indicator{position:absolute;background:var(--primary);transition:all .3s ease;border-radius:1px}.tab-navigation__content{padding:var(--spacing-lg) 0;flex:1}.tab-navigation--pills .tab-navigation__header{border-bottom:none;padding:var(--spacing-xs);background:var(--bg);border-radius:var(--radius-md)}.tab-navigation--pills .tab-navigation__tab{border-radius:var(--spacing-xl);padding:var(--spacing-xs) 1rem}.tab-navigation--pills .tab-navigation__tab--active{background:var(--primary);color:var(--bg)}.tab-navigation--pills .tab-navigation__tab--active:hover{background:var(--primary-dark);color:var(--bg)}.tab-navigation--pills .tab-navigation__indicator{display:none}.tab-navigation--underline .tab-navigation__header{border-bottom:none}.tab-navigation--underline .tab-navigation__tab{border-bottom:2px solid transparent;margin-bottom:-2px}.tab-navigation--underline .tab-navigation__tab--active{border-bottom-color:var(--primary)}.tab-navigation--underline .tab-navigation__indicator{display:none}.tab-navigation--minimal .tab-navigation__header{border-bottom:none}.tab-navigation--minimal .tab-navigation__tab{opacity:.7}.tab-navigation--minimal .tab-navigation__tab:hover:not(:disabled){opacity:1;background:transparent}.tab-navigation--minimal .tab-navigation__tab--active{opacity:1;font-weight:600}.tab-navigation--minimal .tab-navigation__indicator{display:none}.tab-navigation--sm .tab-navigation__tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.tab-navigation--sm .tab-navigation__tab-icon{font-size:.875rem}.tab-navigation--sm .tab-navigation__content{padding:var(--spacing-md) 0}.tab-navigation--lg .tab-navigation__tab{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.tab-navigation--lg .tab-navigation__tab-icon{font-size:1.25rem}.tab-navigation--lg .tab-navigation__content{padding:var(--spacing-xl) 0}@media (max-width: 768px){.tab-navigation--vertical{flex-direction:column}.tab-navigation--vertical .tab-navigation__header{border-right:none;border-bottom:1px solid var(--border-primary);min-width:auto}.tab-navigation--vertical .tab-navigation__tabs{flex-direction:row;overflow-x:auto}.tab-navigation--vertical .tab-navigation__tab{width:auto;border-bottom:none}.tab-navigation--vertical .tab-navigation__content{padding-left:0;padding-top:var(--spacing-lg)}.tab-navigation--scrollable .tab-navigation__tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch}}@media (max-width: 576px){.tab-navigation__tab{padding:.625rem var(--spacing-sm);font-size:.875rem}.tab-navigation__tab-badge{display:none}.tab-navigation--lg .tab-navigation__tab{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}}[data-theme=dark] .tab-navigation__header{border-color:var(--border-primary)}[data-theme=dark] .tab-navigation--pills .tab-navigation__header{background:var(--surface)}[data-theme=dark] .tab-navigation--vertical .tab-navigation__header{border-right-color:var(--border-primary)}[data-theme=dark] .tab-navigation--vertical .tab-navigation__tab{border-bottom-color:var(--border-primary)}[data-theme=dark] .tab-navigation__tabs::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .tab-navigation__tabs::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.tab-navigation__tab,.tab-navigation__indicator,.tab-navigation__tab-close{transition:none}}.tab-navigation__content{animation:tab-content-fade-in .3s ease-out}@keyframes tab-content-fade-in{0%{opacity:0;transform:translateY(var(--spacing-xs))}to{opacity:1;transform:translateY(0)}}.tab-navigation--external .tab-navigation__content{display:none}.card .tab-navigation{margin:-1.5rem -var(--spacing-lg) 0}.card .tab-navigation .tab-navigation__content{padding:var(--spacing-lg)}.tab-navigation-group{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tab-navigation-group .tab-navigation{flex:1}.accordion{display:flex;flex-direction:column}.accordion--default .accordion__item{border:1px solid var(--border-primary)}.accordion--default .accordion__item:not(:last-child){border-bottom:none}.accordion--default .accordion__item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.accordion--default .accordion__item:first-child .accordion__header{border-top-left-radius:calc(var(--radius-md) - 1px);border-top-right-radius:calc(var(--radius-md) - 1px)}.accordion--default .accordion__item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.accordion--default .accordion__item:last-child .accordion__header{border-bottom-left-radius:calc(var(--radius-md) - 1px);border-bottom-right-radius:calc(var(--radius-md) - 1px)}.accordion--default .accordion__item:last-child .accordion__panel{border-bottom-left-radius:calc(var(--radius-md) - 1px);border-bottom-right-radius:calc(var(--radius-md) - 1px)}.accordion--bordered{gap:var(--spacing-sm)}.accordion--bordered .accordion__item{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.accordion--filled{gap:var(--spacing-sm)}.accordion--filled .accordion__item{background:var(--bg);border-radius:var(--radius-md);overflow:hidden}.accordion--filled .accordion__header{background:var(--bg)}.accordion--filled .accordion__header:hover{background:rgba(var(--primary-rgb),.1)}.accordion--filled .accordion__panel{background:var(--card-bg)}.accordion--minimal .accordion__item{border:none;border-bottom:1px solid var(--border-primary)}.accordion--minimal .accordion__item:last-child{border-bottom:none}.accordion--minimal .accordion__header{padding-left:0;padding-right:0}.accordion--flush .accordion__item{border-radius:0}.accordion--flush.accordion--default .accordion__item:first-child,.accordion--flush.accordion--default .accordion__item:last-child{border-radius:0}.accordion--flush.accordion--default .accordion__item:first-child .accordion__header,.accordion--flush.accordion--default .accordion__item:first-child .accordion__panel,.accordion--flush.accordion--default .accordion__item:last-child .accordion__header,.accordion--flush.accordion--default .accordion__item:last-child .accordion__panel{border-radius:0}.accordion--animated .accordion__icon{transition:transform .3s ease}.accordion--animated .accordion__panel{transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.accordion--disabled{opacity:.6;pointer-events:none}.accordion__item{background:var(--card-bg);overflow:hidden}.accordion__item--active .accordion__header{background:var(--webmaster-hover-bg, rgba(0, 212, 255, .05));color:var(--primary)}.accordion__item--disabled{opacity:.6}.accordion__item--disabled .accordion__header{cursor:not-allowed}.accordion__item--disabled .accordion__header:hover{background:transparent}.accordion__header{display:flex;align-items:center;width:100%;padding:var(--spacing-md) 1.25rem;background:transparent;border:none;color:var(--text-primary);font-weight:500;text-align:left;cursor:pointer;transition:all .3s ease}.accordion__header:hover:not(:disabled){background:var(--webmaster-hover-bg, rgba(0, 212, 255, .05))}.accordion__header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.accordion__header:disabled{cursor:not-allowed}.accordion__header-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.accordion__header-icon{font-size:1.25rem;color:var(--primary);flex-shrink:0}.accordion__title{flex:1;font-size:1rem;font-weight:500;line-height:1.5}.accordion__subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400;margin-left:auto}.accordion__badge{font-size:.65rem;padding:.125rem .375rem;flex-shrink:0}.accordion__icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.accordion__icon i{font-size:.875rem}.accordion__icon--left{margin-right:var(--spacing-sm)}.accordion__icon--right{margin-left:var(--spacing-sm)}.accordion__panel{max-height:0;overflow:hidden;opacity:0}.accordion__panel--expanded{max-height:2000px;opacity:1}.accordion__content{padding:var(--spacing-md) 1.25rem;color:var(--text-primary);line-height:1.6}.accordion--icon-left .accordion__item--active .accordion__icon--left i{transform:rotate(90deg)}.accordion--icon-right .accordion__item--active .accordion__icon--right i{transform:rotate(180deg)}.accordion--sm .accordion__header{padding:var(--spacing-sm) var(--spacing-md)}.accordion--sm .accordion__title{font-size:.875rem}.accordion--sm .accordion__subtitle{font-size:.8125rem}.accordion--sm .accordion__content{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.accordion--lg .accordion__header{padding:1.25rem var(--spacing-lg)}.accordion--lg .accordion__title{font-size:1.125rem}.accordion--lg .accordion__content{padding:1.25rem var(--spacing-lg);font-size:1.0625rem}.accordion--lg .accordion__header-icon{font-size:var(--spacing-lg)}@media (max-width: 768px){.accordion__header,.accordion__content{padding:.875rem 1rem}.accordion__header-content{flex-wrap:wrap;gap:var(--spacing-xs)}.accordion__subtitle{width:100%;margin-left:0;margin-top:var(--spacing-xs)}}@media (max-width: 576px){.accordion__header,.accordion__content{padding:var(--spacing-sm)}.accordion__title{font-size:.875rem}.accordion__subtitle{font-size:var(--spacing-sm)}.accordion--lg .accordion__header,.accordion--lg .accordion__content{padding:var(--spacing-md)}.accordion--lg .accordion__title{font-size:1rem}}[data-theme=dark] .accordion__item{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .accordion--filled .accordion__item,[data-theme=dark] .accordion--filled .accordion__header{background:var(--surface)}[data-theme=dark] .accordion--filled .accordion__panel{background:var(--card-bg)}@media (prefers-reduced-motion: reduce){.accordion--animated .accordion__icon,.accordion--animated .accordion__panel{transition:none}}.accordion__content>:first-child{margin-top:0}.accordion__content>:last-child{margin-bottom:0}.accordion__content h1,.accordion__content h2,.accordion__content h3,.accordion__content h4,.accordion__content h5,.accordion__content h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.accordion__content h1:first-child,.accordion__content h2:first-child,.accordion__content h3:first-child,.accordion__content h4:first-child,.accordion__content h5:first-child,.accordion__content h6:first-child{margin-top:0}.accordion__content p{margin-bottom:1rem}.accordion__content ul,.accordion__content ol{margin-bottom:1rem;padding-left:var(--spacing-lg)}.accordion__content img{max-width:100%;height:auto}.accordion__content pre{background:var(--bg);padding:var(--spacing-md);border-radius:.375rem;overflow-x:auto}.accordion__content code{background:var(--bg);padding:.125rem var(--spacing-xs);border-radius:var(--radius-sm);font-size:.875em}.form-accordion .accordion__content{padding:var(--spacing-lg) 1.25rem}.form-accordion .form-group{margin-bottom:1rem}.form-accordion .form-group:last-child{margin-bottom:0}.accordion-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.timeline{position:relative}.timeline--vertical{padding:var(--spacing-md) 0}.timeline--vertical.timeline--connected:before{content:"";position:absolute;background:var(--border-primary);width:2px}.timeline--vertical.timeline--left{padding-left:3rem}.timeline--vertical.timeline--left:before{left:var(--spacing-lg);top:0;bottom:0}.timeline--vertical.timeline--left .timeline__marker{left:0}.timeline--vertical.timeline--left .timeline__content{margin-left:var(--spacing-xl)}.timeline--vertical.timeline--right{padding-right:3rem}.timeline--vertical.timeline--right:before{right:var(--spacing-lg);top:0;bottom:0}.timeline--vertical.timeline--right .timeline__marker{right:0}.timeline--vertical.timeline--right .timeline__content{margin-right:var(--spacing-xl)}.timeline--vertical.timeline--alternate{padding:var(--spacing-md) 0}.timeline--vertical.timeline--alternate:before{left:50%;top:0;bottom:0;transform:translate(-50%)}.timeline--vertical.timeline--alternate .timeline__item{display:flex;align-items:flex-start}.timeline--vertical.timeline--alternate .timeline__item:nth-child(odd){flex-direction:row-reverse}.timeline--vertical.timeline--alternate .timeline__item:nth-child(odd) .timeline__content{margin-right:var(--spacing-xl);text-align:right}.timeline--vertical.timeline--alternate .timeline__item:nth-child(odd) .timeline__time--left{margin-left:var(--spacing-xl);text-align:left}.timeline--vertical.timeline--alternate .timeline__item:nth-child(2n) .timeline__content{margin-left:var(--spacing-xl)}.timeline--vertical.timeline--alternate .timeline__item:nth-child(2n) .timeline__time--right{margin-right:var(--spacing-xl);text-align:right}.timeline--vertical.timeline--alternate .timeline__marker{position:relative;left:auto;right:auto}.timeline--horizontal{display:flex;overflow-x:auto;padding:3rem 1rem 1rem}.timeline--horizontal.timeline--connected:before{content:"";position:absolute;background:var(--border-primary);height:2px;left:0;right:0;top:var(--spacing-lg)}.timeline--horizontal .timeline__item{flex:0 0 auto;min-width:250px;position:relative;padding-top:var(--spacing-xl)}.timeline--horizontal .timeline__marker{top:0;left:50%;transform:translate(-50%)}.timeline--horizontal .timeline__content{margin-top:var(--spacing-xl)}.timeline--animated .timeline__item{animation:timeline-fade-in .5s ease-out;animation-fill-mode:both}.timeline--animated .timeline__item:nth-child(1){animation-delay:.1s}.timeline--animated .timeline__item:nth-child(2){animation-delay:.2s}.timeline--animated .timeline__item:nth-child(3){animation-delay:.3s}.timeline--animated .timeline__item:nth-child(4){animation-delay:.4s}.timeline--animated .timeline__item:nth-child(5){animation-delay:.5s}.timeline--animated .timeline__item:nth-child(6){animation-delay:.6s}.timeline--animated .timeline__item:nth-child(7){animation-delay:.7s}.timeline--animated .timeline__item:nth-child(8){animation-delay:.8s}.timeline--animated .timeline__item:nth-child(9){animation-delay:.9s}.timeline--animated .timeline__item:nth-child(10){animation-delay:1s}.timeline__item{position:relative;margin-bottom:var(--spacing-xl)}.timeline__item:last-child{margin-bottom:0}.timeline__item--primary .timeline__marker{background:var(--primary);color:var(--bg)}.timeline__item--success .timeline__marker{background:var(--success);color:var(--bg)}.timeline__item--warning .timeline__marker{background:var(--warning);color:var(--bg)}.timeline__item--danger .timeline__marker{background:var(--danger);color:var(--bg)}.timeline__item--info .timeline__marker{background:var(--info);color:var(--bg)}.timeline__item--active .timeline__marker{transform:scale(1.2);box-shadow:0 0 0 var(--spacing-xs) rgba(var(--primary-rgb),.25)}.timeline__item--active .timeline__content{border-color:var(--primary)}.timeline__marker{position:absolute;width:3rem;height:3rem;background:var(--card-bg);border:2px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.timeline__marker i{font-size:1.25rem}.timeline__marker-dot{width:var(--spacing-sm);height:var(--spacing-sm);background:var(--primary);border-radius:50%}.timeline__content{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.timeline__content:hover{box-shadow:var(--shadow-md)}.timeline__header{margin-bottom:var(--spacing-sm)}.timeline__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.timeline__title .badge{font-size:.65em;font-weight:500}.timeline__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.timeline__body{color:var(--text-primary);line-height:1.6}.timeline__body>:first-child{margin-top:0}.timeline__body>:last-child{margin-bottom:0}.timeline__footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-primary)}.timeline__actions{display:flex;gap:var(--spacing-xs);margin-top:1rem;flex-wrap:wrap}.timeline__time{flex:1;padding:0 1rem;color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center}.timeline--sm .timeline__marker{width:2rem;height:2rem}.timeline--sm .timeline__marker i{font-size:.875rem}.timeline--sm .timeline__marker-dot{width:var(--spacing-xs);height:var(--spacing-xs)}.timeline--sm .timeline__content{padding:var(--spacing-md)}.timeline--sm .timeline__title{font-size:1rem}.timeline--sm .timeline__subtitle{font-size:.8125rem}.timeline--sm .timeline__body{font-size:.875rem}.timeline--lg .timeline__marker{width:4rem;height:4rem}.timeline--lg .timeline__marker i{font-size:var(--spacing-lg)}.timeline--lg .timeline__marker-dot{width:1rem;height:1rem}.timeline--lg .timeline__content{padding:var(--spacing-lg)}.timeline--lg .timeline__title{font-size:1.25rem}.timeline--lg .timeline__body{font-size:1.0625rem}.timeline--compact .timeline__content{padding:var(--spacing-md);border:none;box-shadow:none;background:var(--bg)}.timeline--compact .timeline__marker{width:2rem;height:2rem}.timeline--compact .timeline__title{font-size:1rem}.timeline--compact .timeline__body{font-size:.875rem}.timeline--detailed .timeline__content{padding:var(--spacing-lg)}.timeline--detailed .timeline__header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-primary)}@keyframes timeline-fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.timeline--vertical.timeline--alternate{padding:var(--spacing-md) 0}.timeline--vertical.timeline--alternate:before{display:none}.timeline--vertical.timeline--alternate .timeline__item{flex-direction:column!important}.timeline--vertical.timeline--alternate .timeline__item:nth-child(odd) .timeline__content,.timeline--vertical.timeline--alternate .timeline__item:nth-child(2n) .timeline__content{margin:0 0 0 3rem;text-align:left}.timeline--vertical.timeline--alternate .timeline__item:nth-child(odd) .timeline__time,.timeline--vertical.timeline--alternate .timeline__item:nth-child(2n) .timeline__time{display:none}.timeline--vertical.timeline--alternate .timeline__marker{position:absolute;left:0}.timeline__content{padding:var(--spacing-md)}.timeline__title{font-size:1rem}.timeline__actions{flex-direction:column;align-items:stretch}.timeline__actions .btn{width:100%}}@media (max-width: 576px){.timeline--vertical.timeline--left{padding-left:2.5rem}.timeline--vertical.timeline--left:before{left:1rem}.timeline--vertical.timeline--right{padding-right:2.5rem}.timeline--vertical.timeline--right:before{right:1rem}.timeline__marker{width:2rem;height:2rem}.timeline__marker i{font-size:.875rem}.timeline__content{margin-left:var(--spacing-lg)!important;margin-right:0!important}}[data-theme=dark] .timeline:before{background:var(--border-primary)}[data-theme=dark] .timeline__marker{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .timeline__content{background:var(--card-bg);border-color:var(--border-primary);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .3))}[data-theme=dark] .timeline__content:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .3))}[data-theme=dark] .timeline--compact .timeline__content{background:var(--surface)}@media (prefers-reduced-motion: reduce){.timeline--animated .timeline__item{animation:none}.timeline__marker,.timeline__content{transition:none}}@media print{.timeline:before{background:var(--text-primary)}.timeline__content{box-shadow:none;border:1px solid var(--text-primary)}.timeline__actions{display:none}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--avatar-bg, var(--primary));color:var(--bg);font-weight:600;-webkit-user-select:none;user-select:none;flex-shrink:0}.avatar--xs{width:var(--spacing-lg);height:var(--spacing-lg);font-size:.625rem}.avatar--xs .avatar__status{width:.375rem;height:.375rem;border-width:1px}.avatar--xs .avatar__badge{font-size:var(--spacing-xs);padding:0 .125rem;top:-.125rem;right:-.125rem}.avatar--sm{width:2rem;height:2rem;font-size:var(--spacing-sm)}.avatar--sm .avatar__status{width:var(--spacing-xs);height:var(--spacing-xs);border-width:2px}.avatar--sm .avatar__badge{font-size:var(--spacing-xs);padding:0 var(--spacing-xs);top:-var(--spacing-xs);right:-var(--spacing-xs)}.avatar--md{width:2.5rem;height:2.5rem;font-size:.875rem}.avatar--md .avatar__status{width:.625rem;height:.625rem;border-width:2px}.avatar--lg{width:3rem;height:3rem;font-size:1rem}.avatar--lg .avatar__status{width:var(--spacing-sm);height:var(--spacing-sm);border-width:2px}.avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.avatar--xl .avatar__status{width:1rem;height:1rem;border-width:3px}.avatar--2xl{width:5rem;height:5rem;font-size:var(--spacing-lg)}.avatar--2xl .avatar__status{width:1.25rem;height:1.25rem;border-width:3px}.avatar--circle{border-radius:50%}.avatar--square{border-radius:0}.avatar--rounded{border-radius:var(--radius-md)}.avatar--primary{background:var(--primary)}.avatar--secondary{background:var(--secondary, var(--text-secondary))}.avatar--success{background:var(--success)}.avatar--warning{background:var(--warning)}.avatar--danger{background:var(--danger)}.avatar--info{background:var(--info)}.avatar--light{background:var(--bg);color:var(--text-primary)}.avatar--dark{background:var(--surface)}.avatar--bordered{border:3px solid var(--card-bg);box-shadow:var(--shadow-sm)}.avatar--interactive{cursor:pointer;transition:all .3s ease}.avatar--interactive:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.avatar--interactive:active{transform:scale(.95)}.avatar--interactive:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{text-transform:uppercase;line-height:1}.avatar__status{position:absolute;bottom:0;right:0;border-radius:50%;border:2px solid var(--card-bg)}.avatar__status--online{background:var(--success)}.avatar__status--offline{background:var(--text-secondary)}.avatar__status--away{background:var(--warning)}.avatar__status--busy{background:var(--danger)}.avatar__badge{position:absolute;top:-var(--spacing-xs);right:-var(--spacing-xs);min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;padding:0 .375rem;border-radius:.625rem;font-weight:600;line-height:1}.avatar-group{display:flex;align-items:center}.avatar-group--overlap .avatar-group__item{margin-left:calc(var(--avatar-index, 0) * -var(--spacing-xs))}.avatar-group--overlap .avatar-group__item:hover{z-index:10}.avatar-group--overlap .avatar-group__more{margin-left:-var(--spacing-xs)}.avatar-group--normal{gap:var(--spacing-xs)}.avatar-group--loose{gap:var(--spacing-md)}.avatar-group__item{position:relative;z-index:calc(5 - var(--avatar-index, 0));transition:all .3s ease}.avatar-group__item:hover{transform:scale(1.1) translateY(-2px)}.avatar-group__more{background:var(--surface);position:relative;z-index:0}@media (max-width: 768px){.avatar--xl{width:3rem;height:3rem;font-size:1rem}.avatar--2xl{width:4rem;height:4rem;font-size:1.25rem}}@media (max-width: 576px){.avatar--2xl{width:3rem;height:3rem;font-size:1rem}.avatar-group--overlap .avatar-group__item{margin-left:calc(var(--avatar-index, 0) * -var(--spacing-xs))}.avatar-group--overlap .avatar-group__more{margin-left:-var(--spacing-xs)}}[data-theme=dark] .avatar--light{background:var(--surface);color:var(--text-primary)}[data-theme=dark] .avatar--bordered,[data-theme=dark] .avatar__status{border-color:var(--card-bg)}[data-theme=dark] .avatar-group__more{background:var(--surface)}@media (prefers-reduced-motion: reduce){.avatar--interactive{transition:none}.avatar--interactive:hover,.avatar--interactive:active{transform:none}.avatar-group__item{transition:none}.avatar-group__item:hover{transform:none}}.list-group-item .avatar,.card-header .avatar{margin-right:var(--spacing-sm)}.avatar-presence{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.avatar-presence .avatar-presence__text{font-size:.875rem;color:var(--text-secondary)}.avatar-presence .avatar-presence__text--online{color:var(--success)}.avatar-presence .avatar-presence__text--away{color:var(--warning)}.avatar-presence .avatar-presence__text--busy{color:var(--danger)}.avatar-with-name{display:flex;align-items:center;gap:var(--spacing-sm)}.avatar-with-name .avatar-name{display:flex;flex-direction:column}.avatar-with-name .avatar-name__primary{font-weight:500;color:var(--text-primary)}.avatar-with-name .avatar-name__secondary{font-size:.875rem;color:var(--text-secondary)}@keyframes avatar-status-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 var(--spacing-xs) transparent}to{box-shadow:0 0 0 0 transparent}}.avatar__status--online{animation:avatar-status-pulse 2s infinite}.tooltip-trigger{display:inline-block}.tooltip{border-radius:.375rem;font-size:.875rem;font-weight:400;line-height:1.4;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;max-width:300px}.tooltip--visible{opacity:1;visibility:visible;pointer-events:auto}.tooltip--top.tooltip--with-arrow .tooltip__arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip--bottom.tooltip--with-arrow .tooltip__arrow{position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip--left.tooltip--with-arrow .tooltip__arrow{position:absolute;right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip--right.tooltip--with-arrow .tooltip__arrow{position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip--dark{background:#1f2937;color:var(--bg)}.tooltip--dark .tooltip__arrow{background:#1f2937}.tooltip--light{background:var(--bg);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.tooltip--light .tooltip__arrow{background:var(--bg);border:1px solid var(--border-primary);border-bottom:none;border-right:none}.tooltip--primary{background:var(--primary);color:var(--bg)}.tooltip--primary .tooltip__arrow{background:var(--primary)}.tooltip--secondary{background:var(--secondary, var(--text-secondary));color:var(--bg)}.tooltip--secondary .tooltip__arrow{background:var(--secondary, var(--text-secondary))}.tooltip--success{background:var(--success);color:var(--bg)}.tooltip--success .tooltip__arrow{background:var(--success)}.tooltip--warning{background:var(--warning);color:var(--bg)}.tooltip--warning .tooltip__arrow{background:var(--warning)}.tooltip--danger{background:var(--danger);color:var(--bg)}.tooltip--danger .tooltip__arrow{background:var(--danger)}.tooltip--info{background:var(--info);color:var(--bg)}.tooltip--info .tooltip__arrow{background:var(--info)}.tooltip--sm{font-size:var(--spacing-sm)}.tooltip--sm .tooltip__content{padding:var(--spacing-xs) var(--spacing-xs)}.tooltip--sm.tooltip--with-arrow .tooltip__arrow{width:6px;height:6px}.tooltip--md .tooltip__content{padding:.375rem var(--spacing-sm)}.tooltip--md.tooltip--with-arrow .tooltip__arrow{width:8px;height:8px}.tooltip--lg{font-size:1rem;max-width:400px}.tooltip--lg .tooltip__content{padding:var(--spacing-xs) 1rem}.tooltip--lg.tooltip--with-arrow .tooltip__arrow{width:10px;height:10px}.tooltip__arrow{width:8px;height:8px;position:absolute;z-index:-1}.tooltip__content{padding:.375rem var(--spacing-sm);position:relative;z-index:1}.tooltip__content>:first-child{margin-top:0}.tooltip__content>:last-child{margin-bottom:0}.tooltip__content p{margin:var(--spacing-xs) 0}.tooltip__content strong{font-weight:600}.tooltip__content code{background:rgba(0,0,0,.1);padding:.125rem var(--spacing-xs);border-radius:var(--radius-sm);font-size:.875em}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tooltip--visible{animation:tooltip-fade-in .2s ease-out}[data-theme=dark] .tooltip--light,[data-theme=dark] .tooltip--light .tooltip__arrow{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .tooltip--dark{background:var(--text-primary)}@media (prefers-reduced-motion: reduce){.tooltip{transition:none}.tooltip--visible{animation:none}}.tooltip-header{font-weight:600;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(255,255,255,.2)}.tooltip-list{margin:var(--spacing-xs) 0;padding-left:1.25rem}.tooltip-list li{margin:.125rem 0}.tooltip-footer{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid rgba(255,255,255,.2);font-size:var(--spacing-sm);opacity:.8}.icon-with-tooltip{cursor:help;color:var(--text-secondary)}.icon-with-tooltip:hover{color:var(--primary)}.badge .tooltip-trigger{display:contents}.text-truncate-with-tooltip .tooltip-trigger{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 576px){.tooltip,.tooltip--lg{max-width:90vw}}.tooltip--interactive{pointer-events:auto}.tooltip--interactive:hover{opacity:1;visibility:visible}.tooltip-group{display:flex;gap:var(--spacing-xs)}.tooltip-group .tooltip-trigger{flex:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.loading-spinner--sm .loading-spinner__circle{width:var(--spacing-lg);height:var(--spacing-lg)}.loading-spinner--sm .loading-spinner__text{font-size:var(--spacing-sm)}.loading-spinner--md .loading-spinner__circle{width:2rem;height:2rem}.loading-spinner--md .loading-spinner__text{font-size:.875rem}.loading-spinner--lg .loading-spinner__circle{width:3rem;height:3rem}.loading-spinner--lg .loading-spinner__text{font-size:1rem}.loading-spinner--xl .loading-spinner__circle{width:4rem;height:4rem}.loading-spinner--xl .loading-spinner__text{font-size:1.125rem}.loading-spinner--overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner--overlay .loading-spinner__circle{width:3rem;height:3rem}.loading-spinner__circle{position:relative;border-radius:50%;animation:loading-spin 1s linear infinite}.loading-spinner--primary .loading-spinner__circle{border:3px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary)}.loading-spinner--secondary .loading-spinner__circle{border:3px solid rgba(108,117,125,.2);border-top-color:#6c757d}.loading-spinner--success .loading-spinner__circle{border:3px solid rgba(var(--success-rgb),.2);border-top-color:var(--success)}.loading-spinner--warning .loading-spinner__circle{border:3px solid rgba(var(--warning-rgb),.2);border-top-color:var(--warning)}.loading-spinner--danger .loading-spinner__circle{border:3px solid rgba(var(--danger-rgb),.2);border-top-color:var(--danger)}.loading-spinner--info .loading-spinner__circle{border:3px solid rgba(var(--info-rgb),.2);border-top-color:var(--info)}.loading-spinner--light .loading-spinner__circle{border:3px solid rgba(248,249,250,.8);border-top-color:#f8f9fa}.loading-spinner--dark .loading-spinner__circle{border:3px solid rgba(33,37,41,.2);border-top-color:#212529}.loading-spinner__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;animation:loading-pulse 1.5s ease-in-out infinite}.loading-spinner--primary .loading-spinner__inner{background:var(--primary)}.loading-spinner--secondary .loading-spinner__inner{background:#6c757d}.loading-spinner--success .loading-spinner__inner{background:var(--success)}.loading-spinner--warning .loading-spinner__inner{background:var(--warning)}.loading-spinner--danger .loading-spinner__inner{background:var(--danger)}.loading-spinner--info .loading-spinner__inner{background:var(--info)}.loading-spinner--light .loading-spinner__inner{background:#f8f9fa}.loading-spinner--dark .loading-spinner__inner{background:#212529}.loading-spinner__text{color:var(--text-secondary);font-weight:500;text-align:center}.loading-spinner--overlay .loading-spinner__text{color:var(--text-primary)}.loading-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}[data-theme=dark] .loading-spinner-overlay{background:rgba(0,0,0,.8)}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}}.loading-spinner--dots .loading-spinner__circle{border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.loading-spinner--dots .loading-spinner__circle:before,.loading-spinner--dots .loading-spinner__circle:after,.loading-spinner--dots .loading-spinner__circle .loading-spinner__inner{position:static;transform:none;width:6px;height:6px;border-radius:50%;animation:loading-dots 1.4s ease-in-out infinite both}.loading-spinner--dots .loading-spinner__circle:before,.loading-spinner--dots .loading-spinner__circle:after{content:""}.loading-spinner--dots .loading-spinner__circle:before{animation-delay:-.32s}.loading-spinner--dots .loading-spinner__circle .loading-spinner__inner{animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-spinner--inline{display:inline-flex;vertical-align:middle}.loading-spinner--inline .loading-spinner__circle{width:1rem;height:1rem}.loading-spinner--inline .loading-spinner__text{display:none}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem var(--spacing-lg);text-align:center;min-height:200px}.empty-state--sm{padding:var(--spacing-xl) 1rem;min-height:150px}.empty-state--sm .empty-state__icon{font-size:2.5rem;margin-bottom:1rem}.empty-state--sm .empty-state__title{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.empty-state--sm .empty-state__description{font-size:.875rem}.empty-state--md{padding:3rem var(--spacing-lg);min-height:200px}.empty-state--md .empty-state__icon{font-size:3.5rem;margin-bottom:var(--spacing-lg)}.empty-state--md .empty-state__title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.empty-state--md .empty-state__description{font-size:1rem}.empty-state--lg{padding:4rem var(--spacing-xl);min-height:300px}.empty-state--lg .empty-state__icon{font-size:4.5rem;margin-bottom:var(--spacing-xl)}.empty-state--lg .empty-state__title{font-size:var(--spacing-lg);margin-bottom:1rem}.empty-state--lg .empty-state__description{font-size:1.125rem}.empty-state__content{max-width:400px;margin:0 auto}.empty-state__icon{color:var(--text-secondary);margin-bottom:var(--spacing-lg);animation:empty-state-icon 2s ease-in-out infinite}.empty-state--search .empty-state__icon{color:var(--info)}.empty-state--error .empty-state__icon{color:var(--danger)}.empty-state--maintenance .empty-state__icon{color:var(--warning)}.empty-state--success .empty-state__icon{color:var(--success)}.empty-state__title{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm);line-height:1.3}.empty-state__description{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-xl)}.empty-state__description:last-child{margin-bottom:0}.empty-state__action{margin-top:var(--spacing-xl)}.empty-state__action .btn{margin:0 var(--spacing-xs) var(--spacing-xs) 0}.empty-state__action .btn:first-child{font-weight:500}.empty-state--default{background:transparent}.empty-state--search{background:rgba(var(--info-rgb),.02);border:1px dashed rgba(var(--info-rgb),.2);border-radius:var(--radius-md)}.empty-state--error{background:rgba(var(--danger-rgb),.02);border:1px dashed rgba(var(--danger-rgb),.2);border-radius:var(--radius-md)}.empty-state--maintenance{background:rgba(var(--warning-rgb),.02);border:1px dashed rgba(var(--warning-rgb),.2);border-radius:var(--radius-md)}.empty-state--success{background:rgba(var(--success-rgb),.02);border:1px dashed rgba(var(--success-rgb),.2);border-radius:var(--radius-md)}@keyframes empty-state-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}[data-theme=dark] .empty-state--search{background:rgba(var(--info-rgb),.05);border-color:rgba(var(--info-rgb),.3)}[data-theme=dark] .empty-state--error{background:rgba(var(--danger-rgb),.05);border-color:rgba(var(--danger-rgb),.3)}[data-theme=dark] .empty-state--maintenance{background:rgba(var(--warning-rgb),.05);border-color:rgba(var(--warning-rgb),.3)}[data-theme=dark] .empty-state--success{background:rgba(var(--success-rgb),.05);border-color:rgba(var(--success-rgb),.3)}@media (max-width: 576px){.empty-state{padding:var(--spacing-xl) 1rem;min-height:150px}.empty-state--lg{padding:2.5rem 1rem;min-height:200px}.empty-state__icon{font-size:2.5rem!important;margin-bottom:1rem!important}.empty-state__title{font-size:1rem!important;margin-bottom:var(--spacing-xs)!important}.empty-state__description{font-size:.875rem!important}.empty-state__content{max-width:300px}}.webmaster-card .empty-state{padding:var(--spacing-xl) 1rem;min-height:120px}.webmaster-card .empty-state__icon{font-size:var(--spacing-xl);margin-bottom:1rem}.webmaster-card .empty-state__title{font-size:1rem;margin-bottom:var(--spacing-xs)}.webmaster-card .empty-state__description{font-size:.875rem;margin-bottom:1rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-weight:500;line-height:1;white-space:nowrap;border-radius:.375rem;transition:var(--transition-default)}.status-badge--sm{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--spacing-sm)}.status-badge--sm .status-badge__icon{font-size:.625rem}.status-badge--md{padding:.375rem var(--spacing-sm);font-size:.875rem}.status-badge--md .status-badge__icon{font-size:var(--spacing-sm)}.status-badge--lg{padding:var(--spacing-xs) 1rem;font-size:1rem}.status-badge--lg .status-badge__icon{font-size:.875rem}.status-badge--pulse{animation:status-badge-pulse 2s infinite}.status-badge__icon,.status-badge__text{flex-shrink:0}.status-badge--solid{border:1px solid transparent}.status-badge--solid.status-badge--primary{background:var(--primary);color:var(--bg)}.status-badge--solid.status-badge--secondary{background:#6c757d;color:var(--bg)}.status-badge--solid.status-badge--success{background:var(--success);color:var(--bg)}.status-badge--solid.status-badge--warning{background:var(--warning);color:var(--bg)}.status-badge--solid.status-badge--danger{background:var(--danger);color:var(--bg)}.status-badge--solid.status-badge--info{background:var(--info);color:var(--bg)}.status-badge--outline{background:transparent;border:1px solid}.status-badge--outline.status-badge--primary{border-color:var(--primary);color:var(--primary)}.status-badge--outline.status-badge--secondary{border-color:#6c757d;color:#6c757d}.status-badge--outline.status-badge--success{border-color:var(--success);color:var(--success)}.status-badge--outline.status-badge--warning{border-color:var(--warning);color:var(--warning)}.status-badge--outline.status-badge--danger{border-color:var(--danger);color:var(--danger)}.status-badge--outline.status-badge--info{border-color:var(--info);color:var(--info)}.status-badge--soft{border:1px solid transparent}.status-badge--soft.status-badge--primary{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.status-badge--soft.status-badge--secondary{background:rgba(108,117,125,.1);color:#6c757d}.status-badge--soft.status-badge--success{background:rgba(var(--success-rgb),.1);color:var(--success)}.status-badge--soft.status-badge--warning{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.status-badge--soft.status-badge--danger{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.status-badge--soft.status-badge--info{background:rgba(var(--info-rgb),.1);color:var(--info)}@keyframes status-badge-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 var(--spacing-xs) transparent;opacity:.8}to{box-shadow:0 0 0 0 transparent;opacity:1}}.status-badge--online .status-badge__icon{animation:online-blink 2s infinite}.status-badge--processing .status-badge__icon{animation:processing-spin 1s linear infinite}@keyframes online-blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .status-badge--soft.status-badge--primary{background:rgba(var(--primary-rgb),.15)}[data-theme=dark] .status-badge--soft.status-badge--secondary{background:rgba(108,117,125,.15)}[data-theme=dark] .status-badge--soft.status-badge--success{background:rgba(var(--success-rgb),.15)}[data-theme=dark] .status-badge--soft.status-badge--warning{background:rgba(var(--warning-rgb),.15)}[data-theme=dark] .status-badge--soft.status-badge--danger{background:rgba(var(--danger-rgb),.15)}[data-theme=dark] .status-badge--soft.status-badge--info{background:rgba(var(--info-rgb),.15)}.table .status-badge--sm{padding:.125rem .375rem;font-size:.6875rem}.status-badge-group{display:inline-flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.status-badge-group .status-badge{margin:0}.status-badge[data-bs-toggle=tooltip]{cursor:help}.status-badge[data-bs-toggle=tooltip]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.skeleton-loader{background:var(--skeleton-bg, var(--border-primary));position:relative;overflow:hidden}.skeleton-loader--text{height:1em;margin:.5em 0;border-radius:var(--radius-sm)}.skeleton-loader--text:first-child{margin-top:0}.skeleton-loader--text:last-child{margin-bottom:0}.skeleton-loader--circle{border-radius:50%;width:40px;height:40px}.skeleton-loader--rect{border-radius:var(--radius-md)}.skeleton-loader--button{height:2.5rem;border-radius:.375rem;display:inline-block}.skeleton-loader--rounded{border-radius:var(--radius-md)}.skeleton-loader--animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:skeleton-wave 1.5s ease-in-out infinite}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-loader-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-template--card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.skeleton-template--card .skeleton-template__image{margin:0}.skeleton-template--card .skeleton-template__body{padding:var(--spacing-md)}.skeleton-template--card .skeleton-template__title{height:1.5em;margin-bottom:1rem}.skeleton-template--card .skeleton-template__actions{display:flex;gap:var(--spacing-xs);margin-top:1rem}.skeleton-template--list-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.skeleton-template--list-item .skeleton-template__content{flex:1}.skeleton-template--article .skeleton-template__hero{margin:0 0 var(--spacing-xl)}.skeleton-template--article .skeleton-template__content{max-width:800px;margin:0 auto;padding:0 1rem}.skeleton-template--article .skeleton-template__title{margin-bottom:1rem}.skeleton-template--article .skeleton-template__meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.skeleton-template--table{width:100%}.skeleton-template--table .skeleton-template__header{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg);border-bottom:1px solid var(--border-primary)}.skeleton-template--table .skeleton-template__header .skeleton-loader{height:.875em}.skeleton-template--table .skeleton-template__row{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.skeleton-template--table .skeleton-template__row:last-child{border-bottom:none}.skeleton-template--form{max-width:600px}.skeleton-template--form .skeleton-template__field{margin-bottom:var(--spacing-lg)}.skeleton-template--form .skeleton-template__field .skeleton-loader:first-child{margin-bottom:var(--spacing-xs)}.skeleton-template--form .skeleton-template__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}@media (max-width: 768px){.skeleton-template--article .skeleton-template__hero{height:250px!important}.skeleton-template--table .skeleton-template__header,.skeleton-template--table .skeleton-template__row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.skeleton-template--card .skeleton-template__body{padding:var(--spacing-sm)}.skeleton-template--list-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.skeleton-template--article .skeleton-template__hero{height:200px!important}.skeleton-template--article .skeleton-template__meta{flex-wrap:wrap}.skeleton-template--form .skeleton-template__actions{flex-direction:column}.skeleton-template--form .skeleton-template__actions .skeleton-loader{width:100%!important}}[data-theme=dark] .skeleton-loader{background:var(--skeleton-bg-dark)}[data-theme=dark] .skeleton-loader--animated:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}[data-theme=dark] .skeleton-template--card{background:var(--card-bg);border-color:var(--border-primary)}[data-theme=dark] .skeleton-template--list-item,[data-theme=dark] .skeleton-template--article .skeleton-template__meta{border-bottom-color:var(--border-primary)}[data-theme=dark] .skeleton-template--table .skeleton-template__header{background:var(--surface);border-bottom-color:var(--border-primary)}[data-theme=dark] .skeleton-template--table .skeleton-template__row{border-bottom-color:var(--border-primary)}[data-theme=dark] .skeleton-template--form .skeleton-template__actions{border-top-color:var(--border-primary)}@media (prefers-reduced-motion: reduce){.skeleton-loader--animated:after{animation:none;opacity:.5}}.skeleton-text .skeleton-loader--text:nth-child(1){width:100%}.skeleton-text .skeleton-loader--text:nth-child(2){width:90%}.skeleton-text .skeleton-loader--text:nth-child(3){width:95%}.skeleton-text .skeleton-loader--text:nth-child(4){width:85%}.skeleton-text .skeleton-loader--text:nth-child(5){width:92%}.skeleton-grid{display:grid;gap:var(--spacing-md)}.skeleton-grid--cols-2{grid-template-columns:repeat(2,1fr)}.skeleton-grid--cols-3{grid-template-columns:repeat(3,1fr)}.skeleton-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.skeleton-grid--cols-3,.skeleton-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.skeleton-grid--cols-2,.skeleton-grid--cols-3,.skeleton-grid--cols-4{grid-template-columns:1fr}}.skeleton-inline{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.skeleton-inline .skeleton-loader{display:inline-block;vertical-align:middle}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl);background:var(--bg)}.error-boundary__container{max-width:600px;width:100%;text-align:center;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:3rem var(--spacing-xl)}.error-boundary__icon{font-size:4rem;color:var(--danger);margin-bottom:var(--spacing-lg);animation:error-icon-shake .5s ease-in-out}.error-boundary__title{font-size:var(--spacing-lg);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.error-boundary__message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.error-boundary__details{margin:var(--spacing-xl) 0;text-align:left;background:var(--bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.error-boundary__details-summary{padding:var(--spacing-md);background:var(--surface);cursor:pointer;font-weight:500;color:var(--text-primary);transition:background .3s ease;-webkit-user-select:none;user-select:none}.error-boundary__details-summary:hover{background:rgba(var(--primary-rgb),.1)}.error-boundary__details-summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.error-boundary__details-summary::marker{color:var(--primary)}.error-boundary__details-content{padding:var(--spacing-md);max-height:400px;overflow-y:auto}.error-boundary__details-content::-webkit-scrollbar{width:8px}.error-boundary__details-content::-webkit-scrollbar-track{background:var(--bg)}.error-boundary__details-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.error-boundary__details-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.error-boundary__error-info{margin-bottom:var(--spacing-lg)}.error-boundary__error-info:last-child{margin-bottom:0}.error-boundary__error-info strong{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.error-boundary__error-info pre{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:.375rem;padding:var(--spacing-md);margin:0;font-size:.8125rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);font-family:Monaco,Menlo,Consolas,monospace}.error-boundary__actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}@keyframes error-icon-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.error-boundary{padding:var(--spacing-md);min-height:300px}.error-boundary__container{padding:var(--spacing-xl) var(--spacing-lg)}.error-boundary__icon{font-size:3rem}.error-boundary__title{font-size:1.25rem}.error-boundary__message{font-size:.875rem}}@media (max-width: 576px){.error-boundary__container{padding:var(--spacing-lg) 1rem;box-shadow:none;border:1px solid var(--border-primary)}.error-boundary__icon{font-size:2.5rem;margin-bottom:1rem}.error-boundary__title{font-size:1.125rem}.error-boundary__actions{flex-direction:column;align-items:stretch}.error-boundary__actions .btn{width:100%}.error-boundary__details-content{padding:var(--spacing-sm)}.error-boundary__details-content pre{padding:var(--spacing-sm);font-size:var(--spacing-sm)}}[data-theme=dark] .error-boundary{background:var(--surface)}[data-theme=dark] .error-boundary__container{background:var(--card-bg);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .3))}[data-theme=dark] .error-boundary__details{background:var(--surface);border-color:var(--border-primary)}[data-theme=dark] .error-boundary__details-summary{background:var(--surface)}[data-theme=dark] .error-boundary__error-info pre{background:var(--surface);border-color:var(--border-primary)}[data-theme=dark] .error-boundary__details-content::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] .error-boundary__details-content::-webkit-scrollbar-thumb{background:var(--border-primary)}@media (prefers-reduced-motion: reduce){.error-boundary__icon{animation:none}}.error-boundary--inline{min-height:auto;padding:var(--spacing-md);background:transparent}.error-boundary--inline .error-boundary__container{box-shadow:none;border:1px solid var(--danger);background:rgba(var(--danger-rgb),.05);padding:var(--spacing-lg)}.error-boundary--inline .error-boundary__icon{font-size:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.error-boundary--inline .error-boundary__title{font-size:1.125rem}.error-boundary--minimal .error-boundary__container{box-shadow:none;background:transparent;padding:var(--spacing-md)}.error-boundary--minimal .error-boundary__icon{display:none}.error-boundary--minimal .error-boundary__title{font-size:1rem;color:var(--danger)}.error-boundary--minimal .error-boundary__message{font-size:.875rem}.error-boundary--minimal .error-boundary__actions{margin-top:1rem}.error-boundary--minimal .error-boundary__actions .btn{font-size:.875rem;padding:.375rem var(--spacing-sm)}.page-content .error-boundary{background:transparent;padding:3rem 0}.modal-body .error-boundary{min-height:200px;padding:var(--spacing-md);background:transparent}.error-boundary--development .error-boundary__details{display:block!important}.error-boundary--development .error-boundary__details-summary{display:none}.error-boundary--development .error-boundary__details-content{max-height:none}.alert-banner{width:100%;border-radius:var(--radius-md);overflow:hidden}.alert-banner--info{background:rgba(var(--info-rgb),.1);border:1px solid rgba(var(--info-rgb),.3);color:var(--info)}.alert-banner--info .alert-banner__icon{color:var(--info)}.alert-banner--info .alert-banner__title,.alert-banner--info .alert-banner__message{color:var(--text-primary)}.alert-banner--success{background:rgba(var(--success-rgb),.1);border:1px solid rgba(16,185,129,.3);color:var(--success)}.alert-banner--success .alert-banner__icon{color:var(--success)}.alert-banner--success .alert-banner__title,.alert-banner--success .alert-banner__message{color:var(--text-primary)}.alert-banner--warning{background:rgba(var(--warning-rgb),.1);border:1px solid rgba(var(--warning-rgb),.3);color:var(--warning)}.alert-banner--warning .alert-banner__icon{color:var(--warning)}.alert-banner--warning .alert-banner__title,.alert-banner--warning .alert-banner__message{color:var(--text-primary)}.alert-banner--danger,.alert-banner--error{background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);color:var(--danger)}.alert-banner--danger .alert-banner__icon,.alert-banner--error .alert-banner__icon{color:var(--danger)}.alert-banner--danger .alert-banner__title,.alert-banner--danger .alert-banner__message,.alert-banner--error .alert-banner__title,.alert-banner--error .alert-banner__message{color:var(--text-primary)}.alert-banner--fixed{position:fixed;left:0;right:0;z-index:1040;border-radius:0;box-shadow:var(--shadow-lg)}.alert-banner--fixed.alert-banner--top{top:0}.alert-banner--fixed.alert-banner--bottom{bottom:0}.alert-banner--animated{animation:alert-slide-in .3s ease-out}.alert-banner--animated.alert-banner--closing{animation:alert-slide-out .3s ease-in}.alert-banner__container{display:flex;align-items:flex-start;padding:var(--spacing-md);gap:var(--spacing-md)}.alert-banner__icon{flex-shrink:0;font-size:var(--spacing-lg)}.alert-banner__content{flex:1;min-width:0}.alert-banner__title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs)}.alert-banner__message{font-size:.875rem;margin:0;line-height:1.5}.alert-banner__actions{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.alert-banner__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:.375rem;opacity:.7;transition:all .3s ease}.alert-banner__close:hover{opacity:1;background:rgba(0,0,0,.1)}.alert-banner__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.alert-banner__close i{font-size:1.25rem}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes alert-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}.alert-stack{position:fixed;z-index:1050;pointer-events:none}.alert-stack--top-left{top:1rem;left:1rem}.alert-stack--top-center{top:1rem;left:50%;transform:translate(-50%)}.alert-stack--top-right{top:1rem;right:1rem}.alert-stack--bottom-left{bottom:1rem;left:1rem}.alert-stack--bottom-center{bottom:1rem;left:50%;transform:translate(-50%)}.alert-stack--bottom-right{bottom:1rem;right:1rem}.alert-stack__item{pointer-events:auto;margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-md);animation:stack-slide-in .3s ease-out}.alert-stack__item:last-child{margin-bottom:0}@keyframes stack-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.alert-banner__container{padding:.875rem;gap:var(--spacing-sm)}.alert-banner__icon{font-size:1.25rem}.alert-banner__title{font-size:.9375rem}.alert-banner__message{font-size:.8125rem}.alert-stack--top-left,.alert-stack--bottom-left{left:var(--spacing-xs)}.alert-stack--top-right,.alert-stack--bottom-right{right:var(--spacing-xs)}}@media (max-width: 576px){.alert-banner__container{padding:var(--spacing-sm);flex-wrap:wrap}.alert-banner__actions{width:100%;margin-top:var(--spacing-xs)}.alert-banner__actions .btn{flex:1;font-size:.8125rem}.alert-banner__close{width:1.75rem;height:1.75rem}.alert-banner__close i{font-size:1rem}.alert-stack{left:var(--spacing-xs)!important;right:var(--spacing-xs)!important;transform:none!important}.alert-stack--top-center,.alert-stack--bottom-center{left:var(--spacing-xs)!important}}[data-theme=dark] .alert-banner--info{background:rgba(var(--info-rgb),.15);border-color:rgba(var(--info-rgb),.4)}[data-theme=dark] .alert-banner--success{background:rgba(16,185,129,.15);border-color:#10b98166}[data-theme=dark] .alert-banner--warning{background:rgba(var(--warning-rgb),.15);border-color:rgba(var(--warning-rgb),.4)}[data-theme=dark] .alert-banner--danger,[data-theme=dark] .alert-banner--error{background:rgba(var(--danger-rgb),.15);border-color:rgba(var(--danger-rgb),.4)}[data-theme=dark] .alert-banner__close:hover{background:rgba(255,255,255,.1)}@media (prefers-reduced-motion: reduce){.alert-banner--animated{animation:none}.alert-banner--animated.alert-banner--closing{animation:none;opacity:0}.alert-stack__item{animation:none}}.alert-banner--compact .alert-banner__container{padding:var(--spacing-xs) var(--spacing-sm)}.alert-banner--compact .alert-banner__icon{font-size:1rem}.alert-banner--compact .alert-banner__title{font-size:.875rem}.alert-banner--compact .alert-banner__message{font-size:.8125rem}.alert-banner--compact .alert-banner__actions{margin-top:var(--spacing-xs)}.alert-banner--compact .alert-banner__actions .btn{padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--spacing-sm)}.page-alerts{margin-bottom:var(--spacing-lg)}.page-alerts .alert-banner{margin-bottom:var(--spacing-sm)}.page-alerts .alert-banner:last-child{margin-bottom:0}.alert-banner--minimal{background:transparent;border:none;border-left:4px solid;border-radius:0}.alert-banner--minimal.alert-banner--info{border-left-color:var(--info)}.alert-banner--minimal.alert-banner--success{border-left-color:var(--success)}.alert-banner--minimal.alert-banner--warning{border-left-color:var(--warning)}.alert-banner--minimal.alert-banner--danger,.alert-banner--minimal.alert-banner--error{border-left-color:var(--danger)}.system-alert .alert-banner{border-radius:0}.system-alert .alert-banner--fixed{box-shadow:0 2px 10px #0003}.components-demo{color:var(--text-primary);background:var(--bg);border-color:var(--border-primary);padding:0}.components-demo .demo-section{margin-bottom:var(--crud-spacing-xl);padding:var(--crud-spacing-lg);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--crud-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.components-demo .demo-section h2{font-size:1.75rem;margin-bottom:var(--crud-spacing-md);color:var(--text-primary);font-weight:600;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.components-demo .demo-section>p{color:var(--text-secondary);margin-bottom:var(--crud-spacing-lg);font-size:.95rem;line-height:1.5}.components-demo .demo-item{margin-bottom:var(--crud-spacing-xl);padding:var(--crud-spacing-md);background:var(--surface);border:1px solid var(--border-secondary);border-radius:var(--crud-radius-md);transition:var(--crud-transition)}.components-demo .demo-item:hover{border-color:var(--primary);background:var(--surface-hover)}.components-demo .demo-item h3{font-size:1.25rem;margin-bottom:var(--crud-spacing-md);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:var(--crud-spacing-sm)}.components-demo .demo-item h3:before{content:"⚡";color:var(--primary)}.components-demo .demo-item>p{color:var(--text-tertiary);margin-bottom:var(--crud-spacing-md);font-size:.9rem;line-height:1.4}.components-demo .demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--crud-spacing-lg);margin-bottom:var(--crud-spacing-xl)}.components-demo .tab-content{padding:var(--crud-spacing-lg);background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--crud-radius-md);color:var(--text-secondary);text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.components-demo .tab-content:hover{background:var(--surface-hover);border-color:var(--primary)}.components-demo button{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--bg);border:none;transition:all .3s ease;padding:var(--crud-spacing-sm) var(--crud-spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--crud-radius-md);transition:var(--crud-transition)}.components-demo button:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-md)}.components-demo button:not([class*=btn-]){background:transparent;color:var(--primary);border:2px solid var(--primary)}.components-demo button:not([class*=btn-]):hover{background:var(--primary);color:var(--bg)}.components-demo input[type=text],.components-demo input[type=email]{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:var(--crud-spacing-sm);border-radius:var(--crud-radius-md);font-size:.875rem;transition:var(--crud-transition)}.components-demo input[type=text]::placeholder,.components-demo input[type=email]::placeholder{color:var(--text-muted)}.components-demo input[type=text]:focus,.components-demo input[type=email]:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.components-demo input[type=text]:focus,.components-demo input[type=email]:focus{transform:scale(1.02)}.components-demo label{display:block;margin-bottom:var(--crud-spacing-sm);font-weight:500;font-size:.875rem;color:var(--text-primary)}.components-demo .demo-section{animation:fadeInUp .6s ease-out}.components-demo .demo-section:nth-child(2n){animation-delay:.1s}.components-demo .demo-section:nth-child(odd){animation-delay:.2s}.components-demo .demo-item{position:relative}@media (max-width: 768px){.components-demo .demo-grid{grid-template-columns:1fr}.components-demo .demo-section{padding:var(--crud-spacing-md)}.components-demo .demo-item{padding:var(--crud-spacing-sm)}}.components-demo .status-indicator.healthy{color:var(--success);box-shadow:0 0 20px var(--glow)}.components-demo .status-indicator.warning{color:var(--warning)}.components-demo .status-indicator.error{color:var(--error)}.components-demo .btn-primary{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--bg);border:none;transition:all .3s ease}.components-demo .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-md)}.components-demo .btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.components-demo .btn-outline:hover{background:var(--primary);color:var(--bg)}.components-demo .btn-danger{background:var(--error);color:var(--text-primary);border:none}.components-demo .btn-danger:hover{background:var(--error);filter:brightness(1.2)}.components-demo .themed-card{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--crud-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--crud-transition)}.components-demo .themed-card:hover{border-color:var(--primary);background:var(--surface-hover)}.components-demo .themed-input{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--crud-radius-md)}.components-demo .themed-input::placeholder{color:var(--text-muted)}.components-demo .themed-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.components-demo .tooltip{background:var(--overlay);color:var(--text-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.components-demo .accordion-item{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease;border-radius:var(--crud-radius-md);margin-bottom:var(--crud-spacing-sm)}.components-demo .accordion-item:hover{background:var(--surface-hover);border-color:var(--primary)}.components-demo .timeline-item:before{background:var(--primary);box-shadow:0 0 20px var(--glow)}.components-demo .avatar{border:2px solid var(--border-primary)}.components-demo .avatar.online:after{background:var(--success)}.components-demo .badge{background:rgba(var(--primary-rgb),.2);color:var(--primary);border:1px solid var(--primary)}.components-demo .alert{border-radius:var(--crud-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.components-demo .alert.alert-success{background:rgba(var(--success),.1);border-color:var(--success);color:var(--success)}.components-demo .alert.alert-warning{background:rgba(var(--warning),.1);border-color:var(--warning);color:var(--warning)}.components-demo .alert.alert-error{background:rgba(var(--error),.1);border-color:var(--error);color:var(--error)}.components-demo .alert.alert-info{background:rgba(var(--info),.1);border-color:var(--info);color:var(--info)}.components-demo .skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.components-demo .modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.components-demo .modal-content{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--crud-radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.components-demo .dropdown-menu{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--crud-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px var(--shadow-lg)}.components-demo .dropdown-item{color:var(--text-primary)}.components-demo .dropdown-item:hover{background:var(--surface-hover);color:var(--primary)}.components-demo .tab-nav{border-bottom:2px solid var(--border-primary)}.components-demo .tab-nav .tab-item{color:var(--text-secondary)}.components-demo .tab-nav .tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.components-demo .tab-nav .tab-item:hover{color:var(--primary)}.components-demo .progress-bar{background:var(--surface);border-radius:var(--crud-radius-sm)}.components-demo .progress-bar .progress-fill{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border-radius:var(--crud-radius-sm)}.components-demo .switch{background:var(--surface);border:1px solid var(--border-primary)}.components-demo .switch.checked{background:var(--primary)}.components-demo .switch.checked .switch-handle{background:var(--bg)}.components-demo .tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--crud-radius-sm)}.components-demo .tag .tag-remove{color:var(--primary)}.components-demo .tag .tag-remove:hover{background:rgba(var(--primary-rgb),.2)}.chat-test-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--background)}.chat-test-container .chat-test-card{background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 20px var(--shadow-md);height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chat-test-container .chat-test-card .card-header{background:var(--surface);border-bottom:1px solid var(--border-primary);padding:1rem 1.5rem}.chat-test-container .chat-test-card .card-header h5{color:var(--text-primary);font-weight:600;display:flex;align-items:center}.chat-test-container .chat-test-card .card-header h5 i{color:var(--primary)}.chat-test-container .chat-test-card .card-header small{color:var(--text-tertiary)}.chat-test-container .chat-test-card .card-header .btn-outline-secondary{background:transparent;border-color:var(--border-primary);color:var(--text-secondary)}.chat-test-container .chat-test-card .chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:var(--background)}.chat-test-container .chat-test-card .chat-messages .text-center{color:var(--text-tertiary)}.chat-test-container .chat-test-card .chat-messages .text-center .display-4{color:var(--text-muted)}.chat-test-container .chat-test-card .chat-messages .chat-message{margin-bottom:1.5rem;animation:slideUp .3s ease-out}.chat-test-container .chat-test-card .chat-messages .chat-message.user .message-content{background:var(--primary);color:#fff;margin-left:auto;margin-right:0}.chat-test-container .chat-test-card .chat-messages .chat-message.assistant .message-content{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-primary)}.chat-test-container .chat-test-card .chat-messages .chat-message.assistant.loading .message-content{color:var(--text-secondary)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-header{display:flex;align-items:center;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.chat-test-container .chat-test-card .chat-messages .chat-message .message-header i{color:var(--primary)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-header strong{color:var(--text-primary);margin-left:.25rem}.chat-test-container .chat-test-card .chat-messages .chat-message .message-header small{color:var(--text-tertiary)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content{padding:.75rem 1rem;border-radius:8px;max-width:70%;word-wrap:break-word;transition:all .3s ease}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image{margin:.5rem 0;position:relative}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image img{max-width:100%;max-height:400px;border-radius:8px;display:block;cursor:zoom-in;box-shadow:0 2px 8px var(--shadow-md);transition:all .3s ease}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image img:hover{transform:scale(1.02);box-shadow:0 4px 16px var(--shadow-lg)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image .image-error{background:var(--surface);border:1px solid var(--border-primary);border-radius:8px;padding:2rem;text-align:center;color:var(--text-tertiary)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image .image-error i{display:block;font-size:2rem;margin-bottom:.5rem;color:var(--text-muted)}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image .image-error span{font-size:.875rem}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content span+.message-image,.chat-test-container .chat-test-card .chat-messages .chat-message .message-content .message-image+span{margin-top:.5rem}.chat-test-container .chat-test-card .chat-messages .alert-danger{background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger);color:var(--danger)}.chat-test-container .chat-test-card .chat-messages .alert-danger .btn-close{filter:brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(5590%) hue-rotate(356deg) brightness(98%) contrast(97%)}.chat-test-container .chat-test-card .chat-config{background:var(--surface);border-top:1px solid var(--border-primary);padding:1rem 1.5rem}.chat-test-container .chat-test-card .chat-config .form-label{color:var(--text-secondary);margin-bottom:.25rem}.chat-test-container .chat-test-card .chat-config .form-select{background:var(--input-bg);border-color:var(--border-primary);color:var(--text-primary)}.chat-test-container .chat-test-card .chat-config .form-select:focus{background:var(--input-bg);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.chat-test-container .chat-test-card .chat-config .form-select:disabled{background:var(--surface);opacity:.5}.chat-test-container .chat-test-card .chat-config .form-range{accent-color:var(--primary)}.chat-test-container .chat-test-card .chat-config .form-range::-webkit-slider-track{background:var(--border-primary)}.chat-test-container .chat-test-card .chat-config .form-range::-webkit-slider-thumb{background:var(--primary)}.chat-test-container .chat-test-card .chat-config .form-range::-webkit-slider-thumb:hover{background:var(--primary-light)}.chat-test-container .chat-test-card .chat-config .form-range:disabled{opacity:.5}.chat-test-container .chat-test-card .chat-input{background:var(--surface);border-top:1px solid var(--border-primary);padding:1.5rem}.chat-test-container .chat-test-card .chat-input .input-group .form-control{background:var(--input-bg);border-color:var(--border-primary);color:var(--text-primary)}.chat-test-container .chat-test-card .chat-input .input-group .form-control::placeholder{color:var(--text-muted)}.chat-test-container .chat-test-card .chat-input .input-group .form-control:focus{background:var(--input-bg);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.chat-test-container .chat-test-card .chat-input .input-group .form-control:disabled{background:var(--surface);opacity:.5}.chat-test-container .chat-test-card .chat-input .input-group .btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.chat-test-container .chat-test-card .chat-input .input-group .btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.chat-test-container .chat-test-card .chat-input .input-group .btn-primary:disabled{opacity:.5}.chat-test-container .chat-test-card .chat-input .input-group .btn-primary .spinner-border-sm{width:1rem;height:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 768px){.chat-test-container .chat-test-card .chat-messages{padding:1rem}.chat-test-container .chat-test-card .chat-messages .chat-message .message-content{max-width:85%}.chat-test-container .chat-test-card .chat-config{padding:.75rem 1rem}.chat-test-container .chat-test-card .chat-config .d-flex{flex-direction:column;gap:.75rem!important}.chat-test-container .chat-test-card .chat-input{padding:1rem}}.classifier-form .form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.classifier-form .form-label .text-danger{color:var(--error)}.classifier-form .form-control,.classifier-form .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease}.classifier-form .form-control::placeholder,.classifier-form .form-select::placeholder{color:var(--text-muted)}.classifier-form .form-control:focus,.classifier-form .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25);color:var(--text-primary)}.classifier-form .form-control:disabled,.classifier-form .form-select:disabled{background:var(--surface);opacity:.5;cursor:not-allowed}.classifier-form .form-control option,.classifier-form .form-select option{background:var(--bg-secondary);color:var(--text-primary)}.classifier-form textarea.form-control{resize:vertical;min-height:100px}.classifier-form textarea.form-control.font-monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.classifier-form .form-range{accent-color:var(--primary);height:6px;background:var(--surface-hover);border-radius:3px;outline:none}.classifier-form .form-range::-webkit-slider-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.classifier-form .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.classifier-form .form-range::-moz-range-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.classifier-form .form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.classifier-form .form-range:disabled{opacity:.5;cursor:not-allowed}.classifier-form .form-range:disabled::-webkit-slider-thumb,.classifier-form .form-range:disabled::-moz-range-thumb{cursor:not-allowed}.classifier-form .form-check-input{background-color:var(--surface-hover);border-color:var(--border-primary);cursor:pointer}.classifier-form .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.classifier-form .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.classifier-form .form-check-input:disabled{opacity:.5;cursor:not-allowed}.classifier-form .form-check-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.classifier-form small.text-muted{color:var(--text-tertiary);font-size:.875rem;display:block;margin-top:.25rem}.classifier-form small.text-muted .spinner-border-sm{width:.75rem;height:.75rem;border-width:.1rem}.classifier-form .spinner-border{color:var(--primary)}.classifier-form .btn{font-weight:500;transition:all .3s ease}.classifier-form .btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.classifier-form .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.classifier-form .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed}.classifier-form .btn.btn-secondary{background:var(--surface);border-color:var(--border-primary);color:var(--text-secondary)}.classifier-form .btn.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}@media (max-width: 768px){.classifier-form .row>[class*=col].mb-3{margin-bottom:1rem!important}}@media (max-width: 768px){.classifier-form .col-md-3,.classifier-form .col-md-4,.classifier-form .col-md-6{margin-bottom:1rem}.classifier-form .d-flex.gap-2{flex-wrap:wrap}.classifier-form .d-flex.gap-2 .btn{flex:1;min-width:120px}}.agent-form .form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.agent-form .form-label .text-danger{color:var(--error)}.agent-form .form-control,.agent-form .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease}.agent-form .form-control::placeholder,.agent-form .form-select::placeholder{color:var(--text-muted)}.agent-form .form-control:focus,.agent-form .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25);color:var(--text-primary)}.agent-form .form-control:disabled,.agent-form .form-select:disabled{background:var(--surface);opacity:.5;cursor:not-allowed}.agent-form .form-control option,.agent-form .form-select option{background:var(--bg-secondary);color:var(--text-primary)}.agent-form textarea.form-control{resize:vertical;min-height:100px}.agent-form textarea.form-control.font-monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.agent-form .form-range{accent-color:var(--primary);height:6px;background:var(--surface-hover);border-radius:3px;outline:none}.agent-form .form-range::-webkit-slider-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.agent-form .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.agent-form .form-range::-moz-range-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.agent-form .form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.agent-form .form-range:disabled{opacity:.5;cursor:not-allowed}.agent-form .form-range:disabled::-webkit-slider-thumb,.agent-form .form-range:disabled::-moz-range-thumb{cursor:not-allowed}.agent-form .form-check-input{background-color:var(--surface-hover);border-color:var(--border-primary);cursor:pointer}.agent-form .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.agent-form .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.agent-form .form-check-input:disabled{opacity:.5;cursor:not-allowed}.agent-form .form-check-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.agent-form small.text-muted{color:var(--text-tertiary);font-size:.875rem;display:block;margin-top:.25rem}.agent-form small.text-muted .spinner-border-sm{width:.75rem;height:.75rem;border-width:.1rem}.agent-form .spinner-border{color:var(--primary)}.agent-form .btn{font-weight:500;transition:all .3s ease}.agent-form .btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.agent-form .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.agent-form .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed}.agent-form .btn.btn-secondary{background:var(--surface);border-color:var(--border-primary);color:var(--text-secondary)}.agent-form .btn.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}@media (max-width: 768px){.agent-form .row>[class*=col].mb-3{margin-bottom:1rem!important}}.agent-form h6.text-primary{color:var(--primary);font-weight:600;display:flex;align-items:center}.agent-form h6.text-primary .bi-image{font-size:1.1rem}.agent-form .alert-info{background:rgba(var(--info-rgb),.1);border:1px solid var(--info);color:var(--text-primary)}.agent-form .alert-info .bi-info-circle,.agent-form .alert-info strong{color:var(--info)}.agent-form .alert-info ul{margin-bottom:0}.agent-form .alert-info ul li{color:var(--text-secondary);margin-bottom:.25rem}.agent-form .alert-info ul li:last-child{margin-bottom:0}@media (max-width: 768px){.agent-form .col-md-3,.agent-form .col-md-4,.agent-form .col-md-6{margin-bottom:1rem}.agent-form .d-flex.gap-2{flex-wrap:wrap}.agent-form .d-flex.gap-2 .btn{flex:1;min-width:120px}.agent-form .d-flex.gap-3{flex-direction:column;gap:1rem!important}}.chat-test-container .chat-test-card .card-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-test-container .chat-messages{flex:1;overflow-y:auto;padding:1rem;background:var(--background)}.chat-test-container .chat-messages::-webkit-scrollbar{width:8px}.chat-test-container .chat-messages::-webkit-scrollbar-track{background:var(--surface)}.chat-test-container .chat-messages::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.chat-test-container .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.chat-test-container .chat-message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--border-radius);animation:fadeIn .3s ease-in}.chat-test-container .chat-message.user{background:var(--primary);color:#fff;margin-left:20%}.chat-test-container .chat-message.user .message-header,.chat-test-container .chat-message.user .text-muted{color:#ffffffe6}.chat-test-container .chat-message.assistant{background:var(--surface);border:1px solid var(--border-primary);margin-right:20%}.chat-test-container .chat-message.assistant .message-header{color:var(--primary)}.chat-test-container .chat-message.assistant.loading{background:var(--surface-hover)}.chat-test-container .chat-message.assistant.loading .message-content{color:var(--text-secondary)}.chat-test-container .chat-message .message-header{font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center}.chat-test-container .chat-message .message-header i{font-size:1rem}.chat-test-container .chat-message .message-header .text-muted{font-size:.75rem}.chat-test-container .chat-message .message-content{white-space:pre-wrap;word-break:break-word;line-height:1.5}.chat-test-container .chat-message .message-content pre{background:var(--background);padding:.5rem;border-radius:4px;font-size:.875rem;margin:.5rem 0;color:var(--text-primary)}.chat-test-container .chat-message .message-content .message-image{margin:.5rem 0;position:relative}.chat-test-container .chat-message .message-content .message-image img{max-width:100%;max-height:400px;border-radius:8px;display:block;cursor:zoom-in;box-shadow:0 2px 8px var(--shadow-md);transition:all .3s ease}.chat-test-container .chat-message .message-content .message-image img:hover{transform:scale(1.02);box-shadow:0 4px 16px var(--shadow-lg)}.chat-test-container .chat-message .message-content .message-image .image-error{background:var(--surface);border:1px solid var(--border-primary);border-radius:8px;padding:2rem;text-align:center;color:var(--text-tertiary)}.chat-test-container .chat-message .message-content .message-image .image-error i{display:block;font-size:2rem;margin-bottom:.5rem;color:var(--text-muted)}.chat-test-container .chat-message .message-content .message-image .image-error span{font-size:.875rem}.chat-test-container .chat-message .message-content span+.message-image,.chat-test-container .chat-message .message-content .message-image+span{margin-top:.5rem}.chat-test-container .chat-config{padding:1rem;background:var(--surface-hover);border-top:1px solid var(--border-primary)}.chat-test-container .chat-config .alert-info{background:rgba(var(--info-rgb),.1);border:1px solid rgba(var(--info-rgb),.3);color:var(--info)}.chat-test-container .chat-config .alert-info pre{background:var(--surface);border:1px solid var(--border-primary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.chat-test-container .chat-config .form-label{color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.chat-test-container .chat-config .form-range{accent-color:var(--primary);height:4px;background:var(--surface);border-radius:2px}.chat-test-container .chat-config .form-range::-webkit-slider-thumb{width:16px;height:16px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--surface);transition:all .3s ease}.chat-test-container .chat-config .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px rgba(var(--primary-rgb),.4)}.chat-test-container .chat-config .form-range::-moz-range-thumb{width:16px;height:16px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--surface);transition:all .3s ease}.chat-test-container .chat-config .form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px rgba(var(--primary-rgb),.4)}.chat-test-container .chat-input{padding:1rem;background:var(--surface);border-top:1px solid var(--border-primary)}.chat-test-container .chat-input .input-group .form-control{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease}.chat-test-container .chat-input .input-group .form-control::placeholder{color:var(--text-muted)}.chat-test-container .chat-input .input-group .form-control:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25);color:var(--text-primary)}.chat-test-container .chat-input .input-group .form-control:disabled{background:var(--surface-hover);opacity:.6}.chat-test-container .chat-input .input-group .btn-primary{background:var(--primary);border-color:var(--primary);min-width:60px}.chat-test-container .chat-input .input-group .btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.chat-test-container .chat-input .input-group .btn-primary:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.chat-test-container .chat-message.user{margin-left:10%}.chat-test-container .chat-message.assistant{margin-right:10%}.chat-test-container .chat-config .d-flex{flex-direction:column;gap:1rem!important}}.tool-form .form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.tool-form .form-label .text-danger{color:var(--error)}.tool-form .form-control,.tool-form .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease}.tool-form .form-control::placeholder,.tool-form .form-select::placeholder{color:var(--text-muted)}.tool-form .form-control:focus,.tool-form .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25);color:var(--text-primary)}.tool-form .form-control:disabled,.tool-form .form-select:disabled{background:var(--surface);opacity:.5;cursor:not-allowed}.tool-form .form-control option,.tool-form .form-select option{background:var(--bg-secondary);color:var(--text-primary)}.tool-form textarea.form-control{resize:vertical;min-height:100px}.tool-form textarea.form-control.font-monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;background:var(--surface)}.tool-form .parameters-list .parameter-item{background:var(--surface);border-color:var(--border-primary)!important;transition:all .3s ease}.tool-form .parameters-list .parameter-item:hover{background:var(--surface-hover);border-color:var(--primary)!important}.tool-form .parameters-list .parameter-item .form-control-sm,.tool-form .parameters-list .parameter-item .form-select-sm{background:var(--input-bg);border-color:var(--border-primary);color:var(--text-primary);font-size:.875rem}.tool-form .parameters-list .parameter-item .form-control-sm:focus,.tool-form .parameters-list .parameter-item .form-select-sm:focus{background:var(--bg);border-color:var(--primary);box-shadow:none}.tool-form .parameters-list .parameter-item .btn-outline-danger{border-color:var(--error);color:var(--error)}.tool-form .parameters-list .parameter-item .btn-outline-danger:hover{background:var(--error);border-color:var(--error);color:#fff}.tool-form .agents-selection .form-check{padding:.5rem;border-radius:var(--border-radius);transition:all .3s ease}.tool-form .agents-selection .form-check:hover{background:var(--surface-hover)}.tool-form .agents-selection .form-check .form-check-label{color:var(--text-primary);cursor:pointer;width:100%}.tool-form .agents-selection .form-check .form-check-label small{color:var(--text-tertiary)}.tool-form .form-range{accent-color:var(--primary);height:6px;background:var(--surface-hover);border-radius:3px;outline:none}.tool-form .form-range::-webkit-slider-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.tool-form .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.tool-form .form-range::-moz-range-thumb{width:18px;height:18px;background:var(--primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg);box-shadow:0 2px 4px var(--shadow-sm);transition:all .3s ease}.tool-form .form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.tool-form .form-check-input{background-color:var(--surface-hover);border-color:var(--border-primary);cursor:pointer}.tool-form .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.tool-form .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.tool-form .alert-info{background:rgba(var(--info-rgb),.1);border-color:rgba(var(--info-rgb),.3);color:var(--info)}.tool-form small.text-muted{color:var(--text-tertiary);font-size:.875rem;display:block;margin-top:.25rem}.tool-form small.text-muted .spinner-border-sm{width:.75rem;height:.75rem;border-width:.1rem}.tool-form .btn{font-weight:500;transition:all .3s ease}.tool-form .btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.tool-form .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3)}.tool-form .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed}.tool-form .btn.btn-secondary{background:var(--surface);border-color:var(--border-primary);color:var(--text-secondary)}.tool-form .btn.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.tool-form .btn.btn-outline-primary{border-color:var(--primary);color:var(--primary)}.tool-form .btn.btn-outline-primary:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media (max-width: 768px){.tool-form .col-md-3,.tool-form .col-md-4,.tool-form .col-md-6{margin-bottom:1rem}.tool-form .d-flex.gap-2{flex-wrap:wrap}.tool-form .d-flex.gap-2 .btn{flex:1;min-width:120px}.tool-form .parameter-item .row{margin:0}.tool-form .parameter-item .row>div{padding:.25rem;margin-bottom:.5rem}}.chat-test-container{background:var(--background);border-radius:var(--border-radius);height:100%;display:flex;flex-direction:column}.chat-test-container .chat-test-card{height:100%;min-height:600px;display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-sm)}.chat-test-container .chat-test-card .card-header{background:var(--surface-hover);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.chat-test-container .chat-test-card .card-header h5{color:var(--text-primary);font-weight:600}.chat-test-container .chat-test-card .card-header .text-muted{color:var(--text-tertiary)}.chat-test-container .chat-test-card .card-header .btn-outline-secondary{border-color:var(--border-primary);color:var(--text-secondary)}.chat-test-container .chat-test-card .card-header .btn-outline-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.chat-test-container .chat-test-card .card-body{flex:1;padding:1.5rem;overflow-y:auto}.chat-test-container .chat-test-card .card-body::-webkit-scrollbar{width:8px}.chat-test-container .chat-test-card .card-body::-webkit-scrollbar-track{background:var(--surface)}.chat-test-container .chat-test-card .card-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.chat-test-container .chat-test-card .card-body::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.chat-test-container .alert.alert-info{background:rgba(var(--info-rgb),.1);border:1px solid rgba(var(--info-rgb),.3);color:var(--info)}.chat-test-container .alert.alert-danger{background:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.3);color:var(--error)}.chat-test-container .alert.alert-danger pre{color:var(--error);margin:0}.chat-test-container .parameters-section{background:var(--surface-hover);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.chat-test-container .parameters-section h6{color:var(--text-primary);margin-bottom:1rem;font-weight:600}.chat-test-container .parameters-section .form-label{color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.chat-test-container .parameters-section .form-control,.chat-test-container .parameters-section .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary)}.chat-test-container .parameters-section .form-control:focus,.chat-test-container .parameters-section .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.chat-test-container .parameters-section .form-control.font-monospace,.chat-test-container .parameters-section .form-select.font-monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.chat-test-container .parameters-section .form-check-input{background-color:var(--surface);border-color:var(--border-primary)}.chat-test-container .parameters-section .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.chat-test-container .parameters-section .form-check-label{color:var(--text-primary)}.chat-test-container .parameters-section small.text-muted{color:var(--text-tertiary)}.chat-test-container .btn-primary{background:var(--primary);border-color:var(--primary)}.chat-test-container .btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.chat-test-container .btn-primary:disabled{opacity:.65;cursor:not-allowed}.chat-test-container .btn-primary.btn-lg{padding:.75rem 2rem;font-size:1.1rem;font-weight:500}.chat-test-container .output-section{margin-top:2rem}.chat-test-container .output-section h6{color:var(--text-primary);margin-bottom:1rem;font-weight:600}.chat-test-container .output-section .output-container{background:var(--background);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:1rem}.chat-test-container .output-section .output-container .output-content{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.chat-test-container .code-preview-section{margin-top:2rem}.chat-test-container .code-preview-section h6{color:var(--text-primary);margin-bottom:1rem;font-weight:600}.chat-test-container .code-preview-section .code-container{background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:1rem;max-height:400px;overflow-y:auto}.chat-test-container .code-preview-section .code-container::-webkit-scrollbar{width:8px}.chat-test-container .code-preview-section .code-container::-webkit-scrollbar-track{background:var(--background)}.chat-test-container .code-preview-section .code-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.chat-test-container .code-preview-section .code-container .code-content{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:var(--text-primary);white-space:pre;line-height:1.5}@media (max-width: 768px){.chat-test-container .card-body,.chat-test-container .parameters-section{padding:1rem}.chat-test-container .parameters-section .row{margin:0}.chat-test-container .parameters-section .row>div{padding:0;margin-bottom:1rem}.chat-test-container .btn-lg{width:100%}}.block-editor{border:1px solid var(--border-primary);border-radius:8px;background:var(--bg);overflow:visible;position:relative}.block-editor .editor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--surface);border-bottom:1px solid var(--border-primary)}.block-editor .editor-toolbar .toolbar-group{display:flex;gap:.25rem;padding:0 .5rem;border-right:1px solid var(--border-primary)}.block-editor .editor-toolbar .toolbar-group:last-child{border-right:none}.block-editor .editor-toolbar .toolbar-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);width:36px;height:36px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.block-editor .editor-toolbar .toolbar-btn:hover{background:var(--surface-hover);border-color:var(--border-primary);color:var(--text-primary)}.block-editor .editor-toolbar .toolbar-btn:active{background:var(--primary);color:#fff}.block-editor .editor-toolbar .color-picker{width:32px;height:32px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;padding:2px}.block-editor .editor-toolbar .color-picker:hover{border-color:var(--primary)}.block-editor .editor-toolbar .toolbar-select{background:var(--bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:0 .5rem;height:32px;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.block-editor .editor-toolbar .toolbar-select:hover{border-color:var(--primary)}.block-editor .editor-toolbar .toolbar-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.block-editor .icon-picker{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px var(--shadow-lg);z-index:999999;max-height:400px;display:flex;flex-direction:column}.block-editor .icon-picker .icon-picker-header{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border-primary)}.block-editor .icon-picker .icon-picker-header .icon-search{flex:1;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.875rem}.block-editor .icon-picker .icon-picker-header .icon-search::placeholder{color:var(--text-muted)}.block-editor .icon-picker .icon-picker-header .icon-search:focus{outline:none;background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.block-editor .icon-picker .icon-picker-header .close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.5rem;transition:all .2s ease}.block-editor .icon-picker .icon-picker-header .close-btn:hover{color:var(--error)}.block-editor .icon-picker .icon-grid{flex:1;overflow-y:auto;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem}.block-editor .icon-picker .icon-grid::-webkit-scrollbar{width:8px}.block-editor .icon-picker .icon-grid::-webkit-scrollbar-track{background:var(--surface)}.block-editor .icon-picker .icon-grid::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.block-editor .icon-picker .icon-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.block-editor .icon-picker .icon-grid .icon-item{background:transparent;border:1px solid transparent;color:var(--text-secondary);width:40px;height:40px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.block-editor .icon-picker .icon-grid .icon-item:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.block-editor .editor-content{min-height:200px;padding:1rem;color:var(--text-primary);line-height:1.6;overflow-y:auto;max-height:400px;white-space:pre-wrap;word-wrap:break-word}.block-editor .editor-content:focus{outline:none}.block-editor .editor-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-editor .editor-content h1,.block-editor .editor-content h2,.block-editor .editor-content h3,.block-editor .editor-content h4,.block-editor .editor-content h5,.block-editor .editor-content h6{margin:.75rem 0;color:var(--text-primary);font-weight:600}.block-editor .editor-content h1{font-size:2rem}.block-editor .editor-content h2{font-size:1.5rem}.block-editor .editor-content h3{font-size:1.25rem}.block-editor .editor-content h4{font-size:1.125rem}.block-editor .editor-content h5{font-size:1rem}.block-editor .editor-content h6{font-size:.875rem}.block-editor .editor-content p{margin:.5rem 0}.block-editor .editor-content a{color:var(--primary);text-decoration:none}.block-editor .editor-content a:hover{text-decoration:underline}.block-editor .editor-content ul,.block-editor .editor-content ol{margin:.5rem 0;padding-left:2rem}.block-editor .editor-content pre{background:var(--surface);border:1px solid var(--border-primary);border-radius:4px;padding:.75rem;overflow-x:auto;font-family:monospace;font-size:.875rem}.block-editor .editor-content svg{display:inline;vertical-align:middle}.block-editor .editor-content .editor-icon{display:inline!important;vertical-align:middle!important;margin:0 2px;transition:transform .2s ease,opacity .2s ease}.block-editor .editor-content .editor-icon:hover{transform:scale(1.1);opacity:.8}.block-editor .editor-content .editor-icon.selected{outline:2px solid var(--primary);outline-offset:2px}.block-editor.compact .editor-toolbar{padding:.5rem;gap:.25rem}.block-editor.compact .editor-toolbar .toolbar-group{padding:0 .25rem}.block-editor.compact .editor-toolbar .toolbar-btn,.block-editor.compact .editor-toolbar .color-picker{width:28px;height:28px;font-size:.875rem}.block-editor.compact .editor-toolbar .toolbar-select{height:28px;font-size:.75rem;padding:0 .25rem}.block-editor.compact .editor-content{min-height:150px;padding:.75rem}@media (prefers-color-scheme: dark){.block-editor .editor-content{caret-color:var(--primary)}}@media (max-width: 768px){.block-editor .editor-toolbar{padding:.5rem;gap:.25rem}.block-editor .editor-toolbar .toolbar-group{flex-wrap:wrap}.block-editor .icon-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}}.block-editor .icon-controls{position:absolute;bottom:-90px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-primary);border-radius:6px;padding:.75rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #00000026;z-index:9999}.block-editor .icon-controls .control-group{display:flex;align-items:center;gap:.5rem}.block-editor .icon-controls .control-group label{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap}.block-editor .icon-controls .control-group input[type=range]{width:100px;height:4px;background:var(--border-primary);outline:none;cursor:pointer;-webkit-appearance:none}.block-editor .icon-controls .control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.block-editor .icon-controls .control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.block-editor .icon-controls .control-group input[type=color]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;-webkit-appearance:none}.block-editor .icon-controls .control-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.block-editor .icon-controls .control-group input[type=color]::-webkit-color-swatch{border:1px solid var(--border-primary);border-radius:4px}.block-editor .icon-controls .control-group span{font-size:.75rem;color:var(--text-muted);min-width:40px}.block-editor .icon-controls .btn-danger{font-size:.75rem;padding:.25rem .5rem}.locale-layout-form{width:100%;max-width:1200px;margin:0 auto}.locale-layout-form .form-container{background:var(--bg-secondary);border-radius:1rem;overflow:hidden;border:1px solid var(--border-color);position:relative;transition:transform .3s ease,box-shadow .3s ease}.locale-layout-form .form-container:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff1a}.locale-layout-form .form-header-gradient{position:relative;background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.8) 100%);padding:3rem 2rem;color:#fff;text-align:center}.locale-layout-form .form-header-gradient .gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");opacity:.3}.locale-layout-form .form-header-gradient .form-main-title{position:relative;margin:0;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:1rem}.locale-layout-form .form-header-gradient .form-main-title i{font-size:2.5rem}.locale-layout-form .form-section{padding:2rem;border-bottom:1px solid var(--border-color)}.locale-layout-form .form-section:last-child{border-bottom:none}.locale-layout-form .section-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.locale-layout-form .section-header .section-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.1);border-radius:12px;color:var(--primary);font-size:1.5rem}.locale-layout-form .section-header .section-content{flex:1}.locale-layout-form .section-header .section-content .section-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.locale-layout-form .section-header .section-content .section-subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.locale-layout-form .section-header .section-actions{margin-left:auto}.locale-layout-form .form-check-input{width:3em;height:1.5em;background-color:var(--border-color);border:none}.locale-layout-form .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.locale-layout-form .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(var(--primary-rgb),.25)}.locale-layout-form .form-check-label{margin-left:.5rem;font-weight:500}.locale-layout-form .locales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.locale-layout-form .locale-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.locale-layout-form .locale-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.locale-layout-form .locale-card.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.locale-layout-form .locale-card.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary)}.locale-layout-form .locale-card.inactive{opacity:.6}.locale-layout-form .locale-card.inactive .locale-name,.locale-layout-form .locale-card.inactive .locale-code{text-decoration:line-through}.locale-layout-form .locale-card .locale-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.locale-layout-form .locale-card .locale-card-header .locale-flag{font-size:2.5rem;line-height:1}.locale-layout-form .locale-card .locale-card-header .locale-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary)}.locale-layout-form .locale-card .locale-card-body{text-align:left}.locale-layout-form .locale-card .locale-card-body .locale-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.locale-layout-form .locale-card .locale-card-body .locale-code{display:inline-block;font-size:.875rem;color:var(--text-secondary);font-family:var(--bs-font-monospace);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:4px;margin-bottom:.5rem}.locale-layout-form .locale-card .locale-card-body .locale-badges{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.5rem}.locale-layout-form .locale-card .locale-card-body .locale-badges .badge{font-size:.75rem;padding:.25rem .5rem}.locale-layout-form .locale-card .locale-card-body .locale-badges .badge.bg-warning{background-color:#fbbf24!important;color:#78350f}.locale-layout-form .locale-card .locale-card-body .locale-badges .badge.bg-warning i{font-size:.625rem}.locale-layout-form .locale-card .locale-card-body .locale-badges .badge.bg-danger{background-color:#ef4444!important;color:#fff}.locale-layout-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.locale-layout-form .form-actions .btn-form{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.locale-layout-form .form-actions .btn-form.btn-cancel{background:#e9ecef;color:#495057}.locale-layout-form .form-actions .btn-form.btn-cancel:hover{background:#dee2e6}.locale-layout-form .form-actions .btn-form.btn-submit{background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.8) 100%);color:#fff}.locale-layout-form .form-actions .btn-form.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.locale-layout-form .form-actions .btn-form.btn-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--border-color)}.locale-layout-form .spinner-border-sm{width:1rem;height:1rem;border-width:.15em}.form-navigation{margin-bottom:2rem}.form-navigation .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:8px;font-weight:500;transition:all .3s ease}.form-navigation .btn-secondary:hover{background:rgba(var(--primary-rgb),.1);transform:translate(-2px)}.form-navigation .btn-secondary:hover i{transform:translate(-2px)}.form-navigation .btn-secondary i{transition:transform .3s ease}@media (max-width: 768px){.locale-layout-form .form-header-gradient{padding:2rem 1.5rem}.locale-layout-form .form-header-gradient .form-main-title{font-size:1.5rem}.locale-layout-form .form-header-gradient .form-main-title i{font-size:2rem}.locale-layout-form .form-section{padding:1.5rem}.locale-layout-form .section-header{flex-direction:column;text-align:center}.locale-layout-form .section-header .section-icon{margin:0 auto}.locale-layout-form .section-header .section-actions{margin:1rem 0 0;width:100%}.locale-layout-form .section-header .section-actions button{width:100%}.locale-layout-form .locales-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.locale-layout-form .form-actions{flex-direction:column}.locale-layout-form .form-actions .btn-form{width:100%;justify-content:center}}.footer{background:var(--bg);padding:5rem 0 2rem;border-top:1px solid var(--border-primary);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.footer .container{max-width:1200px}.footer>.container>.row:first-child{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.footer>.container>.row:first-child>[class*=col-]{display:flex;padding-left:15px;padding-right:15px}.footer>.container>.row:first-child>[class*=col-]>div{width:100%}.footer-brand{display:flex;flex-direction:column;height:100%}.footer-brand .footer-logo{font-size:2.5rem;color:var(--primary);transition:all .3s ease}.footer-brand h5{color:var(--text-primary);font-weight:700;font-size:1.5rem;transition:all .3s ease}.footer-brand:hover .footer-logo{transform:rotate(15deg) scale(1.1);color:var(--primary-light)}.footer-brand .footer-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:.5rem;flex-grow:1}.social-links{display:flex;gap:.75rem;margin-top:auto}.social-links .social-link{width:38px;height:38px;background:var(--surface);border:1px solid var(--border-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;transition:all .3s ease;text-decoration:none}.social-links .social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--bg);transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.footer-section{display:flex;flex-direction:column;height:100%}.footer-section .footer-title{color:var(--primary);font-size:1rem;font-weight:700;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:.75rem}.footer-section .footer-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary)}.footer-section .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-section .footer-links li{margin:0}.footer-section .footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;display:block;padding:.4rem 0;border-radius:4px;position:relative}.footer-section .footer-links a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--primary);transition:width .3s ease}.footer-section .footer-links a .link-text{font-size:.95rem;font-weight:500;display:block;margin-bottom:.2rem;transition:all .3s ease}.footer-section .footer-links a .link-desc{font-size:.75rem;color:var(--text-tertiary);opacity:.8;transition:all .3s ease;display:block}.footer-section .footer-links a:hover{padding-left:.75rem}.footer-section .footer-links a:hover:before{width:100%}.footer-section .footer-links a:hover .link-text{color:var(--primary)}.footer-section .footer-links a:hover .link-desc{color:var(--text-secondary);opacity:1}.footer-divider{height:1px;background:var(--border-primary);margin:3rem 0 2rem;position:relative}.footer-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.copyright{color:var(--text-tertiary);font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-bottom-links a{color:var(--text-tertiary);text-decoration:none;font-size:.9rem;transition:all .3s ease;position:relative}.footer-bottom-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary);transition:width .3s ease}.footer-bottom-links a:hover{color:var(--primary)}.footer-bottom-links a:hover:after{width:100%}@media (max-width: 991px){.footer{padding:4rem 0 2rem}.footer .row{gap:2rem 0}.footer-section{margin-bottom:1rem}}@media (max-width: 768px){.footer{padding:3rem 0 2rem}.footer-brand{margin-bottom:2rem;text-align:center}.footer-brand .d-flex{justify-content:center}.footer-brand .social-links{justify-content:center;margin-top:1.5rem}.footer-section{margin-bottom:2rem;text-align:center}.footer-section .footer-title:after{left:50%;transform:translate(-50%)}.footer-section .footer-links a{text-align:left}.footer-section .footer-links a:hover{padding-left:.5rem}.footer-bottom-links{justify-content:center;gap:1.5rem;margin-top:1rem}.copyright{text-align:center}}@media (max-width: 576px){.footer-section .footer-links a .link-desc{display:none}.footer-section .footer-links a .link-text{margin-bottom:0}.social-links .social-link{width:36px;height:36px;font-size:.9rem}}.auth-layout{width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.beta-info-box{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;padding:1rem 1.25rem;margin:1.5rem 0;display:flex;align-items:flex-start;gap:.75rem}.beta-info-box i{color:var(--primary);font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.beta-info-box p{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}body.light-mode .beta-info-box{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.15)}body.light-mode .beta-info-box p{color:var(--bs-gray-700)}.beta-success{text-align:center;padding:3rem 2rem}.beta-success .success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;animation:pulse 2s ease-in-out infinite}.beta-success .success-icon i{font-size:3rem;color:var(--bs-white)}.beta-success h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.beta-success p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.beta-success .success-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin:2rem 0;text-align:left}.beta-success .success-details p{margin:.5rem 0;font-size:1rem;color:var(--text-primary)}.beta-success .success-details p strong{color:var(--primary)}body.light-mode .beta-success .success-details{background:var(--bs-gray-100);border-color:var(--bs-gray-300)}.beta-success .btn-primary{padding:.75rem 2rem;font-size:1.125rem;box-shadow:0 5px 20px rgba(var(--primary-rgb),.3)}.beta-success .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--primary-rgb),.4)}.auth-page-container{width:100%;height:100%;display:flex;position:relative;overflow:hidden;background:var(--bg);color:var(--text-primary)}.auth-left{flex:0 0 66.666%;position:fixed;left:0;top:0;width:66.666%;height:100vh;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.auth-left .dream-element{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.1) 100%);filter:blur(80px)}.auth-left .dream-element.dream-bubble-1{width:600px;height:600px;top:-200px;left:-200px;animation:float-bubble 20s ease-in-out infinite}.auth-left .dream-element.dream-bubble-2{width:400px;height:400px;bottom:-100px;right:-100px;animation:float-bubble 25s ease-in-out infinite reverse;animation-delay:5s}.auth-left .dream-element.dream-bubble-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation:float-bubble 30s ease-in-out infinite;animation-delay:10s}.auth-left .dream-particles{position:absolute;width:100%;height:100%;overflow:hidden}.auth-left .dream-particles .particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.6;animation:float-particle 15s linear infinite}.auth-left .dream-particles .particle:nth-child(1){left:57%;top:16%;animation-delay:11s;animation-duration:16s}.auth-left .dream-particles .particle:nth-child(2){left:19%;top:42%;animation-delay:5s;animation-duration:22s}.auth-left .dream-particles .particle:nth-child(3){left:70%;top:63%;animation-delay:7s;animation-duration:22s}.auth-left .dream-particles .particle:nth-child(4){left:19%;top:74%;animation-delay:9s;animation-duration:18s}.auth-left .dream-particles .particle:nth-child(5){left:59%;top:38%;animation-delay:6s;animation-duration:20s}.auth-left .dream-particles .particle:nth-child(6){left:32%;top:52%;animation-delay:1s;animation-duration:18s}.auth-left .dream-particles .particle:nth-child(7){left:47%;top:86%;animation-delay:8s;animation-duration:25s}.auth-left .dream-particles .particle:nth-child(8){left:3%;top:81%;animation-delay:9s;animation-duration:25s}.auth-left .dream-particles .particle:nth-child(9){left:79%;top:4%;animation-delay:8s;animation-duration:21s}.auth-left .dream-particles .particle:nth-child(10){left:95%;top:64%;animation-delay:13s;animation-duration:16s}.auth-left .dream-particles .particle:nth-child(11){left:97%;top:76%;animation-delay:8s;animation-duration:23s}.auth-left .dream-particles .particle:nth-child(12){left:16%;top:93%;animation-delay:8s;animation-duration:25s}.auth-left .dream-particles .particle:nth-child(13){left:1%;top:62%;animation-delay:6s;animation-duration:20s}.auth-left .dream-particles .particle:nth-child(14){left:89%;top:69%;animation-delay:13s;animation-duration:24s}.auth-left .dream-particles .particle:nth-child(15){left:43%;top:33%;animation-delay:9s;animation-duration:21s}.auth-left .dream-particles .particle:nth-child(16){left:65%;top:99%;animation-delay:2s;animation-duration:23s}.auth-left .dream-particles .particle:nth-child(17){left:87%;top:23%;animation-delay:2s;animation-duration:25s}.auth-left .dream-particles .particle:nth-child(18){left:39%;top:2%;animation-delay:13s;animation-duration:19s}.auth-left .dream-particles .particle:nth-child(19){left:27%;top:74%;animation-delay:13s;animation-duration:17s}.auth-left .dream-particles .particle:nth-child(20){left:76%;top:83%;animation-delay:9s;animation-duration:23s}.auth-left .auth-nav{position:absolute;top:2rem;left:2rem;z-index:20;display:flex;gap:2rem}.auth-left .auth-nav a{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:50px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.auth-left .auth-nav a i{font-size:1.1rem}.auth-left .auth-nav a:hover{background:rgba(255,255,255,.2);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.auth-left .auth-nav a:active{transform:translateY(0)}.auth-left .auth-left-content{position:relative;z-index:10;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--bg-rgb),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem}.auth-left .auth-left-content .auth-branding{text-align:center;color:#fff;max-width:500px}.auth-left .auth-left-content .auth-branding .brand-logo{font-size:4rem;color:var(--primary);margin-bottom:2rem;animation:pulse-glow 3s ease-in-out infinite}.auth-left .auth-left-content .auth-branding h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,white 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-left .auth-left-content .auth-branding p{font-size:1.25rem;line-height:1.8;opacity:.9;color:#ffffffe6}.auth-left .auth-left-content .auth-branding .auth-features{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.auth-left .auth-left-content .auth-branding .auth-features .feature-item{display:flex;align-items:center;gap:1rem;font-size:1rem;color:#fffc}.auth-left .auth-left-content .auth-branding .auth-features .feature-item i{color:var(--primary);font-size:1.2rem}.auth-right{flex:0 0 33.333%;background:var(--bg);display:flex;flex-direction:column;padding:3rem 2rem;position:relative;overflow-y:auto;margin-left:66.666%;min-height:100vh}.auth-right::-webkit-scrollbar{width:6px}.auth-right::-webkit-scrollbar-track{background:var(--surface);border-radius:3px}.auth-right::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.auth-right::-webkit-scrollbar-thumb:hover{background:var(--primary)}.light-mode .auth-right{background:var(--bg)}.light-mode .auth-right:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:var(--border-primary)}.auth-right .auth-form-container{width:100%;max-width:420px;margin:0 auto}.auth-right .auth-form-container .form-intro{margin-bottom:3rem;text-align:center}.auth-right .auth-form-container .form-intro h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-right .auth-form-container .form-intro p{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:350px;margin:0 auto}.auth-right .auth-form-container .auth-form-header{text-align:center;margin-bottom:2.5rem}.auth-right .auth-form-container .auth-form-header .form-logo{font-size:3rem;color:var(--primary);margin-bottom:1.5rem;display:inline-block;animation:pulse-glow 3s ease-in-out infinite}.auth-right .auth-form-container .auth-form-header h2{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.5px}.auth-right .auth-form-container .auth-form-header p{color:var(--text-secondary);font-size:1rem;font-weight:400}.auth-right .auth-form-container .auth-form-header p a{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.auth-right .auth-form-container .auth-form-header p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.auth-right .auth-form-container .auth-form-header p a:hover{color:var(--primary-light)}.auth-right .auth-form-container .auth-form-header p a:hover:after{width:100%}.auth-right .auth-form-container .auth-form .form-group{margin-bottom:1.75rem}.auth-right .auth-form-container .auth-form .form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.auth-right .auth-form-container .auth-form .form-group .input-group{position:relative}.auth-right .auth-form-container .auth-form .form-group .input-group .input-group-text{position:absolute;left:0;top:0;bottom:0;width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid var(--border-primary);border-right:none;border-radius:12px 0 0 12px;color:var(--primary);font-size:1.2rem;z-index:1;transition:all .3s ease}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control{width:100%;padding:1rem 1.25rem 1rem 3.75rem;background:var(--surface);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s ease}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control::placeholder{color:var(--text-muted);opacity:.6;font-weight:400}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control:hover:not(:focus){border-color:rgba(var(--primary-rgb),.4);background:var(--surface-hover)}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control:hover:not(:focus)~.input-group-text{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.15) 100%);border-color:rgba(var(--primary-rgb),.4)}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control:focus{outline:none;border-color:var(--primary);background:var(--surface-hover);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.auth-right .auth-form-container .auth-form .form-group .input-group .form-control:focus~.input-group-text{background:var(--primary);border-color:var(--primary);color:var(--bg);transform:scale(1.02)}.light-mode .auth-right .auth-form-container .auth-form .form-group .input-group .form-control{background:rgba(255,255,255,.9);border-color:var(--border-secondary)}.light-mode .auth-right .auth-form-container .auth-form .form-group .input-group .form-control:hover:not(:focus){background:white;border-color:rgba(var(--primary-rgb),.3)}.light-mode .auth-right .auth-form-container .auth-form .form-group .input-group .form-control:focus{background:white;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.auth-right .auth-form-container .auth-form .form-hint{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted);font-style:italic}.auth-right .auth-form-container .auth-form .row{margin:0 -.5rem}.auth-right .auth-form-container .auth-form .row .col-6{padding:0 .5rem}.auth-right .auth-form-container .auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.auth-right .auth-form-container .auth-form .form-options .form-check{display:flex;align-items:center}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-input{width:20px;height:20px;margin-right:.75rem;cursor:pointer;background:var(--surface);border:2px solid var(--border-secondary);border-radius:4px;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-input:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:all .3s ease}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-input:hover{border-color:rgba(var(--primary-rgb),.5);background:var(--surface-hover)}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-input:checked{background:var(--primary);border-color:var(--primary)}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-input:checked:after{opacity:1}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-label{color:var(--text-secondary);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-right .auth-form-container .auth-form .form-options .form-check .form-check-label:hover{color:var(--text-primary)}.auth-right .auth-form-container .auth-form .form-options .forgot-link{color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.auth-right .auth-form-container .auth-form .form-options .forgot-link:hover{color:var(--primary-light);text-decoration:underline}.auth-right .auth-form-container .auth-form .alert{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-right .auth-form-container .auth-form .alert.alert-danger{background:rgba(220,53,69,.1);color:#dc3545;border:2px solid rgba(220,53,69,.2)}.auth-right .auth-form-container .auth-form .alert.alert-danger i{margin-right:.75rem;font-size:1.1rem}.auth-right .auth-form-container .auth-form .auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3);position:relative;overflow:hidden}.auth-right .auth-form-container .auth-form .auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.auth-right .auth-form-container .auth-form .auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-lighter) 100%)}.auth-right .auth-form-container .auth-form .auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-right .auth-form-container .auth-form .auth-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.auth-right .auth-form-container .auth-form .auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.auth-right .auth-form-container .auth-form .auth-submit-btn i{font-size:1.1rem}.auth-right .auth-form-container .auth-form .auth-submit-btn .spinner-border{width:18px;height:18px;border-width:2px}.auth-right .auth-form-container .auth-form .auth-divider{margin:2rem 0;text-align:center;position:relative}.auth-right .auth-form-container .auth-form .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-secondary) 20%,var(--border-secondary) 80%,transparent 100%)}.auth-right .auth-form-container .auth-form .auth-divider span{background:var(--bg);padding:0 1.5rem;color:var(--text-tertiary);font-size:.85rem;position:relative;font-weight:500}.auth-right .auth-form-container .auth-form .form-checkboxes{margin-bottom:2rem}.auth-right .auth-form-container .auth-form .form-checkboxes .form-check{margin-bottom:1rem}.auth-right .auth-form-container .auth-form .form-checkboxes .form-check:last-child{margin-bottom:0}.auth-right .auth-form-container .auth-form .form-checkboxes .form-check .form-check-label a{color:var(--primary);text-decoration:none;font-weight:500;transition:all .3s ease}.auth-right .auth-form-container .auth-form .form-checkboxes .form-check .form-check-label a:hover{color:var(--primary-light);text-decoration:underline}.auth-right .auth-form-container .auth-form .social-auth{display:flex;gap:1rem}.auth-right .auth-form-container .auth-form .social-auth .social-btn{flex:1;padding:.875rem;background:var(--surface);border:2px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-right .auth-form-container .auth-form .social-auth .social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.1),transparent);transition:left .5s ease}.auth-right .auth-form-container .auth-form .social-auth .social-btn:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.auth-right .auth-form-container .auth-form .social-auth .social-btn:hover:before{left:100%}.auth-right .auth-form-container .auth-form .social-auth .social-btn:hover.google{border-color:#ea4335;box-shadow:0 4px 12px #ea43354d}.auth-right .auth-form-container .auth-form .social-auth .social-btn:hover.facebook{border-color:#1877f2;box-shadow:0 4px 12px #1877f24d}.auth-right .auth-form-container .auth-form .social-auth .social-btn:hover.github{border-color:var(--text-primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.auth-right .auth-form-container .auth-form .social-auth .social-btn.google{color:#ea4335}.auth-right .auth-form-container .auth-form .social-auth .social-btn.facebook{color:#1877f2}.auth-right .auth-form-container .auth-form .social-auth .social-btn.github{color:var(--text-primary)}.light-mode .auth-right .auth-form-container .auth-form .social-auth .social-btn{background:rgba(255,255,255,.9);border-color:var(--border-secondary)}.light-mode .auth-right .auth-form-container .auth-form .social-auth .social-btn:hover{background:white;box-shadow:0 4px 16px #0000001a}@keyframes float-bubble{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(var(--primary-rgb),.5))}50%{filter:drop-shadow(0 0 40px rgba(var(--primary-rgb),.8))}}@media (max-width: 1200px){.auth-left{flex:0 0 60%;width:60%}.auth-right{flex:0 0 40%;margin-left:60%}}@media (max-width: 992px){.auth-left{flex:0 0 50%;width:50%}.auth-left .auth-left-content{padding:2rem}.auth-left .auth-left-content .auth-branding h1{font-size:2.5rem}.auth-left .auth-left-content .auth-branding p{font-size:1.1rem}.auth-right{flex:0 0 50%;margin-left:50%}}@media (max-width: 768px){.auth-page-container{flex-direction:column}.auth-left{display:none;position:static}.auth-right .mobile-auth-nav{position:absolute;top:1rem;left:1rem;right:1rem;z-index:10;display:flex;justify-content:space-between;gap:1rem}.auth-right .mobile-auth-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border-secondary);transition:all .3s ease}.auth-right .mobile-auth-nav a i{font-size:1rem;color:var(--primary)}.auth-right .mobile-auth-nav a:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.auth-right{flex:1;width:100%;padding:1rem;margin-left:0;min-height:100vh}.auth-right:before{display:none}.auth-right .auth-form-container{margin-top:4rem}.auth-right .auth-form-container .form-intro{margin-bottom:2rem}.auth-right .auth-form-container .form-intro h3{font-size:1.25rem}.auth-right .auth-form-container .form-intro p{font-size:.9rem}}@keyframes dropdownShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.webmaster-layout{display:flex;height:100vh;background:var(--bg);position:relative;overflow:hidden;display:grid;grid-template-areas:"sidebar header" "sidebar content" "sidebar footer";grid-template-columns:260px 1fr;grid-template-rows:70px 1fr 60px}.webmaster-layout.sidebar-collapsed{grid-template-columns:70px 1fr}.webmaster-layout.sidebar-collapsed .webmaster-sidebar{width:70px}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .nav-text,.webmaster-layout.sidebar-collapsed .webmaster-sidebar .dropdown-icon,.webmaster-layout.sidebar-collapsed .webmaster-sidebar .sidebar-footer .user-info{display:none}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .nav-link{justify-content:center;padding:1rem}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .nav-link i{margin-right:0;font-size:1.3rem}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .nav-dropdown{position:absolute;left:70px;top:0;width:200px;background:var(--surface);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg)}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .sidebar-footer{padding:1rem}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .sidebar-footer .sidebar-user{justify-content:center}.webmaster-layout.sidebar-collapsed .webmaster-sidebar .sidebar-footer .sidebar-user img{margin-right:0}.webmaster-header{grid-area:header;background:var(--surface);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:70px;position:fixed;top:0;right:0;left:260px;z-index:100}.webmaster-layout.sidebar-collapsed .webmaster-header{left:70px}.webmaster-header .header-left{display:flex;align-items:center;gap:1rem}.webmaster-header .header-left .sidebar-toggle,.webmaster-header .header-left .mobile-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease}.webmaster-header .header-left .sidebar-toggle:hover,.webmaster-header .header-left .mobile-toggle:hover{background:var(--surface-hover);color:var(--primary)}.webmaster-header .header-left .mobile-toggle{display:none}.webmaster-header .header-left .header-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.webmaster-header .header-left .header-brand i{color:var(--primary);font-size:1.5rem}.webmaster-header .header-right{display:flex;align-items:center;gap:1rem}.webmaster-header .header-right .header-search{position:relative}.webmaster-header .header-right .header-search input{background:var(--surface-hover);border:1px solid var(--border-secondary);border-radius:8px;padding:.5rem 2.5rem .5rem 1rem;width:300px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.webmaster-header .header-right .header-search input::placeholder{color:var(--text-muted)}.webmaster-header .header-right .header-search input:focus{outline:none;border-color:var(--primary);background:var(--surface);width:350px}.webmaster-header .header-right .header-search i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.webmaster-header .header-right .header-item{position:relative!important}.webmaster-header .header-right .header-item .header-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative}.webmaster-header .header-right .header-item .header-btn:hover{background:var(--surface-hover);color:var(--primary)}.webmaster-header .header-right .header-item .header-btn .badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:10px;min-width:18px;text-align:center}.webmaster-header .header-right .dropdown-menu{background:black;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:1050!important}.webmaster-header .header-right .dropdown-menu:not(.show){display:block!important;visibility:hidden;opacity:0}.webmaster-header .header-right .dropdown-menu.show{visibility:visible;opacity:1;transition:opacity .15s ease-out,visibility .15s ease-out}.webmaster-header .header-right .dropdown-menu .dropdown-item{color:var(--text-primary);padding:.75rem 1rem;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.webmaster-header .header-right .dropdown-menu .dropdown-item i{color:var(--primary)}.webmaster-header .header-right .dropdown-menu .dropdown-item:hover{background:var(--surface-hover);color:var(--primary)}.webmaster-header .header-right .dropdown-menu .dropdown-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.webmaster-header .header-right .dropdown-menu .dropdown-divider{border-color:var(--border-secondary);margin:.5rem 0}.webmaster-header .header-right .dropdown-menu .dropdown-header{padding:.5rem 1rem;margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center}.webmaster-header .header-right .dropdown-menu .dropdown-header i{color:var(--primary)}.webmaster-header .header-right .mode-toggle-group{display:flex;gap:.5rem}.webmaster-header .header-right .mode-toggle-group .mode-toggle-btn{flex:1;padding:.5rem .75rem;border:2px solid var(--border-primary);background:var(--surface);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.webmaster-header .header-right .mode-toggle-group .mode-toggle-btn:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--text-primary)}.webmaster-header .header-right .mode-toggle-group .mode-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.webmaster-header .header-right .mode-toggle-group .mode-toggle-btn i{font-size:1rem}.webmaster-header .header-right .theme-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.webmaster-header .header-right .theme-color-grid .theme-color-btn{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:all .3s ease;background:none;padding:0}.webmaster-header .header-right .theme-color-grid .theme-color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.1rem;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.webmaster-header .header-right .theme-color-grid .theme-color-btn.active{border-color:var(--bg);box-shadow:0 0 0 3px var(--primary)}.webmaster-header .header-right .theme-color-grid .theme-color-btn.active i{opacity:1}.webmaster-header .header-right .theme-color-grid .theme-color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.webmaster-header .header-right .notifications-dropdown{width:400px;max-width:90vw;max-height:500px;overflow-y:auto}.webmaster-header .header-right .notifications-dropdown .notification-list-item:hover{background:var(--surface-hover)}.webmaster-header .header-right .notifications-dropdown .notification-list-item:hover .btn-link{opacity:1}.webmaster-header .header-right .notifications-dropdown .notification-list-item .btn-link{opacity:0;transition:opacity .2s ease}.webmaster-header .header-right .notifications-dropdown .notification-list-item .btn-link:hover{background:rgba(var(--error-rgb),.1);border-radius:4px}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;flex-shrink:0}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-icon.success{color:var(--success);background:rgba(16,185,129,.1)}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-icon.error{color:var(--error);background:rgba(239,68,68,.1)}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-icon.warning{color:var(--warning);background:rgba(245,158,11,.1)}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-icon.info{color:var(--info);background:rgba(59,130,246,.1)}.webmaster-header .header-right .notifications-dropdown .notification-item .notification-message{margin:0;font-size:.875rem}.webmaster-header .header-right .header-user .user-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.webmaster-header .header-right .header-user .user-btn:hover{background:var(--surface-hover)}.webmaster-header .header-right .header-user .user-btn img{width:35px;height:35px;border-radius:50%;border:2px solid var(--primary)}.webmaster-header .header-right .header-user .user-btn span{font-weight:500}.webmaster-header .header-right .header-user .user-btn:after{content:"";border:solid var(--text-tertiary);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin-left:.5rem}.webmaster-header .language-dropdown{min-width:280px;max-height:400px;overflow-y:auto}.webmaster-header .language-dropdown .language-list{max-height:320px;overflow-y:auto;padding:.5rem 0}.webmaster-header .language-dropdown .language-list::-webkit-scrollbar{width:6px}.webmaster-header .language-dropdown .language-list::-webkit-scrollbar-track{background:var(--surface)}.webmaster-header .language-dropdown .language-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.webmaster-header .language-dropdown .language-list::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.webmaster-header .language-dropdown .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.webmaster-header .language-dropdown .dropdown-item .flag-icon{font-size:1.25rem;line-height:1}.webmaster-header .language-dropdown .dropdown-item .language-name{flex:1;font-size:.875rem}.webmaster-header .language-dropdown .dropdown-item .badge{font-size:.7rem;padding:.2rem .5rem}.webmaster-sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border-primary);width:260px;display:flex;flex-direction:column;transition:width .3s ease;position:fixed;top:0;left:0;height:100vh;z-index:101}.webmaster-sidebar .sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.webmaster-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.webmaster-sidebar .sidebar-nav::-webkit-scrollbar-track{background:var(--surface)}.webmaster-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.webmaster-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.webmaster-sidebar .nav-item{margin-bottom:.25rem}.webmaster-sidebar .nav-item.active>.nav-link{background:linear-gradient(90deg,rgba(var(--primary-rgb),.1) 0%,transparent 100%);border-left:3px solid var(--primary);color:var(--primary)}.webmaster-sidebar .nav-item.active>.nav-link i{color:var(--primary)}.webmaster-sidebar .nav-link{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;position:relative;border-left:3px solid transparent}.webmaster-sidebar .nav-link i{margin-right:.75rem;font-size:1.1rem;color:var(--text-tertiary);transition:all .3s ease}.webmaster-sidebar .nav-link .nav-text{flex:1;font-weight:500}.webmaster-sidebar .nav-link .dropdown-icon{transition:transform .3s ease;font-size:.8rem}.webmaster-sidebar .nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.webmaster-sidebar .nav-link:hover i{color:var(--primary)}.webmaster-sidebar .nav-link.expanded .dropdown-icon{transform:rotate(180deg)}.webmaster-sidebar .nav-dropdown{max-height:0;overflow:hidden;transition:max-height .3s ease}.webmaster-sidebar .nav-dropdown.show{max-height:500px}.webmaster-sidebar .nav-dropdown .dropdown-item{display:flex;align-items:center;padding:.75rem 1.5rem .75rem 3.5rem;color:var(--text-tertiary);text-decoration:none;transition:all .3s ease;font-size:.9rem}.webmaster-sidebar .nav-dropdown .dropdown-item i{margin-right:.75rem;font-size:.9rem}.webmaster-sidebar .nav-dropdown .dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary);padding-left:3.75rem}.webmaster-sidebar .nav-dropdown .dropdown-item.active{color:var(--primary);background:rgba(var(--primary-rgb),.05)}.webmaster-sidebar .nav-dropdown .dropdown-item.active i{color:var(--primary)}.webmaster-sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--surface-hover)}.webmaster-sidebar .sidebar-footer .sidebar-user{display:flex;align-items:center}.webmaster-sidebar .sidebar-footer .sidebar-user img{width:40px;height:40px;border-radius:50%;margin-right:.75rem;border:2px solid var(--primary)}.webmaster-sidebar .sidebar-footer .sidebar-user .user-info .user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.webmaster-sidebar .sidebar-footer .sidebar-user .user-info .user-role{font-size:.85rem;color:var(--text-tertiary)}.webmaster-content{grid-area:content;padding:2rem;background:var(--bg);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 130px);position:fixed;top:70px;bottom:60px;left:260px;right:0}.webmaster-layout.sidebar-collapsed .webmaster-content{left:70px}.webmaster-content::-webkit-scrollbar{width:8px}.webmaster-content::-webkit-scrollbar-track{background:var(--surface)}.webmaster-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.webmaster-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.webmaster-footer{grid-area:footer;background:var(--surface);border-top:1px solid var(--border-primary);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:fixed;bottom:0;right:0;left:260px;z-index:100}.webmaster-layout.sidebar-collapsed .webmaster-footer{left:70px}.webmaster-footer .footer-left,.webmaster-footer .footer-right{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-tertiary)}.webmaster-footer .separator{color:var(--border-primary)}.webmaster-footer .footer-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.webmaster-footer .footer-link:hover{color:var(--primary)}.webmaster-footer .websocket-indicator{display:inline-flex;align-items:center;gap:.5rem}.webmaster-footer .websocket-indicator .websocket-status{font-size:.5rem}.webmaster-footer .websocket-indicator .websocket-status.connected{color:#4caf50}.webmaster-footer .websocket-indicator .websocket-status.disconnected{color:#f44336}.webmaster-footer .websocket-indicator .websocket-label{font-size:.85rem;color:var(--text-secondary)}.webmaster-footer .websocket-indicator .websocket-label .process-count{color:var(--primary);font-weight:500}@media (max-width: 991px){.webmaster-layout{grid-template-areas:"header" "content" "footer";grid-template-columns:1fr;grid-template-rows:70px 1fr 60px}.webmaster-layout.sidebar-collapsed{grid-template-columns:1fr}.webmaster-header{left:0}.webmaster-header .header-left .sidebar-toggle{display:none}.webmaster-header .header-left .mobile-toggle{display:block}.webmaster-header .header-right .header-search{display:none}.webmaster-sidebar{left:-260px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.webmaster-sidebar.mobile-open,.webmaster-content,.webmaster-footer{left:0}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (max-width: 576px){.webmaster-header{padding:0 1rem}.webmaster-header .header-brand span,.webmaster-header .header-user .user-btn span{display:none}.webmaster-content{padding:1rem}.webmaster-footer{flex-direction:column;height:auto;padding:1rem;gap:.5rem}.webmaster-footer .footer-left,.webmaster-footer .footer-right{font-size:.8rem}}.invest-layout{display:flex;height:100vh;background:var(--bg);position:relative;overflow:hidden;display:grid;grid-template-areas:"sidebar header" "sidebar content" "sidebar footer";grid-template-columns:260px 1fr;grid-template-rows:70px 1fr 60px}.invest-layout.sidebar-collapsed{grid-template-columns:70px 1fr}.invest-dashboard .page-header h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:.5rem}.invest-dashboard .page-header p{color:var(--text-secondary);font-size:1rem}.invest-dashboard .card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;transition:all .3s ease}.invest-dashboard .card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.invest-dashboard .card .card-header{background:transparent;border-bottom:1px solid var(--border-primary);padding:1.25rem}.invest-dashboard .card .card-header h5{color:var(--text-primary);font-weight:600;margin:0}.invest-dashboard .card .card-body{padding:1.5rem}.invest-dashboard .card .card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.invest-dashboard .card .card-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.invest-dashboard .card i.display-4{font-size:3rem;opacity:.8}.invest-dashboard a{color:inherit}.invest-dashboard a .card{cursor:pointer}.invest-dashboard a .card:hover{border-color:var(--primary)}.invest-dashboard a .card:hover .card-title{color:var(--primary)}.invest-dashboard a .card:hover i{opacity:1}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none}@media (max-width: 768px){.mobile-overlay{display:block}}.invest-header{grid-area:header;background:var(--surface);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:70px;position:fixed;top:0;right:0;left:260px;z-index:100}.invest-layout.sidebar-collapsed .invest-header{left:70px}.invest-header .header-left{display:flex;align-items:center;gap:1rem}.invest-header .header-left .sidebar-toggle,.invest-header .header-left .mobile-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease}.invest-header .header-left .sidebar-toggle:hover,.invest-header .header-left .mobile-toggle:hover{background:var(--surface-hover);color:var(--primary)}.invest-header .header-left .mobile-toggle{display:none}.invest-header .header-left .header-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.invest-header .header-left .header-brand i{color:var(--primary);font-size:1.5rem}.invest-header .header-right{display:flex;align-items:center;gap:1rem}.invest-header .header-right .header-search{position:relative}.invest-header .header-right .header-search input{background:var(--surface-hover);border:1px solid var(--border-secondary);border-radius:8px;padding:.5rem 2.5rem .5rem 1rem;width:300px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.invest-header .header-right .header-search input::placeholder{color:var(--text-muted)}.invest-header .header-right .header-search input:focus{outline:none;border-color:var(--primary);background:var(--surface);width:350px}.invest-header .header-right .header-search i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.invest-header .header-right .header-item{position:relative}.invest-header .header-right .header-item .header-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative}.invest-header .header-right .header-item .header-btn:hover{background:var(--surface-hover);color:var(--primary)}.invest-header .header-right .header-item .header-btn .badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:10px;min-width:18px;text-align:center}.invest-header .header-right .dropdown-menu{background:var(--surface);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);margin-top:.5rem}.invest-header .header-right .dropdown-menu .dropdown-item{color:var(--text-primary);padding:.75rem 1rem;transition:all .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.invest-header .header-right .dropdown-menu .dropdown-item i{color:var(--primary)}.invest-header .header-right .dropdown-menu .dropdown-item:hover{background:var(--surface-hover);color:var(--primary)}.invest-header .header-right .dropdown-menu .dropdown-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.invest-header .header-right .dropdown-menu .dropdown-divider{border-color:var(--border-secondary);margin:.5rem 0}.invest-header .header-right .dropdown-menu .dropdown-header{padding:.5rem 1rem;margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center}.invest-header .header-right .dropdown-menu .dropdown-header i{color:var(--primary)}.invest-header .header-right .mode-toggle-group{display:flex;gap:.5rem}.invest-header .header-right .mode-toggle-group .mode-toggle-btn{flex:1;padding:.5rem .75rem;border:2px solid var(--border-primary);background:var(--surface);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.invest-header .header-right .mode-toggle-group .mode-toggle-btn:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--text-primary)}.invest-header .header-right .mode-toggle-group .mode-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.invest-header .header-right .mode-toggle-group .mode-toggle-btn i{font-size:1rem}.invest-header .header-right .theme-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.invest-header .header-right .theme-color-grid .theme-color-btn{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:all .3s ease;background:none;padding:0}.invest-header .header-right .theme-color-grid .theme-color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.1rem;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.invest-header .header-right .theme-color-grid .theme-color-btn.active{border-color:var(--bg);box-shadow:0 0 0 3px var(--primary)}.invest-header .header-right .theme-color-grid .theme-color-btn.active i{opacity:1}.invest-header .header-right .theme-color-grid .theme-color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.invest-header .header-right .header-user .user-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.invest-header .header-right .header-user .user-btn:hover{background:var(--surface-hover)}.invest-header .header-right .header-user .user-btn img{width:35px;height:35px;border-radius:50%;border:2px solid var(--primary)}.invest-header .header-right .header-user .user-btn span{font-weight:500}.invest-header .header-right .header-user .user-btn:after{content:"";border:solid var(--text-tertiary);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin-left:.5rem}.invest-sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border-primary);width:260px;display:flex;flex-direction:column;transition:width .3s ease;position:fixed;top:0;left:0;height:100vh;z-index:101}.invest-sidebar .sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.invest-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.invest-sidebar .sidebar-nav::-webkit-scrollbar-track{background:var(--surface)}.invest-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.invest-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.invest-sidebar .nav-item{margin-bottom:.25rem}.invest-sidebar .nav-item.active>.nav-link{background:linear-gradient(90deg,rgba(var(--primary-rgb),.1) 0%,transparent 100%);border-left:3px solid var(--primary);color:var(--primary)}.invest-sidebar .nav-item.active>.nav-link i{color:var(--primary)}.invest-sidebar .nav-link{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;position:relative;border-left:3px solid transparent}.invest-sidebar .nav-link i{margin-right:.75rem;font-size:1.1rem;color:var(--text-tertiary);transition:all .3s ease}.invest-sidebar .nav-link .nav-text{flex:1;font-weight:500}.invest-sidebar .nav-link .dropdown-icon{transition:transform .3s ease;font-size:.8rem}.invest-sidebar .nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.invest-sidebar .nav-link:hover i{color:var(--primary)}.invest-sidebar .nav-link.expanded .dropdown-icon{transform:rotate(180deg)}.invest-sidebar .nav-dropdown{max-height:0;overflow:hidden;transition:max-height .3s ease}.invest-sidebar .nav-dropdown.show{max-height:500px}.invest-sidebar .nav-dropdown .dropdown-item{display:flex;align-items:center;padding:.75rem 1.5rem .75rem 3.5rem;color:var(--text-tertiary);text-decoration:none;transition:all .3s ease;font-size:.9rem}.invest-sidebar .nav-dropdown .dropdown-item i{margin-right:.75rem;font-size:.9rem}.invest-sidebar .nav-dropdown .dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary);padding-left:3.75rem}.invest-sidebar .nav-dropdown .dropdown-item.active{color:var(--primary);background:rgba(var(--primary-rgb),.05)}.invest-sidebar .nav-dropdown .dropdown-item.active i{color:var(--primary)}.invest-sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--surface-hover)}.invest-sidebar .sidebar-footer .sidebar-user{display:flex;align-items:center}.invest-sidebar .sidebar-footer .sidebar-user img{width:40px;height:40px;border-radius:50%;margin-right:.75rem;border:2px solid var(--primary)}.invest-sidebar .sidebar-footer .sidebar-user .user-info .user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.invest-sidebar .sidebar-footer .sidebar-user .user-info .user-role{font-size:.85rem;color:var(--text-tertiary)}.invest-layout.sidebar-collapsed .invest-sidebar{width:70px}.invest-layout.sidebar-collapsed .invest-sidebar .nav-text,.invest-layout.sidebar-collapsed .invest-sidebar .dropdown-icon,.invest-layout.sidebar-collapsed .invest-sidebar .sidebar-footer .user-info{display:none}.invest-layout.sidebar-collapsed .invest-sidebar .nav-link{justify-content:center;padding:1rem}.invest-layout.sidebar-collapsed .invest-sidebar .nav-link i{margin-right:0;font-size:1.3rem}.invest-layout.sidebar-collapsed .invest-sidebar .nav-dropdown{position:absolute;left:70px;top:0;width:200px;background:var(--surface);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg)}.invest-layout.sidebar-collapsed .invest-sidebar .sidebar-footer{padding:1rem}.invest-layout.sidebar-collapsed .invest-sidebar .sidebar-footer .sidebar-user{justify-content:center}.invest-layout.sidebar-collapsed .invest-sidebar .sidebar-footer .sidebar-user img{margin-right:0}.invest-content{grid-area:content;padding:2rem;background:var(--bg);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 130px);position:fixed;top:70px;bottom:60px;left:260px;right:0}.invest-layout.sidebar-collapsed .invest-content{left:70px}.invest-content::-webkit-scrollbar{width:8px}.invest-content::-webkit-scrollbar-track{background:var(--surface)}.invest-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.invest-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.invest-footer{grid-area:footer;background:var(--surface);border-top:1px solid var(--border-primary);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:fixed;bottom:0;right:0;left:260px;z-index:100}.invest-layout.sidebar-collapsed .invest-footer{left:70px}.invest-footer .footer-left,.invest-footer .footer-right{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-tertiary)}.invest-footer .separator{color:var(--border-primary)}.invest-footer .footer-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.invest-footer .footer-link:hover{color:var(--primary)}@media (max-width: 991px){.invest-layout{grid-template-areas:"header" "content" "footer";grid-template-columns:1fr;grid-template-rows:70px 1fr 60px}.invest-layout.sidebar-collapsed{grid-template-columns:1fr}.invest-header{left:0}.invest-header .header-left .sidebar-toggle{display:none}.invest-header .header-left .mobile-toggle{display:block}.invest-header .header-right .header-search{display:none}.invest-sidebar{left:-260px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.invest-sidebar.mobile-open,.invest-content,.invest-footer{left:0}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (max-width: 576px){.invest-header{padding:0 1rem}.invest-header .header-brand span,.invest-header .header-user .user-btn span{display:none}.invest-content{padding:1rem}.invest-footer{flex-direction:column;height:auto;padding:1rem;gap:.5rem}.invest-footer .footer-left,.invest-footer .footer-right{font-size:.8rem}}.user-layout{min-height:100vh;background:var(--user-bg-primary);color:var(--user-text-primary);width:100vw;overflow-x:hidden}.user-layout__container{display:flex;width:100%;height:100vh;position:relative}.user-layout__sidebar{display:none}@media (min-width: 768px){.user-layout__sidebar{display:block;position:fixed;left:0;top:0;height:100vh;width:88px;overflow-y:auto}}@media (min-width: 1024px){.user-layout__sidebar{width:275px}}.user-layout__main{flex:1;border-left:1px solid var(--user-border-color);border-right:1px solid var(--user-border-color);overflow-y:auto;height:100vh}@media (min-width: 768px){.user-layout__main{margin-left:88px}}@media (min-width: 1024px){.user-layout__main{margin-left:275px;margin-right:350px}}@media (max-width: 500px){.user-layout__main{border:none;margin:0}}.user-layout__content{min-height:100vh}@media (max-width: 500px){.user-layout__content{padding-bottom:60px}}.user-layout__right-sidebar{display:none}@media (min-width: 1024px){.user-layout__right-sidebar{display:block;position:fixed;right:0;top:0;height:100vh;width:350px;overflow-y:auto}}@media (max-width: 500px){.user-layout .user-layout__container{flex-direction:column}}.user-layout__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:998;display:none}.user-layout__overlay.active{display:block}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.desktop-sidebar{height:100vh;display:flex;flex-direction:column;padding:8px 12px 20px;padding-top:max(8px,env(safe-area-inset-top,8px));overflow-y:auto}.desktop-sidebar__logo{padding:2px 0;margin-bottom:8px}.desktop-sidebar__logo a{display:inline-flex;align-items:center;padding:12px;border-radius:50%;transition:background .2s;color:var(--user-accent-primary);text-decoration:none;font-size:1.75rem}.desktop-sidebar__logo a:hover{background:var(--user-bg-hover)}.desktop-sidebar__logo a i{font-size:28px}.desktop-sidebar__logo a span{margin-left:20px;font-size:20px;font-weight:700;color:var(--user-text-primary)}@media (max-width: 1024px){.desktop-sidebar__logo a{padding:12px}.desktop-sidebar__logo a span{display:none}}.desktop-sidebar__nav{flex:1;margin:8px 0}.desktop-sidebar__nav .nav-item{display:flex;align-items:center;padding:12px;margin:2px 0;border-radius:30px;transition:background .2s;text-decoration:none;color:var(--user-text-primary);font-size:20px;position:relative;cursor:pointer;background:none;border:none;width:100%;text-align:left}.desktop-sidebar__nav .nav-item:hover{background:var(--user-bg-hover)}.desktop-sidebar__nav .nav-item.active{font-weight:700}.desktop-sidebar__nav .nav-item__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative}.desktop-sidebar__nav .nav-item__icon i{font-size:24px}.desktop-sidebar__nav .nav-item__badge{position:absolute;top:-4px;right:-8px;background:var(--user-accent-primary);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:700;min-width:18px;text-align:center}.desktop-sidebar__nav .nav-item__label{margin-left:20px;margin-right:16px}@media (max-width: 1024px){.desktop-sidebar__nav .nav-item__label{display:none}}@media (max-width: 1024px){.desktop-sidebar__nav .nav-item{padding:12px;width:auto}.desktop-sidebar__nav .nav-item__icon{margin:0}}.desktop-sidebar__nav .nav-more{margin-top:auto}.desktop-sidebar__compose{background:var(--user-accent-primary);color:#fff;border:none;border-radius:30px;padding:16px;font-size:17px;font-weight:700;margin:16px 0;cursor:pointer;transition:background .2s;width:100%}.desktop-sidebar__compose:hover{background:var(--user-accent-hover)}@media (max-width: 1024px){.desktop-sidebar__compose{width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:16px auto}.desktop-sidebar__compose i{font-size:24px}}.desktop-sidebar__logout{display:flex;align-items:center;width:100%;margin-top:8px;padding:12px;border-radius:30px;background:none;border:1px solid var(--user-border-color);color:var(--user-danger);cursor:pointer;transition:all .2s;font-size:15px;font-weight:500}.desktop-sidebar__logout:hover{background:rgba(244,67,54,.1);border-color:var(--user-danger)}.desktop-sidebar__logout i{margin-right:12px;font-size:18px}@media (max-width: 1024px){.desktop-sidebar__logout span{display:none}}@media (max-width: 1024px){.desktop-sidebar__logout{width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:8px auto}.desktop-sidebar__logout i{margin:0}}.desktop-sidebar__profile{margin-top:auto;position:relative}.desktop-sidebar__profile .profile-button{display:flex;align-items:center;width:100%;padding:12px;border-radius:30px;background:none;border:none;cursor:pointer;transition:background .2s}.desktop-sidebar__profile .profile-button:hover{background:var(--user-bg-hover)}.desktop-sidebar__profile .profile-button__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.desktop-sidebar__profile .profile-button__avatar img{width:100%;height:100%;object-fit:cover}.desktop-sidebar__profile .profile-button__avatar .avatar-placeholder{width:100%;height:100%;background:var(--user-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.desktop-sidebar__profile .profile-button__avatar .online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--user-bg-primary)}.desktop-sidebar__profile .profile-button__avatar .online-indicator.online{background:#4caf50}.desktop-sidebar__profile .profile-button__avatar .online-indicator.offline{background:#9e9e9e}.desktop-sidebar__profile .profile-button__info{margin-left:12px;flex:1;text-align:left}.desktop-sidebar__profile .profile-button__info .name{display:block;font-weight:700;font-size:15px;color:var(--user-text-primary)}.desktop-sidebar__profile .profile-button__info .username{display:block;font-size:15px;color:var(--user-text-secondary)}@media (max-width: 1024px){.desktop-sidebar__profile .profile-button__info{display:none}}.desktop-sidebar__profile .profile-button__more{margin-left:auto;color:var(--user-text-secondary)}@media (max-width: 1024px){.desktop-sidebar__profile .profile-button__more{display:none}}.desktop-sidebar__profile .profile-button__status{margin-left:auto;display:flex;align-items:center;gap:6px}.desktop-sidebar__profile .profile-button__status .status-dot{width:8px;height:8px;border-radius:50%}.desktop-sidebar__profile .profile-button__status .status-dot.online{background:#4caf50}.desktop-sidebar__profile .profile-button__status .status-dot.offline{background:#9e9e9e}.desktop-sidebar__profile .profile-button__status .status-text{font-size:13px;color:var(--user-text-secondary)}@media (max-width: 1024px){.desktop-sidebar__profile .profile-button__status{display:none}}.desktop-sidebar__profile .profile-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--user-bg-primary);border-radius:16px;box-shadow:var(--user-shadow-lg);margin-bottom:8px;padding:12px 0;display:none}.desktop-sidebar__profile .profile-menu.active{display:block}.desktop-sidebar__profile .profile-menu a,.desktop-sidebar__profile .profile-menu button{display:flex;align-items:center;width:100%;padding:12px 20px;background:none;border:none;color:var(--user-text-primary);text-decoration:none;cursor:pointer;transition:background .2s;font-size:15px}.desktop-sidebar__profile .profile-menu a:hover,.desktop-sidebar__profile .profile-menu button:hover{background:var(--user-bg-hover)}.desktop-sidebar__profile .profile-menu a i,.desktop-sidebar__profile .profile-menu button i{margin-right:12px;font-size:18px}.mobile-header{position:sticky;top:0;z-index:100;background:var(--user-bg-primary-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--user-border-color);transition:transform .3s ease;padding-top:env(safe-area-inset-top,0)}.mobile-header.hidden{transform:translateY(-100%)}.mobile-header__container{display:flex;align-items:center;height:53px;padding:0 16px}.mobile-header__left{flex-shrink:0}.mobile-header__left .menu-toggle{background:none;border:none;padding:0;cursor:pointer}.mobile-header__left .menu-toggle .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.mobile-header__left .menu-toggle .avatar img{width:100%;height:100%;object-fit:cover}.mobile-header__left .menu-toggle .avatar .avatar-placeholder{width:100%;height:100%;background:var(--user-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.mobile-header__center{flex:1;display:flex;justify-content:center;padding:0 16px}.mobile-header__center h1{font-size:17px;font-weight:700;margin:0;color:var(--user-text-primary)}.mobile-header__right{flex-shrink:0}.mobile-header__right .action-button{background:none;border:none;padding:8px;cursor:pointer;color:var(--user-text-primary);border-radius:50%;transition:background .2s}.mobile-header__right .action-button:hover{background:var(--user-bg-hover)}.mobile-header__right .action-button i{font-size:20px}.mobile-header__tabs{display:flex;border-bottom:1px solid var(--user-border-color)}.mobile-header__tabs .tab{flex:1;padding:16px 0;text-align:center;text-decoration:none;color:var(--user-text-secondary);font-weight:500;position:relative;transition:color .2s}.mobile-header__tabs .tab:hover{background:var(--user-bg-hover)}.mobile-header__tabs .tab.active{color:var(--user-text-primary);font-weight:700}.mobile-header__tabs .tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:4px;background:var(--user-accent-primary);border-radius:2px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--user-bg-primary);border-top:1px solid var(--user-border-color);transition:transform .3s ease;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav__container{display:flex;justify-content:space-around;align-items:center;height:56px;padding:0 8px}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--user-text-secondary);padding:8px 0;position:relative;transition:all .2s}.bottom-nav__item:active{transform:scale(.95)}.bottom-nav__item.active{color:var(--user-text-primary)}.bottom-nav__item.active .icon-wrapper i{color:var(--user-accent-primary)}.bottom-nav__item .icon-wrapper{position:relative;font-size:20px;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav__item .icon-wrapper i{transition:color .2s}.bottom-nav__item .icon-wrapper .badge{position:absolute;top:-4px;right:-8px;background:var(--user-accent-primary);color:#fff;font-size:10px;padding:2px 4px;border-radius:8px;font-weight:700;min-width:16px;text-align:center}.bottom-nav__item .label{font-size:10px;margin-top:2px;font-weight:500}.right-sidebar{padding:12px 20px;height:100vh;overflow-y:auto;scrollbar-width:thin}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:transparent}.right-sidebar::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:3px}.right-sidebar__search{background:var(--user-bg-primary);padding-bottom:12px;z-index:10;position:relative}.right-sidebar__search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--user-text-secondary);font-size:18px;pointer-events:none}.right-sidebar__search input{width:100%;padding:12px 16px 12px 44px;background:var(--user-bg-secondary);border:1px solid transparent;border-radius:30px;font-size:15px;color:var(--user-text-primary);transition:all .2s}.right-sidebar__search input::placeholder{color:var(--user-text-secondary)}.right-sidebar__search input:focus{outline:none;background:var(--user-bg-primary);border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.right-sidebar__card{background:var(--user-bg-secondary);border-radius:16px;margin-bottom:16px;overflow:hidden;border:1px solid var(--user-border-color)}.right-sidebar__card .card-title{padding:16px 16px 12px;margin:0;font-size:20px;font-weight:800;color:var(--user-text-primary)}.right-sidebar__card .show-more{display:block;padding:16px;color:var(--user-accent-primary);text-decoration:none;font-size:15px;transition:background .2s}.right-sidebar__card .show-more:hover{background:var(--user-bg-hover)}.right-sidebar .trends-list .trend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:background .2s;cursor:pointer}.right-sidebar .trends-list .trend-item:hover{background:var(--user-bg-hover)}.right-sidebar .trends-list .trend-item .trend-content{display:flex;flex-direction:column;gap:2px;flex:1}.right-sidebar .trends-list .trend-item .trend-category{font-size:13px;color:var(--user-text-secondary)}.right-sidebar .trends-list .trend-item .trend-title{font-weight:700;font-size:15px;color:var(--user-text-primary)}.right-sidebar .trends-list .trend-item .trend-count{font-size:13px;color:var(--user-text-secondary)}.right-sidebar .trends-list .trend-item .trend-more{width:34px;height:34px;border-radius:50%;background:transparent;border:none;color:var(--user-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:12px}.right-sidebar .trends-list .trend-item .trend-more:hover{background:rgba(var(--primary-rgb),.1);color:var(--user-accent-primary)}.right-sidebar .trends-list .trend-item .trend-more i{font-size:16px}.right-sidebar .suggestions-list .suggestion-item{display:flex;align-items:flex-start;padding:12px 16px;gap:12px;transition:background .2s}.right-sidebar .suggestions-list .suggestion-item:hover{background:var(--user-bg-hover)}.right-sidebar .suggestions-list .suggestion-item .user-info{display:flex;gap:12px;flex:1;text-decoration:none;min-width:0}.right-sidebar .suggestions-list .suggestion-item .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.right-sidebar .suggestions-list .suggestion-item .avatar img{width:100%;height:100%;object-fit:cover}.right-sidebar .suggestions-list .suggestion-item .avatar .avatar-placeholder{width:100%;height:100%;background:var(--user-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.right-sidebar .suggestions-list .suggestion-item .user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.right-sidebar .suggestions-list .suggestion-item .user-details .name{font-weight:700;font-size:15px;color:var(--user-text-primary);display:flex;align-items:center;gap:4px}.right-sidebar .suggestions-list .suggestion-item .user-details .name:hover{text-decoration:underline}.right-sidebar .suggestions-list .suggestion-item .user-details .username{font-size:15px;color:var(--user-text-secondary)}.right-sidebar .suggestions-list .suggestion-item .user-details .bio{font-size:14px;color:var(--user-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-sidebar .suggestions-list .suggestion-item .follow-btn{padding:6px 16px;background:var(--user-text-primary);color:var(--user-bg-primary);border:none;border-radius:20px;font-weight:700;font-size:14px;cursor:pointer;transition:opacity .2s;flex-shrink:0}.right-sidebar .suggestions-list .suggestion-item .follow-btn:hover{opacity:.9}.right-sidebar .suggestions-list .suggestion-item .follow-btn:active{transform:scale(.98)}.right-sidebar__footer{padding:16px 0;margin-top:20px}.right-sidebar__footer nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.right-sidebar__footer nav a,.right-sidebar__footer nav button{font-size:13px;color:var(--user-text-secondary);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.right-sidebar__footer nav a:hover,.right-sidebar__footer nav button:hover{text-decoration:underline;color:var(--user-text-primary)}.right-sidebar__footer nav .more-link{display:inline-flex;align-items:center;gap:4px}.right-sidebar__footer nav .more-link i{font-size:12px}.right-sidebar__footer p{margin:0;font-size:13px;color:var(--user-text-secondary)}.mobile-drawer{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--user-bg-primary);z-index:999;transition:transform .3s ease;box-shadow:2px 0 15px #0000004d;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-drawer.open{transform:translate(280px)}.mobile-drawer__header{padding:16px 20px;border-bottom:1px solid var(--user-border-color);display:flex;align-items:center;justify-content:space-between}.mobile-drawer__header .user-info{display:flex;align-items:center;gap:12px;flex:1}.mobile-drawer__header .user-info .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.mobile-drawer__header .user-info .avatar img{width:100%;height:100%;object-fit:cover}.mobile-drawer__header .user-info .avatar .avatar-placeholder{width:100%;height:100%;background:var(--user-accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.mobile-drawer__header .user-info .user-details{flex:1;min-width:0}.mobile-drawer__header .user-info .user-details .name{font-weight:700;font-size:15px;color:var(--user-text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer__header .user-info .user-details .username{font-size:13px;color:var(--user-text-secondary);margin-top:2px}.mobile-drawer__header .close-btn{background:none;border:none;color:var(--user-text-secondary);font-size:20px;padding:8px;margin:-8px -8px -8px 0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-drawer__header .close-btn:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.mobile-drawer__header .close-btn i{line-height:1}.mobile-drawer__nav{padding:8px 0;flex:1;overflow-y:auto}.mobile-drawer__nav .nav-section{padding:4px 0}.mobile-drawer__nav .nav-divider{height:1px;background:var(--user-border-color);margin:8px 0}.mobile-drawer__nav .nav-item{display:flex;align-items:center;padding:16px 24px;color:var(--user-text-primary);text-decoration:none;font-size:20px;transition:background .2s;background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-drawer__nav .nav-item:hover{background:var(--user-bg-hover)}.mobile-drawer__nav .nav-item.active{font-weight:700}.mobile-drawer__nav .nav-item i{font-size:24px;width:32px;margin-right:20px}.mobile-drawer__nav .nav-item span{flex:1}.mobile-drawer__nav .nav-item .badge{margin-left:auto;background:var(--user-accent-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.mobile-drawer__nav .nav-item.logout{color:var(--user-danger)}.mobile-drawer__nav .nav-item.logout:hover{background:rgba(var(--danger-rgb),.1)}.mobile-drawer__settings{padding:16px 24px}.mobile-drawer__settings .settings-title{font-size:15px;font-weight:700;color:var(--user-text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.mobile-drawer__settings .setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-drawer__settings .setting-item .setting-label{font-size:15px;color:var(--user-text-primary)}.mobile-drawer__settings .setting-item .switch{position:relative;width:44px;height:24px}.mobile-drawer__settings .setting-item .switch input{opacity:0;width:0;height:0}.mobile-drawer__settings .setting-item .switch input:checked+.slider{background:var(--user-accent-primary)}.mobile-drawer__settings .setting-item .switch input:checked+.slider:before{transform:translate(20px)}.mobile-drawer__settings .setting-item .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--user-bg-tertiary);transition:.3s;border-radius:24px}.mobile-drawer__settings .setting-item .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;transition:.3s;border-radius:50%}.mobile-drawer__footer{padding:12px 16px;border-top:1px solid var(--user-border-color);background:var(--user-bg-primary);margin-top:auto}.mobile-drawer__footer .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:var(--user-danger);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-drawer__footer .logout-btn:hover{background:var(--user-danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--danger-rgb),.3)}.mobile-drawer__footer .logout-btn:active{transform:translateY(0)}.mobile-drawer__footer .logout-btn i{font-size:18px}.compose-button{display:none}@media (max-width: 500px){.compose-button{display:block;position:fixed;bottom:76px;right:16px;z-index:90}}.compose-button__btn{width:56px;height:56px;border-radius:50%;background:var(--user-accent-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;animation:slideInUp .3s ease}.compose-button__btn:hover{background:var(--user-accent-hover);transform:scale(1.05);box-shadow:0 6px 20px #0003}.compose-button__btn:active{transform:scale(.95)}.compose-button__btn i{font-size:24px}.compose-button.hidden .compose-button__btn{transform:translateY(150px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.install-pwa-banner{position:fixed;bottom:70px;left:16px;right:16px;background:var(--user-bg-secondary);border-radius:16px;box-shadow:var(--user-shadow-lg);z-index:99;animation:slideUp .3s ease;border:1px solid var(--user-border-color)}@media (min-width: 768px){.install-pwa-banner{bottom:20px;left:50%;transform:translate(-50%);width:400px;right:auto}}.install-pwa-banner__content{display:flex;align-items:center;padding:16px;gap:12px}.install-pwa-banner__icon{flex-shrink:0;width:48px;height:48px;background:var(--user-accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--user-accent-primary)}.install-pwa-banner__icon i{font-size:24px}.install-pwa-banner__text{flex:1}.install-pwa-banner__text h4{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--user-text-primary)}.install-pwa-banner__text p{margin:0;font-size:14px;color:var(--user-text-secondary)}.install-pwa-banner__text p i{display:inline-block;margin:0 4px;background:var(--user-bg-tertiary);padding:2px 6px;border-radius:4px;font-size:12px}.install-pwa-banner__actions{display:flex;gap:8px;margin-top:12px}.install-pwa-banner__actions .btn-link{color:var(--user-text-secondary);padding:8px 12px;text-decoration:none}.install-pwa-banner__actions .btn-link:hover{color:var(--user-text-primary)}.install-pwa-banner__actions .btn-primary{background:var(--user-accent-primary);border:none;color:#fff;padding:8px 20px;border-radius:20px;font-weight:600}.install-pwa-banner__actions .btn-primary:hover{background:var(--user-accent-hover)}.install-pwa-banner__close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--user-text-secondary);padding:4px;border-radius:50%;cursor:pointer}.install-pwa-banner__close:hover{background:var(--user-bg-hover)}.install-pwa-banner__close i{font-size:20px}.install-pwa-banner--ios .install-pwa-banner__text p{display:flex;align-items:center;flex-wrap:wrap}.dreams-hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.dreams-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%),radial-gradient(circle 400px at 10% 80%,rgba(var(--primary-rgb),.12) 0%,transparent 50%),radial-gradient(circle 300px at 90% 30%,rgba(var(--primary-rgb),.06) 0%,transparent 40%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.dreams-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 70%,var(--primary),transparent),radial-gradient(1px 1px at 50% 50%,var(--primary),transparent),radial-gradient(1px 1px at 80% 10%,var(--primary),transparent),radial-gradient(2px 2px at 90% 60%,var(--primary),transparent);background-size:300px 300px;background-repeat:repeat;opacity:0;animation:twinkle 5s ease-in-out infinite;z-index:1}.dreams-hero .hero-decoration{position:absolute;pointer-events:none}.dreams-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.dreams-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.dreams-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.dreams-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.dreams-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.dreams-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.dreams-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.dreams-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}@media (max-width: 768px){.dreams-hero{min-height:auto;padding:3rem 0}.dreams-hero .hero-decoration{display:none}}.dreams-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.dreams-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#ffffffe6;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dreams-hero-content .hero-badge i{font-size:1rem}.dreams-hero-content h1{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2;letter-spacing:-1px}.dreams-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.dreams-hero-content h1{font-size:2.5rem}}@media (max-width: 576px){.dreams-hero-content h1{font-size:2rem}}.dreams-hero-content .hero-lead{font-size:1.25rem;color:#fffc;margin-bottom:2rem;font-weight:300;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.dreams-hero-content .hero-lead{font-size:1.1rem}}.dreams-hero-content .hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.dreams-hero-content .hero-stats .stat-item{text-align:center}.dreams-hero-content .hero-stats .stat-item .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.dreams-hero-content .hero-stats .stat-item .stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 576px){.dreams-hero-content .hero-stats{gap:1.5rem}.dreams-hero-content .hero-stats .stat-item .stat-number{font-size:1.5rem}.dreams-hero-content .hero-stats .stat-item .stat-label{font-size:.75rem}}.dream-search-wrapper{max-width:600px;margin:0 auto 1rem}.dream-search-box{position:relative}.dream-search-box .search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:1.2rem}.dream-search-box .dream-search-input{width:100%;padding:1rem 3rem 1rem 3.5rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50px;font-size:1rem;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dream-search-box .dream-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.3);outline:none;background:rgba(255,255,255,.15)}.dream-search-box .dream-search-input::placeholder{color:#ffffff80}.dream-search-box .search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--primary);color:var(--bg);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dream-search-box .search-btn:hover{background:var(--primary-light);transform:translateY(-50%) scale(1.1)}.dream-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.dream-controls{flex-direction:column;align-items:stretch}}.dream-categories{display:flex;flex-wrap:wrap;gap:.75rem;flex:1}.dream-categories .category-btn{display:inline-flex;align-items:center;padding:.6rem 1.2rem;background:var(--surface);border:2px solid var(--border-primary);border-radius:50px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dream-categories .category-btn:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.dream-categories .category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.filter-toggle-btn{display:inline-flex;align-items:center;padding:.6rem 1.2rem;background:var(--surface);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.dream-filters{background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;animation:slideDown .3s ease}.dream-filters .filter-label{display:block;color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.dream-filters .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;transition:all .3s ease}.dream-filters .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dream-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.dream-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.dream-card:hover .dream-image img{transform:scale(1.05)}.dream-card.featured .dream-image{height:240px}.dream-image{position:relative;height:200px;overflow:hidden}.dream-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dream-overlay{position:absolute;top:1rem;left:1rem;z-index:2}.dream-overlay .dream-category{display:inline-block;padding:.4rem .8rem;background:var(--primary);color:var(--bg);border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dream-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.dream-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dream-author{display:flex;align-items:center;gap:.75rem}.dream-author .author-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:1.2rem}.dream-author .author-info .author-name{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem}.dream-author .author-info .dream-date{display:block;font-size:.8rem;color:var(--text-tertiary)}.dream-category-badge{padding:.3rem .8rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(var(--primary-rgb),.2)}.dream-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.dream-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.dream-title a:hover{color:var(--primary)}.dream-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;flex:1}.dream-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.dream-tags .dream-tag{padding:.25rem .75rem;background:var(--surface-hover);border:1px solid var(--border-secondary);border-radius:12px;font-size:.75rem;color:var(--text-secondary);transition:all .3s ease}.dream-tags .dream-tag:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.05)}.dream-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-secondary);margin-top:auto}.dream-footer .dream-stats{display:flex;gap:1rem}.dream-footer .dream-stats .stat-item{display:flex;align-items:center;gap:.3rem;color:var(--text-tertiary);font-size:.85rem}.dream-footer .dream-stats .stat-item i{color:var(--primary);font-size:.9rem}.dream-footer .dream-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.3rem;transition:all .3s ease}.dream-footer .dream-link:hover{gap:.6rem;color:var(--primary-light)}.pagination-wrapper .pagination-btn{padding:.5rem 1rem;background:var(--surface);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-wrapper .pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.pagination-wrapper .pagination-dots{color:var(--text-tertiary);font-weight:500;padding:0 .5rem}.community-stats{margin-top:3rem}.stat-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.stat-card:hover .stat-icon{transform:scale(1.1);color:var(--primary-light)}.stat-card .stat-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem;transition:all .3s ease}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-card .stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.dream-cta-box{background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:20px;padding:3rem;position:relative;overflow:hidden}.dream-cta-box .cta-decoration{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%)}.dream-cta-box .cta-decoration:nth-child(1){top:-50px;right:-50px;width:150px;height:150px}.dream-cta-box .cta-decoration:nth-child(2){bottom:-30px;left:-30px;width:80px;height:80px}.dream-cta-box .cta-decoration:nth-child(3){top:50%;right:10%;width:60px;height:60px}.dream-cta-box .cta-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dream-cta-box .cta-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.dream-cta-box .cta-features{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.dream-cta-box .cta-features .cta-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.dream-cta-box .cta-features .cta-feature i{color:var(--primary);font-size:1rem}.newsletter-box{background:var(--surface);border:1px solid var(--border-primary);border-radius:20px;padding:3rem;text-align:center}.newsletter-box .newsletter-icon{font-size:3rem;color:var(--primary);margin-bottom:1.5rem}.newsletter-box .newsletter-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.newsletter-box .newsletter-subtitle{color:var(--text-secondary);margin-bottom:2rem}.newsletter-box .newsletter-form{max-width:500px;margin:0 auto}.newsletter-box .newsletter-form .input-group{display:flex;gap:.5rem}@media (max-width: 576px){.newsletter-box .newsletter-form .input-group{flex-direction:column}}.newsletter-box .newsletter-form .input-group .form-control{flex:1;padding:.75rem 1.25rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:50px;color:var(--text-primary)}.newsletter-box .newsletter-form .input-group .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.1)}.newsletter-box .newsletter-form .input-group .btn{padding:.75rem 1.5rem;border-radius:50px;white-space:nowrap}.newsletter-box .newsletter-privacy{margin-top:1rem;font-size:.85rem;color:var(--text-tertiary)}.newsletter-box .newsletter-privacy i{color:var(--primary)}@media (max-width: 768px){.dream-categories{justify-content:center}.dream-card .dream-footer{flex-direction:column;gap:1rem;align-items:flex-start}.dream-card .dream-footer .dream-stats{width:100%;justify-content:space-between}}.beta-access-section{padding:5rem 0;background:linear-gradient(135deg,var(--bg) 0%,rgba(var(--primary-rgb),.05) 50%,var(--bg) 100%);position:relative;overflow:hidden}.beta-access-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}.beta-access-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--primary-rgb),.08) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite 2s}.beta-access-section .container{position:relative;z-index:1}.beta-access-section .beta-content{padding-right:3rem}@media (max-width: 991px){.beta-access-section .beta-content{padding-right:0;margin-bottom:3rem;text-align:center}}.beta-access-section .beta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.5rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(var(--primary-rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.beta-access-section .beta-badge i{font-size:1rem;animation:bounce 2s ease-in-out infinite}body.light-mode .beta-access-section .beta-badge{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3)}.beta-access-section .beta-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.beta-access-section .beta-title .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.beta-access-section .beta-title{font-size:2.5rem}}.beta-access-section .beta-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}body.light-mode .beta-access-section .beta-subtitle{color:var(--bs-gray-600)}.beta-access-section .beta-benefits{list-style:none;padding:0;margin:0 0 2.5rem}.beta-access-section .beta-benefits li{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:1.1rem;color:var(--text-primary)}@media (max-width: 991px){.beta-access-section .beta-benefits li{justify-content:center}}.beta-access-section .beta-benefits li i{color:var(--primary);font-size:1.25rem;flex-shrink:0}body.light-mode .beta-access-section .beta-benefits li{color:var(--bs-gray-700)}.beta-access-section .beta-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.beta-access-section .beta-cta .btn-primary{padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;box-shadow:0 5px 20px rgba(var(--primary-rgb),.3)}.beta-access-section .beta-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--primary-rgb),.4)}.beta-access-section .beta-cta .beta-date{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:1rem;color:var(--text-secondary)}.beta-access-section .beta-cta .beta-date i{color:var(--primary)}body.light-mode .beta-access-section .beta-cta .beta-date{color:var(--bs-gray-600)}.beta-access-section .beta-illustration{display:flex;flex-direction:column;gap:2rem}@media (max-width: 991px){.beta-access-section .beta-illustration{align-items:center}}.beta-access-section .beta-timer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.light-mode .beta-access-section .beta-timer{background:var(--bs-white);border-color:var(--bs-gray-200);box-shadow:0 10px 30px #0000000d}.beta-access-section .beta-timer h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.beta-access-section .beta-timer .countdown-boxes{display:flex;justify-content:center;gap:1.5rem}.beta-access-section .beta-timer .countdown-box{display:flex;flex-direction:column;align-items:center;gap:.5rem}.beta-access-section .beta-timer .countdown-box .countdown-number{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bs-white);font-size:2rem;font-weight:700;border-radius:1rem;box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}@media (max-width: 480px){.beta-access-section .beta-timer .countdown-box .countdown-number{width:60px;height:60px;font-size:1.5rem}}.beta-access-section .beta-timer .countdown-box .countdown-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}body.light-mode .beta-access-section .beta-timer .countdown-box .countdown-label{color:var(--bs-gray-600)}.beta-access-section .beta-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 991px){.beta-access-section .beta-stats{max-width:400px}}.beta-access-section .beta-stats .stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.beta-access-section .beta-stats .stat-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a;border-color:rgba(var(--primary-rgb),.3)}body.light-mode .beta-access-section .beta-stats .stat-item{background:var(--bs-white);border-color:var(--bs-gray-200)}body.light-mode .beta-access-section .beta-stats .stat-item:hover{box-shadow:0 5px 20px #0000000d}.beta-access-section .beta-stats .stat-item i{font-size:2rem;color:var(--primary);opacity:.8}.beta-access-section .beta-stats .stat-item div{display:flex;flex-direction:column;gap:.25rem}.beta-access-section .beta-stats .stat-item div .stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.beta-access-section .beta-stats .stat-item div .stat-label{font-size:.875rem;color:var(--text-secondary)}body.light-mode .beta-access-section .beta-stats .stat-item div .stat-label{color:var(--bs-gray-600)}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.download-section{overflow:hidden;padding:4rem 0}@media (max-width: 767px){.download-section{padding:3rem 0}}.download-section .download-content h2.section-title{margin-bottom:1.5rem}.download-section .download-content p.section-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}body.light-mode .download-section .download-content p.section-subtitle{color:var(--bs-gray-600)}.download-section .download-features .bi{font-size:1.2rem}.download-section .download-features span{font-size:1rem;color:var(--text-secondary)}body.light-mode .download-section .download-features span{color:var(--bs-gray-700)}.download-section .download-buttons{margin-top:2rem;display:flex;gap:1rem;align-items:stretch}.download-section .download-buttons .download-btn{height:60px;display:flex;align-items:center;justify-content:center;padding:0 1.5rem;border-radius:.75rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.download-section .download-buttons .download-btn.app-store{background:var(--bs-dark);border:1px solid var(--bs-gray-700)}.download-section .download-buttons .download-btn.app-store:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.light-mode .download-section .download-buttons .download-btn.app-store{background:var(--bs-white);border:1px solid var(--bs-gray-300)}.light-mode .download-section .download-buttons .download-btn.app-store:hover{box-shadow:0 5px 15px #0000001a}.download-section .download-buttons .download-btn.google-play{background:var(--bs-dark);border:1px solid var(--bs-gray-700)}.download-section .download-buttons .download-btn.google-play:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.light-mode .download-section .download-buttons .download-btn.google-play{background:var(--bs-white);border:1px solid var(--bs-gray-300)}.light-mode .download-section .download-buttons .download-btn.google-play:hover{box-shadow:0 5px 15px #0000001a}.download-section .download-buttons .download-btn.desktop-btn{background:var(--primary);color:var(--bs-white);border:1px solid var(--primary);display:flex;align-items:center;gap:.75rem}.download-section .download-buttons .download-btn.desktop-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.4);background:var(--primary);filter:brightness(1.1)}.download-section .download-buttons .download-btn.desktop-btn i{font-size:1.5rem;color:var(--bs-white)}.download-section .download-buttons .download-btn.desktop-btn .btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.download-section .download-buttons .download-btn.desktop-btn .btn-text .small{font-size:.75rem;opacity:.9;color:var(--bs-white)}.download-section .download-buttons .download-btn.desktop-btn .btn-text .platform{font-size:1rem;font-weight:600;color:var(--bs-white)}.light-mode .download-section .download-buttons .download-btn.desktop-btn{background:var(--primary)}.light-mode .download-section .download-buttons .download-btn.desktop-btn:hover{box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.download-section .download-buttons .download-btn img{height:32px;width:auto}.download-section .app-preview .devices-mockup{position:relative;height:600px;perspective:1000px;display:flex;align-items:center;justify-content:center}.download-section .app-preview .devices-mockup .phone-mockup{position:absolute;right:20px;top:100px;z-index:2;animation:float 6s ease-in-out infinite}.download-section .app-preview .devices-mockup .phone-mockup .phone-device{width:280px;height:560px;background:var(--bs-dark);border-radius:40px;padding:10px;box-shadow:0 0 0 3px var(--bs-gray-700),0 0 0 4px var(--bs-dark),0 20px 40px #00000080,inset 0 0 20px #ffffff1a;position:relative}.download-section .app-preview .devices-mockup .phone-mockup .phone-device:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:120px;height:25px;background:var(--bs-dark);border-radius:0 0 20px 20px;z-index:1}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen{width:100%;height:100%;background:var(--bg-secondary);border-radius:30px;overflow:hidden;position:relative}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen{background:var(--bs-white)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:30px}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface{background:var(--bs-white)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .status-bar{padding:35px 20px 10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-primary)}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .status-bar{color:var(--bs-dark)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .status-bar .status-icons{display:flex;gap:5px;font-size:11px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:rgba(var(--primary-rgb),.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header i:first-child{color:var(--primary);font-size:24px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header span{font-weight:600;color:var(--text-primary)}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header span{color:var(--bs-dark)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header i:last-child{color:var(--bs-gray-400);font-size:20px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--primary),var(--bs-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-icon.pulse{animation:pulse 2s ease-in-out infinite}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-icon i{font-size:40px;color:var(--text-primary)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-text{margin-top:20px;color:var(--text-secondary);font-size:16px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave{display:flex;gap:3px;margin-top:20px;height:40px;align-items:center}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span{width:3px;background:var(--primary);animation:wave 1s ease-in-out infinite}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span:nth-child(1){height:17px;animation-delay:.1s}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span:nth-child(2){height:32px;animation-delay:.2s}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span:nth-child(3){height:46px;animation-delay:.3s}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span:nth-child(4){height:21px;animation-delay:.4s}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave span:nth-child(5){height:22px;animation-delay:.5s}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams{padding:20px;background:var(--surface)}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams{background:var(--bs-gray-100)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams h6{color:var(--text-secondary);font-size:14px;margin-bottom:15px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item{display:flex;gap:12px;margin-bottom:12px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-thumbnail{width:50px;height:50px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.3),rgba(var(--primary-rgb),.3));border-radius:10px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info{flex:1;display:flex;flex-direction:column;justify-content:center}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info .dream-title{color:var(--text-primary);font-size:14px;font-weight:500}body.light-mode .download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info .dream-title{color:var(--bs-dark)}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info .dream-date{color:var(--text-secondary);font-size:12px}.download-section .app-preview .devices-mockup .desktop-mockup{position:absolute;left:0;top:0;z-index:1;animation:float 6s ease-in-out infinite reverse;animation-delay:-3s}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device{width:550px;height:350px;background:var(--bs-gray-800);border-radius:10px;padding:5px;box-shadow:0 0 0 2px var(--bs-gray-600),0 10px 30px #0006;position:relative}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--bs-gray-700);border-radius:50%;border:2px solid var(--bs-gray-800)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen{width:100%;height:100%;background:var(--bg-secondary);border-radius:5px;overflow:hidden}body.light-mode .download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen{background:var(--bs-white)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:5px}body.light-mode .download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface{background:var(--bs-white)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}body.light-mode .download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header{background:var(--bs-gray-100);border-bottom-color:var(--bs-gray-300)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .logo-section{display:flex;align-items:center;gap:10px}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .logo-section i{color:var(--primary);font-size:24px}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .logo-section span{font-weight:600;color:var(--text-primary);font-size:16px}body.light-mode .download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .logo-section span{color:var(--bs-dark)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .user-section{display:flex;align-items:center;gap:20px}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .user-section i{color:var(--text-secondary);font-size:18px;cursor:pointer}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .desktop-header .user-section .user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--bs-purple));border-radius:50%}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid{flex:1;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.1));border-radius:10px;position:relative;overflow:hidden;min-height:100px;cursor:pointer;transition:transform .3s;background-size:cover;background-position:center}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.2));z-index:1}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview:hover{transform:scale(1.05)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview.large{grid-column:span 2;grid-row:span 2}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview .overlay{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:2}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview .overlay .category{display:inline-block;background:var(--primary);color:var(--text-primary);padding:2px 10px;border-radius:20px;font-size:11px;margin-bottom:5px}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .dream-grid .dream-card-preview .overlay h5{color:var(--text-primary);font-size:14px;margin:0}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .floating-action{position:absolute;bottom:20px;right:20px;width:50px;height:50px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(var(--primary-rgb),.5);cursor:pointer;transition:transform .3s}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .floating-action:hover{transform:scale(1.1)}.download-section .app-preview .devices-mockup .desktop-mockup .desktop-device .desktop-screen .desktop-interface .floating-action i{color:var(--text-primary);font-size:24px}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4),0 0 0 20px rgba(var(--primary-rgb),0)}50%{box-shadow:0 0 0 20px rgba(var(--primary-rgb),.2),0 0 0 40px rgba(var(--primary-rgb),0)}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.featured-dreams-section{padding:4rem 0}@media (max-width: 767px){.featured-dreams-section{padding:3rem 0}}.featured-dreams-section .dreams-masonry{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;grid-auto-rows:minmax(150px,auto)}@media (max-width: 1199px){.featured-dreams-section .dreams-masonry{grid-template-columns:repeat(6,1fr);gap:1.25rem}}@media (max-width: 991px){.featured-dreams-section .dreams-masonry{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (max-width: 767px){.featured-dreams-section .dreams-masonry{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 575px){.featured-dreams-section .dreams-masonry{grid-template-columns:1fr;gap:1rem}}.featured-dreams-section .dream-card{background:var(--surface);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative}body.light-mode .featured-dreams-section .dream-card{background:var(--bs-white);border:1px solid var(--bs-gray-200)}.featured-dreams-section .dream-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.featured-dreams-section .dream-card-large{grid-column:span 6;grid-row:span 2}@media (max-width: 1199px){.featured-dreams-section .dream-card-large{grid-column:span 4}}@media (max-width: 991px){.featured-dreams-section .dream-card-large{grid-column:span 4;grid-row:span 1}}@media (max-width: 767px){.featured-dreams-section .dream-card-large{grid-column:span 2;grid-row:span 1}}@media (max-width: 575px){.featured-dreams-section .dream-card-large{grid-column:span 1}}.featured-dreams-section .dream-card-medium{grid-column:span 3;grid-row:span 2}@media (max-width: 1199px){.featured-dreams-section .dream-card-medium{grid-column:span 3}}@media (max-width: 991px){.featured-dreams-section .dream-card-medium{grid-column:span 2;grid-row:span 1}}@media (max-width: 767px){.featured-dreams-section .dream-card-medium{grid-column:span 1;grid-row:span 1}}@media (max-width: 575px){.featured-dreams-section .dream-card-medium{grid-column:span 1}}.featured-dreams-section .dream-card-small{grid-column:span 3;grid-row:span 1}@media (max-width: 1199px){.featured-dreams-section .dream-card-small{grid-column:span 2}}@media (max-width: 991px){.featured-dreams-section .dream-card-small{grid-column:span 2}}@media (max-width: 767px){.featured-dreams-section .dream-card-small{grid-column:span 1}}@media (max-width: 575px){.featured-dreams-section .dream-card-small{grid-column:span 1}}.featured-dreams-section .dream-card-wide{grid-column:span 6;grid-row:span 1}@media (max-width: 1199px){.featured-dreams-section .dream-card-wide{grid-column:span 6}}@media (max-width: 991px){.featured-dreams-section .dream-card-wide{grid-column:span 4}}@media (max-width: 767px){.featured-dreams-section .dream-card-wide{grid-column:span 2}}@media (max-width: 575px){.featured-dreams-section .dream-card-wide{grid-column:span 1}}.featured-dreams-section .dream-card-vertical{grid-column:span 3;grid-row:span 2}@media (max-width: 1199px){.featured-dreams-section .dream-card-vertical{grid-column:span 2}}@media (max-width: 991px){.featured-dreams-section .dream-card-vertical{grid-column:span 2;grid-row:span 1}}@media (max-width: 767px){.featured-dreams-section .dream-card-vertical{grid-column:span 1;grid-row:span 1}}@media (max-width: 575px){.featured-dreams-section .dream-card-vertical{grid-column:span 1}}.featured-dreams-section .dream-card-image-only{grid-column:span 3;grid-row:span 2}.featured-dreams-section .dream-card-image-only .dream-card-image{height:100%}@media (max-width: 1199px){.featured-dreams-section .dream-card-image-only{grid-column:span 2}}@media (max-width: 991px){.featured-dreams-section .dream-card-image-only{grid-column:span 2;grid-row:span 1}.featured-dreams-section .dream-card-image-only .dream-card-image{height:250px}}@media (max-width: 767px){.featured-dreams-section .dream-card-image-only{grid-column:span 2;grid-row:span 1}}@media (max-width: 575px){.featured-dreams-section .dream-card-image-only{grid-column:span 1}}.featured-dreams-section .dream-card-text.dream-card-small{grid-column:span 3}.featured-dreams-section .dream-card-large .dream-card-content .dream-title{font-size:1.5rem}@media (max-width: 767px){.featured-dreams-section .dream-card-large .dream-card-content .dream-title{font-size:1.25rem}}@media (max-width: 575px){.featured-dreams-section .dream-card-large .dream-card-content .dream-title{font-size:1.15rem}}body.light-mode .featured-dreams-section .dream-card-large .dream-card-content .dream-title{color:var(--bs-dark)}.featured-dreams-section .dream-card-large .dream-card-content .dream-excerpt{display:block}@media (max-width: 575px){.featured-dreams-section .dream-card-large .dream-card-content .dream-excerpt{font-size:.9rem}}body.light-mode .featured-dreams-section .dream-card-large .dream-card-content .dream-excerpt{color:var(--bs-gray-600)}.featured-dreams-section .dream-card-medium .dream-card-content .dream-title,.featured-dreams-section .dream-card-vertical .dream-card-content .dream-title{font-size:1.25rem}.featured-dreams-section .dream-card-medium .dream-card-content .dream-excerpt,.featured-dreams-section .dream-card-vertical .dream-card-content .dream-excerpt{display:block;overflow:visible}.featured-dreams-section .dream-card-small .dream-card-image{height:180px}.featured-dreams-section .dream-card-small .dream-card-content{padding:1rem}.featured-dreams-section .dream-card-small .dream-card-content .dream-title{font-size:1rem;margin-bottom:.5rem}body.light-mode .featured-dreams-section .dream-card-small .dream-card-content .dream-title{color:var(--bs-dark)}.featured-dreams-section .dream-card-small .dream-card-content .dream-excerpt{font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.light-mode .featured-dreams-section .dream-card-small .dream-card-content .dream-excerpt{color:var(--bs-gray-600)}.featured-dreams-section .dream-card-small .dream-card-content .dream-author{margin-bottom:.5rem}.featured-dreams-section .dream-card-small .dream-card-content .dream-author .author-avatar{width:30px;height:30px}.featured-dreams-section .dream-card-small .dream-card-content .dream-author .author-name{font-size:.75rem}body.light-mode .featured-dreams-section .dream-card-small .dream-card-content .dream-author .author-name{color:var(--bs-dark)}.featured-dreams-section .dream-card-wide .dream-card-content{display:flex;flex-direction:column}.featured-dreams-section .dream-card-wide .dream-card-content .dream-title{font-size:1.25rem}.featured-dreams-section .dream-card .dream-card-image{position:relative;overflow:hidden;height:250px}.featured-dreams-section .dream-card .dream-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-dreams-section .dream-card .dream-card-image:hover img{transform:scale(1.05)}.featured-dreams-section .dream-card .dream-card-image .dream-overlay{position:absolute;top:1rem;right:1rem}.featured-dreams-section .dream-card .dream-card-image .dream-overlay .dream-category{background:rgba(var(--primary-rgb),.9);color:var(--bs-white);padding:.25rem .75rem;border-radius:2rem;font-size:.875rem;font-weight:500}body.light-mode .featured-dreams-section .dream-card .dream-card-image .dream-overlay .dream-category{background:var(--primary);color:var(--bs-white)}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);color:#fff}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full .dream-title{color:var(--bs-white);margin-bottom:1rem}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full .dream-author{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full .dream-author .author-avatar{width:30px;height:30px}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full .dream-author .author-name{color:rgba(var(--bs-white-rgb),.9);font-size:.875rem}.featured-dreams-section .dream-card .dream-card-image .dream-overlay-full .dream-stats span{color:#fffc;font-size:.875rem}.featured-dreams-section .dream-card .dream-card-content{padding:1.5rem}.featured-dreams-section .dream-card .dream-card-content .dream-author{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.featured-dreams-section .dream-card .dream-card-content .dream-author .author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.featured-dreams-section .dream-card .dream-card-content .dream-author .author-name{font-weight:500;color:var(--text-primary);font-size:.875rem}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-author .author-name{color:var(--bs-dark)}.featured-dreams-section .dream-card .dream-card-content .dream-author .dream-date{color:var(--text-secondary);font-size:.75rem}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-author .dream-date{color:var(--bs-gray-600)}.featured-dreams-section .dream-card .dream-card-content .dream-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.4}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-title{color:var(--bs-dark)}.featured-dreams-section .dream-card .dream-card-content .dream-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-excerpt{color:var(--bs-gray-600)}.featured-dreams-section .dream-card .dream-card-content .dream-stats{display:flex;gap:1.5rem;flex-wrap:wrap}@media (max-width: 575px){.featured-dreams-section .dream-card .dream-card-content .dream-stats{gap:1rem;justify-content:center}}.featured-dreams-section .dream-card .dream-card-content .dream-stats span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-stats span{color:var(--bs-gray-600)}.featured-dreams-section .dream-card .dream-card-content .dream-stats span i{color:var(--primary);font-size:1rem}.featured-dreams-section .dream-card .dream-card-content .dream-quote{font-size:1.1rem;font-style:italic;color:var(--text-secondary);border-left:3px solid var(--primary);padding-left:1rem;margin:0 0 1rem}body.light-mode .featured-dreams-section .dream-card .dream-card-content .dream-quote{color:var(--bs-gray-600);border-left-color:var(--primary)}.featured-dreams-section .dream-card-text{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.featured-dreams-section .dream-card-text .dream-quote{color:var(--bs-white);border-left-color:rgba(var(--bs-white-rgb),.5)}.featured-dreams-section .dream-card-text .dream-author .author-name{color:rgba(var(--bs-white-rgb),.9)}.newsletter-cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--bg) 0%,rgba(var(--primary-rgb),.03) 50%,var(--bg) 100%);position:relative;overflow:hidden}@media (max-width: 768px){.newsletter-cta-section{padding:4rem 0}}.newsletter-cta-wrapper{background:var(--surface);border:1px solid var(--border-primary);border-radius:24px;padding:4rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}@media (max-width: 992px){.newsletter-cta-wrapper{padding:3rem}}@media (max-width: 768px){.newsletter-cta-wrapper{padding:2rem}}.newsletter-cta-wrapper .newsletter-decoration{position:absolute;pointer-events:none}.newsletter-cta-wrapper .newsletter-decoration.newsletter-bubble{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 40%,transparent 70%);filter:blur(40px)}.newsletter-cta-wrapper .newsletter-decoration.newsletter-bubble:nth-child(1){top:-100px;right:-100px;width:300px;height:300px}.newsletter-cta-wrapper .newsletter-decoration.newsletter-bubble:nth-child(2){bottom:-50px;left:-50px;width:250px;height:250px;background:radial-gradient(circle at 70% 70%,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.04) 40%,transparent 70%)}.newsletter-cta-wrapper .newsletter-decoration.newsletter-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.3}.newsletter-cta-wrapper .newsletter-decoration.newsletter-particle:nth-child(3){top:20%;left:10%;animation:floatParticle 20s linear infinite}.newsletter-cta-wrapper .newsletter-decoration.newsletter-particle:nth-child(4){bottom:30%;right:15%;animation:floatParticle 25s linear infinite reverse}@keyframes floatParticle{0%{transform:translate(0)}25%{transform:translate(100px,-50px)}50%{transform:translate(50px,100px)}75%{transform:translate(-50px,50px)}to{transform:translate(0)}}.newsletter-content{position:relative;z-index:2}.newsletter-badge{display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.newsletter-badge i{font-size:1rem}.newsletter-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.newsletter-title .gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.newsletter-title{font-size:2rem}}.newsletter-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.newsletter-features-grid{display:grid;gap:1.5rem;margin-top:2rem}.newsletter-feature{display:flex;align-items:center;gap:1rem}.newsletter-feature .feature-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.05) 100%);border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.newsletter-feature .feature-icon i{font-size:1.25rem;color:var(--primary)}.newsletter-feature .feature-text h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.newsletter-feature .feature-text p{font-size:.85rem;color:var(--text-tertiary);margin-bottom:0}.newsletter-feature:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%)}.newsletter-form-wrapper{background:var(--surface-hover);border:1px solid var(--border-secondary);border-radius:20px;padding:2.5rem;position:relative;z-index:2}@media (max-width: 768px){.newsletter-form-wrapper{padding:2rem}}@media (max-width: 576px){.newsletter-form-wrapper{padding:1.5rem}}.newsletter-form .form-header{text-align:center;margin-bottom:2rem}.newsletter-form .form-header h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.newsletter-form .form-header p{color:var(--text-secondary);font-size:.95rem}.newsletter-form .form-label{display:flex;align-items:center;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.newsletter-form .form-label i{color:var(--primary)}.newsletter-form .newsletter-input,.newsletter-form .newsletter-select{background:var(--input-bg);border:2px solid var(--border-primary);border-radius:12px;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);transition:all .3s ease}.newsletter-form .newsletter-input:focus,.newsletter-form .newsletter-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.1);outline:none}.newsletter-form .newsletter-input::placeholder,.newsletter-form .newsletter-select::placeholder{color:var(--text-tertiary)}.newsletter-form .newsletter-select{cursor:pointer}.newsletter-form .newsletter-select option{background:var(--bg);color:var(--text-primary)}.newsletter-form .newsletter-submit{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;color:var(--bg);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.newsletter-form .newsletter-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-lighter) 100%)}.newsletter-form .newsletter-submit:active{transform:translateY(0)}.newsletter-form .newsletter-submit i{font-size:1.2rem}.newsletter-form .form-footer{margin-top:1.5rem;text-align:center}.newsletter-form .form-footer .privacy-note{font-size:.85rem;color:var(--text-tertiary);margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.newsletter-form .form-footer .privacy-note i{color:var(--primary);font-size:1rem}.newsletter-success{text-align:center;padding:3rem 2rem}.newsletter-success .success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:successBounce .6s ease}.newsletter-success .success-icon i{font-size:2.5rem;color:#fff}.newsletter-success h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.newsletter-success p{color:var(--text-secondary);font-size:1rem}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 576px){.newsletter-features-grid{gap:1rem}.newsletter-feature .feature-icon{width:40px;height:40px}.newsletter-feature .feature-icon i{font-size:1rem}.newsletter-feature .feature-text h5{font-size:.9rem}.newsletter-feature .feature-text p{font-size:.8rem}}@media (max-width: 991px){.download-section .download-content{text-align:center;margin-bottom:3rem}.download-section .download-content h2.section-title{text-align:center;font-size:2rem}.download-section .download-content p.section-subtitle{text-align:center;font-size:1rem}.download-section .download-features{justify-content:center;max-width:400px;margin:0 auto}.download-section .download-features .d-flex{justify-content:flex-start}.download-section .download-buttons{justify-content:center;flex-wrap:wrap}.download-section .app-preview .devices-mockup{height:450px}.download-section .app-preview .devices-mockup .desktop-mockup{display:none}.download-section .app-preview .devices-mockup .phone-mockup{position:relative;right:auto;top:auto;transform:none;display:flex;justify-content:center;align-items:center;animation:none}.download-section .app-preview .devices-mockup .phone-mockup .phone-device{width:260px;height:520px}}@media (max-width: 767px){.featured-dreams-section .dreams-masonry{grid-template-columns:1fr;gap:1rem}.featured-dreams-section .dreams-masonry .dream-card-large,.featured-dreams-section .dreams-masonry .dream-card-medium,.featured-dreams-section .dreams-masonry .dream-card-small,.featured-dreams-section .dreams-masonry .dream-card-wide,.featured-dreams-section .dreams-masonry .dream-card-vertical,.featured-dreams-section .dreams-masonry .dream-card-image-only{grid-column:span 1!important;grid-row:span 1!important;min-height:300px}.featured-dreams-section .dreams-masonry .dream-card-large{min-height:400px}.featured-dreams-section .dreams-masonry .dream-card-image-only .dream-card-image{height:250px}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content{padding:1.25rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-title{font-size:1.1rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-excerpt{font-size:.9rem;display:block;overflow:visible;-webkit-line-clamp:none}}@media (max-width: 575px){.download-section{padding:3rem 0}.download-section .download-content h2.section-title{font-size:1.75rem;line-height:1.3}.download-section .download-content p.section-subtitle{font-size:.95rem}.download-section .download-features span{font-size:.9rem}.download-section .download-buttons{flex-direction:column;align-items:stretch;width:100%}.download-section .download-buttons .download-btn{width:100%;margin-bottom:.75rem}.download-section .download-buttons .download-btn:last-child{margin-bottom:0}.download-section .download-buttons .download-btn.app-store,.download-section .download-buttons .download-btn.google-play{height:50px}.download-section .download-buttons .download-btn.app-store img,.download-section .download-buttons .download-btn.google-play img{height:28px}.download-section .download-buttons .download-btn.desktop-btn{height:50px}.download-section .download-buttons .download-btn.desktop-btn i{font-size:1.25rem}.download-section .download-buttons .download-btn.desktop-btn .btn-text .small{font-size:.7rem}.download-section .download-buttons .download-btn.desktop-btn .btn-text .platform{font-size:.9rem}.download-section .app-preview .devices-mockup{height:400px;padding:0 20px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device{width:220px;height:440px;padding:8px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .status-bar{padding:25px 15px 8px;font-size:10px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header{padding:10px 15px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header i:first-child{font-size:20px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header span{font-size:14px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .app-header i:last-child{font-size:18px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture{padding:20px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-icon{width:80px;height:80px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-icon i{font-size:32px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .capture-text{font-size:14px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .dream-capture .voice-wave{height:30px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams{padding:15px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams h6{font-size:12px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-thumbnail{width:40px;height:40px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info .dream-title{font-size:12px}.download-section .app-preview .devices-mockup .phone-mockup .phone-device .phone-screen .app-interface .recent-dreams .dream-item .dream-info .dream-date{font-size:10px}.featured-dreams-section{padding:3rem 0}.featured-dreams-section .section-title{font-size:1.75rem}.featured-dreams-section .section-subtitle{font-size:.95rem}.featured-dreams-section .dreams-masonry .dream-card{border-radius:.75rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-image{height:200px}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content{padding:1rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-author{margin-bottom:.75rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-author .author-avatar{width:32px;height:32px}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-author .author-name{font-size:.8rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-author .dream-date{font-size:.7rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-title{font-size:1rem;margin-bottom:.5rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-excerpt{font-size:.85rem;line-height:1.5}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-stats{gap:1rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-stats span{font-size:.8rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-stats span i{font-size:.9rem}.featured-dreams-section .dreams-masonry .dream-card .dream-card-content .dream-quote{font-size:.95rem;padding-left:.75rem}}.about-hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.about-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%),radial-gradient(circle 400px at 10% 80%,rgba(var(--primary-rgb),.12) 0%,transparent 50%),radial-gradient(circle 300px at 90% 30%,rgba(var(--primary-rgb),.06) 0%,transparent 40%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.about-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 70%,var(--primary),transparent),radial-gradient(1px 1px at 50% 50%,var(--primary),transparent),radial-gradient(1px 1px at 80% 10%,var(--primary),transparent),radial-gradient(2px 2px at 90% 60%,var(--primary),transparent);background-size:300px 300px;background-repeat:repeat;opacity:0;animation:twinkle 5s ease-in-out infinite;z-index:1}.about-hero .about-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.about-hero .about-hero-content .hero-badge{display:inline-block;background:rgba(var(--primary-rgb),.2);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.3)}.about-hero .about-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.about-hero .about-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero .about-hero-content .hero-lead{font-size:1.25rem;color:#fffc;line-height:1.7;margin-bottom:2rem}.about-hero .hero-decoration{position:absolute;pointer-events:none}.about-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.about-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.about-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.about-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.about-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.about-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.about-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.about-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}.founder-section{padding:5rem 0;background:var(--bg-secondary)}body.light-mode .founder-section{background:var(--bs-gray-100)}.founder-section .founder-card{background:var(--surface);border-radius:1.5rem;padding:3rem;box-shadow:0 10px 40px #0000001a;border:1px solid var(--border-primary)}body.light-mode .founder-section .founder-card{background:var(--bs-white);box-shadow:0 10px 40px #0000000d;border-color:var(--bs-gray-200)}.founder-section .founder-card .founder-image-wrapper{position:relative;margin-bottom:2rem}.founder-section .founder-card .founder-image-wrapper .founder-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);margin:0 auto;display:block;position:relative;z-index:2}.founder-section .founder-card .founder-image-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.05) 100%);z-index:1}.founder-section .founder-card .founder-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}body.light-mode .founder-section .founder-card .founder-name{color:var(--bs-dark)}.founder-section .founder-card .founder-title{font-size:1.1rem;color:var(--primary);margin-bottom:2rem;font-weight:500}.founder-section .founder-card .founder-bio{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}body.light-mode .founder-section .founder-card .founder-bio{color:var(--bs-gray-600)}.founder-section .founder-card .founder-bio p{margin-bottom:1.5rem}.founder-section .founder-card .founder-bio p:last-child{margin-bottom:0}.founder-section .founder-card .founder-quote{position:relative;padding:2rem;margin:2rem 0;background:rgba(var(--primary-rgb),.05);border-left:4px solid var(--primary);border-radius:.5rem}body.light-mode .founder-section .founder-card .founder-quote{background:rgba(var(--primary-rgb),.03)}.founder-section .founder-card .founder-quote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:var(--primary);opacity:.3;font-family:serif}.founder-section .founder-card .founder-quote p{font-style:italic;font-size:1.2rem;color:var(--text-primary);margin:0;position:relative;z-index:1}body.light-mode .founder-section .founder-card .founder-quote p{color:var(--bs-dark)}.vision-section .vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.vision-section .vision-grid .vision-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}body.light-mode .vision-section .vision-grid .vision-card{background:var(--bs-white);border-color:var(--bs-gray-200)}.vision-section .vision-grid .vision-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.vision-section .vision-grid .vision-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2);border-color:var(--primary)}.vision-section .vision-grid .vision-card:hover:before{transform:translate(0)}.vision-section .vision-grid .vision-card:hover .vision-icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:var(--bg)}.vision-section .vision-grid .vision-card .vision-icon{width:60px;height:60px;background:rgba(var(--primary-rgb),.1);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem;transition:all .3s ease}.vision-section .vision-grid .vision-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}body.light-mode .vision-section .vision-grid .vision-card h3{color:var(--bs-dark)}.vision-section .vision-grid .vision-card p{color:var(--text-secondary);line-height:1.7;margin:0}body.light-mode .vision-section .vision-grid .vision-card p{color:var(--bs-gray-600)}.timeline-section{padding:5rem 0;background:var(--bg-secondary)}body.light-mode .timeline-section{background:var(--bs-gray-100)}.timeline-section .timeline{position:relative;max-width:1000px;margin:0 auto}.timeline-section .timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--border-primary)}@media (max-width: 768px){.timeline-section .timeline:before{left:20px}}.timeline-section .timeline .timeline-item{position:relative;padding:2rem 0}.timeline-section .timeline .timeline-item:nth-child(odd) .timeline-content{margin-right:50%;padding-right:3rem;text-align:right}@media (max-width: 768px){.timeline-section .timeline .timeline-item:nth-child(odd) .timeline-content{margin-right:0;padding-right:0;margin-left:60px;text-align:left}}.timeline-section .timeline .timeline-item:nth-child(2n) .timeline-content{margin-left:50%;padding-left:3rem}@media (max-width: 768px){.timeline-section .timeline .timeline-item:nth-child(2n) .timeline-content{margin-left:60px;padding-left:0}}.timeline-section .timeline .timeline-item .timeline-dot{position:absolute;left:50%;top:2rem;transform:translate(-50%);width:20px;height:20px;background:var(--primary);border:4px solid var(--bg-secondary);border-radius:50%;z-index:2}@media (max-width: 768px){.timeline-section .timeline .timeline-item .timeline-dot{left:20px}}body.light-mode .timeline-section .timeline .timeline-item .timeline-dot{border-color:var(--bs-gray-100)}.timeline-section .timeline .timeline-item .timeline-content{background:var(--surface);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-primary)}body.light-mode .timeline-section .timeline .timeline-item .timeline-content{background:var(--bs-white);border-color:var(--bs-gray-200)}.timeline-section .timeline .timeline-item .timeline-content h4{color:var(--primary);font-size:1.1rem;margin-bottom:.5rem}.timeline-section .timeline .timeline-item .timeline-content p{color:var(--text-secondary);margin:0}body.light-mode .timeline-section .timeline .timeline-item .timeline-content p{color:var(--bs-gray-600)}.stats-showcase{padding:4rem 0}.stats-showcase .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stats-showcase .stats-grid .stat-card{text-align:center;padding:2rem;background:var(--surface);border-radius:1rem;border:1px solid var(--border-primary);transition:all .3s ease}body.light-mode .stats-showcase .stats-grid .stat-card{background:var(--bs-white);border-color:var(--bs-gray-200)}.stats-showcase .stats-grid .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2);border-color:var(--primary)}.stats-showcase .stats-grid .stat-card:hover .stat-number{transform:scale(1.1)}.stats-showcase .stats-grid .stat-card .stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;transition:transform .3s ease;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-showcase .stats-grid .stat-card .stat-label{font-size:1rem;color:var(--text-secondary)}body.light-mode .stats-showcase .stats-grid .stat-card .stat-label{color:var(--bs-gray-600)}@media (max-width: 768px){.about-hero{min-height:70vh}.about-hero .about-hero-content h1{font-size:2rem}.about-hero .about-hero-content .hero-lead{font-size:1.1rem}.founder-section{padding:3rem 0}.founder-section .founder-card{padding:2rem}.founder-section .founder-card .founder-name{font-size:1.5rem}}.features-hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.12) 25%,rgba(var(--primary-rgb),.15) 50%,rgba(var(--primary-rgb),.12) 75%,rgba(var(--primary-rgb),.08) 100%),#0f1419}.features-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(var(--primary-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(var(--primary-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--primary-rgb),.06) 0%,transparent 60%);background-size:400px 400px;animation:floatPattern 40s ease-in-out infinite;z-index:0}.features-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 25%,var(--primary),transparent),radial-gradient(2px 2px at 45% 65%,var(--primary),transparent),radial-gradient(1px 1px at 55% 45%,var(--primary),transparent),radial-gradient(1px 1px at 85% 15%,var(--primary),transparent),radial-gradient(2px 2px at 95% 55%,var(--primary),transparent);background-size:250px 250px;background-repeat:repeat;opacity:0;animation:sparkle 4s ease-in-out infinite;z-index:1}.features-hero .features-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.features-hero .features-hero-content .hero-badge{display:inline-block;background:rgba(var(--primary-rgb),.2);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.3)}.features-hero .features-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.features-hero .features-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-hero .features-hero-content .hero-lead{font-size:1.25rem;color:#fffc;line-height:1.7;margin-bottom:2rem}.features-hero .tech-decoration{position:absolute;pointer-events:none}.features-hero .tech-decoration.tech-grid{width:200px;height:200px;border:1px solid rgba(var(--primary-rgb),.2);border-radius:20px;transform:rotate(45deg)}.features-hero .tech-decoration.tech-grid:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(var(--primary-rgb),.15);border-radius:15px}.features-hero .tech-decoration.tech-grid:after{content:"";position:absolute;top:40px;right:40px;bottom:40px;left:40px;border:1px solid rgba(var(--primary-rgb),.1);border-radius:10px}.features-hero .tech-decoration.tech-grid:nth-child(1){top:10%;right:10%;animation:rotateGrid 30s linear infinite}.features-hero .tech-decoration.tech-grid:nth-child(2){bottom:15%;left:5%;width:150px;height:150px;animation:rotateGrid 35s linear infinite reverse}.features-hero .tech-decoration.tech-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%)}.features-hero .tech-decoration.tech-line:nth-child(3){top:20%;left:0;right:0;animation:scanLine 8s ease-in-out infinite}.features-hero .tech-decoration.tech-line:nth-child(4){bottom:30%;left:0;right:0;animation:scanLine 10s ease-in-out infinite;animation-delay:-2s}@keyframes rotateGrid{0%{transform:rotate(45deg) scale(1)}50%{transform:rotate(225deg) scale(1.1)}to{transform:rotate(405deg) scale(1)}}@keyframes scanLine{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}}.feature-showcase .showcase-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1rem;padding:2.5rem;height:100%;transition:all .3s ease;position:relative;overflow:hidden}body.light-mode .feature-showcase .showcase-card{background:var(--bs-white);border-color:var(--bs-gray-200)}.feature-showcase .showcase-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.feature-showcase .showcase-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.feature-showcase .showcase-card:hover:before{transform:translate(0)}.feature-showcase .showcase-card:hover .showcase-icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:var(--bg)}.feature-showcase .showcase-card .showcase-icon{width:70px;height:70px;background:rgba(var(--primary-rgb),.1);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--primary);margin-bottom:1.5rem;transition:all .3s ease}.feature-showcase .showcase-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}body.light-mode .feature-showcase .showcase-card h3{color:var(--bs-dark)}.feature-showcase .showcase-card .showcase-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}body.light-mode .feature-showcase .showcase-card .showcase-description{color:var(--bs-gray-600)}.feature-showcase .showcase-card .feature-list{list-style:none;padding:0;margin:0}.feature-showcase .showcase-card .feature-list li{display:flex;align-items:flex-start;margin-bottom:.75rem;color:var(--text-secondary)}body.light-mode .feature-showcase .showcase-card .feature-list li{color:var(--bs-gray-600)}.feature-showcase .showcase-card .feature-list li i{color:var(--primary);margin-right:.75rem;margin-top:.2rem;flex-shrink:0}.stats-showcase .stats-card{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,rgba(var(--primary-rgb),.02) 100%);border:1px solid rgba(var(--primary-rgb),.2);border-radius:1rem;padding:2rem;text-align:center;height:100%;position:relative;overflow:hidden}body.light-mode .stats-showcase .stats-card{background:linear-gradient(135deg,rgba(var(--primary-rgb),.03) 0%,rgba(var(--primary-rgb),.01) 100%);border-color:rgba(var(--primary-rgb),.15)}.stats-showcase .stats-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;opacity:0}.stats-showcase .stats-card:hover:before{opacity:1}.stats-showcase .stats-card .stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-showcase .stats-card .stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}body.light-mode .stats-showcase .stats-card .stat-label{color:var(--bs-gray-600)}.stats-showcase .stats-card hr{margin:1.5rem 0;border-color:var(--border-primary);opacity:.3}.api-section pre{background:var(--surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem;font-family:Fira Code,Consolas,monospace}body.light-mode .api-section pre{background:var(--bs-gray-100);border-color:var(--bs-gray-300)}.api-section pre code{color:var(--text-secondary)}body.light-mode .api-section pre code{color:var(--bs-gray-700)}@media (max-width: 768px){.features-hero{min-height:70vh}.features-hero .features-hero-content h1{font-size:2rem}.features-hero .features-hero-content .hero-lead{font-size:1.1rem}.features-hero .tech-decoration{display:none}.feature-showcase .showcase-card{padding:2rem}.feature-showcase .showcase-card .showcase-icon{width:60px;height:60px;font-size:1.5rem}.feature-showcase .showcase-card h3{font-size:1.25rem}}.pricing-hero{position:relative;min-height:75vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.06) 0%,rgba(var(--primary-rgb),.1) 25%,rgba(var(--primary-rgb),.12) 50%,rgba(var(--primary-rgb),.1) 75%,rgba(var(--primary-rgb),.06) 100%),#0a0f18}.pricing-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(var(--primary-rgb),.08) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(var(--primary-rgb),.06) 0%,transparent 45%),radial-gradient(circle at 40% 50%,rgba(var(--primary-rgb),.05) 0%,transparent 50%);background-size:500px 500px;animation:priceFloat 35s ease-in-out infinite;z-index:0}.pricing-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 10% 20%,var(--primary),transparent),radial-gradient(2px 2px at 35% 60%,var(--primary),transparent),radial-gradient(1px 1px at 60% 40%,var(--primary),transparent),radial-gradient(2px 2px at 80% 25%,var(--primary),transparent),radial-gradient(3px 3px at 90% 70%,var(--primary),transparent);background-size:300px 300px;background-repeat:repeat;opacity:0;animation:currencyGlow 6s ease-in-out infinite;z-index:1}@keyframes priceFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,-20px) scale(1.05)}50%{transform:translate(20px,-25px) scale(.98)}75%{transform:translate(-15px,15px) scale(1.02)}}@keyframes currencyGlow{0%,to{opacity:0}50%{opacity:.4}}.pricing-hero .pricing-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.pricing-hero .pricing-hero-content .hero-badge{display:inline-block;background:rgba(var(--primary-rgb),.2);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.3)}.pricing-hero .pricing-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.pricing-hero .pricing-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero .pricing-hero-content .hero-lead{font-size:1.25rem;color:#fffc;line-height:1.7;margin-bottom:2rem}.pricing-hero .price-decoration{position:absolute;pointer-events:none}.pricing-hero .price-decoration.price-tag{width:120px;height:80px;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);opacity:.6}.pricing-hero .price-decoration.price-tag:before{content:"€"}.pricing-hero .price-decoration.price-tag:nth-child(1){top:15%;right:15%;animation:floatPrice 25s ease-in-out infinite}.pricing-hero .price-decoration.price-tag:nth-child(2){bottom:20%;left:10%;width:100px;height:65px;animation:floatPrice 30s ease-in-out infinite reverse;animation-delay:-5s}.pricing-hero .price-decoration.price-tag:nth-child(3){top:60%;left:8%;width:90px;height:60px;font-size:1.2rem;animation:floatPrice 20s ease-in-out infinite;animation-delay:-10s}@keyframes floatPrice{0%,to{transform:translate(0) rotate(-5deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-3deg)}}.pricing-toggle{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem}.pricing-toggle .toggle-label{color:var(--text-secondary);font-weight:500}.pricing-toggle .toggle-label.active{color:var(--text-primary)}.pricing-toggle .toggle-switch{position:relative;width:60px;height:30px;background:var(--surface);border:1px solid var(--border-primary);border-radius:30px;cursor:pointer;transition:all .3s ease}.pricing-toggle .toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--primary);border-radius:50%;transition:all .3s ease}.pricing-toggle .toggle-switch.active:after{transform:translate(30px)}.pricing-toggle .badge-save{background:rgba(var(--primary-rgb),.2);color:var(--primary);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.pricing-categories{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap}.pricing-categories .category-btn{background:var(--surface);border:1px solid var(--border-secondary);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:2rem;font-weight:500;cursor:pointer;transition:all .3s ease}body.light-mode .pricing-categories .category-btn{background:var(--bs-white);border-color:var(--bs-gray-300)}.pricing-categories .category-btn:hover{border-color:var(--primary);color:var(--text-primary)}.pricing-categories .category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.pricing-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1rem;padding:2.5rem;height:100%;position:relative;transition:all .3s ease;overflow:hidden}body.light-mode .pricing-card{background:var(--bs-white);border-color:var(--bs-gray-200)}.pricing-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.pricing-card:hover:before{transform:translate(0)}.pricing-card.popular{border-color:var(--primary);transform:scale(1.05)}body.light-mode .pricing-card.popular{box-shadow:0 15px 35px rgba(var(--primary-rgb),.1)}.pricing-card .popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--bg);padding:.5rem 1.5rem;border-radius:0 0 1rem 1rem;font-size:.85rem;font-weight:600}.pricing-card .pricing-header{text-align:center;margin-bottom:2rem}.pricing-card .pricing-header h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}body.light-mode .pricing-card .pricing-header h4{color:var(--bs-dark)}.pricing-card .pricing-header .pricing-subtitle{color:var(--text-secondary);font-size:.9rem}body.light-mode .pricing-card .pricing-header .pricing-subtitle{color:var(--bs-gray-600)}.pricing-card .pricing-price{text-align:center;margin-bottom:2rem}.pricing-card .pricing-price .price-amount{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.pricing-card .pricing-price .price-amount .currency{font-size:1.5rem;vertical-align:super}.pricing-card .pricing-price .price-period{color:var(--text-tertiary);font-size:.9rem}body.light-mode .pricing-card .pricing-price .price-period{color:var(--bs-gray-500)}.pricing-card .pricing-description{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-style:italic}body.light-mode .pricing-card .pricing-description{color:var(--bs-gray-600)}.pricing-card .pricing-features{margin-bottom:2rem}.pricing-card .pricing-features li{display:flex;align-items:flex-start;margin-bottom:.75rem;color:var(--text-secondary)}body.light-mode .pricing-card .pricing-features li{color:var(--bs-gray-600)}.pricing-card .pricing-features li i{margin-right:.75rem;margin-top:.1rem;flex-shrink:0}.pricing-card .pricing-features li i.bi-check-circle-fill{color:var(--primary)}.pricing-card .pricing-features li i.bi-x-circle{color:var(--text-tertiary);opacity:.5}.pricing-card .pricing-cta .btn{width:100%;padding:.875rem;font-weight:600}.comparison-table{background:var(--surface);border-radius:1rem;overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.comparison-table .table{margin:0;background:transparent!important;color:var(--text-primary)!important;--bs-table-bg: transparent !important;--bs-table-color: var(--text-primary) !important;--bs-table-border-color: var(--border-secondary) !important;--bs-table-striped-bg: transparent !important;--bs-table-striped-color: var(--text-primary) !important;--bs-table-hover-bg: transparent !important;--bs-table-hover-color: var(--text-primary) !important}.comparison-table .table thead{background:var(--bg-secondary)!important;border-bottom:2px solid var(--primary)}.comparison-table .table thead th{border:none!important;padding:1.5rem 1.25rem;font-weight:700;color:var(--text-primary)!important;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;background:transparent!important}.comparison-table .table thead th:first-child{background:rgba(var(--primary-rgb),.05)!important}.comparison-table .table thead th:not(:first-child){text-align:center}.comparison-table .table tbody{background:transparent!important}.comparison-table .table tbody tr{border-bottom:1px solid var(--border-secondary)!important;transition:all .2s ease;background:transparent!important}.comparison-table .table tbody tr:last-child{border-bottom:none!important}.comparison-table .table tbody tr:hover{background:rgba(var(--primary-rgb),.08)!important}.comparison-table .table tbody tr:nth-child(2n){background:var(--surface-hover)!important}.comparison-table .table tbody td{padding:1.25rem;border:none!important;color:var(--text-secondary)!important;vertical-align:middle;background:transparent!important}.comparison-table .table tbody td:first-child{font-weight:600;color:var(--text-primary)!important;background:rgba(var(--primary-rgb),.03)!important}.comparison-table .table tbody td:not(:first-child){text-align:center}.comparison-table .table tbody td .bi-check-circle-fill{color:var(--primary)!important;font-size:1.5rem;filter:drop-shadow(0 2px 4px var(--glow))}.comparison-table .table tbody td .bi-x-circle{color:var(--text-tertiary)!important;opacity:.5;font-size:1.5rem}@media (max-width: 991px){.pricing-card.popular{transform:scale(1)}}@media (max-width: 768px){.pricing-hero{min-height:65vh}.pricing-hero .pricing-hero-content h1{font-size:2rem}.pricing-hero .pricing-hero-content .hero-lead{font-size:1.1rem}.pricing-hero .price-decoration{display:none}.pricing-categories .category-btn{padding:.5rem 1rem;font-size:.9rem}.pricing-card{padding:2rem}.pricing-card .pricing-price .price-amount{font-size:2.5rem}}.blog-hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:#0a0f1b}.blog-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 1200px 600px at 20% 0%,rgba(var(--primary-rgb),.2) 0%,transparent 40%),radial-gradient(ellipse 1000px 500px at 80% 100%,rgba(var(--primary-rgb),.15) 0%,transparent 35%),radial-gradient(circle 800px at 50% 50%,rgba(var(--primary-rgb),.1) 0%,transparent 50%),conic-gradient(from 45deg at 30% 30%,transparent,rgba(var(--primary-rgb),.05),transparent,rgba(var(--primary-rgb),.08),transparent),conic-gradient(from -45deg at 70% 70%,transparent,rgba(var(--primary-rgb),.06),transparent,rgba(var(--primary-rgb),.04),transparent);filter:blur(60px);animation:morphGradient 40s ease-in-out infinite;z-index:1}.blog-hero .dream-orbs{position:absolute;width:100%;height:100%;z-index:2}.blog-hero .dream-orbs:before,.blog-hero .dream-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(80px)}.blog-hero .dream-orbs:before{width:500px;height:500px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.15) 30%,transparent 70%);top:-200px;right:-100px;animation:floatOrb1 30s ease-in-out infinite}.blog-hero .dream-orbs:after{width:700px;height:700px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);bottom:-300px;left:-150px;animation:floatOrb2 35s ease-in-out infinite}.blog-hero .crystal-layer{position:absolute;width:100%;height:100%;z-index:3;opacity:.6}.blog-hero .crystal-layer:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(115deg,transparent 40%,rgba(var(--primary-rgb),.1) 50%,transparent 60%),linear-gradient(-115deg,transparent 40%,rgba(var(--primary-rgb),.08) 50%,transparent 60%),linear-gradient(45deg,transparent 45%,rgba(var(--primary-rgb),.06) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(var(--primary-rgb),.05) 50%,transparent 55%);background-size:200px 200px;animation:crystalShift 20s linear infinite}.blog-hero .star-particles{position:absolute;width:100%;height:100%;z-index:4}.blog-hero .star-particles:before,.blog-hero .star-particles:after{content:"";position:absolute;width:100%;height:100%}.blog-hero .star-particles:before{background-image:radial-gradient(2px 2px at 10% 15%,var(--primary),transparent),radial-gradient(1px 1px at 25% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 20%,var(--primary),transparent),radial-gradient(1px 1px at 55% 60%,var(--primary),transparent),radial-gradient(2px 2px at 70% 40%,var(--primary),transparent),radial-gradient(1px 1px at 85% 70%,var(--primary),transparent),radial-gradient(2px 2px at 95% 25%,var(--primary),transparent);background-size:400px 400px;animation:starsFloat 80s linear infinite;opacity:.7}.blog-hero .star-particles:after{background-image:radial-gradient(1px 1px at 15% 80%,var(--primary),transparent),radial-gradient(2px 2px at 30% 90%,var(--primary),transparent),radial-gradient(1px 1px at 45% 70%,var(--primary),transparent),radial-gradient(2px 2px at 65% 85%,var(--primary),transparent),radial-gradient(1px 1px at 80% 95%,var(--primary),transparent);background-size:300px 300px;animation:starsFloat 60s linear infinite reverse;opacity:.5}.blog-hero .abstract-waves{position:absolute;width:100%;height:100%;bottom:0;z-index:1;opacity:.3}.blog-hero .abstract-waves:before{content:"";position:absolute;width:200%;height:100%;bottom:0;left:-50%;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(var(--primary-rgb),.1) 100px,rgba(var(--primary-rgb),.1) 200px);transform:skewY(-3deg);animation:waveMove 30s linear infinite}@keyframes morphGradient{0%,to{transform:scale(1) rotate(0);filter:blur(60px)}25%{transform:scale(1.2) rotate(90deg);filter:blur(70px)}50%{transform:scale(.9) rotate(180deg);filter:blur(50px)}75%{transform:scale(1.1) rotate(270deg);filter:blur(65px)}}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-100px,100px) scale(1.2)}50%{transform:translate(-50px,-50px) scale(.9)}75%{transform:translate(50px,50px) scale(1.1)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(150px,-100px) scale(1.3)}66%{transform:translate(-100px,-50px) scale(.8)}}@keyframes crystalShift{0%{transform:translate(0) translateY(0)}to{transform:translate(200px) translateY(-200px)}}@keyframes starsFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(-400px,-400px) rotate(360deg)}}@keyframes waveMove{0%{transform:translate(0) skewY(-3deg)}to{transform:translate(100px) skewY(-3deg)}}.blog-hero-content{position:relative;z-index:10;text-align:center;max-width:1000px;margin:0 auto;padding:0 1rem}.blog-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.2);border:1px solid rgba(var(--primary-rgb),.4);color:#fff;padding:.6rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeInUp .8s ease-out;box-shadow:0 4px 20px rgba(var(--primary-rgb),.3)}.blog-hero-content .hero-badge i{font-size:1.1rem;color:var(--primary);margin-right:.5rem}.blog-hero-content h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1.5px;animation:fadeInUp .9s ease-out .1s both;color:#fff}.blog-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.2)}.blog-hero-content .hero-lead{font-size:1.35rem;color:#ffffffe6;max-width:750px;margin:0 auto 3rem;line-height:1.8;animation:fadeInUp 1s ease-out .2s both;font-weight:400}.blog-hero-content .hero-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;animation:fadeInUp 1.1s ease-out .3s both}.blog-hero-content .hero-stats .stat-item{text-align:center;position:relative}.blog-hero-content .hero-stats .stat-item:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(var(--primary-rgb),.3) 0%,transparent 70%);border-radius:50%;filter:blur(20px);z-index:-1}.blog-hero-content .hero-stats .stat-item .stat-number{display:block;font-size:3rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.5rem;text-shadow:0 0 30px rgba(var(--primary-rgb),.5)}.blog-hero-content .hero-stats .stat-item .stat-label{font-size:.95rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:500}.featured-section{padding:5rem 0;background:var(--bg)}.featured-section .section-header{text-align:center;margin-bottom:3rem}.featured-section .section-header .section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0;display:flex;align-items:center;justify-content:center}.featured-article{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.15);border-radius:20px;overflow:hidden;transition:all .4s ease}.featured-article:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.3)}.featured-article .featured-image{position:relative;overflow:hidden;height:400px}.featured-article .featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-article .featured-image:hover img{transform:scale(1.05)}.featured-article .featured-image .featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(var(--bg),.9) 0%,transparent 100%)}.featured-article .featured-image .featured-overlay .featured-badge{display:inline-flex;align-items:center;background:var(--primary);color:var(--bg);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600}.featured-article .featured-content{padding:2.5rem}.featured-article .featured-content .featured-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.featured-article .featured-content .featured-meta .category-badge{display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.15);color:var(--primary);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.featured-article .featured-content .featured-meta .read-time{color:var(--text-tertiary);font-size:.85rem;display:flex;align-items:center}.featured-article .featured-content .featured-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.3}.featured-article .featured-content .featured-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.featured-article .featured-content .featured-title a:hover{color:var(--primary)}.featured-article .featured-content .featured-excerpt{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.featured-article .featured-content .featured-author{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.featured-article .featured-content .featured-author .author-avatar{width:50px;height:50px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem}.featured-article .featured-content .featured-author .author-info .author-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.featured-article .featured-content .featured-author .author-info .author-date{font-size:.9rem;color:var(--text-tertiary)}.blog-posts-section{padding:5rem 0;background:var(--bg-secondary)}.blog-posts-section .section-header{text-align:center;margin-bottom:4rem}.blog-posts-section .section-header .section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.blog-posts-section .section-header .section-title .accent{color:var(--primary)}.blog-posts-section .section-header .section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.blog-search-container{max-width:600px;margin:0 auto 3rem}.blog-search-container .blog-search{position:relative;background:var(--surface);border:2px solid var(--border-primary);border-radius:50px;overflow:hidden;transition:all .3s ease}body.light-mode .blog-search-container .blog-search{background:var(--bs-white);border-color:var(--bs-gray-300)}.blog-search-container .blog-search.focused{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.blog-search-container .blog-search .search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1.2rem;pointer-events:none;transition:color .3s ease}.blog-search-container .blog-search .search-input{width:100%;padding:1rem 3rem 1rem 3.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1rem}.blog-search-container .blog-search .search-input::placeholder{color:var(--text-tertiary)}.blog-search-container .blog-search .search-input:focus{outline:none}.blog-search-container .blog-search .search-input:focus~.search-icon{color:var(--primary)}body.light-mode .blog-search-container .blog-search .search-input{color:var(--bs-dark)}body.light-mode .blog-search-container .blog-search .search-input::placeholder{color:var(--bs-gray-500)}.blog-search-container .blog-search .search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:rgba(var(--primary-rgb),.1);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.blog-search-container .blog-search .search-clear:hover{background:rgba(var(--primary-rgb),.2);color:var(--primary);transform:translateY(-50%) scale(1.1)}.blog-search-container .blog-search .search-clear i{font-size:.875rem}.blog-search-container .search-results-info{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.9rem;animation:fadeIn .3s ease-out}body.light-mode .blog-search-container .search-results-info{color:var(--bs-gray-600)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.categories-filter .category-btn{background:var(--surface);border:2px solid var(--border-secondary);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.categories-filter .category-btn i{font-size:1.1rem}.categories-filter .category-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.categories-filter .category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.blog-card{background:linear-gradient(145deg,var(--bg) 0%,rgba(var(--bg),.95) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;overflow:hidden;transition:all .4s ease;height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.3)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card:hover .blog-read-more{color:var(--primary)}.blog-card:hover .blog-read-more i{transform:translate(5px)}.blog-card .blog-card-image{position:relative;height:220px;overflow:hidden}.blog-card .blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card .blog-card-image .blog-card-overlay{position:absolute;top:1rem;left:1rem;z-index:2}.blog-card .blog-card-image .blog-card-overlay .category-tag{background:rgba(var(--bg),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(var(--primary-rgb),.3)}.blog-card .blog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-card .blog-card-content .blog-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-tertiary)}.blog-card .blog-card-content .blog-card-meta .blog-date,.blog-card .blog-card-content .blog-card-meta .blog-read-time{display:flex;align-items:center}.blog-card .blog-card-content .blog-card-meta .blog-date i,.blog-card .blog-card-content .blog-card-meta .blog-read-time i{font-size:.9rem}.blog-card .blog-card-content .blog-card-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.4}.blog-card .blog-card-content .blog-card-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.blog-card .blog-card-content .blog-card-title a:hover{color:var(--primary)}.blog-card .blog-card-content .blog-card-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1}.blog-card .blog-card-content .blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card .blog-card-content .blog-card-footer .blog-author{display:flex;align-items:center;gap:.5rem}.blog-card .blog-card-content .blog-card-footer .blog-author .author-avatar-small{width:32px;height:32px;background:var(--surface);border:1px solid var(--border-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem}.blog-card .blog-card-content .blog-card-footer .blog-author .author-name{font-size:.9rem;color:var(--text-secondary);font-weight:500}.blog-card .blog-card-content .blog-card-footer .blog-read-more{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;display:flex;align-items:center;transition:all .3s ease}.blog-card .blog-card-content .blog-card-footer .blog-read-more i{transition:transform .3s ease}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.pagination-wrapper .pagination-btn{width:40px;height:40px;background:var(--surface);border:2px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-wrapper .pagination-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.pagination-wrapper .pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.pagination-wrapper .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.newsletter-section{padding:5rem 0;background:var(--bg);position:relative;overflow:hidden}.newsletter-section .newsletter-wrapper{position:relative}.newsletter-section .newsletter-wrapper .newsletter-decoration{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%);filter:blur(60px)}.newsletter-section .newsletter-wrapper .newsletter-decoration:nth-child(1){top:-150px;left:-150px}.newsletter-section .newsletter-wrapper .newsletter-decoration:nth-child(2){bottom:-150px;right:-150px}.newsletter-section .newsletter-wrapper .newsletter-decoration:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px}.newsletter-section .newsletter-content{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.2);border-radius:20px;padding:3rem;text-align:center;position:relative;z-index:1}.newsletter-section .newsletter-content .newsletter-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2rem;color:var(--bg);box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.newsletter-section .newsletter-content .newsletter-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.newsletter-section .newsletter-content .newsletter-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-section .newsletter-content .newsletter-form{max-width:500px;margin:0 auto 2rem}.newsletter-section .newsletter-content .newsletter-form .input-group{display:flex;gap:1rem}.newsletter-section .newsletter-content .newsletter-form .input-group .form-control{flex:1;background:var(--surface);border:2px solid var(--border-secondary);color:var(--text-primary);padding:.875rem 1.25rem;border-radius:50px;font-size:1rem;transition:all .3s ease}.newsletter-section .newsletter-content .newsletter-form .input-group .form-control:focus{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.newsletter-section .newsletter-content .newsletter-form .input-group .form-control::placeholder{color:var(--text-muted)}.newsletter-section .newsletter-content .newsletter-form .input-group .btn{padding:.875rem 1.5rem;border-radius:50px;font-weight:600;white-space:nowrap}.newsletter-section .newsletter-content .newsletter-features{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.newsletter-section .newsletter-content .newsletter-features .newsletter-feature{display:flex;align-items:center;font-size:.95rem;color:var(--text-secondary)}.newsletter-section .newsletter-content .newsletter-privacy{font-size:.85rem;color:var(--text-tertiary);margin:0;display:flex;align-items:center;justify-content:center}.topics-section{padding:5rem 0;background:var(--bg-secondary)}.topics-section .section-header{text-align:center;margin-bottom:4rem}.topics-section .section-header .section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.topics-section .section-header .section-title .accent{color:var(--primary)}.topics-section .section-header .section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.topic-card{background:linear-gradient(145deg,var(--bg) 0%,rgba(var(--bg),.95) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.topic-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.3)}.topic-card:hover:before{opacity:1}.topic-card:hover .topic-icon{transform:scale(1.1);box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.topic-card:hover .topic-link{color:var(--primary)}.topic-card:hover .topic-link i{transform:translate(5px)}.topic-card .topic-icon{width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:var(--primary);transition:all .4s ease}.topic-card .topic-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.topic-card .topic-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.topic-card .topic-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;transition:all .3s ease}.topic-card .topic-link i{font-size:.8rem;transition:transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-decoration{position:absolute}.hero-decoration.dream-bubble{width:150px;height:150px;background:radial-gradient(circle,rgba(var(--primary-rgb),.15) 0%,transparent 70%);border-radius:50%;filter:blur(40px)}.hero-decoration.dream-bubble:nth-child(1){top:10%;left:5%;animation:floatBubble 20s ease-in-out infinite}.hero-decoration.dream-bubble:nth-child(2){top:60%;right:10%;width:200px;height:200px;animation:floatBubble 25s ease-in-out infinite reverse}.hero-decoration.dream-bubble:nth-child(3){bottom:20%;left:30%;width:100px;height:100px;animation:floatBubble 30s ease-in-out infinite 5s}.hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.hero-decoration.dream-particle:nth-child(4){top:20%;right:20%;animation:floatParticle 15s linear infinite}.hero-decoration.dream-particle:nth-child(5){top:70%;left:15%;animation:floatParticle 20s linear infinite 3s}.hero-decoration.dream-particle:nth-child(6){bottom:30%;right:35%;animation:floatParticle 18s linear infinite 7s}.hero-decoration.dream-wave{bottom:0;left:0;width:100%;height:150px;background:linear-gradient(180deg,transparent 0%,rgba(var(--primary-rgb),.05) 100%);transform:skewY(-3deg)}@keyframes floatBubble{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,-60px) scale(.9)}75%{transform:translate(40px,-30px) scale(1.05)}}@keyframes floatParticle{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px,-100px);opacity:0}}@media (max-width: 768px){.blog-hero{min-height:60vh}.blog-hero .blog-hero-content .hero-badge{font-size:.85rem;padding:.4rem 1rem}.blog-hero .blog-hero-content h1{font-size:2rem}.blog-hero .blog-hero-content .hero-lead{font-size:1.1rem}.blog-hero .blog-hero-content .hero-stats{gap:2rem}.blog-hero .blog-hero-content .hero-stats .stat-item .stat-number{font-size:2rem}.blog-hero .blog-hero-content .hero-stats .stat-item .stat-label{font-size:.85rem}.featured-article .featured-image{height:250px}.featured-article .featured-content{padding:1.5rem}.featured-article .featured-content .featured-title{font-size:1.5rem}.featured-article .featured-content .featured-excerpt{font-size:1rem}.categories-filter{gap:.75rem}.categories-filter .category-btn{padding:.6rem 1rem;font-size:.9rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.newsletter-content{padding:2rem 1.5rem}.newsletter-content .newsletter-form .input-group{flex-direction:column}.newsletter-content .newsletter-form .input-group .btn{width:100%}.newsletter-content .newsletter-features{flex-direction:column;gap:1rem}.topics-grid{grid-template-columns:1fr;gap:1.5rem}.section-header .section-title{font-size:2rem}.section-header .section-subtitle{font-size:1.1rem}}@media (max-width: 992px){.featured-article .row{flex-direction:column}.featured-article .featured-image{height:300px}}.contact-page{overflow-x:hidden}.contact-hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:#08090f}.contact-hero:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(ellipse 1800px 900px at 15% 20%,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.1) 30%,transparent 50%),radial-gradient(ellipse 1600px 800px at 85% 80%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.08) 35%,transparent 55%),radial-gradient(ellipse 1400px 700px at 50% 50%,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.05) 40%,transparent 60%),conic-gradient(from 45deg at 30% 70%,transparent,rgba(var(--primary-rgb),.1),transparent,rgba(var(--primary-rgb),.08),transparent),conic-gradient(from 225deg at 70% 30%,transparent,rgba(var(--primary-rgb),.12),transparent,rgba(var(--primary-rgb),.06),transparent),repeating-radial-gradient(circle at 20% 80%,transparent 0,transparent 100px,rgba(var(--primary-rgb),.03) 100px,rgba(var(--primary-rgb),.03) 200px),repeating-radial-gradient(circle at 80% 20%,transparent 0,transparent 150px,rgba(var(--primary-rgb),.02) 150px,rgba(var(--primary-rgb),.02) 300px);filter:blur(100px);transform:translate(-25%,-25%);animation:cosmicDrift 60s ease-in-out infinite;z-index:1}.contact-hero .aurora-dreams{position:absolute;width:100%;height:100%;z-index:2;opacity:.7}.contact-hero .aurora-dreams:before,.contact-hero .aurora-dreams:after{content:"";position:absolute;width:120%;height:100%}.contact-hero .aurora-dreams:before{background:linear-gradient(180deg,transparent 0%,rgba(var(--primary-rgb),.05) 15%,rgba(var(--primary-rgb),.15) 30%,rgba(var(--primary-rgb),.2) 45%,rgba(var(--primary-rgb),.15) 60%,rgba(var(--primary-rgb),.08) 75%,rgba(var(--primary-rgb),.03) 90%,transparent 100%);left:-10%;transform:skew(-15deg);animation:auroraFlow 35s ease-in-out infinite}.contact-hero .aurora-dreams:after{background:linear-gradient(180deg,transparent 0%,rgba(var(--primary-rgb),.03) 20%,rgba(var(--primary-rgb),.12) 40%,rgba(var(--primary-rgb),.18) 55%,rgba(var(--primary-rgb),.1) 70%,rgba(var(--primary-rgb),.05) 85%,transparent 100%);right:-10%;transform:skew(15deg);animation:auroraFlow 40s ease-in-out infinite reverse;animation-delay:-10s}.contact-hero .constellation-layer{position:absolute;width:100%;height:100%;z-index:3}.contact-hero .constellation-layer:before,.contact-hero .constellation-layer:after{content:"";position:absolute;width:100%;height:100%}.contact-hero .constellation-layer:before{background-image:radial-gradient(2px 2px at 8% 12%,var(--primary),transparent),radial-gradient(1px 1px at 16% 28%,var(--primary),transparent),radial-gradient(3px 3px at 24% 18%,var(--primary),transparent),radial-gradient(1px 1px at 32% 48%,var(--primary),transparent),radial-gradient(2px 2px at 40% 38%,var(--primary),transparent),radial-gradient(1px 1px at 48% 68%,var(--primary),transparent),radial-gradient(3px 3px at 56% 58%,var(--primary),transparent),radial-gradient(1px 1px at 64% 78%,var(--primary),transparent),radial-gradient(2px 2px at 72% 28%,var(--primary),transparent),radial-gradient(1px 1px at 80% 88%,var(--primary),transparent),radial-gradient(3px 3px at 88% 48%,var(--primary),transparent),radial-gradient(1px 1px at 96% 18%,var(--primary),transparent);animation:constellationTwinkle 15s ease-in-out infinite}.contact-hero .constellation-layer:after{background-image:radial-gradient(2px 2px at 12% 82%,var(--primary),transparent),radial-gradient(3px 3px at 28% 22%,var(--primary),transparent),radial-gradient(1px 1px at 44% 92%,var(--primary),transparent),radial-gradient(2px 2px at 60% 32%,var(--primary),transparent),radial-gradient(1px 1px at 76% 62%,var(--primary),transparent),radial-gradient(3px 3px at 92% 12%,var(--primary),transparent);animation:constellationTwinkle 20s ease-in-out infinite reverse;animation-delay:-5s}.contact-hero .dream-mist{position:absolute;width:100%;height:100%;bottom:0;z-index:2}.contact-hero .dream-mist:before{content:"";position:absolute;width:150%;height:50%;bottom:-10%;left:-25%;background:linear-gradient(0deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.08) 20%,rgba(var(--primary-rgb),.04) 40%,transparent 70%);filter:blur(40px);animation:mistDrift 45s ease-in-out infinite}@keyframes cosmicDrift{0%,to{transform:translate(-25%,-25%) scale(1) rotate(0);filter:blur(100px)}25%{transform:translate(-30%,-20%) scale(1.2) rotate(90deg);filter:blur(120px)}50%{transform:translate(-20%,-30%) scale(.9) rotate(180deg);filter:blur(80px)}75%{transform:translate(-28%,-22%) scale(1.1) rotate(270deg);filter:blur(110px)}}@keyframes auroraFlow{0%,to{transform:translateY(0) skew(-15deg);opacity:.7}25%{transform:translateY(-100px) skew(-20deg);opacity:.9}50%{transform:translateY(50px) skew(-10deg);opacity:.6}75%{transform:translateY(-50px) skew(-18deg);opacity:.8}}@keyframes constellationTwinkle{0%,to{opacity:.3;transform:scale(1)}20%{opacity:.8;transform:scale(1.2)}40%{opacity:.5;transform:scale(.9)}60%{opacity:1;transform:scale(1.3)}80%{opacity:.4;transform:scale(1.1)}}@keyframes mistDrift{0%,to{transform:translate(0) translateY(0);opacity:.6}33%{transform:translate(100px) translateY(-20px);opacity:.8}66%{transform:translate(-50px) translateY(10px);opacity:.5}}.contact-hero .contact-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:0 1rem}.contact-hero .contact-hero-content .hero-badge{display:inline-block;background:rgba(var(--primary-rgb),.15);color:#fff;padding:.6rem 1.8rem;border-radius:2rem;font-size:.9rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-hero .contact-hero-content h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-1px}.contact-hero .contact-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero .contact-hero-content .hero-lead{font-size:1.3rem;color:#ffffffd9;line-height:1.7;margin-bottom:2rem;font-weight:300}.contact-hero .hero-decoration{position:absolute;pointer-events:none}.contact-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.08) 40%,transparent 70%);filter:blur(25px)}.contact-hero .hero-decoration.dream-bubble:nth-child(1){top:15%;right:10%;width:130px;height:130px;animation:floatDream 28s ease-in-out infinite}.contact-hero .hero-decoration.dream-bubble:nth-child(2){bottom:25%;left:8%;width:200px;height:200px;animation:floatDream 35s ease-in-out infinite reverse;animation-delay:-7s}.contact-hero .hero-decoration.dream-bubble:nth-child(3){top:45%;left:3%;width:90px;height:90px;animation:floatDream 22s ease-in-out infinite;animation-delay:-12s}.contact-hero .hero-decoration.dream-particle{width:5px;height:5px;background:var(--primary);border-radius:50%;box-shadow:0 0 12px rgba(var(--primary-rgb),.6)}.contact-hero .hero-decoration.dream-particle:nth-child(4){top:25%;left:35%;animation:particleDrift 18s linear infinite}.contact-hero .hero-decoration.dream-particle:nth-child(5){top:65%;right:25%;animation:particleDrift 22s linear infinite;animation-delay:-4s}.contact-hero .hero-decoration.dream-particle:nth-child(6){bottom:35%;left:55%;animation:particleDrift 26s linear infinite;animation-delay:-9s}@keyframes floatDream{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}@keyframes particleDrift{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(120px,-100vh) rotate(720deg);opacity:0}}.contact-options{padding:5rem 0}.contact-options .contact-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1.2rem;padding:2.5rem 2rem;height:100%;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-options .contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.contact-options .contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.contact-options .contact-card:hover:before{transform:translate(0)}.contact-options .contact-card:hover .contact-icon{transform:scale(1.1) rotate(5deg);background:var(--primary);color:var(--bg)}.contact-options .contact-card:hover .contact-email{color:var(--primary-light)}.contact-options .contact-card .contact-icon{width:70px;height:70px;background:rgba(var(--primary-rgb),.1);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;color:var(--primary);transition:all .4s ease}.contact-options .contact-card .contact-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.contact-options .contact-card .contact-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.contact-options .contact-card .contact-email{color:var(--primary);text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block}.contact-options .contact-card .contact-email:hover{transform:translateY(-2px);text-decoration:underline}.contact-form-section{background:var(--bg-secondary)}.contact-form-section .contact-form-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1.5rem;padding:3rem;box-shadow:0 10px 30px #0000001a}.contact-form-section .contact-form-card .form-control,.contact-form-section .contact-form-card .form-select{background:var(--input-bg);border:1px solid var(--border-secondary);color:var(--text-primary);padding:.875rem 1rem;font-size:1rem;border-radius:.5rem;transition:all .3s ease}.contact-form-section .contact-form-card .form-control:focus,.contact-form-section .contact-form-card .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.15);color:var(--text-primary)}.contact-form-section .contact-form-card .form-control::placeholder,.contact-form-section .contact-form-card .form-select::placeholder{color:var(--text-muted)}.contact-form-section .contact-form-card .form-select{cursor:pointer}.contact-form-section .contact-form-card .form-select option{background:var(--bg-secondary);color:var(--text-primary)}.contact-form-section .contact-form-card textarea.form-control{resize:vertical;min-height:150px}.contact-form-section .contact-form-card .form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem;font-size:.95rem}.contact-form-section .contact-form-card .form-check .form-check-input{background-color:var(--input-bg);border-color:var(--border-secondary)}.contact-form-section .contact-form-card .form-check .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.contact-form-section .contact-form-card .form-check .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.15)}.contact-form-section .contact-form-card .form-check .form-check-label{font-size:.9rem}.contact-form-section .contact-form-card .form-check .form-check-label a{transition:all .3s ease}.contact-form-section .contact-form-card .form-check .form-check-label a:hover{text-decoration:underline}.contact-form-section .contact-form-card .btn-primary{padding:1rem 2.5rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.contact-form-section .contact-form-card .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(var(--primary-rgb),.3)}.office-info-section{padding:5rem 0}.office-info-section .office-info-card,.office-info-section .office-hours-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:1.2rem;padding:2.5rem;height:100%}.office-info-section .office-info-card h3,.office-info-section .office-hours-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;display:flex;align-items:center}.office-info-section .office-info-card h3:after,.office-info-section .office-hours-card h3:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--primary),transparent);margin-left:1rem}.office-info-section .office-details .office-item{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2rem}.office-info-section .office-details .office-item:last-child{margin-bottom:0}.office-info-section .office-details .office-item i{color:var(--primary);font-size:1.3rem;margin-top:.2rem}.office-info-section .office-details .office-item h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.office-info-section .office-details .office-item p{color:var(--text-secondary);margin:0;line-height:1.6}.office-info-section .hours-list .hours-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-secondary)}.office-info-section .hours-list .hours-item:last-child{border-bottom:none}.office-info-section .hours-list .hours-item.weekend .day{color:var(--text-tertiary)}.office-info-section .hours-list .hours-item.weekend .time{color:var(--text-muted)}.office-info-section .hours-list .hours-item .day{font-weight:500;color:var(--text-primary)}.office-info-section .hours-list .hours-item .time{color:var(--primary);font-weight:500}.office-info-section .hours-note{margin-top:1.5rem;padding:1rem;background:rgba(var(--primary-rgb),.05);border-left:3px solid var(--primary);border-radius:.5rem;color:var(--text-secondary);font-size:.9rem}.office-info-section .hours-note i{color:var(--primary)}.office-info-section .map-container{position:relative;border-radius:1.2rem;overflow:hidden;height:400px}.office-info-section .map-container .map-visual{width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23111827"/><path d="M0 50h100M50 0v100" stroke="%23374151" stroke-width="0.5"/></svg>');background-size:100px 100px;position:relative}.office-info-section .map-container .map-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(var(--bg),.8) 70%)}.office-info-section .map-container .map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.office-info-section .map-container .map-overlay .map-marker{width:60px;height:60px;background:var(--primary);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(var(--primary-rgb),.4)}.office-info-section .map-container .map-overlay .map-marker i{color:var(--bg);font-size:1.5rem;transform:rotate(45deg)}.office-info-section .map-container .map-overlay .map-info{background:var(--surface);padding:1.5rem 2rem;border-radius:1rem;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.office-info-section .map-container .map-overlay .map-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.office-info-section .map-container .map-overlay .map-info p{color:var(--primary);margin:0;font-weight:500}.faq-section{background:var(--bg-secondary);padding:5rem 0}.faq-section .accordion-item{background:var(--surface);border:1px solid var(--border-primary);border-radius:.75rem!important;margin-bottom:1rem;overflow:hidden}body.light-mode .faq-section .accordion-item{background:var(--bs-white);border-color:var(--bs-gray-200)}.faq-section .accordion-button{background:transparent;color:var(--text-primary);font-weight:600;padding:1.25rem;border:none}body.light-mode .faq-section .accordion-button{color:var(--bs-dark)}.faq-section .accordion-button:after{filter:invert(1)}body.light-mode .faq-section .accordion-button:after{filter:none}.faq-section .accordion-button:not(.collapsed){background:rgba(var(--primary-rgb),.05);color:var(--primary);box-shadow:none}.faq-section .accordion-button:focus{box-shadow:none}.faq-section .accordion-body{padding:0 1.25rem 1.25rem;color:var(--text-secondary)}body.light-mode .faq-section .accordion-body{color:var(--bs-gray-600)}@media (max-width: 992px){.contact-hero{min-height:60vh}.contact-hero .contact-hero-content h1{font-size:2.5rem}.contact-hero .contact-hero-content .hero-lead{font-size:1.1rem}}@media (max-width: 768px){.contact-hero{min-height:50vh}.contact-hero .contact-hero-content h1{font-size:2rem}.contact-hero .contact-hero-content .hero-lead{font-size:1rem}.contact-form-section .contact-form-card{padding:2rem 1.5rem}.office-info-section .office-info-card,.office-info-section .office-hours-card{padding:2rem 1.5rem;margin-bottom:2rem}.office-info-section .office-info-card h3,.office-info-section .office-hours-card h3{font-size:1.3rem}.map-container{height:300px}.faq-section{padding:3rem 0}.faq-section .faq-category{padding:1.5rem}.global-offices{padding:3rem 0}.global-offices .office-card{padding:2rem 1.5rem;margin-bottom:1.5rem}}@media (max-width: 576px){.contact-form-section .contact-form-card{padding:1.5rem 1rem}.contact-form-section .contact-form-card .btn-primary{width:100%;padding:.875rem 1.5rem}}.documentation-hero{position:relative;min-height:85vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;background:#0a0f1b}.documentation-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 1200px 600px at 20% 0%,rgba(var(--primary-rgb),.2) 0%,transparent 40%),radial-gradient(ellipse 1000px 500px at 80% 100%,rgba(var(--primary-rgb),.15) 0%,transparent 35%),radial-gradient(circle 800px at 50% 50%,rgba(var(--primary-rgb),.1) 0%,transparent 50%),conic-gradient(from 45deg at 30% 30%,transparent,rgba(var(--primary-rgb),.05),transparent,rgba(var(--primary-rgb),.08),transparent),conic-gradient(from -45deg at 70% 70%,transparent,rgba(var(--primary-rgb),.06),transparent,rgba(var(--primary-rgb),.04),transparent);filter:blur(60px);animation:morphGradient 40s ease-in-out infinite;z-index:1}.documentation-hero .dream-orbs{position:absolute;width:100%;height:100%;z-index:2}.documentation-hero .dream-orbs:before,.documentation-hero .dream-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(80px)}.documentation-hero .dream-orbs:before{width:500px;height:500px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.15) 30%,transparent 70%);top:-200px;right:-100px;animation:floatOrb1 30s ease-in-out infinite}.documentation-hero .dream-orbs:after{width:700px;height:700px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);bottom:-300px;left:-150px;animation:floatOrb2 35s ease-in-out infinite}.documentation-hero .code-particles{position:absolute;width:100%;height:100%;z-index:3;opacity:.6}.documentation-hero .code-particles:before,.documentation-hero .code-particles:after{content:"";position:absolute;width:100%;height:100%}.documentation-hero .code-particles:before{background-image:radial-gradient(2px 2px at 10% 15%,var(--primary),transparent),radial-gradient(1px 1px at 25% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 20%,var(--primary),transparent),radial-gradient(1px 1px at 55% 60%,var(--primary),transparent),radial-gradient(2px 2px at 70% 40%,var(--primary),transparent),radial-gradient(1px 1px at 85% 70%,var(--primary),transparent);background-size:400px 400px;animation:starsFloat 80s linear infinite;opacity:.7}.documentation-hero .doc-decoration{position:absolute;opacity:.4}.documentation-hero .doc-decoration.doc-code{font-size:150px;color:rgba(var(--primary-rgb),.1);top:10%;right:5%;transform:rotate(-15deg);font-family:Fira Code,monospace;animation:float 25s ease-in-out infinite;z-index:4}.documentation-hero .doc-decoration.doc-code:before{content:"</>"}.documentation-hero .doc-decoration.doc-api{font-size:120px;color:rgba(var(--primary-rgb),.08);bottom:15%;left:5%;transform:rotate(15deg);font-family:Fira Code,monospace;animation:float 30s ease-in-out infinite reverse;animation-delay:5s;z-index:4}.documentation-hero .doc-decoration.doc-api:before{content:"API"}.documentation-hero .doc-decoration.doc-bracket{font-size:200px;color:rgba(var(--primary-rgb),.06);top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);font-family:Fira Code,monospace;animation:float 35s ease-in-out infinite;animation-delay:10s;z-index:4}.documentation-hero .doc-decoration.doc-bracket:before{content:"{ }"}.documentation-hero .documentation-hero-content{text-align:center;position:relative;z-index:10;max-width:900px;margin:0 auto}.documentation-hero .documentation-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.5rem 1rem;border-radius:30px;font-size:.9rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.2)}.documentation-hero .documentation-hero-content .hero-badge i{font-size:1rem}.documentation-hero .documentation-hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-1px}.documentation-hero .documentation-hero-content h1 .accent{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.documentation-hero .documentation-hero-content .hero-lead{font-size:1.375rem;color:var(--text-secondary);font-weight:300;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.documentation-hero .doc-search-wrapper{max-width:600px;margin:0 auto 3rem}.documentation-hero .doc-search{position:relative;background:rgba(var(--bg-secondary),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--primary-rgb),.2);border-radius:50px;padding:1rem 1.5rem;transition:all .3s ease}.documentation-hero .doc-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.documentation-hero .doc-search i{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.2rem}.documentation-hero .doc-search input{width:100%;border:none;background:none;outline:none;font-size:1.1rem;color:var(--text-primary);padding-left:2.5rem;padding-right:3rem}.documentation-hero .doc-search input::placeholder{color:var(--text-muted)}.documentation-hero .doc-search kbd{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;padding:.25rem .5rem;font-size:.875rem;color:var(--text-secondary);font-family:inherit}.documentation-hero .quick-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.documentation-hero .quick-links .quick-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(var(--bg-secondary),.8);border:1px solid rgba(var(--primary-rgb),.2);border-radius:30px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.documentation-hero .quick-links .quick-link i{color:var(--primary)}.documentation-hero .quick-links .quick-link:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2)}.doc-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.doc-sidebar::-webkit-scrollbar{width:4px}.doc-sidebar::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.doc-sidebar::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.doc-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary)}.doc-sidebar .sidebar-section{margin-bottom:2rem}.doc-sidebar .sidebar-section .sidebar-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:1rem;display:flex;align-items:center}.doc-sidebar .sidebar-section .sidebar-title i{font-size:1rem}.doc-sidebar .nav-section{margin-bottom:.5rem}.doc-sidebar .nav-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);font-weight:500;transition:all .3s ease;cursor:pointer;display:flex;align-items:center}.doc-sidebar .nav-item i{color:var(--text-tertiary);transition:all .3s ease}.doc-sidebar .nav-item:hover{background:var(--surface);color:var(--text-primary);border-color:var(--border-secondary)}.doc-sidebar .nav-item:hover i{color:var(--primary)}.doc-sidebar .nav-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:var(--primary)}.doc-sidebar .nav-item.active i{color:var(--primary)}.doc-sidebar .nav-subsections{margin-top:.5rem;margin-left:2rem;margin-bottom:.5rem}.doc-sidebar .nav-subitem{width:100%;text-align:left;background:transparent;border:none;padding:.5rem 1rem;border-radius:6px;color:var(--text-tertiary);font-size:.9rem;font-weight:400;transition:all .3s ease;cursor:pointer}.doc-sidebar .nav-subitem:hover{background:var(--surface);color:var(--text-secondary)}.doc-sidebar .nav-subitem.active{color:var(--primary);font-weight:500;background:rgba(var(--primary-rgb),.05)}.doc-sidebar .resource-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .3s ease}.doc-sidebar .resource-link i{color:var(--text-tertiary)}.doc-sidebar .resource-link:hover,.doc-sidebar .resource-link:hover i{color:var(--primary)}.doc-content .content-header{margin-bottom:3rem}.doc-content .content-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.doc-content .content-header h2 i{color:var(--primary);font-size:2rem}.doc-content .content-header .lead{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.doc-card{background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:1rem;padding:2.5rem;margin-bottom:2rem;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.doc-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);background:linear-gradient(145deg,var(--surface-hover) 0%,rgba(var(--surface-hover),.9) 100%)}.doc-card:hover:before{opacity:1}.doc-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.doc-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.code-block .code-header{background:rgba(var(--text-primary),.05);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-secondary)}.code-block .code-header .copy-btn{background:transparent;border:1px solid var(--border-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.code-block .code-header .copy-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.code-block pre::-webkit-scrollbar-track{background:rgba(var(--text-primary),.05)}.code-block pre::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.code-block pre::-webkit-scrollbar-thumb:hover{background:var(--surface-active)}.installation-tabs .tab-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.installation-tabs .tab-buttons .tab-btn{padding:.75rem 1.5rem;background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:2rem;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px;text-align:center}.installation-tabs .tab-buttons .tab-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.2)}.installation-tabs .tab-buttons .tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.4)}.endpoint-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:12px;overflow:hidden;margin-bottom:1rem;transition:all .3s ease}.endpoint-card:hover{border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.endpoint-card .endpoint-header{padding:1rem 1.5rem;background:rgba(var(--primary-rgb),.05);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:1rem}.endpoint-card .endpoint-header .method{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase}.endpoint-card .endpoint-header .method.get{background:rgba(var(--success-rgb),.1);color:var(--success)}.endpoint-card .endpoint-header .method.post{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.endpoint-card .endpoint-header .method.put{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.endpoint-card .endpoint-header .method.delete{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.endpoint-card .endpoint-header .endpoint-path{font-family:Fira Code,monospace;color:var(--text-primary);font-weight:500}.endpoint-card .endpoint-body{padding:1.5rem}.endpoint-card .endpoint-body p{color:var(--text-secondary);margin-bottom:1rem}.endpoint-card .endpoint-body h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem}.endpoints-list{display:flex;flex-direction:column;gap:1rem}.sdk-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);height:100%}.sdk-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15)}.sdk-card:hover .sdk-icon{transform:scale(1.1) rotate(5deg)}.sdk-card .sdk-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:var(--primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.sdk-card h4{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.sdk-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.guide-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.guide-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.guide-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15)}.guide-card:hover:before{opacity:1}.guide-card:hover .guide-icon{transform:scale(1.1);box-shadow:0 15px 30px rgba(var(--primary-rgb),.3)}.guide-card .guide-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.75rem;color:var(--primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.guide-card h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.guide-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.guide-card .guide-tags{display:flex;gap:.5rem}.guide-card .guide-tags .tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.playground-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:20px;padding:3rem;box-shadow:0 10px 40px var(--shadow-md)}.playground-card .playground-section h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.playground-card .endpoint-selector{margin-bottom:1.5rem}.playground-card .endpoint-selector .form-select{background:var(--surface);border:1px solid var(--border-secondary);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-weight:500}.playground-card .endpoint-selector .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.playground-card .code-editor{border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.playground-card .code-editor .code-input{width:100%;background:transparent;border:none;color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;padding:1.5rem;resize:vertical}.playground-card .code-editor .code-input:focus{outline:none}.playground-card .response-status{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.playground-card .response-status .status-code{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.playground-card .response-status .status-code.success{background:rgba(var(--success-rgb),.1);color:var(--success)}.playground-card .response-status .response-time{color:var(--text-tertiary);font-size:.875rem}.examples-section{padding:4rem 0}.examples-section .section-header{text-align:center;margin-bottom:3rem}.examples-section .section-header h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}body.light-mode .examples-section .section-header h3{color:var(--bs-dark)}.examples-section .section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}body.light-mode .examples-section .section-header p{color:var(--bs-gray-600)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}@media (max-width: 767px){.examples-grid{grid-template-columns:1fr;gap:1.5rem}}.example-card{background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.example-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);background:var(--surface-hover)}.example-card:hover:before{opacity:1}.example-card:hover .example-header i{transform:scale(1.1);color:var(--primary-light)}.example-card .example-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.example-card .example-header i{font-size:1.5rem;color:var(--primary);transition:all .3s ease}.example-card .example-header h4{color:var(--text-primary);font-weight:600;margin:0}.example-card .example-content{margin-bottom:1.5rem}.example-card .example-content .example-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-style:italic}.example-card .example-content .example-tags{display:flex;gap:.5rem;flex-wrap:wrap}.example-card .example-content .example-tags .tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;border:1px solid rgba(var(--primary-rgb),.2)}.example-card .example-interpretation h5{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1rem}.example-card .example-interpretation p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.feature-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.feature-list .feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:.75rem;transition:all .3s ease}.feature-list .feature-item:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 5px 15px rgba(var(--primary-rgb),.1);background:var(--surface-hover)}.feature-list .feature-item i{font-size:1.5rem;color:var(--primary);margin-top:.25rem}.feature-list .feature-item div h5{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.feature-list .feature-item div p{color:var(--text-secondary);line-height:1.6;margin:0}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.analysis-grid .analysis-card{text-align:center;padding:2rem 1.5rem;background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:1rem;transition:all .3s ease}.analysis-grid .analysis-card:hover{transform:translateY(-5px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 10px 25px rgba(var(--primary-rgb),.15);background:var(--surface-hover)}.analysis-grid .analysis-card:hover .analysis-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.15) 100%)}.analysis-grid .analysis-card .analysis-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.analysis-grid .analysis-card .analysis-icon i{font-size:1.5rem;color:var(--primary)}.analysis-grid .analysis-card h4{color:var(--text-primary);font-weight:600;margin-bottom:1rem;font-size:1.25rem}.analysis-grid .analysis-card p{color:var(--text-secondary);line-height:1.6;margin:0}.step-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.step-list .step-item{display:flex;align-items:flex-start;gap:1.5rem}.step-list .step-item .step-number{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.step-list .step-item .step-content{flex:1}.step-list .step-item .step-content h5{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.step-list .step-item .step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.interpretation-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.interpretation-tips .tip-card{text-align:center;padding:2rem 1.5rem;background:var(--surface);border:1px solid rgba(var(--primary-rgb),.1);border-radius:1rem;transition:all .3s ease}.interpretation-tips .tip-card:hover{transform:translateY(-5px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 10px 25px rgba(var(--primary-rgb),.15);background:var(--surface-hover)}.interpretation-tips .tip-card:hover i{transform:scale(1.1);color:var(--primary-light)}.interpretation-tips .tip-card i{font-size:2rem;color:var(--primary);margin-bottom:1rem;display:block;transition:all .3s ease}.interpretation-tips .tip-card h5{color:var(--text-primary);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.interpretation-tips .tip-card p{color:var(--text-secondary);line-height:1.6;margin:0}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;color:var(--primary);transition:all .3s ease}.doc-card:hover .card-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.15) 100%)}.examples-cta{text-align:center;margin-top:3rem}.examples-cta .btn-explore{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary);color:var(--bs-white);border:1px solid var(--primary);border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease}.examples-cta .btn-explore:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-rgb),.4);background:var(--primary);filter:brightness(1.1);color:var(--bs-white)}.examples-cta .btn-explore:hover i{transform:translate(3px)}.examples-cta .btn-explore i{font-size:1rem;transition:all .3s ease}.documentation-cta{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,rgba(var(--secondary-rgb),.05) 100%);border:2px solid rgba(var(--primary-rgb),.2);padding:4rem}.documentation-cta .cta-decoration{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);border-radius:50%;opacity:.05;filter:blur(40px)}.documentation-cta h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.documentation-cta h3 .accent{color:var(--primary)}.documentation-cta p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.documentation-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 991px){.doc-sidebar{position:relative;top:0;max-height:none;margin-bottom:3rem;border:1px solid var(--border-secondary);border-radius:12px;padding:1.5rem;background:var(--surface)}}@media (max-width: 768px){.documentation-hero{padding:80px 0 60px}.documentation-hero h1{font-size:2rem}.documentation-hero .hero-lead{font-size:1.1rem}.documentation-hero .quick-links .quick-link{font-size:.9rem;padding:.6rem 1.2rem}.doc-content .content-header h2{font-size:1.75rem}.playground-card{padding:2rem 1.5rem}.documentation-cta{padding:3rem 2rem}.documentation-cta h3{font-size:1.5rem}.documentation-cta p{font-size:1.1rem}.examples-grid{grid-template-columns:1fr;gap:1rem}.example-card{border-radius:.75rem}.example-card .example-image{height:160px}.example-card .example-image .example-icon{width:60px;height:60px;font-size:1.5rem}.example-card .example-content{padding:1.25rem}.example-card .example-content .example-title{font-size:1.1rem}.example-card .example-content .dream-text{font-size:.9rem;padding-left:.75rem}.example-card .example-content .interpretation p{font-size:.85rem}.example-card .example-content .example-stats{gap:1rem}.example-card .example-content .example-stats .tag{font-size:.8rem}.example-card .example-content .example-stats .tag i{font-size:.9rem}.examples-cta .btn-explore{padding:.875rem 1.5rem;font-size:.95rem}.examples-section{padding:3rem 0}.examples-section .section-header{margin-bottom:2rem}.examples-section .section-header h3{font-size:1.75rem}.examples-section .section-header p{font-size:1rem}}.api-hero{position:relative;min-height:85vh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;background:#0a0f1b}.api-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 1200px 600px at 20% 0%,rgba(var(--primary-rgb),.2) 0%,transparent 40%),radial-gradient(ellipse 1000px 500px at 80% 100%,rgba(var(--primary-rgb),.15) 0%,transparent 35%),radial-gradient(circle 800px at 50% 50%,rgba(var(--primary-rgb),.1) 0%,transparent 50%),conic-gradient(from 45deg at 30% 30%,transparent,rgba(var(--primary-rgb),.05),transparent,rgba(var(--primary-rgb),.08),transparent),conic-gradient(from -45deg at 70% 70%,transparent,rgba(var(--primary-rgb),.06),transparent,rgba(var(--primary-rgb),.04),transparent);filter:blur(60px);animation:morphGradient 40s ease-in-out infinite;z-index:1}.api-hero .api-orbs{position:absolute;width:100%;height:100%;z-index:2}.api-hero .api-orbs:before,.api-hero .api-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(80px)}.api-hero .api-orbs:before{width:500px;height:500px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.15) 30%,transparent 70%);top:-200px;right:-100px;animation:floatOrb1 30s ease-in-out infinite}.api-hero .api-orbs:after{width:700px;height:700px;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);bottom:-300px;left:-150px;animation:floatOrb2 35s ease-in-out infinite}.api-hero .code-matrix{position:absolute;width:100%;height:100%;z-index:3;opacity:.6}.api-hero .code-matrix:before,.api-hero .code-matrix:after{content:"";position:absolute;width:100%;height:100%}.api-hero .code-matrix:before{background-image:radial-gradient(2px 2px at 10% 15%,var(--primary),transparent),radial-gradient(1px 1px at 25% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 20%,var(--primary),transparent),radial-gradient(1px 1px at 55% 60%,var(--primary),transparent),radial-gradient(2px 2px at 70% 40%,var(--primary),transparent),radial-gradient(1px 1px at 85% 70%,var(--primary),transparent);background-size:400px 400px;animation:starsFloat 80s linear infinite;opacity:.7}.api-hero .api-decoration{position:absolute;opacity:.4}.api-hero .api-decoration.api-terminal{font-size:150px;color:rgba(var(--primary-rgb),.1);top:10%;right:5%;transform:rotate(-15deg);font-family:Fira Code,monospace;animation:float 25s ease-in-out infinite;z-index:4}.api-hero .api-decoration.api-terminal:before{content:"</>"}.api-hero .api-decoration.api-data{font-size:120px;color:rgba(var(--primary-rgb),.08);bottom:15%;left:5%;transform:rotate(15deg);font-family:Fira Code,monospace;animation:float 30s ease-in-out infinite reverse;animation-delay:5s;z-index:4}.api-hero .api-decoration.api-data:before{content:"API"}.api-hero .api-decoration.api-cloud{font-size:200px;color:rgba(var(--primary-rgb),.06);top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);font-family:Fira Code,monospace;animation:float 35s ease-in-out infinite;animation-delay:10s;z-index:4}.api-hero .api-decoration.api-cloud:before{content:"{ }"}.api-hero .api-hero-content{text-align:center;position:relative;z-index:10;max-width:900px;margin:0 auto}.api-hero .api-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.5rem 1rem;border-radius:30px;font-size:.9rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.2)}.api-hero .api-hero-content .hero-badge i{font-size:1rem}.api-hero .api-hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-1px}.api-hero .api-hero-content h1 .accent{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-hero .api-hero-content .hero-lead{font-size:1.375rem;color:var(--text-secondary);font-weight:300;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.api-hero .api-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap}.api-hero .api-stats .stat-item{text-align:center}.api-hero .api-stats .stat-item .stat-icon{width:60px;height:60px;background:rgba(var(--primary-rgb),.1);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-hero .api-stats .stat-item .stat-number{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;font-family:Fira Code,monospace}.api-hero .api-stats .stat-item .stat-label{font-size:.9rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.api-hero .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.api-feature-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2.5rem;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.api-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.api-feature-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15)}.api-feature-card:hover:before{opacity:1}.api-feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 15px 30px rgba(var(--primary-rgb),.3)}.api-feature-card .feature-icon{width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:var(--primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.api-feature-card h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.api-feature-card p{color:var(--text-secondary);line-height:1.6}.api-explorer-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;position:relative}.api-explorer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.api-explorer-card:hover:before{opacity:1}.explorer-sidebar{background:var(--surface);height:100%;padding:2rem;border-right:1px solid var(--border-secondary)}.explorer-sidebar .sidebar-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center}.explorer-sidebar .sidebar-title i{font-size:1rem}.explorer-sidebar .endpoint-list{display:flex;flex-direction:column;gap:.5rem}.explorer-sidebar .endpoint-group{margin-bottom:.5rem}.explorer-sidebar .endpoint-toggle{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.explorer-sidebar .endpoint-toggle i{color:var(--text-tertiary)}.explorer-sidebar .endpoint-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-secondary)}.explorer-sidebar .endpoint-toggle.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:var(--primary)}.explorer-sidebar .endpoint-toggle.active i{color:var(--primary)}.explorer-sidebar .method-list{margin-top:.5rem;margin-left:1rem;display:flex;flex-direction:column;gap:.25rem}.explorer-sidebar .method-item{width:100%;text-align:left;background:transparent;border:none;padding:.5rem .75rem;border-radius:6px;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.explorer-sidebar .method-item .method-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.explorer-sidebar .method-item .method-badge.get{background:rgba(var(--success-rgb),.1);color:var(--success)}.explorer-sidebar .method-item .method-badge.post{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.explorer-sidebar .method-item:hover{background:var(--surface-hover);color:var(--text-secondary)}.explorer-sidebar .method-item.active{background:rgba(var(--primary-rgb),.05);color:var(--text-primary)}.explorer-content{padding:2rem}.explorer-content .endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary)}.explorer-content .endpoint-header .method-badge.large{padding:.5rem 1rem;border-radius:8px;font-size:1rem;font-weight:700}.explorer-content .endpoint-header .endpoint-path{font-family:Fira Code,monospace;font-size:1.25rem;color:var(--text-primary)}.explorer-content .endpoint-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.explorer-content .request-builder{margin-bottom:2rem}.explorer-content .request-builder h5{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.explorer-content .request-builder .request-section{margin-bottom:2rem}.explorer-content .request-builder .request-section h6{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.explorer-content .request-builder .header-inputs,.explorer-content .request-builder .param-inputs{display:flex;flex-direction:column;gap:.75rem}.explorer-content .request-builder .header-row,.explorer-content .request-builder .param-row{display:flex;gap:1rem;align-items:center}.explorer-content .request-builder .header-row label,.explorer-content .request-builder .param-row label{min-width:120px;color:var(--text-secondary);font-weight:500}.explorer-content .request-builder .header-row input,.explorer-content .request-builder .param-row input{flex:1;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:Fira Code,monospace;font-size:.9rem;transition:all .3s ease}.explorer-content .request-builder .header-row input:focus,.explorer-content .request-builder .param-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.explorer-content .request-builder .header-row input:disabled,.explorer-content .request-builder .param-row input:disabled{background:var(--surface-hover);color:var(--text-tertiary);cursor:not-allowed}.explorer-content .request-builder .code-editor{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem}.explorer-content .request-builder .code-editor pre{margin:0;color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6}.explorer-content .response-viewer{margin-top:2rem}.explorer-content .response-viewer h5{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.explorer-content .response-viewer .response-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.explorer-content .response-viewer .response-header .status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.explorer-content .response-viewer .response-header .status-badge.success{background:rgba(var(--success-rgb),.1);color:var(--success)}.explorer-content .response-viewer .response-header .response-time{color:var(--text-tertiary);font-size:.875rem;display:flex;align-items:center}.explorer-content .response-viewer .code-viewer{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;overflow-x:auto}.explorer-content .response-viewer .code-viewer pre{margin:0;color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6}.code-examples .language-tabs{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center}.code-examples .language-tabs .tab-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--border-secondary);border-radius:30px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.code-examples .language-tabs .tab-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--text-primary)}.code-examples .language-tabs .tab-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.code-example-container{max-width:800px;margin:0 auto}.code-block{background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin:1.5rem 0}.code-block .code-header{background:rgba(255,255,255,.05);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-block .code-header .code-language{color:var(--primary);font-size:.85rem;font-weight:600;text-transform:uppercase}.code-block .code-header .copy-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.code-block .code-header .copy-btn:hover{background:rgba(255,255,255,.1);border-color:var(--primary);color:var(--primary)}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block pre::-webkit-scrollbar{height:8px}.code-block pre::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.code-block pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}.code-block pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.code-block code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.rate-limit-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2.5rem;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.rate-limit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.rate-limit-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15)}.rate-limit-card:hover:before{opacity:1}.rate-limit-card:hover .plan-icon{transform:scale(1.1);box-shadow:0 15px 30px rgba(var(--primary-rgb),.3)}.rate-limit-card.featured{transform:scale(1.05);border-color:rgba(var(--primary-rgb),.4);box-shadow:0 15px 40px rgba(var(--primary-rgb),.2)}.rate-limit-card.featured:before{opacity:1;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.rate-limit-card.featured:hover{transform:scale(1.05) translateY(-8px)}.rate-limit-card .featured-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg);padding:.5rem 1.5rem;border-radius:0 0 12px 12px;font-size:.85rem;font-weight:600}.rate-limit-card .plan-header{margin-bottom:2rem}.rate-limit-card .plan-header .plan-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.rate-limit-card .plan-header h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.rate-limit-card .plan-header .plan-price{font-size:1.1rem;color:var(--text-secondary)}.rate-limit-card .limit-list{list-style:none;padding:0;margin:0}.rate-limit-card .limit-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;text-align:left}.rate-limit-card .limit-list li i{color:var(--primary);font-size:1.2rem;flex-shrink:0;margin-right:.5rem}.rate-limit-card .limit-list li i.bi-check-circle{color:var(--primary)}.rate-limit-card .limit-list li span{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.api-cta{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,rgba(var(--secondary-rgb),.05) 100%);border:2px solid rgba(var(--primary-rgb),.2);border-radius:20px;padding:4rem;text-align:center;position:relative;overflow:hidden}.api-cta .cta-decoration{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);border-radius:50%;opacity:.05;filter:blur(40px);z-index:1}.api-cta .cta-content{position:relative;z-index:2}.api-cta .cta-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.api-cta .cta-content h3 .accent{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-cta .cta-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.api-cta .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes morphGradient{0%,to{filter:blur(60px);transform:scale(1) rotate(0)}25%{filter:blur(80px);transform:scale(1.1) rotate(45deg)}50%{filter:blur(70px);transform:scale(.95) rotate(90deg)}75%{filter:blur(75px);transform:scale(1.05) rotate(-45deg)}}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,20px) scale(.9)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(.95)}66%{transform:translate(30px,-20px) scale(1.05)}}@keyframes starsFloat{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotation, 0deg))}50%{transform:translateY(-20px) rotate(calc(var(--rotation, 0deg) + 5deg))}}@media (max-width: 991px){.api-explorer-card .explorer-sidebar{border-right:none;border-bottom:1px solid var(--border-secondary);padding:1.5rem}}@media (max-width: 768px){.api-hero{padding:80px 0 60px;min-height:auto}.api-hero .api-hero-content h1{font-size:2rem}.api-hero .api-hero-content .hero-lead{font-size:1.1rem}.api-hero .api-stats{gap:2rem}.api-hero .api-stats .stat-item .stat-number{font-size:1.5rem}.api-cta{padding:3rem 2rem}.api-cta h3{font-size:1.5rem}.api-cta p{font-size:1.1rem}}.support-hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.support-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%),radial-gradient(circle 400px at 10% 80%,rgba(var(--primary-rgb),.12) 0%,transparent 50%),radial-gradient(circle 300px at 90% 30%,rgba(var(--primary-rgb),.06) 0%,transparent 40%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.support-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--primary),transparent),radial-gradient(2px 2px at 40% 70%,var(--primary),transparent),radial-gradient(1px 1px at 50% 50%,var(--primary),transparent),radial-gradient(1px 1px at 80% 10%,var(--primary),transparent),radial-gradient(2px 2px at 90% 60%,var(--primary),transparent);background-size:300px 300px;background-repeat:repeat;opacity:0;animation:twinkle 5s ease-in-out infinite;z-index:1}@keyframes twinkle{0%,to{opacity:0}50%{opacity:.4}}.support-hero .hero-decoration{position:absolute;pointer-events:none}.support-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.support-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.support-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.support-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.support-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.support-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.support-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.support-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}@media (max-width: 768px){.support-hero{min-height:auto;padding:3rem 0}.support-hero .hero-decoration{display:none}}.support-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.support-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#ffffffe6;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.support-hero-content .hero-badge i{font-size:1rem}.support-hero-content h1{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2;letter-spacing:-1px}.support-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.support-hero-content h1{font-size:2.5rem}}@media (max-width: 576px){.support-hero-content h1{font-size:2rem}}.support-hero-content .hero-lead{font-size:1.25rem;color:#fffc;margin-bottom:2rem;font-weight:300;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.support-hero-content .hero-lead{font-size:1.1rem}}.search-wrapper{max-width:600px;margin:0 auto}.search-wrapper .search-box{position:relative;margin-bottom:1.5rem}.search-wrapper .search-box .search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:1.2rem}.search-wrapper .search-box .search-input{width:100%;padding:1rem 3rem 1rem 3.5rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50px;font-size:1rem;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-wrapper .search-box .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.3);outline:none;background:rgba(255,255,255,.15)}.search-wrapper .search-box .search-input::placeholder{color:#ffffff80}.search-wrapper .search-box .search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--primary);color:var(--bg);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.search-wrapper .search-box .search-btn:hover{background:var(--primary-light);transform:translateY(-50%) scale(1.1)}.search-wrapper .popular-topics{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}.search-wrapper .popular-topics .topics-label{color:#ffffffb3;font-size:.9rem;margin-right:.5rem}.search-wrapper .popular-topics .topic-tag{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-wrapper .popular-topics .topic-tag:hover{background:rgba(255,255,255,.2);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.help-categories{margin-top:3rem}.help-categories .help-card{display:block;background:var(--surface);border:1px solid var(--border-secondary);border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s ease;height:100%;text-align:center}.help-categories .help-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.1)}.help-categories .help-card:hover .help-icon-wrapper{transform:scale(1.1);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.help-categories .help-card:hover .help-link{color:var(--primary)}.help-categories .help-card:hover .help-link i{transform:translate(5px)}.help-categories .help-card .help-icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.help-categories .help-card .help-icon-wrapper i{font-size:1.8rem;color:var(--primary)}.help-categories .help-card h5{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.help-categories .help-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.6}.help-categories .help-card .help-link{color:var(--text-secondary);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.help-categories .help-card .help-link i{font-size:.8rem;transition:transform .3s ease}.faq-section{background:var(--bg-secondary)}.faq-section .accordion{margin-bottom:2rem}.faq-section .accordion .accordion-item{background:var(--surface);border:1px solid var(--border-secondary);margin-bottom:.75rem;border-radius:8px!important;overflow:hidden}.faq-section .accordion .accordion-item:last-child{margin-bottom:0}.faq-section .accordion .accordion-header .accordion-button{background:transparent;color:var(--text-primary);font-weight:600;font-size:1rem;padding:1.25rem 1.5rem;border:none;box-shadow:none;position:relative}.faq-section .accordion .accordion-header .accordion-button:not(.collapsed){background:var(--surface-hover);color:var(--primary);box-shadow:none}.faq-section .accordion .accordion-header .accordion-button:not(.collapsed):after{filter:brightness(0) saturate(100%) invert(73%) sepia(100%) saturate(1500%) hue-rotate(165deg) brightness(100%) contrast(100%)}.faq-section .accordion .accordion-header .accordion-button:focus{box-shadow:none;border-color:transparent}.faq-section .accordion .accordion-header .accordion-button:after{width:1.25rem;height:1.25rem;background-size:1.25rem}.faq-section .accordion .accordion-body{padding:1.5rem;color:var(--text-secondary);line-height:1.6;border-top:1px solid var(--border-secondary)}.contact-options{margin-top:3rem}.contact-options .contact-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:12px;padding:2rem;text-align:center;height:100%;position:relative;transition:all .3s ease}.contact-options .contact-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.1)}.contact-options .contact-card:hover .contact-icon{transform:scale(1.1);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.contact-options .contact-card.featured{border-color:rgba(var(--primary-rgb),.3);background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.02) 100%)}.contact-options .contact-card.featured .featured-badge{position:absolute;top:-1px;right:20px;background:var(--primary);color:var(--bg);padding:.25rem .75rem;border-radius:0 0 8px 8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.contact-options .contact-card .contact-icon{width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid rgba(var(--primary-rgb),.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.contact-options .contact-card .contact-icon i{font-size:1.8rem;color:var(--primary)}.contact-options .contact-card h5{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.contact-options .contact-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.6}.contact-options .contact-card .contact-meta{color:var(--text-tertiary);font-size:.85rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-options .contact-card .contact-meta i{color:var(--primary)}.resources-grid{margin-top:3rem}.resources-grid .resource-card{display:block;background:var(--surface);border:1px solid var(--border-secondary);border-radius:12px;padding:1.75rem;text-decoration:none;text-align:center;transition:all .3s ease;height:100%}.resources-grid .resource-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.1)}.resources-grid .resource-card:hover .resource-icon{color:var(--primary-light);transform:scale(1.1)}.resources-grid .resource-card .resource-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem;transition:all .3s ease}.resources-grid .resource-card h6{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.resources-grid .resource-card p{color:var(--text-tertiary);font-size:.85rem;margin:0;line-height:1.5}.status-widget{background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.02) 100%);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;margin-top:3rem}.status-widget .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-widget .status-header h5{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.status-widget .status-header .status-badge{display:flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-widget .status-header .status-badge.operational{background:rgba(40,167,69,.1);color:#28a745;border:1px solid rgba(40,167,69,.2)}.status-widget .status-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:1.5rem}.status-widget .status-metrics .metric{text-align:center}.status-widget .status-metrics .metric .metric-value{display:block;font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.status-widget .status-metrics .metric .metric-label{display:block;font-size:.85rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.status-widget .status-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.status-widget .status-link:hover{color:var(--primary-light)}.status-widget .status-link:hover i{transform:translate(5px)}.status-widget .status-link i{font-size:.8rem;transition:transform .3s ease}@media (max-width: 768px){.search-wrapper{padding:0 1rem}.search-wrapper .popular-topics .topics-label{width:100%;text-align:center;margin-bottom:.5rem}.help-categories .help-card,.contact-options .contact-card{margin-bottom:1rem}.contact-options .contact-card.featured .featured-badge{right:10px}.status-widget .status-header{flex-direction:column;gap:1rem;text-align:center}.status-widget .status-metrics{grid-template-columns:1fr;gap:1.5rem}}.privacy-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.privacy-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.privacy-hero .hero-decoration{position:absolute;pointer-events:none}.privacy-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.privacy-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.privacy-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.privacy-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.privacy-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.privacy-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.privacy-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.privacy-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}.privacy-hero-content{position:relative;z-index:2;text-align:center}.privacy-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#ffffffe6;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.privacy-hero-content h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}.privacy-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.privacy-hero-content h1{font-size:2.5rem}}.privacy-hero-content .hero-lead{font-size:1.25rem;color:#fffc;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.privacy-hero-content .last-update{color:#ffffffb3;font-size:.9rem}.privacy-content h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.privacy-content h2 .accent{color:var(--primary)}.privacy-content h4{font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.privacy-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.privacy-content .lead{font-size:1.1rem;color:var(--text-secondary)}.privacy-items{margin-top:2rem}.privacy-item{display:flex;align-items:flex-start;margin-bottom:2rem}.privacy-item .privacy-item-icon{flex-shrink:0;width:50px;height:50px;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.privacy-item .privacy-item-icon i{font-size:1.5rem;color:var(--primary)}.privacy-item .privacy-item-content{flex:1}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.privacy-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.privacy-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.privacy-card .privacy-card-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.privacy-card h4{margin-bottom:.75rem}.privacy-card p{margin-bottom:0;font-size:.9rem}.protection-features{margin-top:2rem}.protection-feature{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.protection-feature:hover{border-color:var(--primary);box-shadow:0 5px 20px rgba(var(--primary-rgb),.1)}.protection-feature .feature-icon{flex-shrink:0;width:40px;height:40px;background:var(--primary);color:var(--bg);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.protection-feature .feature-icon i{font-size:1.2rem}.protection-feature .feature-content{flex:1}.protection-feature .feature-content h5{margin-bottom:.25rem;color:var(--text-primary)}.protection-feature .feature-content p{margin-bottom:0;font-size:.9rem}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.right-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .3s ease}.right-card:hover{border-color:var(--primary);transform:translate(5px)}.right-card h5{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.right-card p{margin-bottom:0;font-size:.9rem}.privacy-list{list-style:none;padding:0;margin:0}.privacy-list li{padding:.75rem 0;display:flex;align-items:center}.privacy-list li i{margin-right:1rem;flex-shrink:0}.retention-timeline{margin-top:2rem}.timeline-item{display:flex;align-items:center;margin-bottom:1.5rem}.timeline-item .timeline-icon{flex-shrink:0;width:40px;height:40px;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.timeline-item .timeline-icon i{color:var(--primary)}.timeline-item p{margin-bottom:0}.contact-info{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin-top:2rem}.contact-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}.contact-item:last-child{margin-bottom:0}.contact-item i{font-size:1.5rem;color:var(--primary);margin-right:1rem;margin-top:.25rem}.contact-item a{color:var(--primary);text-decoration:none}.contact-item a:hover{text-decoration:underline}.privacy-cta-box{background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:20px;padding:3rem;position:relative;overflow:hidden}.privacy-cta-box .cta-decoration{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%)}.privacy-cta-box .cta-decoration:nth-child(1){top:-50px;right:-50px;width:150px;height:150px}.privacy-cta-box .cta-decoration:nth-child(2){bottom:-30px;left:-30px;width:80px;height:80px}.privacy-cta-box .cta-decoration:nth-child(3){top:50%;right:10%;width:60px;height:60px}.privacy-cta-box .cta-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.privacy-cta-box .cta-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.terms-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.terms-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.terms-hero .hero-decoration{position:absolute;pointer-events:none}.terms-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.terms-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.terms-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.terms-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.terms-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.terms-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.terms-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.terms-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}.terms-hero-content{position:relative;z-index:2;text-align:center}.terms-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#ffffffe6;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.terms-hero-content h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}.terms-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.terms-hero-content h1{font-size:2.5rem}}.terms-hero-content .hero-lead{font-size:1.25rem;color:#fffc;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.terms-hero-content .last-update{color:#ffffffb3;font-size:.9rem}.terms-content h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.terms-content h2 .accent{color:var(--primary)}.terms-content h4{font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.terms-content h5{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.terms-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.terms-content .lead{font-size:1.1rem;color:var(--text-secondary)}.definitions-list{margin-top:2rem}.definition-item{margin-bottom:1.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border-primary);border-radius:12px}.definition-item dt{font-weight:700;color:var(--primary);font-size:1.1rem;margin-bottom:.5rem}.definition-item dd{margin:0;color:var(--text-secondary)}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.rule-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.rule-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.rule-card .rule-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.rule-card h5{margin-bottom:.75rem}.rule-card p{margin-bottom:0;font-size:.9rem}.content-subsection{margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-left:4px solid var(--primary);border-radius:8px}.content-subsection h4{color:var(--text-primary);margin-bottom:.75rem}.content-subsection p{margin-bottom:0}.prohibited-list{margin-top:1.5rem}.prohibited-item{display:flex;align-items:center;padding:.75rem 0}.prohibited-item i{font-size:1.2rem;margin-right:1rem;flex-shrink:0}.prohibited-item span{color:var(--text-secondary)}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.payment-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .3s ease}.payment-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.payment-card:hover .payment-icon{transform:scale(1.1)}.payment-card .payment-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem;transition:transform .3s ease}.payment-card h5{margin-bottom:.75rem}.payment-card p{margin-bottom:0;font-size:.9rem}.termination-effects{background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.termination-effects h5{margin-bottom:1rem}.termination-effects .effects-list{list-style:none;padding:0;margin:0}.termination-effects .effects-list li{padding:.5rem 0;display:flex;align-items:center;color:var(--text-secondary)}.disclaimer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.disclaimer-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.disclaimer-card .disclaimer-header{display:flex;align-items:center;margin-bottom:1rem}.disclaimer-card .disclaimer-header i{font-size:1.5rem;margin-right:1rem}.disclaimer-card .disclaimer-header h5{margin-bottom:0}.disclaimer-card p{margin-bottom:0;font-size:.9rem}.liability-box{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;padding:1.5rem;margin-top:1.5rem;display:flex;align-items:center}.liability-box i{font-size:1.5rem;margin-right:1rem}.liability-box strong{color:var(--text-primary)}.terms-cta-box{background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:20px;padding:3rem;position:relative;overflow:hidden}.terms-cta-box .cta-decoration{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%)}.terms-cta-box .cta-decoration:nth-child(1){top:-50px;right:-50px;width:150px;height:150px}.terms-cta-box .cta-decoration:nth-child(2){bottom:-30px;left:-30px;width:80px;height:80px}.terms-cta-box .cta-decoration:nth-child(3){top:50%;right:10%;width:60px;height:60px}.terms-cta-box .cta-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.terms-cta-box .cta-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.cookies-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.15) 25%,rgba(var(--primary-rgb),.2) 50%,rgba(var(--primary-rgb),.15) 75%,rgba(var(--primary-rgb),.1) 100%),#0a192f}.cookies-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 400px at 20% 40%,rgba(var(--primary-rgb),.15) 0%,transparent 40%),radial-gradient(ellipse 600px 300px at 80% 70%,rgba(var(--primary-rgb),.1) 0%,transparent 35%),radial-gradient(ellipse 700px 350px at 50% 20%,rgba(var(--primary-rgb),.08) 0%,transparent 45%);filter:blur(40px);animation:dreamFloat 30s ease-in-out infinite;z-index:0}.cookies-hero .hero-decoration{position:absolute;pointer-events:none}.cookies-hero .hero-decoration.dream-bubble{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);filter:blur(20px)}.cookies-hero .hero-decoration.dream-bubble:nth-child(1){top:10%;right:15%;width:120px;height:120px;animation:floatBubble 25s ease-in-out infinite}.cookies-hero .hero-decoration.dream-bubble:nth-child(2){bottom:20%;left:10%;width:180px;height:180px;animation:floatBubble 30s ease-in-out infinite reverse;animation-delay:-5s}.cookies-hero .hero-decoration.dream-bubble:nth-child(3){top:50%;left:5%;width:100px;height:100px;animation:floatBubble 20s ease-in-out infinite;animation-delay:-10s}.cookies-hero .hero-decoration.dream-particle{width:4px;height:4px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.cookies-hero .hero-decoration.dream-particle:nth-child(4){top:20%;left:30%;animation:particleFloat 15s linear infinite}.cookies-hero .hero-decoration.dream-particle:nth-child(5){top:70%;right:20%;animation:particleFloat 18s linear infinite;animation-delay:-3s}.cookies-hero .hero-decoration.dream-particle:nth-child(6){bottom:30%;left:50%;animation:particleFloat 22s linear infinite;animation-delay:-7s}.cookies-hero-content{position:relative;z-index:2;text-align:center}.cookies-hero-content .hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#ffffffe6;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.cookies-hero-content h1{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem}.cookies-hero-content h1 .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.cookies-hero-content h1{font-size:2.5rem}}.cookies-hero-content .hero-lead{font-size:1.25rem;color:#fffc;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cookies-hero-content .last-update{color:#ffffffb3;font-size:.9rem}.cookies-content h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.cookies-content h2 .accent{color:var(--primary)}.cookies-content h4{font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.cookies-content h5{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.cookies-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.cookies-content .lead{font-size:1.1rem;color:var(--text-secondary)}.cookie-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.cookie-type-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.cookie-type-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb),.15)}.cookie-type-card .cookie-type-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.cookie-type-card h5{margin-bottom:.75rem}.cookie-type-card p{margin-bottom:0;font-size:.9rem}.cookie-categories{margin-top:2rem}.cookie-category{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease}.cookie-category:hover{border-color:var(--primary);box-shadow:0 5px 20px rgba(var(--primary-rgb),.1)}.cookie-category .category-header{display:flex;align-items:flex-start;margin-bottom:1.5rem}.cookie-category .category-header .category-icon{flex-shrink:0;width:50px;height:50px;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.cookie-category .category-header .category-icon i{font-size:1.5rem;color:var(--primary)}.cookie-category .category-header .category-info{flex:1}.cookie-category .category-header .category-info h4{margin-bottom:.5rem}.cookie-category .category-header .category-info .category-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.cookie-category .category-purposes{padding-left:4.5rem}@media (max-width: 768px){.cookie-category .category-purposes{padding-left:0}}.cookie-category .purpose-item{display:flex;align-items:center;padding:.5rem 0}.cookie-category .purpose-item i{flex-shrink:0;margin-right:.75rem}.cookie-category .purpose-item span{color:var(--text-secondary);font-size:.9rem}.cookie-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--border-primary)}.cookie-table{width:100%;background:var(--surface)}.cookie-table thead{background:var(--surface-hover)}.cookie-table thead tr{border-bottom:2px solid var(--border-primary)}.cookie-table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap}.cookie-table tbody tr{border-bottom:1px solid var(--border-secondary);transition:background-color .3s ease}.cookie-table tbody tr:hover{background:var(--surface-hover)}.cookie-table tbody tr:last-child{border-bottom:none}.cookie-table tbody td{padding:1rem;color:var(--text-secondary)}.cookie-table tbody td code{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.cookie-table .cookie-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.cookie-table .cookie-badge.session{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.cookie-table .cookie-badge.theme,.cookie-table .cookie-badge.language{background:rgba(var(--info-rgb),.1);color:var(--info)}.cookie-table .cookie-badge.analytics{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.cookie-table .cookie-badge.consent{background:rgba(var(--success-rgb),.1);color:var(--success)}.third-party-services{margin-top:2rem}.service-card{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.service-card:hover{border-color:var(--primary);transform:translate(5px)}.service-card .service-icon{flex-shrink:0;width:40px;height:40px;background:rgba(var(--primary-rgb),.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.service-card .service-icon i{font-size:1.2rem;color:var(--primary)}.service-card .service-info{flex:1}.service-card .service-info h5{margin-bottom:.25rem}.service-card .service-info p{margin-bottom:.5rem;font-size:.9rem}.service-card .service-info .service-link{color:var(--primary);text-decoration:none;font-size:.85rem}.service-card .service-info .service-link:hover{text-decoration:underline}.control-options{margin-top:2rem}.control-option{display:flex;align-items:flex-start;margin-bottom:2rem}.control-option .option-icon{flex-shrink:0;width:50px;height:50px;background:var(--primary);color:var(--bg);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.control-option .option-icon i{font-size:1.5rem}.control-option .option-content{flex:1}.control-option .option-content h5{margin-bottom:.5rem}.control-option .option-content p{margin-bottom:0;font-size:.9rem}.warning-box{background:rgba(var(--warning-rgb),.1);border:1px solid rgba(var(--warning-rgb),.2);border-radius:12px;padding:1rem 1.5rem;margin-top:2rem;display:flex;align-items:center}.warning-box i{font-size:1.2rem;margin-right:.75rem;flex-shrink:0}.warning-box span{color:var(--text-secondary);font-size:.9rem}.cookies-consent-box{background:linear-gradient(135deg,var(--surface) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid var(--border-primary);border-radius:20px;padding:3rem;position:relative;overflow:hidden}.cookies-consent-box .cta-decoration{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%)}.cookies-consent-box .cta-decoration:nth-child(1){top:-50px;right:-50px;width:150px;height:150px}.cookies-consent-box .cta-decoration:nth-child(2){bottom:-30px;left:-30px;width:80px;height:80px}.cookies-consent-box .cta-decoration:nth-child(3){top:50%;right:10%;width:60px;height:60px}.cookies-consent-box .consent-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cookies-consent-box .consent-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.cookies-consent-box .consent-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes dreamFloat{0%,to{transform:translate(0) scale(1);filter:blur(40px)}25%{transform:translate(-30px,-20px) scale(1.1);filter:blur(45px)}50%{transform:translate(20px,-30px) scale(.95);filter:blur(35px)}75%{transform:translate(-20px,10px) scale(1.05);filter:blur(42px)}}@keyframes floatBubble{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px,-100vh) rotate(720deg);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.user-home-page{position:relative;min-height:100vh;background:var(--bg);color:var(--text-primary);padding-top:50px}.user-home-page .container{max-width:600px;margin:0 auto;padding:20px}.user-home-page .user-home-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary, var(--primary)) 100%);border-radius:15px;color:#fff}.user-home-page .user-home-header h1{font-size:2rem;margin-bottom:10px}.user-home-page .user-home-header p{opacity:.9;font-size:1.1rem}.user-home-page .feed-container{margin-bottom:80px}.user-home-page .post-card{background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .2s;position:relative}.user-home-page .post-card:hover{transform:translateY(-2px)}.user-home-page .post-card .post-header{padding:15px;display:flex;align-items:center;gap:12px}.user-home-page .post-card .post-header .post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-home-page .post-card .post-header .post-avatar.post-avatar-initial{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-home-page .post-card .post-header .post-user-info{flex:1}.user-home-page .post-card .post-header .post-user-info .post-user-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:5px}.user-home-page .post-card .post-header .post-user-info .post-user-name .verified-badge{color:var(--primary);font-size:.9rem}.user-home-page .post-card .post-header .post-user-info .post-username{color:var(--text-muted);font-size:.9rem}.user-home-page .post-card .post-header .post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-home-page .post-card .post-header .post-meta .post-category-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap}.user-home-page .post-card .post-header .post-meta .post-mood-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.user-home-page .post-card .post-header .post-meta .post-time{color:var(--text-muted);font-size:.85rem}.user-home-page .post-card .post-image{width:100%;height:350px;object-fit:cover;cursor:pointer;transition:opacity .2s}.user-home-page .post-card .post-image:hover{opacity:.95}.user-home-page .post-card .post-content{padding:15px}.user-home-page .post-card .post-content .post-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.user-home-page .post-card .post-content .post-text-wrapper{margin-bottom:15px}.user-home-page .post-card .post-content .post-text-wrapper .post-text{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.user-home-page .post-card .post-content .post-text-wrapper .read-more-btn{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;padding:5px 0;margin-top:8px;display:inline-flex;align-items:center;gap:5px;transition:all .2s;font-size:.9rem}.user-home-page .post-card .post-content .post-text-wrapper .read-more-btn:hover{opacity:.8;gap:7px}.user-home-page .post-card .post-content .post-text-wrapper .read-more-btn i{font-size:.85rem;transition:transform .2s}.user-home-page .post-card .post-content .post-tags{display:flex;flex-wrap:wrap;gap:8px}.user-home-page .post-card .post-content .post-tags .dream-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:5px 12px;border-radius:15px;font-size:.85rem;border:1px solid rgba(var(--primary-rgb),.2);transition:all .2s;cursor:pointer}.user-home-page .post-card .post-content .post-tags .dream-tag:hover{background:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.user-home-page .post-card .post-stats{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-tertiary);color:var(--text-muted);font-size:.9rem}.user-home-page .post-card .post-stats .stat-item{display:flex;align-items:center;gap:5px}.user-home-page .post-card .post-stats .stat-item i{font-size:1rem}.user-home-page .post-card .post-stats .reactions-preview{display:flex;align-items:center;gap:8px}.user-home-page .post-card .post-stats .reactions-preview .reaction-count{font-size:.9rem}.user-home-page .post-card .post-stats .reactions-preview .reaction-emojis{display:flex;gap:2px;font-size:1.2rem}.user-home-page .post-card .post-actions{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-tertiary);overflow:visible;position:relative;z-index:10}.user-home-page .post-card .post-actions .action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .2s;font-size:.95rem}.user-home-page .post-card .post-actions .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-home-page .post-card .post-actions .action-btn.liked{color:var(--danger, #ef4444)}.user-home-page .post-card .post-actions .action-btn.liked i{font-weight:700}.user-home-page .post-card .post-actions .action-btn.favorited{color:var(--warning, #f39c12)}.user-home-page .post-card .post-actions .action-btn.favorited i{font-weight:700}.user-home-page .post-card .post-actions .action-btn.favorite-btn:hover{color:var(--warning, #f39c12)}.user-home-page .post-card .post-actions .action-btn.favorite-btn:hover i{transform:scale(1.15)}.user-home-page .post-card .post-actions .action-btn.share-link.success{color:var(--success, #10b981);animation:pulse .5s ease}.user-home-page .post-card .post-actions .action-btn.repost-btn.reposted{color:var(--success, #10b981)}.user-home-page .post-card .post-actions .action-btn.repost-btn.reposted i{font-weight:700}.user-home-page .post-card .post-actions .action-btn.repost-btn:hover{color:var(--success, #10b981)}.user-home-page .post-card .post-actions .action-btn.repost-btn:hover i{transform:rotate(180deg)}.user-home-page .post-card .post-actions .action-btn i{font-size:1.2rem;transition:transform .2s}.user-home-page .post-card .post-actions .action-btn span{font-weight:500}.user-home-page .post-card .post-actions .action-btn.comment-btn.active{color:var(--primary);background:var(--bg-tertiary)}.user-home-page .post-card .post-actions .action-btn.comment-btn.commented{color:var(--primary)}.user-home-page .post-card .post-actions .action-btn.comment-btn.commented i{font-weight:700}.user-home-page .post-card .post-actions .reactions-menu{position:relative;display:flex;align-items:center}.user-home-page .post-card .post-actions .reactions-menu .reactions-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:25px;padding:8px;display:flex;gap:4px;box-shadow:0 4px 12px #00000040;z-index:1000}.user-home-page .post-card .post-actions .reactions-menu .reactions-popup button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:4px;transition:transform .2s}.user-home-page .post-card .post-actions .reactions-menu .reactions-popup button:hover{transform:scale(1.3)}.user-home-page .post-card .post-actions .reactions-menu .reactions-popup button.selected{background:var(--bg-tertiary);border-radius:50%}.user-home-page .post-card .post-comments{padding:0;border-top:1px solid var(--bg-tertiary);max-height:500px;overflow-y:auto;background:var(--bg)}.user-home-page .post-card .post-comments::-webkit-scrollbar{width:3px}.user-home-page .post-card .post-comments::-webkit-scrollbar-track{background:transparent}.user-home-page .post-card .post-comments::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}.user-home-page .post-card .post-comments .comment{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);transition:background .2s}.user-home-page .post-card .post-comments .comment:hover{background:var(--bg-secondary)}.user-home-page .post-card .post-comments .comment:last-child{border-bottom:none}.user-home-page .post-card .post-comments .comment .comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-home-page .post-card .post-comments .comment .comment-avatar.comment-avatar-initial{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;border-radius:50%}.user-home-page .post-card .post-comments .comment .comment-content{flex:1}.user-home-page .post-card .post-comments .comment .comment-content .comment-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.user-home-page .post-card .post-comments .comment .comment-content .comment-header .comment-author{font-weight:700;color:var(--text-primary);font-size:.9rem}.user-home-page .post-card .post-comments .comment .comment-content .comment-header .comment-username,.user-home-page .post-card .post-comments .comment .comment-content .comment-header .comment-time{color:var(--text-muted);font-size:.9rem}.user-home-page .post-card .post-comments .comment .comment-content .comment-header .comment-time:before{content:"·";margin:0 4px}.user-home-page .post-card .post-comments .comment .comment-content .comment-text{color:var(--text-primary);font-size:.95rem;line-height:1.4;margin-bottom:8px}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper{display:flex;gap:8px;align-items:center;margin-bottom:4px}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-input{flex:1;padding:6px 10px;border:1px solid var(--bg-tertiary);border-radius:8px;background:var(--bg);color:var(--text-primary);font-size:.95rem}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions{display:flex;gap:4px}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions button{background:transparent;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .2s}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions button.comment-save-btn{color:var(--success, #10b981)}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions button.comment-save-btn:hover{background:var(--bg-tertiary)}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions button.comment-cancel-btn{color:var(--danger, #ef4444)}.user-home-page .post-card .post-comments .comment .comment-content .comment-edit-wrapper .comment-edit-actions button.comment-cancel-btn:hover{background:var(--bg-tertiary)}.user-home-page .post-card .post-comments .comment .comment-content .comment-actions{display:flex;gap:8px;align-items:center;margin-top:8px;margin-bottom:20px}.user-home-page .post-card .post-comments .comment .comment-content .comment-action{background:transparent;border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s;padding:6px 10px;border-radius:50%;position:relative;width:36px;height:36px}.user-home-page .post-card .post-comments .comment .comment-content .comment-action:first-child i{color:#ec4899}.user-home-page .post-card .post-comments .comment .comment-content .comment-action:first-child:hover,.user-home-page .post-card .post-comments .comment .comment-content .comment-action:first-child.liked{background:rgba(236,72,153,.1)}.user-home-page .post-card .post-comments .comment .comment-content .comment-action:first-child.liked i{color:#ec4899}.user-home-page .post-card .post-comments .comment .comment-content .comment-action:nth-child(2) i{color:#3b82f6}.user-home-page .post-card .post-comments .comment .comment-content .comment-action:nth-child(2):hover{background:rgba(59,130,246,.1)}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.react i{color:#f97316}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.react:hover{background:rgba(249,115,22,.1)}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.edit i{color:#10b981}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.edit:hover{background:rgba(16,185,129,.1)}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.delete i{color:#ef4444}.user-home-page .post-card .post-comments .comment .comment-content .comment-action.delete:hover{background:rgba(239,68,68,.1)}.user-home-page .post-card .post-comments .comment .comment-content .comment-action i{font-size:1rem}.user-home-page .post-card .post-comments .comment .comment-content .comment-action span{font-size:.75rem;position:absolute;top:-2px;right:-2px;background:#ec4899;color:#fff;border-radius:10px;padding:1px 4px;min-width:16px;text-align:center;font-weight:600}.user-home-page .post-card .post-comments .comment.reply{padding-left:52px;position:relative}.user-home-page .post-card .post-comments .comment.reply:before{content:"";position:absolute;left:36px;top:-12px;bottom:50%;width:2px;background:var(--bg-tertiary)}.user-home-page .post-card .post-comments .comment.reply .comment-avatar{width:32px;height:32px}.user-home-page .post-card .post-comments .comment.reply .comment-avatar.comment-avatar-initial{font-size:.85rem;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:50%}.user-home-page .post-card .post-comments .comment.reply .comment-header .comment-author{font-size:.9rem}.user-home-page .post-card .post-comments .comment.reply .comment-text{font-size:.95rem}.user-home-page .post-card .post-comments .comment.reply .comment-actions{gap:6px;margin-bottom:16px}.user-home-page .post-card .post-comments .comment.reply .comment-actions .comment-action{width:30px;height:30px;padding:4px}.user-home-page .post-card .post-comments .comment.reply .comment-actions .comment-action i{font-size:.85rem}.user-home-page .post-card .post-comments .comment.reply .comment-actions .comment-action span{font-size:.7rem;padding:0 3px}.user-home-page .post-card .post-comments .comment-replies{margin-top:0;padding:0}.user-home-page .post-card .post-comments .show-replies-btn{background:transparent;border:none;color:var(--primary);font-size:.85rem;padding:8px 0;margin-left:52px;margin-bottom:16px;cursor:pointer;transition:opacity .2s;font-weight:600;display:inline-flex;align-items:center;gap:4px}.user-home-page .post-card .post-comments .show-replies-btn:hover{opacity:.8;text-decoration:underline}.user-home-page .post-card .post-comments .show-replies-btn i{font-size:.8rem}.user-home-page .post-card .post-comments .reply-composer{display:flex;gap:12px;margin-top:16px;margin-bottom:16px;padding:12px 16px;border-bottom:1px solid var(--bg-tertiary)}.user-home-page .post-card .post-comments .reply-composer .reply-input{flex:1;padding:8px 12px;border:1px solid var(--bg-tertiary);border-radius:18px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.user-home-page .post-card .post-comments .reply-composer .reply-input::placeholder{color:var(--text-muted)}.user-home-page .post-card .post-comments .reply-composer .reply-input:focus{outline:none;border-color:var(--primary);background:var(--bg)}.user-home-page .post-card .post-comments .reply-composer .reply-submit{background:var(--primary);color:#fff;border:none;border-radius:18px;padding:8px 20px;font-size:.85rem;cursor:pointer;transition:opacity .2s;font-weight:600}.user-home-page .post-card .post-comments .reply-composer .reply-submit:hover:not(:disabled){opacity:.9}.user-home-page .post-card .post-comments .reply-composer .reply-submit:disabled{opacity:.5;cursor:not-allowed}.user-home-page .post-card .post-comments .reply-composer .reply-submit i{display:none}.user-home-page .post-card .post-comments .view-more-comments{background:transparent;border:1px solid var(--primary);color:var(--primary);font-size:.85rem;padding:8px 16px;width:calc(100% - 32px);margin:16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:20px;font-weight:600}.user-home-page .post-card .post-comments .view-more-comments:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-dark)}.user-home-page .post-card .post-comments .view-more-comments i{font-size:.8rem}.user-home-page .post-card .comment-composer{padding:12px 16px;border-top:1px solid var(--bg-tertiary);display:flex;gap:12px;background:var(--bg)}.user-home-page .post-card .comment-composer .comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-home-page .post-card .comment-composer .comment-avatar.comment-avatar-initial{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-home-page .post-card .comment-composer .comment-input-wrapper{flex:1;display:flex;gap:10px}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-input{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:1rem;resize:none;min-height:24px}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-input::placeholder{color:var(--text-muted)}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-input:focus{outline:none}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-submit{background:var(--primary);color:#fff;border:none;border-radius:18px;padding:8px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;align-self:flex-end}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-submit:hover:not(:disabled){opacity:.9}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-submit:disabled{opacity:.5;cursor:not-allowed}.user-home-page .post-card .comment-composer .comment-input-wrapper .comment-submit i{display:none}.user-home-page .skeleton-post{background:var(--bg-secondary);border-radius:12px;padding:15px;margin-bottom:20px}.user-home-page .skeleton-post .skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.user-home-page .skeleton-post .skeleton-header .skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.user-home-page .skeleton-post .skeleton-header .skeleton-user{flex:1}.user-home-page .skeleton-post .skeleton-header .skeleton-user .skeleton-line{height:12px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.user-home-page .skeleton-post .skeleton-header .skeleton-user .skeleton-line:first-child{width:120px}.user-home-page .skeleton-post .skeleton-header .skeleton-user .skeleton-line:last-child{width:80px;margin-bottom:0}.user-home-page .skeleton-post .skeleton-content .skeleton-line{height:12px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.user-home-page .skeleton-post .skeleton-content .skeleton-line:last-child{width:70%}.user-home-page .live-reaction{position:fixed;font-size:2rem;pointer-events:none;animation:float-up 3s ease-out forwards;z-index:100}.user-home-page .new-posts-indicator{position:fixed;top:70px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;z-index:10;animation:slide-down .3s ease-out;box-shadow:0 4px 12px #00000026}.user-home-page .new-posts-indicator:hover{transform:translate(-50%) scale(1.05)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float-up{0%{transform:translateY(0) scale(0);opacity:0}20%{transform:translateY(-20px) scale(1);opacity:1}to{transform:translateY(-150px) scale(.5);opacity:0}}@keyframes slide-down{0%{transform:translate(-50%) translateY(-100%)}to{transform:translate(-50%) translateY(0)}}.user-home-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.user-home-loading .spinner-border{width:3rem;height:3rem;border-color:var(--primary);border-right-color:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.reaction-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998}.reaction-popup{background:var(--bg);border:1px solid var(--bg-tertiary);border-radius:12px;padding:12px;box-shadow:0 4px 20px #00000026}.reaction-popup .reaction-emojis{display:flex;gap:8px}.reaction-popup .reaction-emoji-btn{background:transparent;border:1px solid var(--bg-tertiary);border-radius:8px;padding:8px 12px;font-size:1.5rem;cursor:pointer;transition:all .2s}.reaction-popup .reaction-emoji-btn:hover{background:var(--bg-secondary);transform:scale(1.2);border-color:var(--primary)}@media (max-width: 768px){.user-home-page .post-card{margin:10px}}.new-dream-page{background:var(--bg);color:var(--text-primary);min-height:100vh;width:100%;padding-bottom:3rem}.new-dream-page .new-dream-container{width:100%;background:var(--bg)}.new-dream-page .new-dream-header{background:var(--bg);border-bottom:1px solid var(--border-secondary);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.new-dream-page .new-dream-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.new-dream-page .new-dream-header .header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.new-dream-page .new-dream-header .header-actions .btn-draft{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.4rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.new-dream-page .new-dream-header .header-actions .btn-draft:hover{background:var(--danger);color:var(--bg)}.new-dream-page .new-dream-header .header-actions .btn-draft i{font-size:.875rem}.new-dream-page .new-dream-header .header-actions .btn-preview{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary);padding:.4rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.new-dream-page .new-dream-header .header-actions .btn-preview:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.new-dream-page .new-dream-header .header-actions .btn-preview i{font-size:.875rem}.new-dream-page .new-dream-header .btn-back{background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.new-dream-page .new-dream-header .btn-back:hover{background:var(--surface);color:var(--primary)}.new-dream-page .new-dream-header .btn-submit{background:var(--primary);color:var(--bg);border:none;padding:.5rem 1.5rem;border-radius:2rem;font-weight:600;font-size:.875rem;transition:all .2s;cursor:pointer}.new-dream-page .new-dream-header .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.new-dream-page .new-dream-header .btn-submit:disabled{opacity:.5;cursor:not-allowed}.new-dream-page .new-dream-header .btn-submit .spinner-border-sm{width:1rem;height:1rem}.new-dream-page .dream-composer{padding:2rem;max-width:1200px;margin:0 auto}.new-dream-page .dream-composer .dream-date{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.new-dream-page .dream-composer .dream-date i{color:var(--primary);font-size:1.1rem}.new-dream-page .dream-composer .dream-date .time{margin-left:auto;color:var(--primary);font-weight:500}.new-dream-page .dream-composer .emotion-selector{margin-bottom:2rem}.new-dream-page .dream-composer .emotion-selector h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.new-dream-page .dream-composer .emotion-selector .emotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:800px}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn{background:var(--surface);border:2px solid var(--border-secondary);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn .emoji{font-size:2rem}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn .label{font-size:.875rem;color:var(--text-secondary)}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.new-dream-page .dream-composer .emotion-selector .emotions-grid .emotion-btn.selected .label{color:var(--primary);font-weight:600}.new-dream-page .dream-composer .remember-toggle{margin-bottom:1.5rem}.new-dream-page .dream-composer .remember-toggle .toggle-container{display:flex;align-items:center;cursor:pointer}.new-dream-page .dream-composer .remember-toggle .toggle-container input[type=checkbox]{display:none}.new-dream-page .dream-composer .remember-toggle .toggle-container input[type=checkbox]:checked+.toggle-label{color:var(--primary);background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.new-dream-page .dream-composer .remember-toggle .toggle-container .toggle-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface);border:2px solid var(--border-secondary);border-radius:2rem;transition:all .2s}.new-dream-page .dream-composer .remember-toggle .toggle-container .toggle-label i{font-size:1.2rem}.new-dream-page .dream-composer .composer-body{position:relative;margin-bottom:2rem}.new-dream-page .dream-composer .composer-body .dream-textarea{width:100%;background:var(--surface);border:2px solid var(--border-secondary);color:var(--text-primary);font-size:1.1rem;line-height:1.6;resize:vertical;outline:none;padding:1.5rem;border-radius:1rem;min-height:250px;transition:border-color .2s;font-family:inherit}.new-dream-page .dream-composer .composer-body .dream-textarea:focus{border-color:var(--primary)}.new-dream-page .dream-composer .composer-body .dream-textarea:disabled{opacity:.5;cursor:not-allowed}.new-dream-page .dream-composer .composer-body .dream-textarea::placeholder{color:var(--text-secondary)}.new-dream-page .dream-composer .composer-body .char-counter{position:absolute;bottom:1rem;right:1rem;font-size:.875rem;background:var(--surface);padding:.25rem .5rem;border-radius:1rem}.new-dream-page .dream-composer .composer-body .char-counter .text-warning{color:var(--warning)}.new-dream-page .dream-composer .image-section{margin-bottom:2rem}.new-dream-page .dream-composer .image-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.new-dream-page .dream-composer .image-section .image-options{display:flex;gap:1rem;flex-wrap:wrap}.new-dream-page .dream-composer .image-section .image-options .image-option-btn{background:var(--surface);border:2px solid var(--border-secondary);border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;color:var(--text-primary)}.new-dream-page .dream-composer .image-section .image-options .image-option-btn i{font-size:1.2rem;color:var(--primary)}.new-dream-page .dream-composer .image-section .image-options .image-option-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.new-dream-page .dream-composer .image-section .image-options .uploaded-image-preview{position:relative;max-width:300px}.new-dream-page .dream-composer .image-section .image-options .uploaded-image-preview img{width:100%;border-radius:1rem;border:2px solid var(--border-secondary)}.new-dream-page .dream-composer .image-section .image-options .uploaded-image-preview .remove-image{position:absolute;top:.5rem;right:.5rem;background:var(--danger);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.new-dream-page .dream-composer .image-section .image-options .uploaded-image-preview .remove-image:hover{transform:scale(1.1)}.new-dream-page .dream-composer .color-section{margin-bottom:2rem}.new-dream-page .dream-composer .color-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.new-dream-page .dream-composer .color-section .color-palette{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.new-dream-page .dream-composer .color-section .color-palette .color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative}.new-dream-page .dream-composer .color-section .color-palette .color-btn i{color:#fff;font-size:1.2rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.new-dream-page .dream-composer .color-section .color-palette .color-btn:hover{transform:scale(1.1)}.new-dream-page .dream-composer .color-section .color-palette .color-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.new-dream-page .dream-composer .color-section .color-palette .color-picker{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-secondary);cursor:pointer;overflow:hidden;background:conic-gradient(from 0deg,red,yellow,lime,cyan,blue,magenta,red)}.new-dream-page .dream-composer .color-section .color-palette .color-picker::-webkit-color-swatch-wrapper{padding:0}.new-dream-page .dream-composer .color-section .color-palette .color-picker::-webkit-color-swatch{border:none;border-radius:50%}.new-dream-page .dream-composer .hashtags-section{margin-bottom:2rem}.new-dream-page .dream-composer .hashtags-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.new-dream-page .dream-composer .hashtags-section .hashtags-input{width:100%;background:var(--surface);border:2px solid var(--border-secondary);color:var(--text-primary);padding:.75rem 1rem;border-radius:1rem;font-size:1rem;transition:border-color .2s;outline:none}.new-dream-page .dream-composer .hashtags-section .hashtags-input:focus{border-color:var(--primary)}.new-dream-page .dream-composer .hashtags-section .hashtags-input::placeholder{color:var(--text-secondary)}.new-dream-page .dream-composer .composer-footer .dream-categories h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;font-weight:500}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;max-width:800px}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip{position:relative;cursor:pointer}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip input[type=checkbox]:checked+span{background:var(--primary);color:var(--bg);border-color:var(--primary)}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip span{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border-secondary);border-radius:2rem;font-size:.9rem;background:var(--surface);color:var(--text-primary);transition:all .2s}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip span .icon{font-size:1.2rem}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid .category-chip span:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.new-dream-page .dream-tips{padding:2rem;background:var(--surface);margin:2rem auto;max-width:1200px;border-radius:1rem;border:1px solid var(--border-secondary)}.new-dream-page .dream-tips h5{color:var(--primary);font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.new-dream-page .dream-tips h5 i{font-size:1.25rem}.new-dream-page .dream-tips ul{margin:0;padding-left:1.5rem}.new-dream-page .dream-tips ul li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;line-height:1.6}.new-dream-page .dream-tips ul li:last-child{margin-bottom:0}.new-dream-page .preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.new-dream-page .preview-modal .preview-content{background:var(--bg);border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.new-dream-page .preview-modal .preview-content h3{padding:1.5rem;margin:0;border-bottom:1px solid var(--border-secondary);color:var(--text-primary);font-size:1.25rem}.new-dream-page .preview-modal .preview-content .preview-body{padding:2rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-date{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-date i{color:var(--primary)}.new-dream-page .preview-modal .preview-content .preview-body .preview-emotion{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-emotion .emotion-emoji{font-size:3rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-emotion .emotion-label{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.new-dream-page .preview-modal .preview-content .preview-body .preview-text{background:var(--surface);padding:1.5rem;border-radius:.5rem;border-left:4px solid;line-height:1.8;font-size:1.1rem;white-space:pre-wrap;margin-bottom:1.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-no-memory{background:var(--surface);padding:2rem;border-radius:.5rem;text-align:center;color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-no-memory i{font-size:2rem;display:block;margin-bottom:.5rem;color:var(--primary)}.new-dream-page .preview-modal .preview-content .preview-body .preview-image{margin-bottom:1.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-image img{width:100%;max-width:400px;border-radius:.5rem;box-shadow:var(--shadow-md);display:block;margin:0 auto}.new-dream-page .preview-modal .preview-content .preview-body .preview-hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-hashtags .hashtag{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-categories{display:flex;flex-wrap:wrap;gap:.5rem}.new-dream-page .preview-modal .preview-content .preview-body .preview-categories .category-badge{background:var(--surface);border:2px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.new-dream-page .new-dream-header{padding:1rem}.new-dream-page .new-dream-header h2{font-size:1.25rem}.new-dream-page .dream-composer{padding:1rem}.new-dream-page .dream-composer .emotion-selector .emotions-grid{grid-template-columns:repeat(3,1fr)}.new-dream-page .dream-composer .composer-body .dream-textarea{font-size:1rem;min-height:200px;padding:1rem}.new-dream-page .dream-composer .color-section .color-palette .color-btn,.new-dream-page .dream-composer .color-section .color-palette .color-picker{width:35px;height:35px}.new-dream-page .dream-composer .composer-footer .dream-categories .categories-grid{grid-template-columns:repeat(2,1fr)}.new-dream-page .dream-tips{margin:1rem;padding:1.5rem}}.social-world-page{padding:0;background:var(--user-bg-primary);min-height:100vh}.social-world-page .social-page-header{padding:20px;border-bottom:1px solid var(--user-border-color);background:var(--user-bg-primary);position:sticky;top:0;z-index:10}.social-world-page .social-page-header .social-page-title{font-size:24px;font-weight:800;color:var(--user-text-primary);margin:0;display:flex;align-items:center;gap:12px}.social-world-page .social-page-header .social-page-title i{color:var(--user-accent-primary)}.social-world-page .social-explore-controls{padding:20px;background:var(--user-bg-secondary);border-bottom:1px solid var(--user-border-color)}.social-world-page .social-explore-controls .social-explore-search{margin-bottom:12px}.social-world-page .social-explore-controls .social-explore-search .social-search-bar{position:relative;display:flex;align-items:center}.social-world-page .social-explore-controls .social-explore-search .social-search-bar i:first-child{position:absolute;left:16px;color:var(--user-text-secondary);font-size:18px;pointer-events:none}.social-world-page .social-explore-controls .social-explore-search .social-search-bar input{width:100%;padding:12px 48px;background:var(--user-bg-primary);border:1px solid var(--user-border-color);border-radius:24px;font-size:15px;color:var(--user-text-primary);transition:all .2s}.social-world-page .social-explore-controls .social-explore-search .social-search-bar input::placeholder{color:var(--user-text-muted)}.social-world-page .social-explore-controls .social-explore-search .social-search-bar input:focus{outline:none;border-color:var(--user-accent-primary);background:white;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.social-world-page .social-explore-controls .social-explore-search .social-search-bar i.spinning{position:absolute;right:16px;color:var(--user-accent-primary);animation:spin 1s linear infinite}.social-world-page .social-explore-controls .social-explore-filters{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 500px){.social-world-page .social-explore-controls .social-explore-filters{gap:8px}}.social-world-page .social-explore-controls .social-explore-filters .social-filter-select{flex:1;min-width:120px;padding:10px 16px;background:var(--user-bg-primary);border:1px solid var(--user-border-color);border-radius:12px;font-size:14px;color:var(--user-text-primary);cursor:pointer;transition:all .2s}.social-world-page .social-explore-controls .social-explore-filters .social-filter-select:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.social-world-page .social-explore-controls .social-explore-filters .social-filter-select:hover{background:var(--user-bg-hover);border-color:var(--user-accent-hover)}.social-world-page .social-explore-controls .social-explore-filters .social-filter-select option{background:var(--user-bg-primary);color:var(--user-text-primary)}.social-world-page .social-world-globe{padding:20px}.social-world-page .social-world-globe .social-world-globe-container{background:var(--user-bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--user-border-color)}.social-world-page .social-world-globe .social-globe-wrapper{height:500px;background:var(--bg);border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative}.social-world-page .social-world-globe .social-world-section-title{font-size:20px;font-weight:700;color:var(--user-text-primary);margin:0 0 8px;display:flex;align-items:center;gap:8px}.social-world-page .social-world-globe .social-world-section-title i{color:var(--user-accent-primary)}.social-world-page .social-world-globe .social-world-section-subtitle{font-size:15px;color:var(--user-text-secondary);margin:0}.social-world-page .social-world-stats{padding:0 20px 20px}.social-world-page .social-world-stats .social-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 500px){.social-world-page .social-world-stats .social-stats-grid{grid-template-columns:repeat(2,1fr)}}.social-world-page .social-world-stats .social-stat-card{background:var(--user-bg-secondary);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid var(--user-border-color);transition:all .2s}.social-world-page .social-world-stats .social-stat-card:hover{transform:translateY(-2px);box-shadow:var(--user-shadow-md)}.social-world-page .social-world-stats .social-stat-card .social-stat-icon{width:48px;height:48px;border-radius:12px;background:var(--user-accent-light);display:flex;align-items:center;justify-content:center;color:var(--user-accent-primary);font-size:24px}.social-world-page .social-world-stats .social-stat-card .social-stat-icon.social-stat-icon-active{background:var(--user-accent-primary);color:#fff;animation:pulse 2s infinite}.social-world-page .social-world-stats .social-stat-card .social-stat-content{flex:1}.social-world-page .social-world-stats .social-stat-card .social-stat-content .social-stat-value{font-size:24px;font-weight:800;color:var(--user-text-primary);display:block}.social-world-page .social-world-stats .social-stat-card .social-stat-content .social-stat-label{font-size:14px;color:var(--user-text-secondary);display:block}.social-world-page .social-world-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px 20px}@media (max-width: 768px){.social-world-page .social-world-content{grid-template-columns:1fr}}.social-world-page .social-world-section{background:var(--user-bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--user-border-color)}.social-world-page .social-world-section .social-world-section-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.social-world-page .social-world-section .social-world-section-title i{color:var(--user-accent-primary)}.social-world-page .social-country-list{display:flex;flex-direction:column;gap:12px}.social-world-page .social-country-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--user-bg-primary);border-radius:12px;transition:all .2s}.social-world-page .social-country-item:hover{background:var(--user-bg-hover)}.social-world-page .social-country-item .social-country-rank{font-size:16px;font-weight:700;color:var(--user-text-secondary);width:30px}.social-world-page .social-country-item .social-country-flag{font-size:24px}.social-world-page .social-country-item .social-country-info{flex:1}.social-world-page .social-country-item .social-country-info .social-country-name{font-weight:600;color:var(--user-text-primary);font-size:15px}.social-world-page .social-country-item .social-country-info .social-country-dreamers{font-size:13px;color:var(--user-text-secondary)}.social-world-page .social-country-item .social-country-activity{display:flex;align-items:center;gap:8px}.social-world-page .social-country-item .social-country-activity .social-activity-bar{width:60px;height:6px;background:var(--user-bg-tertiary);border-radius:3px;overflow:hidden}.social-world-page .social-country-item .social-country-activity .social-activity-bar .social-activity-fill{height:100%;background:var(--user-accent-primary);transition:width .3s}.social-world-page .social-country-item .social-country-activity .social-activity-percent{font-size:13px;font-weight:600;color:var(--user-text-secondary)}.social-world-page .social-trending-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.social-world-page .social-trending-tags .social-tag-chip{background:rgba(var(--primary-rgb),.1);color:var(--user-accent-primary);padding:6px 14px;border-radius:20px;font-size:14px;border:1px solid rgba(var(--primary-rgb),.2);transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500}.social-world-page .social-trending-tags .social-tag-chip:hover{background:rgba(var(--primary-rgb),.2);border-color:var(--user-accent-primary);transform:translateY(-1px)}.social-world-page .social-trending-tags .social-tag-chip .social-tag-count{font-size:12px;opacity:.8;font-weight:400}.social-world-page .social-recent-dreams{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.social-world-page .social-dream-item{padding:12px;background:var(--user-bg-primary);border-radius:12px;transition:all .2s}.social-world-page .social-dream-item:hover{background:var(--user-bg-hover)}.social-world-page .social-dream-item .social-dream-header{display:flex;justify-content:space-between;margin-bottom:8px}.social-world-page .social-dream-item .social-dream-header .social-dream-user{display:flex;align-items:center;gap:8px}.social-world-page .social-dream-item .social-dream-header .social-dream-user .social-dream-emoji{font-size:20px}.social-world-page .social-dream-item .social-dream-header .social-dream-user .social-dream-username{font-weight:600;color:var(--user-text-primary);font-size:14px}.social-world-page .social-dream-item .social-dream-header .social-dream-location{display:flex;align-items:center;gap:4px}.social-world-page .social-dream-item .social-dream-header .social-dream-location .social-dream-flag{font-size:16px}.social-world-page .social-dream-item .social-dream-header .social-dream-location .social-dream-country{font-size:13px;color:var(--user-text-secondary)}.social-world-page .social-dream-item .social-dream-content{font-size:14px;color:var(--user-text-primary);line-height:1.5;margin-bottom:8px}.social-world-page .social-dream-item .social-dream-timestamp{font-size:12px;color:var(--user-text-secondary)}.social-world-page .social-btn-load-more{width:100%;padding:12px;background:var(--user-accent-primary);color:#fff;border:none;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.social-world-page .social-btn-load-more:hover{background:var(--user-accent-hover)}.social-world-page .social-btn-load-more i{font-size:16px}.social-world-page .social-world-legend{padding:20px;background:var(--user-bg-secondary);border-top:1px solid var(--user-border-color)}.social-world-page .social-world-legend .social-legend-title{font-size:16px;font-weight:600;color:var(--user-text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.social-world-page .social-world-legend .social-legend-title i{color:var(--user-accent-primary)}.social-world-page .social-world-legend .social-legend-items{display:flex;gap:24px;flex-wrap:wrap}@media (max-width: 500px){.social-world-page .social-world-legend .social-legend-items{gap:16px}}.social-world-page .social-world-legend .social-legend-item{display:flex;align-items:center;gap:8px}.social-world-page .social-world-legend .social-legend-item .social-legend-color{width:16px;height:16px;border-radius:4px}.social-world-page .social-world-legend .social-legend-item .social-legend-color.social-legend-low{background:var(--user-warning);opacity:.3}.social-world-page .social-world-legend .social-legend-item .social-legend-color.social-legend-medium{background:var(--user-warning);opacity:.6}.social-world-page .social-world-legend .social-legend-item .social-legend-color.social-legend-high{background:var(--user-success)}.social-world-page .social-world-legend .social-legend-item span{font-size:14px;color:var(--user-text-secondary)}.social-world-page .social-suggested-users{padding:20px}.social-world-page .social-suggested-users .social-section-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.social-world-page .social-suggested-users .social-section-title i{color:var(--user-accent-primary)}.social-world-page .social-suggested-users .social-users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}@media (max-width: 500px){.social-world-page .social-suggested-users .social-users-list{grid-template-columns:1fr}}.social-world-page .social-suggested-users .social-user-card{background:var(--user-bg-secondary);border:1px solid var(--user-border-color);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.social-world-page .social-suggested-users .social-user-card:hover{transform:translateY(-2px);box-shadow:var(--user-shadow-md)}.social-world-page .social-suggested-users .social-user-card .social-user-info{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.social-world-page .social-suggested-users .social-user-card .social-user-info img{width:48px;height:48px;border-radius:50%;object-fit:cover}.social-world-page .social-suggested-users .social-user-card .social-user-info .social-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--user-accent-light);color:var(--user-accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.social-world-page .social-suggested-users .social-user-card .social-user-info .social-user-details{flex:1}.social-world-page .social-suggested-users .social-user-card .social-user-info .social-user-details h4{margin:0;font-size:15px;font-weight:600;color:var(--user-text-primary);line-height:1.2}.social-world-page .social-suggested-users .social-user-card .social-user-info .social-user-details span{display:block;font-size:13px;color:var(--user-text-secondary);margin-top:2px}.social-world-page .social-suggested-users .social-user-card .social-user-info .social-user-details p{margin:4px 0 0;font-size:12px;color:var(--user-text-muted)}.social-world-page .social-suggested-users .social-user-card .social-btn-follow{padding:8px 16px;background:var(--user-accent-primary);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.social-world-page .social-suggested-users .social-user-card .social-btn-follow:hover:not(:disabled){background:var(--user-accent-hover)}.social-world-page .social-suggested-users .social-user-card .social-btn-follow.following{background:var(--user-bg-tertiary);color:var(--user-text-secondary);cursor:default}.social-world-page .social-suggested-users .social-user-card .social-btn-follow:disabled{opacity:.7}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}.social-notifications-page{padding:0;background:var(--user-bg-primary);min-height:100vh}.social-notifications-page .social-page-header{padding:20px 24px;border-bottom:1px solid var(--user-border-color);background:var(--user-bg-primary);position:sticky;top:0;z-index:10}.social-notifications-page .social-page-header .social-page-title-container{display:flex;justify-content:space-between;align-items:center}@media (max-width: 500px){.social-notifications-page .social-page-header .social-page-title-container{flex-direction:column;align-items:flex-start;gap:16px}}.social-notifications-page .social-page-header .social-page-title{font-size:24px;font-weight:800;color:var(--user-text-primary);margin:0;display:flex;align-items:center;gap:12px;position:relative}.social-notifications-page .social-page-header .social-page-title i{color:var(--user-accent-primary);font-size:28px}.social-notifications-page .social-page-header .social-page-title .social-unread-badge{background:#FF3B30;color:#fff;font-size:14px;font-weight:700;padding:4px 10px;border-radius:20px;min-width:24px;text-align:center;margin-left:8px;animation:badge-bounce 2s infinite}.social-notifications-page .social-page-header .social-btn-mark-read{background:var(--user-bg-secondary);border:1px solid var(--user-border-color);color:var(--user-text-primary);padding:10px 20px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.social-notifications-page .social-page-header .social-btn-mark-read:hover{background:var(--user-accent-light);border-color:var(--user-accent-primary);color:var(--user-accent-primary);transform:translateY(-2px)}.social-notifications-page .social-page-header .social-btn-mark-read i{font-size:18px}.social-notifications-page .social-notification-filters{display:flex;padding:16px 24px;gap:12px;border-bottom:2px solid var(--user-border-color);background:var(--user-bg-secondary);overflow-x:auto;scrollbar-width:none}.social-notifications-page .social-notification-filters::-webkit-scrollbar{display:none}.social-notifications-page .social-notification-filters .social-filter-btn{background:var(--user-bg-primary);border:2px solid transparent;color:var(--user-text-secondary);padding:10px 20px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s}.social-notifications-page .social-notification-filters .social-filter-btn:hover{background:var(--user-bg-hover);transform:translateY(-1px)}.social-notifications-page .social-notification-filters .social-filter-btn.social-filter-active{background:var(--user-accent-primary);color:#fff;border-color:var(--user-accent-primary);font-weight:700;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-notifications-page .social-notification-filters .social-filter-btn i{font-size:16px}.social-notifications-page .social-notifications-list{min-height:400px;padding:8px 0}.social-notifications-page .social-notification-item{display:flex;gap:16px;padding:20px 24px;margin:0 12px 8px;border-radius:12px;background:var(--user-bg-secondary);border:1px solid var(--user-border-color);transition:all .2s;cursor:pointer;position:relative}.social-notifications-page .social-notification-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.social-notifications-page .social-notification-item.social-notification-unread{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.03) 100%);border:2px solid var(--user-accent-primary);border-left-width:4px}.social-notifications-page .social-notification-item.social-notification-unread:before{content:"NOUVEAU";position:absolute;top:8px;right:12px;background:var(--user-accent-primary);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;letter-spacing:.5px}.social-notifications-page .social-notification-item .social-notification-avatar{position:relative;flex-shrink:0}.social-notifications-page .social-notification-item .social-notification-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--user-bg-primary)}.social-notifications-page .social-notification-item .social-notification-avatar .social-notification-type-icon{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--user-bg-secondary);box-shadow:0 2px 4px #0003}.social-notifications-page .social-notification-item .social-notification-avatar .social-notification-type-icon i{color:#fff;font-size:12px}.social-notifications-page .social-notification-item .social-notification-content{flex:1;min-width:0;padding-top:2px}.social-notifications-page .social-notification-item .social-notification-content .social-notification-text{font-size:16px;line-height:1.5;margin-bottom:6px}.social-notifications-page .social-notification-item .social-notification-content .social-notification-text .social-notification-user{font-weight:700;color:var(--user-text-primary);margin-right:6px}.social-notifications-page .social-notification-item .social-notification-content .social-notification-text .social-notification-user:hover{text-decoration:underline;color:var(--user-accent-primary)}.social-notifications-page .social-notification-item .social-notification-content .social-notification-text .social-notification-action{color:var(--user-text-primary);font-weight:400}.social-notifications-page .social-notification-item .social-notification-content .social-notification-dream{background:var(--user-bg-primary);border-left:4px solid var(--user-accent-primary);padding:12px 16px;margin:12px 0;border-radius:8px;font-size:15px;color:var(--user-text-secondary);font-style:italic;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.social-notifications-page .social-notification-item .social-notification-content .social-notification-timestamp{font-size:14px;color:var(--user-text-muted);margin-top:8px;font-weight:500}.social-notifications-page .social-notification-item .social-notification-actions{display:flex;align-items:flex-start;padding-top:20px;gap:12px}.social-notifications-page .social-notification-item .social-notification-actions .social-unread-dot{width:12px;height:12px;border-radius:50%;background:#FF3B30;box-shadow:0 0 0 3px #ff3b3033;animation:pulse-dot 2s infinite}.social-notifications-page .social-notification-item .social-notification-actions .social-notification-menu{background:transparent;border:none;color:var(--user-text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.social-notifications-page .social-notification-item .social-notification-actions .social-notification-menu:hover{background:var(--user-bg-primary);color:var(--user-text-primary)}.social-notifications-page .social-notification-item .social-notification-actions .social-notification-menu i{font-size:18px}.social-notifications-page .social-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.social-notifications-page .social-empty-state .social-empty-icon{font-size:80px;color:var(--user-text-muted);margin-bottom:24px;opacity:.3}.social-notifications-page .social-empty-state .social-empty-title{font-size:24px;font-weight:700;color:var(--user-text-primary);margin:0 0 12px}.social-notifications-page .social-empty-state .social-empty-text{font-size:16px;color:var(--user-text-secondary);margin:0;max-width:400px;line-height:1.5}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-dot{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}[data-mode=dark] .social-notifications-page .social-notification-item{background:var(--user-bg-secondary)}[data-mode=dark] .social-notifications-page .social-notification-item.social-notification-unread{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.05) 100%)}[data-mode=dark] .social-notifications-page .social-notification-item .social-notification-dream{background:rgba(var(--bg-rgb),.5)}.social-messages-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--user-bg-primary);position:relative}@media (max-width: 500px){.social-messages-page{height:calc(100vh - 116px);position:relative}}.social-messages-page .social-page-header{padding:16px 20px;border-bottom:1px solid var(--user-border-color);background:var(--user-bg-primary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:100}@media (max-width: 768px){.social-messages-page .social-page-header{padding:14px 16px}}@media (max-width: 500px){.social-messages-page .social-page-header{padding:12px;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}}.social-messages-page .social-page-header .social-page-title{font-size:22px;font-weight:800;color:var(--user-text-primary);margin:0;display:flex;align-items:center;gap:12px}@media (max-width: 768px){.social-messages-page .social-page-header .social-page-title{font-size:20px;gap:10px}}@media (max-width: 500px){.social-messages-page .social-page-header .social-page-title{font-size:18px;gap:8px}}.social-messages-page .social-page-header .social-page-title i{color:var(--user-accent-primary);font-size:24px}@media (max-width: 500px){.social-messages-page .social-page-header .social-page-title i{font-size:20px}}.social-messages-page .social-page-header .social-page-title .social-unread-badge{background:#FF3B30;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px;min-width:20px;text-align:center;animation:pulse 2s infinite}.social-messages-page .social-page-header .social-btn-new-message{background:var(--user-accent-primary);color:#fff;border:none;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.social-messages-page .social-page-header .social-btn-new-message:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-messages-page .social-page-header .social-btn-new-message i{font-size:16px}@media (max-width: 768px){.social-messages-page .social-page-header .social-btn-new-message{padding:10px 16px;font-size:13px}.social-messages-page .social-page-header .social-btn-new-message span{display:inline-block}}@media (max-width: 500px){.social-messages-page .social-page-header .social-btn-new-message{padding:10px}.social-messages-page .social-page-header .social-btn-new-message span{display:none}}.social-messages-page .social-messages-container{display:flex;flex:1;overflow:hidden;min-height:0;position:relative}@media (max-width: 768px){.social-messages-page .social-messages-container{position:relative}}@media (max-width: 500px){.social-messages-page .social-messages-container{height:100%;position:relative}}.social-messages-page .social-conversations-list{width:380px;border-right:1px solid var(--user-border-color);background:var(--user-bg-secondary);display:flex;flex-direction:column;overflow:hidden}@media (max-width: 1400px){.social-messages-page .social-conversations-list{width:100%;position:absolute;left:0;top:0;height:100%;z-index:10;transition:opacity .3s ease,visibility .3s ease;display:flex;flex-direction:column}.social-messages-page .social-conversations-list.hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width: 1200px){.social-messages-page .social-conversations-list{width:100%}}@media (max-width: 768px){.social-messages-page .social-conversations-list{width:100%;position:absolute;left:0;top:0;height:100%;z-index:10;transition:opacity .3s ease,visibility .3s ease;display:flex;flex-direction:column}.social-messages-page .social-conversations-list.hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width: 500px){.social-messages-page .social-conversations-list{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column}}.social-messages-page .social-conversations-list .social-conversations-header{padding:16px 20px;border-bottom:1px solid var(--user-border-color);display:flex;justify-content:space-between;align-items:center;background:var(--user-bg-primary);flex-shrink:0;position:sticky;top:0;z-index:5}@media (max-width: 500px){.social-messages-page .social-conversations-list .social-conversations-header{padding:14px 16px}}.social-messages-page .social-conversations-list .social-conversations-header h3{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0}.social-messages-page .social-conversations-list .social-conversations-header .social-btn-search{background:transparent;border:none;color:var(--user-text-secondary);padding:8px;border-radius:50%;cursor:pointer;transition:all .2s}.social-messages-page .social-conversations-list .social-conversations-header .social-btn-search:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-messages-page .social-conversations-list .social-conversations-header .social-btn-search i{font-size:18px}.social-messages-page .social-conversations-list .social-conversations{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-height:0}@media (max-width: 768px){.social-messages-page .social-conversations-list .social-conversations{flex:1;overflow-y:auto}}@media (max-width: 500px){.social-messages-page .social-conversations-list .social-conversations{height:auto;flex:1;overflow-y:auto}}.social-messages-page .social-conversations-list .social-conversations::-webkit-scrollbar{width:6px}.social-messages-page .social-conversations-list .social-conversations::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:3px}.social-messages-page .social-conversation-item{display:flex;gap:12px;padding:16px 20px;cursor:pointer;transition:all .2s;position:relative;background:var(--user-bg-secondary)}@media (max-width: 768px){.social-messages-page .social-conversation-item{padding:14px 16px}}@media (max-width: 500px){.social-messages-page .social-conversation-item{padding:12px;gap:10px}}.social-messages-page .social-conversation-item:hover{background:var(--user-bg-hover)}.social-messages-page .social-conversation-item.social-conversation-active{background:var(--user-accent-light)}.social-messages-page .social-conversation-item.social-conversation-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--user-accent-primary)}.social-messages-page .social-conversation-item .social-conversation-avatar{position:relative;flex-shrink:0}.social-messages-page .social-conversation-item .social-conversation-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}@media (max-width: 500px){.social-messages-page .social-conversation-item .social-conversation-avatar img{width:45px;height:45px}}.social-messages-page .social-conversation-item .social-conversation-avatar .social-online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#4CAF50;border:3px solid var(--user-bg-secondary);border-radius:50%}.social-messages-page .social-conversation-item .social-conversation-content{flex:1;min-width:0}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-header .social-conversation-name{font-weight:600;font-size:15px;color:var(--user-text-primary)}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-header .social-conversation-time{font-size:12px;color:var(--user-text-muted)}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-preview{display:flex;justify-content:space-between;align-items:center;gap:8px}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-preview .social-last-message{font-size:14px;color:var(--user-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.social-messages-page .social-conversation-item .social-conversation-content .social-conversation-preview .social-unread-count{background:var(--user-accent-primary);color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.social-messages-page .social-chat-area{flex:1;display:flex;flex-direction:column;background:var(--user-bg-primary);position:relative;overflow:hidden;min-width:0}@media (max-width: 1400px){.social-messages-page .social-chat-area{width:100%;position:absolute;left:0;top:0;height:100%;background:var(--user-bg-primary);z-index:20;display:flex;flex-direction:column;transition:opacity .3s ease,visibility .3s ease}.social-messages-page .social-chat-area.hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width: 768px){.social-messages-page .social-chat-area{width:100%;position:absolute;left:0;top:0;height:100%;background:var(--user-bg-primary);z-index:20;display:flex;flex-direction:column;transition:opacity .3s ease,visibility .3s ease}.social-messages-page .social-chat-area.hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width: 500px){.social-messages-page .social-chat-area{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;display:flex;flex-direction:column}}.social-messages-page .social-chat-header{padding:16px 20px;border-bottom:1px solid var(--user-border-color);background:var(--user-bg-primary);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;flex-shrink:0;position:sticky;top:0;z-index:10;gap:12px}@media (max-width: 768px){.social-messages-page .social-chat-header{padding:12px 16px}}@media (max-width: 500px){.social-messages-page .social-chat-header{padding:10px 12px;position:sticky;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.social-messages-page .social-chat-header .social-chat-left{display:flex;align-items:center;gap:8px;flex:1}.social-messages-page .social-chat-header .social-chat-back{display:none;background:transparent;border:none;color:var(--user-text-primary);padding:8px;margin-right:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.social-messages-page .social-chat-header .social-chat-back:hover{background:var(--user-bg-hover);color:var(--user-accent-primary);border-radius:50%}.social-messages-page .social-chat-header .social-chat-back i{font-size:24px;display:block}@media (max-width: 1400px){.social-messages-page .social-chat-header .social-chat-back{display:flex;align-items:center;justify-content:center}}.social-messages-page .social-chat-header .social-chat-user-info{display:flex;align-items:center;gap:12px}.social-messages-page .social-chat-header .social-chat-user-info .social-chat-avatar{position:relative}.social-messages-page .social-chat-header .social-chat-user-info .social-chat-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-user-info .social-chat-avatar img{width:36px;height:36px}}.social-messages-page .social-chat-header .social-chat-user-info .social-chat-avatar .social-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#4CAF50;border:2px solid var(--user-bg-primary);border-radius:50%}.social-messages-page .social-chat-header .social-chat-user-info .social-chat-user-details .social-chat-user-name{font-weight:700;font-size:16px;color:var(--user-text-primary)}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-user-info .social-chat-user-details .social-chat-user-name{font-size:14px}}.social-messages-page .social-chat-header .social-chat-user-info .social-chat-user-details .social-chat-user-status{font-size:13px;color:var(--user-text-secondary)}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-user-info .social-chat-user-details .social-chat-user-status{font-size:12px}}.social-messages-page .social-chat-header .social-chat-actions{display:flex;gap:8px}@media (max-width: 768px){.social-messages-page .social-chat-header .social-chat-actions{gap:6px}}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-actions{gap:4px}}.social-messages-page .social-chat-header .social-chat-actions .social-chat-action{background:transparent;border:none;color:var(--user-text-secondary);padding:8px;border-radius:50%;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.social-messages-page .social-chat-header .social-chat-actions .social-chat-action{width:34px;height:34px}}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-actions .social-chat-action{width:32px;height:32px;padding:6px}.social-messages-page .social-chat-header .social-chat-actions .social-chat-action:nth-child(2){display:none}}.social-messages-page .social-chat-header .social-chat-actions .social-chat-action:hover{background:var(--user-bg-hover);color:var(--user-accent-primary)}.social-messages-page .social-chat-header .social-chat-actions .social-chat-action i{font-size:18px}@media (max-width: 500px){.social-messages-page .social-chat-header .social-chat-actions .social-chat-action i{font-size:16px}}.social-messages-page .social-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background-image:linear-gradient(180deg,var(--user-bg-primary) 0%,var(--user-bg-secondary) 100%);scrollbar-width:thin;min-height:0}@media (max-width: 768px){.social-messages-page .social-chat-messages{flex:1;padding-bottom:70px;overflow-y:auto;min-height:0}}@media (max-width: 500px){.social-messages-page .social-chat-messages{flex:1;padding-bottom:60px;overflow-y:auto;min-height:0}}.social-messages-page .social-chat-messages::-webkit-scrollbar{width:6px}.social-messages-page .social-chat-messages::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:3px}.social-messages-page .social-message{display:flex;margin-bottom:16px;animation:messageSlide .3s ease}.social-messages-page .social-message.social-message-sent{justify-content:flex-end}.social-messages-page .social-message.social-message-sent .social-message-content{background:var(--user-accent-primary);color:#fff;border-radius:18px 18px 4px;max-width:70%}@media (max-width: 500px){.social-messages-page .social-message.social-message-sent .social-message-content{max-width:85%}}.social-messages-page .social-message.social-message-sent .social-message-content:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-left:6px solid var(--user-accent-primary);border-bottom:6px solid transparent}.social-messages-page .social-message.social-message-received{justify-content:flex-start}.social-messages-page .social-message.social-message-received .social-message-content{background:var(--user-bg-secondary);color:var(--user-text-primary);border:1px solid var(--user-border-color);border-radius:18px 18px 18px 4px;max-width:70%}@media (max-width: 500px){.social-messages-page .social-message.social-message-received .social-message-content{max-width:85%}}.social-messages-page .social-message.social-message-received .social-message-content:after{content:"";position:absolute;bottom:0;left:-6px;width:0;height:0;border-right:6px solid var(--user-bg-secondary);border-bottom:6px solid transparent}.social-messages-page .social-message .social-message-content{padding:10px 16px;position:relative;word-wrap:break-word;font-size:15px;line-height:1.4}@media (max-width: 500px){.social-messages-page .social-message .social-message-content{padding:8px 12px;font-size:14px}}.social-messages-page .social-message .social-message-timestamp{font-size:11px;color:var(--user-text-muted);margin-top:4px;text-align:right;opacity:.7}.social-messages-page .social-chat-input{padding:16px 20px;border-top:1px solid var(--user-border-color);background:var(--user-bg-primary);display:flex;gap:12px;align-items:center;flex-shrink:0}@media (max-width: 768px){.social-messages-page .social-chat-input{padding:12px 16px;gap:10px;position:sticky;bottom:0;left:0;right:0;z-index:15;border-top:1px solid var(--user-border-color);box-shadow:0 -2px 10px #0000001a}}@media (max-width: 500px){.social-messages-page .social-chat-input{padding:10px 12px;gap:8px}}.social-messages-page .social-chat-input .social-chat-attachment{background:transparent;border:none;color:var(--user-text-secondary);padding:8px;border-radius:50%;cursor:pointer;transition:all .2s}@media (max-width: 500px){.social-messages-page .social-chat-input .social-chat-attachment{padding:6px}}.social-messages-page .social-chat-input .social-chat-attachment:hover{background:var(--user-bg-hover);color:var(--user-accent-primary)}.social-messages-page .social-chat-input .social-chat-attachment i{font-size:20px}@media (max-width: 500px){.social-messages-page .social-chat-input .social-chat-attachment i{font-size:18px}}.social-messages-page .social-chat-input .social-chat-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:var(--user-bg-secondary);border-radius:24px;padding:0 12px;border:1px solid var(--user-border-color);transition:all .2s}.social-messages-page .social-chat-input .social-chat-input-wrapper:focus-within{border-color:var(--user-accent-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.social-messages-page .social-chat-input .social-chat-input-wrapper input{flex:1;background:transparent;border:none;padding:12px 8px;font-size:15px;color:var(--user-text-primary)}.social-messages-page .social-chat-input .social-chat-input-wrapper input::placeholder{color:var(--user-text-secondary)}.social-messages-page .social-chat-input .social-chat-input-wrapper input:focus{outline:none}.social-messages-page .social-chat-input .social-chat-input-wrapper .social-chat-emoji{background:transparent;border:none;color:var(--user-text-secondary);padding:4px;cursor:pointer;transition:all .2s}.social-messages-page .social-chat-input .social-chat-input-wrapper .social-chat-emoji:hover{color:var(--user-accent-primary)}.social-messages-page .social-chat-input .social-chat-input-wrapper .social-chat-emoji i{font-size:18px}.social-messages-page .social-chat-input .social-chat-send{background:var(--user-accent-primary);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}@media (max-width: 500px){.social-messages-page .social-chat-input .social-chat-send{width:40px;height:40px}}.social-messages-page .social-chat-input .social-chat-send:hover:not(:disabled){background:var(--user-accent-hover);transform:scale(1.1)}.social-messages-page .social-chat-input .social-chat-send:disabled{opacity:.5;cursor:not-allowed}.social-messages-page .social-chat-input .social-chat-send i{font-size:18px;margin-left:2px}.social-messages-page .social-chat-empty{flex:1;display:flex;align-items:center;justify-content:center;background:var(--user-bg-primary)}.social-messages-page .social-chat-empty .social-empty-state{text-align:center;padding:40px}.social-messages-page .social-chat-empty .social-empty-state .social-empty-icon{font-size:72px;color:var(--user-text-muted);margin-bottom:20px;opacity:.3}.social-messages-page .social-chat-empty .social-empty-state .social-empty-title{font-size:22px;font-weight:700;color:var(--user-text-primary);margin:0 0 8px}.social-messages-page .social-chat-empty .social-empty-state .social-empty-text{font-size:15px;color:var(--user-text-secondary);margin:0;max-width:400px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.social-bookmarks-page{display:flex;flex-direction:column;height:100vh;background:var(--user-bg-primary);overflow:hidden}@media (max-width: 500px){.social-bookmarks-page{height:calc(100vh - 116px)}}.social-bookmarks-page .social-page-header{padding:20px 24px;border-bottom:1px solid var(--user-border-color);background:var(--user-bg-primary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}@media (max-width: 768px){.social-bookmarks-page .social-page-header{padding:16px 20px;flex-direction:column;align-items:stretch;gap:16px}}@media (max-width: 500px){.social-bookmarks-page .social-page-header{padding:12px 16px;gap:12px}}.social-bookmarks-page .social-page-header .social-page-title{font-size:24px;font-weight:800;color:var(--user-text-primary);margin:0;display:flex;align-items:center;gap:12px}@media (max-width: 500px){.social-bookmarks-page .social-page-header .social-page-title{font-size:20px}}.social-bookmarks-page .social-page-header .social-page-title i{color:var(--user-accent-primary);font-size:28px}@media (max-width: 500px){.social-bookmarks-page .social-page-header .social-page-title i{font-size:24px}}.social-bookmarks-page .social-page-header .social-page-title .social-count-badge{background:var(--user-accent-light);color:var(--user-accent-primary);font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px;margin-left:8px}.social-bookmarks-page .social-page-header .social-bookmarks-actions{display:flex;gap:12px;align-items:center;flex:1;max-width:600px}@media (max-width: 768px){.social-bookmarks-page .social-page-header .social-bookmarks-actions{max-width:100%}}.social-bookmarks-page .social-page-header .social-search-container{flex:1}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper{position:relative;display:flex;align-items:center}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-icon{position:absolute;left:16px;color:var(--user-text-secondary);font-size:18px;pointer-events:none}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-input{width:100%;padding:12px 44px;background:var(--user-bg-secondary);border:2px solid transparent;border-radius:24px;font-size:15px;color:var(--user-text-primary);transition:all .2s}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-input::placeholder{color:var(--user-text-secondary)}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-input:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}@media (max-width: 500px){.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-input{padding:10px 40px;font-size:14px}}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-clear{position:absolute;right:12px;background:transparent;border:none;color:var(--user-text-secondary);padding:6px;cursor:pointer;transition:all .2s;border-radius:50%}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-clear:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-bookmarks-page .social-page-header .social-search-container .social-search-input-wrapper .social-search-clear i{font-size:18px}.social-bookmarks-page .social-page-header .social-btn-export{background:var(--user-accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.social-bookmarks-page .social-page-header .social-btn-export:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-bookmarks-page .social-page-header .social-btn-export i{font-size:18px}@media (max-width: 500px){.social-bookmarks-page .social-page-header .social-btn-export{padding:10px 16px;font-size:14px}.social-bookmarks-page .social-page-header .social-btn-export span{display:none}}.social-bookmarks-page .social-bookmarks-container{display:flex;flex:1;overflow:hidden;min-height:0}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-container{flex-direction:column}}.social-bookmarks-page .social-bookmarks-sidebar{width:280px;border-right:1px solid var(--user-border-color);background:var(--user-bg-secondary);padding:24px 20px;overflow-y:auto;scrollbar-width:thin;flex-shrink:0}.social-bookmarks-page .social-bookmarks-sidebar::-webkit-scrollbar{width:6px}.social-bookmarks-page .social-bookmarks-sidebar::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:3px}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--user-border-color);padding:16px;max-height:200px;overflow-x:auto;overflow-y:hidden}}@media (max-width: 500px){.social-bookmarks-page .social-bookmarks-sidebar{padding:12px;max-height:160px}}.social-bookmarks-page .social-bookmarks-sidebar .social-sidebar-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 20px}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar .social-sidebar-title{display:none}}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories{flex-direction:row;gap:12px;padding-bottom:12px}}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn{background:transparent;border:2px solid transparent;color:var(--user-text-secondary);padding:12px 16px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;position:relative;text-align:left}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn{flex-shrink:0;padding:10px 16px;white-space:nowrap}}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn.social-category-active{background:var(--user-accent-light);color:var(--user-accent-primary);border-color:var(--user-accent-primary);font-weight:600}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn.social-category-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--user-accent-primary);border-radius:0 4px 4px 0}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn.social-category-active:before{display:none}}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn i{font-size:18px;flex-shrink:0}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn .social-category-label{flex:1}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn .social-category-count{background:var(--user-bg-tertiary);color:var(--user-text-muted);font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.social-category-active .social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-categories .social-category-btn .social-category-count{background:var(--user-accent-primary);color:#fff}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats{margin-top:32px;padding-top:24px;border-top:1px solid var(--user-border-color)}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats{display:none}}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats .social-stats-title{font-size:14px;font-weight:600;color:var(--user-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats .social-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats .social-stat-item .social-stat-label{font-size:14px;color:var(--user-text-secondary)}.social-bookmarks-page .social-bookmarks-sidebar .social-bookmark-stats .social-stat-item .social-stat-value{font-size:16px;font-weight:700;color:var(--user-text-primary)}.social-bookmarks-page .bookmarks-main-content,.social-bookmarks-page .social-bookmarks-content{flex:1;overflow-y:auto;padding:24px;background:var(--user-bg-primary);scrollbar-width:thin;min-height:0}.social-bookmarks-page .bookmarks-main-content::-webkit-scrollbar,.social-bookmarks-page .social-bookmarks-content::-webkit-scrollbar{width:8px}.social-bookmarks-page .bookmarks-main-content::-webkit-scrollbar-thumb,.social-bookmarks-page .social-bookmarks-content::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:4px}@media (max-width: 768px){.social-bookmarks-page .bookmarks-main-content,.social-bookmarks-page .social-bookmarks-content{padding:20px}}@media (max-width: 500px){.social-bookmarks-page .bookmarks-main-content,.social-bookmarks-page .social-bookmarks-content{padding:16px}}.social-bookmarks-page .feed-container{margin-bottom:80px;animation:fadeInUp .5s ease}.social-bookmarks-page .post-card{background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .2s;position:relative}.social-bookmarks-page .post-card:hover{transform:translateY(-2px)}.social-bookmarks-page .post-card .post-header{padding:15px;display:flex;align-items:center;gap:12px}.social-bookmarks-page .post-card .post-header .post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.social-bookmarks-page .post-card .post-header .post-avatar.post-avatar-initial{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.social-bookmarks-page .post-card .post-header .post-user-info{flex:1}.social-bookmarks-page .post-card .post-header .post-user-info .post-user-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:5px}.social-bookmarks-page .post-card .post-header .post-user-info .post-user-name .verified-badge{color:var(--primary);font-size:.9rem}.social-bookmarks-page .post-card .post-header .post-user-info .post-username{color:var(--text-muted);font-size:.9rem}.social-bookmarks-page .post-card .post-header .post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.social-bookmarks-page .post-card .post-header .post-meta .post-category-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap}.social-bookmarks-page .post-card .post-header .post-meta .post-mood-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.social-bookmarks-page .post-card .post-header .post-meta .post-time{color:var(--text-muted);font-size:.85rem}.social-bookmarks-page .post-card .post-image{width:100%;height:350px;object-fit:cover;cursor:pointer;transition:opacity .2s}.social-bookmarks-page .post-card .post-image:hover{opacity:.95}.social-bookmarks-page .post-card .post-content{padding:15px}.social-bookmarks-page .post-card .post-content .post-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.social-bookmarks-page .post-card .post-content .post-text-wrapper{margin-bottom:15px}.social-bookmarks-page .post-card .post-content .post-text-wrapper .post-text{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.social-bookmarks-page .post-card .post-content .post-text-wrapper .read-more-btn{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;padding:5px 0;margin-top:8px;display:inline-flex;align-items:center;gap:5px;transition:all .2s;font-size:.9rem}.social-bookmarks-page .post-card .post-content .post-text-wrapper .read-more-btn:hover{opacity:.8;gap:7px}.social-bookmarks-page .post-card .post-content .post-text-wrapper .read-more-btn i{font-size:.85rem;transition:transform .2s}.social-bookmarks-page .post-card .post-content .post-tags{display:flex;flex-wrap:wrap;gap:8px}.social-bookmarks-page .post-card .post-content .post-tags .dream-tag{background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:5px 12px;border-radius:15px;font-size:.85rem;border:1px solid rgba(var(--primary-rgb),.2);transition:all .2s;cursor:pointer}.social-bookmarks-page .post-card .post-content .post-tags .dream-tag:hover{background:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.social-bookmarks-page .post-card .post-stats{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-tertiary);color:var(--text-muted);font-size:.9rem}.social-bookmarks-page .post-card .post-stats .stat-item{display:flex;align-items:center;gap:5px}.social-bookmarks-page .post-card .post-stats .stat-item i{font-size:1rem}.social-bookmarks-page .post-card .post-stats .reactions-preview{display:flex;align-items:center;gap:8px}.social-bookmarks-page .post-card .post-stats .reactions-preview .reaction-count{font-size:.9rem}.social-bookmarks-page .post-card .post-stats .reactions-preview .reaction-emojis{display:flex;gap:2px;font-size:1.2rem}.social-bookmarks-page .post-card .post-actions{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bg-tertiary);overflow:visible;position:relative;z-index:10}.social-bookmarks-page .post-card .post-actions .action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .2s;font-size:.95rem}.social-bookmarks-page .post-card .post-actions .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.social-bookmarks-page .post-card .post-actions .action-btn.liked{color:var(--danger, #ef4444)}.social-bookmarks-page .post-card .post-actions .action-btn.liked i{font-weight:700}.social-bookmarks-page .post-card .post-actions .action-btn.favorited{color:var(--warning, #f39c12)}.social-bookmarks-page .post-card .post-actions .action-btn.favorited i{font-weight:700}.social-bookmarks-page .post-card .post-actions .action-btn.favorite-btn:hover{color:var(--warning, #f39c12)}.social-bookmarks-page .post-card .post-actions .action-btn.favorite-btn:hover i{transform:scale(1.15)}.social-bookmarks-page .post-card .post-actions .action-btn.share-link.success{color:var(--success, #10b981);animation:pulse .5s ease}.social-bookmarks-page .post-card .post-actions .action-btn.repost-btn.reposted{color:var(--success, #10b981)}.social-bookmarks-page .post-card .post-actions .action-btn.repost-btn.reposted i{font-weight:700}.social-bookmarks-page .post-card .post-actions .action-btn.repost-btn:hover{color:var(--success, #10b981)}.social-bookmarks-page .post-card .post-actions .action-btn.repost-btn:hover i{transform:rotate(180deg)}.social-bookmarks-page .post-card .post-actions .action-btn i{font-size:1.2rem;transition:transform .2s}.social-bookmarks-page .post-card .post-actions .action-btn span{font-weight:500}.social-bookmarks-page .post-card .post-actions .action-btn.comment-btn.active{color:var(--primary);background:var(--bg-tertiary)}.social-bookmarks-page .post-card .post-actions .action-btn.comment-btn.commented{color:var(--primary)}.social-bookmarks-page .post-card .post-actions .action-btn.comment-btn.commented i{font-weight:700}.social-bookmarks-page .post-card .post-actions .reactions-menu{position:relative;display:flex;align-items:center}.social-bookmarks-page .post-card .post-actions .reactions-menu .reactions-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:25px;padding:8px;display:flex;gap:4px;box-shadow:0 4px 12px #00000040;z-index:1000}.social-bookmarks-page .post-card .post-actions .reactions-menu .reactions-popup button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:4px;transition:transform .2s}.social-bookmarks-page .post-card .post-actions .reactions-menu .reactions-popup button:hover{transform:scale(1.3)}.social-bookmarks-page .post-card .post-actions .reactions-menu .reactions-popup button.selected{background:var(--bg-tertiary);border-radius:50%}.social-bookmarks-page .social-bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeInUp .5s ease}@media (max-width: 768px){.social-bookmarks-page .social-bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 500px){.social-bookmarks-page .social-bookmarks-grid{grid-template-columns:1fr;gap:12px}}.social-bookmarks-page .social-bookmark-card{background:var(--user-bg-secondary);border-radius:16px;border:1px solid var(--user-border-color);overflow:hidden;transition:all .3s;animation:cardSlide .4s ease}.social-bookmarks-page .social-bookmark-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--user-accent-primary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--user-border-color)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-user{display:flex;gap:12px;align-items:center}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-user .social-user-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--user-bg-primary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-user .social-user-info .social-user-name{font-weight:700;font-size:15px;color:var(--user-text-primary);margin-bottom:2px}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-user .social-user-info .social-user-username{font-size:13px;color:var(--user-text-secondary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-actions .social-bookmark-time{font-size:12px;color:var(--user-text-muted)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-actions .social-btn-remove-bookmark{background:transparent;border:none;color:var(--user-text-secondary);padding:6px;cursor:pointer;border-radius:50%;transition:all .2s}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-actions .social-btn-remove-bookmark:hover{background:rgba(var(--danger-rgb),.1);color:var(--user-danger);transform:scale(1.1)}.social-bookmarks-page .social-bookmark-card .social-bookmark-header .social-bookmark-actions .social-btn-remove-bookmark i{font-size:18px}.social-bookmarks-page .social-bookmark-card .social-bookmark-content{padding:16px;font-size:15px;line-height:1.6;color:var(--user-text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.social-bookmarks-page .social-bookmark-card .social-bookmark-image{position:relative;overflow:hidden;background:var(--user-bg-tertiary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s}.social-bookmarks-page .social-bookmark-card .social-bookmark-image:hover img{transform:scale(1.05)}.social-bookmarks-page .social-bookmark-card .social-bookmark-tags{padding:0 16px 12px;display:flex;gap:8px;flex-wrap:wrap}.social-bookmarks-page .social-bookmark-card .social-bookmark-tags .social-tag{background:var(--user-accent-light);color:var(--user-accent-primary);padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer}.social-bookmarks-page .social-bookmark-card .social-bookmark-tags .social-tag:hover{background:var(--user-accent-primary);color:#fff;transform:scale(1.05)}.social-bookmarks-page .social-bookmark-card .social-bookmark-stats{padding:12px 16px;border-top:1px solid var(--user-border-color);display:flex;align-items:center;gap:16px;background:var(--user-bg-primary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-stats .social-bookmark-stat{display:flex;align-items:center;gap:6px;color:var(--user-text-secondary);font-size:14px;font-weight:500}.social-bookmarks-page .social-bookmark-card .social-bookmark-stats .social-bookmark-stat i{font-size:16px}.social-bookmarks-page .social-bookmark-card .social-bookmark-stats .social-bookmark-stat:hover{color:var(--user-accent-primary)}.social-bookmarks-page .social-bookmark-card .social-bookmark-stats .social-bookmark-timestamp{margin-left:auto;font-size:13px;color:var(--user-text-muted)}.social-bookmarks-page .social-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;animation:fadeIn .5s ease}.social-bookmarks-page .social-empty-state .social-empty-icon{font-size:80px;color:var(--user-text-muted);margin-bottom:24px;opacity:.3}.social-bookmarks-page .social-empty-state .social-empty-title{font-size:24px;font-weight:700;color:var(--user-text-primary);margin:0 0 12px}.social-bookmarks-page .social-empty-state .social-empty-text{font-size:16px;color:var(--user-text-secondary);margin:0 0 24px;max-width:400px;line-height:1.5}.social-bookmarks-page .social-empty-state .social-btn-clear-search{background:var(--user-accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.social-bookmarks-page .social-empty-state .social-btn-clear-search:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.social-dreams-page{display:flex;flex-direction:column;height:100vh;background:var(--user-bg-primary);overflow:hidden}@media (max-width: 500px){.social-dreams-page{height:calc(100vh - 116px)}}.social-dreams-page .social-page-header{padding:24px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,rgba(var(--primary-rgb),.02) 100%);border-bottom:1px solid var(--user-border-color);flex-shrink:0}@media (max-width: 768px){.social-dreams-page .social-page-header{padding:20px}}@media (max-width: 500px){.social-dreams-page .social-page-header{padding:16px}}.social-dreams-page .social-page-header .social-page-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media (max-width: 500px){.social-dreams-page .social-page-header .social-page-title-container{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}}.social-dreams-page .social-page-header .social-page-title{font-size:28px;font-weight:800;color:var(--user-text-primary);margin:0;display:flex;align-items:center;gap:12px}@media (max-width: 768px){.social-dreams-page .social-page-header .social-page-title{font-size:24px}}@media (max-width: 500px){.social-dreams-page .social-page-header .social-page-title{font-size:20px}}.social-dreams-page .social-page-header .social-page-title i{color:var(--user-accent-primary);font-size:32px}@media (max-width: 500px){.social-dreams-page .social-page-header .social-page-title i{font-size:24px}}.social-dreams-page .social-page-header .social-page-title .social-count-badge{background:var(--user-accent-primary);color:#fff;font-size:14px;font-weight:600;padding:4px 12px;border-radius:20px;margin-left:8px;animation:badgePulse 2s infinite}.social-dreams-page .social-page-header .social-btn-new-dream{background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.social-dreams-page .social-page-header .social-btn-new-dream:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3)}.social-dreams-page .social-page-header .social-btn-new-dream i{font-size:18px}@media (max-width: 500px){.social-dreams-page .social-page-header .social-btn-new-dream{width:100%;justify-content:center}}.social-dreams-page .social-dreams-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.social-dreams-page .social-dreams-stats{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 500px){.social-dreams-page .social-dreams-stats{grid-template-columns:repeat(2,1fr);gap:8px}}.social-dreams-page .social-dreams-stats .social-stat-card{background:var(--user-bg-secondary);padding:16px;border-radius:12px;text-align:center;border:1px solid var(--user-border-color);transition:all .3s}.social-dreams-page .social-dreams-stats .social-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--user-accent-primary)}.social-dreams-page .social-dreams-stats .social-stat-card .social-stat-value{font-size:24px;font-weight:800;color:var(--user-accent-primary);margin-bottom:4px}@media (max-width: 500px){.social-dreams-page .social-dreams-stats .social-stat-card .social-stat-value{font-size:20px}}.social-dreams-page .social-dreams-stats .social-stat-card .social-stat-label{font-size:13px;color:var(--user-text-secondary);text-transform:uppercase;letter-spacing:.5px}.social-dreams-page .social-tabs{display:flex;padding:0 24px;gap:8px;background:var(--user-bg-secondary);border-bottom:2px solid var(--user-border-color);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.social-dreams-page .social-tabs::-webkit-scrollbar{display:none}@media (max-width: 768px){.social-dreams-page .social-tabs{padding:0 20px}}@media (max-width: 500px){.social-dreams-page .social-tabs{padding:0 16px;gap:4px}}.social-dreams-page .social-tabs .social-tab{background:transparent;border:none;color:var(--user-text-secondary);padding:16px 20px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s;position:relative}@media (max-width: 500px){.social-dreams-page .social-tabs .social-tab{padding:14px 12px;font-size:14px}}.social-dreams-page .social-tabs .social-tab:hover{color:var(--user-text-primary);background:var(--user-bg-hover)}.social-dreams-page .social-tabs .social-tab.social-tab-active{color:var(--user-accent-primary);font-weight:600}.social-dreams-page .social-tabs .social-tab.social-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--user-accent-primary);border-radius:2px 2px 0 0}.social-dreams-page .social-tabs .social-tab i{font-size:18px}@media (max-width: 500px){.social-dreams-page .social-tabs .social-tab i{font-size:16px}}.social-dreams-page .social-tabs .social-tab .social-tab-count{font-size:13px;color:var(--user-text-muted);margin-left:4px}.social-dreams-page .social-dreams-content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;min-height:0;transition:padding .3s ease}.social-dreams-page .social-dreams-content.form-open{padding:0}.social-dreams-page .social-dreams-content::-webkit-scrollbar{width:8px}.social-dreams-page .social-dreams-content::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:4px}@media (max-width: 768px){.social-dreams-page .social-dreams-content{padding:20px}.social-dreams-page .social-dreams-content.form-open{padding:0}}@media (max-width: 500px){.social-dreams-page .social-dreams-content{padding:16px}.social-dreams-page .social-dreams-content.form-open{padding:0}}.social-dreams-page .social-dreams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;animation:gridFadeIn .5s ease}@media (max-width: 768px){.social-dreams-page .social-dreams-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (max-width: 500px){.social-dreams-page .social-dreams-grid{grid-template-columns:1fr;gap:16px}}.social-dreams-page .social-dream-card{background:var(--user-bg-secondary);border-radius:16px;border:1px solid var(--user-border-color);overflow:hidden;transition:all .3s;animation:cardFadeIn .6s ease;position:relative}.social-dreams-page .social-dream-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--user-accent-primary)}.social-dreams-page .social-dream-card:hover .social-dream-image img{transform:scale(1.05)}.social-dreams-page .social-dream-card .social-dream-header{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:flex-start}.social-dreams-page .social-dream-card .social-dream-header .social-dream-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.social-dreams-page .social-dream-card .social-dream-header .social-dream-category{color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.social-dreams-page .social-dream-card .social-dream-header .social-dream-mood{font-size:14px;color:var(--user-text-secondary);display:flex;align-items:center;gap:4px}.social-dreams-page .social-dream-card .social-dream-header .social-dream-privacy{color:var(--user-text-muted);font-size:14px}.social-dreams-page .social-dream-card .social-dream-header .social-dream-privacy i{font-size:16px}.social-dreams-page .social-dream-card .social-dream-header .social-dream-menu{background:transparent;border:none;color:var(--user-text-secondary);padding:6px;cursor:pointer;border-radius:50%;transition:all .2s}.social-dreams-page .social-dream-card .social-dream-header .social-dream-menu:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-dreams-page .social-dream-card .social-dream-header .social-dream-menu i{font-size:18px}.social-dreams-page .social-dream-card .social-dream-content{padding:0 16px 16px}.social-dreams-page .social-dream-card .social-dream-content .social-dream-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 8px;line-height:1.3}.social-dreams-page .social-dream-card .social-dream-content .social-dream-text{font-size:15px;line-height:1.6;color:var(--user-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.social-dreams-page .social-dream-card .social-dream-image{position:relative;overflow:hidden;background:var(--user-bg-tertiary);height:200px}.social-dreams-page .social-dream-card .social-dream-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.social-dreams-page .social-dream-card .social-dream-tags{padding:0 16px 12px;display:flex;gap:6px;flex-wrap:wrap}.social-dreams-page .social-dream-card .social-dream-tags .social-tag{background:var(--user-bg-tertiary);color:var(--user-accent-primary);padding:4px 10px;border-radius:14px;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer}.social-dreams-page .social-dream-card .social-dream-tags .social-tag:hover{background:var(--user-accent-light);transform:scale(1.05)}.social-dreams-page .social-dream-card .social-dream-footer{padding:12px 16px;background:var(--user-bg-primary);border-top:1px solid var(--user-border-color);display:flex;justify-content:space-between;align-items:center}.social-dreams-page .social-dream-card .social-dream-footer .social-dream-stats{display:flex;gap:16px}.social-dreams-page .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat{display:flex;align-items:center;gap:6px;color:var(--user-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.social-dreams-page .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat:hover{color:var(--user-accent-primary);transform:scale(1.05)}.social-dreams-page .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat i{font-size:16px}.social-dreams-page .social-dream-card .social-dream-footer .social-dream-date{font-size:13px;color:var(--user-text-muted)}.social-dreams-page .social-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;animation:fadeIn .5s ease}.social-dreams-page .social-empty-state .social-empty-icon{font-size:80px;color:var(--user-text-muted);margin-bottom:24px;opacity:.3}.social-dreams-page .social-empty-state .social-empty-title{font-size:24px;font-weight:700;color:var(--user-text-primary);margin:0 0 12px}.social-dreams-page .social-empty-state .social-empty-text{font-size:16px;color:var(--user-text-secondary);margin:0 0 24px;max-width:400px;line-height:1.5}.social-dreams-page .social-empty-state .social-btn-primary{background:var(--user-accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.social-dreams-page .social-empty-state .social-btn-primary:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-dreams-page .social-empty-state .social-btn-primary i{font-size:18px}.social-dreams-page .dropdown-menu{position:absolute;background:var(--user-bg-secondary);border:1px solid var(--user-border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;z-index:1000;padding:8px 0;animation:fadeIn .2s ease}.social-dreams-page .dropdown-menu.show{display:block}.social-dreams-page .dropdown-menu .dropdown-item{display:flex;align-items:center;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--user-text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.social-dreams-page .dropdown-menu .dropdown-item i{margin-right:8px;font-size:16px;color:var(--user-text-secondary)}.social-dreams-page .dropdown-menu .dropdown-item:hover{background:var(--user-bg-hover);color:var(--user-accent-primary)}.social-dreams-page .dropdown-menu .dropdown-item:hover i{color:var(--user-accent-primary)}.social-dreams-page .dropdown-menu .dropdown-item.text-danger,.social-dreams-page .dropdown-menu .dropdown-item.text-danger i{color:var(--user-danger)}.social-dreams-page .dropdown-menu .dropdown-item.text-danger:hover{background:rgba(var(--danger-rgb),.1)}.social-dreams-page .dropdown-menu .dropdown-submenu{position:relative}.social-dreams-page .dropdown-menu .dropdown-submenu:hover>.dropdown-menu{display:block}.social-dreams-page .dropdown-menu .dropdown-submenu .dropdown-menu{position:absolute;left:100%;top:0;margin-left:4px;display:none}.social-dreams-page .dropdown-menu .dropdown-submenu .dropdown-menu.show{display:block}.social-dreams-page .dropdown-menu .dropdown-submenu .dropdown-item:after{content:""}.social-dreams-page .dropdown-menu .dropdown-submenu .dropdown-item .bi-chevron-right{margin-left:auto;font-size:12px}.social-dreams-page .dropdown-menu .dropdown-divider{height:1px;background:var(--user-border-color);margin:8px 0}.social-dreams-page .modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.social-dreams-page .modal-dialog{position:relative;width:90%;max-width:800px;max-height:90vh;display:flex}.social-dreams-page .modal-dialog.modal-lg{max-width:900px}.social-dreams-page .modal-dialog.modal-sm{max-width:480px}.social-dreams-page .modal-content{background:var(--user-bg-secondary);border-radius:20px;width:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;animation:modalSlideUp .3s ease}.social-dreams-page .modal-content .modal-header{padding:24px;border-bottom:1px solid var(--user-border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.social-dreams-page .modal-content .modal-header .modal-title{font-size:24px;font-weight:700;color:var(--user-text-primary);margin:0}.social-dreams-page .modal-content .modal-header .btn-close{background:transparent;border:none;color:var(--user-text-secondary);padding:8px;cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.social-dreams-page .modal-content .modal-header .btn-close:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-dreams-page .modal-content .modal-header .btn-close i{font-size:20px}.social-dreams-page .modal-content .modal-body{padding:24px;overflow-y:auto;flex:1}.social-dreams-page .modal-content .modal-body .dream-modal-image{margin-bottom:20px;border-radius:12px;overflow:hidden;background:var(--user-bg-primary);display:flex;align-items:center;justify-content:center;min-height:200px}.social-dreams-page .modal-content .modal-body .dream-modal-image img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.social-dreams-page .modal-content .modal-body .dream-modal-meta{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.social-dreams-page .modal-content .modal-body .dream-modal-meta .badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.social-dreams-page .modal-content .modal-body .dream-modal-meta .badge.bg-secondary{background:var(--user-bg-tertiary);color:var(--user-text-secondary)}.social-dreams-page .modal-content .modal-body .dream-modal-content{margin-bottom:20px}.social-dreams-page .modal-content .modal-body .dream-modal-content p{font-size:16px;line-height:1.6;color:var(--user-text-primary);white-space:pre-wrap}.social-dreams-page .modal-content .modal-body .dream-modal-tags{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.social-dreams-page .modal-content .modal-body .dream-modal-stats{display:flex;align-items:center;gap:20px;padding-top:16px;border-top:1px solid var(--user-border-color);color:var(--user-text-secondary);font-size:14px}.social-dreams-page .modal-content .modal-body .dream-modal-stats span{display:flex;align-items:center;gap:6px}.social-dreams-page .modal-content .modal-body .dream-modal-stats span i{font-size:16px}.social-dreams-page .modal-content .modal-footer{padding:16px 24px;background:var(--user-bg-primary);border-top:1px solid var(--user-border-color);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.social-dreams-page .modal-content .modal-footer.justify-content-center{justify-content:center}.social-dreams-page .modal-content .modal-footer .btn{padding:10px 20px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.social-dreams-page .modal-content .modal-footer .btn.btn-secondary{background:var(--user-bg-secondary);color:var(--user-text-primary);border:2px solid var(--user-border-color)}.social-dreams-page .modal-content .modal-footer .btn.btn-secondary:hover{background:var(--user-bg-hover);border-color:var(--user-accent-primary)}.social-dreams-page .modal-content .modal-footer .btn.btn-primary{background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));color:#fff}.social-dreams-page .modal-content .modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-dreams-page .modal-content .modal-footer .btn.btn-danger{background:linear-gradient(135deg,var(--user-danger),#dc2626);color:#fff}.social-dreams-page .modal-content .modal-footer .btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.social-dreams-page .modal-content .text-center{text-align:center}.social-dreams-page .modal-content .display-1{font-size:4rem}.social-dreams-page .modal-content .text-danger{color:var(--user-danger)}.social-dreams-page .modal-content .text-warning{color:var(--user-warning)}.social-dreams-page .modal-content .alert{padding:16px;border-radius:12px;margin-bottom:16px}.social-dreams-page .modal-content .alert.alert-light{background:var(--user-bg-primary);border:1px solid var(--user-border-color)}.social-dreams-page .modal-content .text-dark{color:var(--user-text-primary)}.social-dreams-page .modal-content .text-muted{color:var(--user-text-secondary)}.social-dreams-page .social-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.social-dreams-page .social-modal{background:var(--user-bg-secondary);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideUp .3s ease}.social-dreams-page .social-modal .social-modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--user-border-color);display:flex;justify-content:space-between;align-items:center}.social-dreams-page .social-modal .social-modal-header h2{font-size:22px;font-weight:700;color:var(--user-text-primary);margin:0}.social-dreams-page .social-modal .social-modal-header .social-modal-close{background:transparent;border:none;color:var(--user-text-secondary);padding:8px;cursor:pointer;border-radius:50%;transition:all .2s}.social-dreams-page .social-modal .social-modal-header .social-modal-close:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-dreams-page .social-modal .social-modal-header .social-modal-close i{font-size:24px}.social-dreams-page .social-modal .social-modal-content{padding:24px}.social-dreams-page .social-modal .social-modal-content .social-form-group{margin-bottom:20px}.social-dreams-page .social-modal .social-modal-content .social-form-group label{display:block;font-size:14px;font-weight:600;color:var(--user-text-primary);margin-bottom:8px}.social-dreams-page .social-modal .social-modal-content .social-form-group input,.social-dreams-page .social-modal .social-modal-content .social-form-group textarea,.social-dreams-page .social-modal .social-modal-content .social-form-group select{width:100%;padding:12px 16px;background:var(--user-bg-primary);border:2px solid var(--user-border-color);border-radius:12px;font-size:15px;color:var(--user-text-primary);transition:all .2s}.social-dreams-page .social-modal .social-modal-content .social-form-group input::placeholder,.social-dreams-page .social-modal .social-modal-content .social-form-group textarea::placeholder,.social-dreams-page .social-modal .social-modal-content .social-form-group select::placeholder{color:var(--user-text-secondary)}.social-dreams-page .social-modal .social-modal-content .social-form-group input:focus,.social-dreams-page .social-modal .social-modal-content .social-form-group textarea:focus,.social-dreams-page .social-modal .social-modal-content .social-form-group select:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.social-dreams-page .social-modal .social-modal-content .social-form-group textarea{resize:vertical;font-family:inherit;line-height:1.5}.social-dreams-page .social-modal .social-modal-content .social-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.social-dreams-page .social-modal .social-modal-content .social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 500px){.social-dreams-page .social-modal .social-modal-content .social-form-row{grid-template-columns:1fr}}.social-dreams-page .social-modal .social-modal-footer{padding:16px 24px;background:var(--user-bg-primary);border-top:1px solid var(--user-border-color);display:flex;justify-content:flex-end;gap:12px}.social-dreams-page .social-modal .social-modal-footer .social-btn-secondary{background:var(--user-bg-secondary);color:var(--user-text-primary);border:2px solid var(--user-border-color);padding:10px 20px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.social-dreams-page .social-modal .social-modal-footer .social-btn-secondary:hover{background:var(--user-bg-hover);border-color:var(--user-accent-primary)}.social-dreams-page .social-modal .social-modal-footer .social-btn-primary{background:var(--user-accent-primary);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.social-dreams-page .social-modal .social-modal-footer .social-btn-primary:hover:not(:disabled){background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-dreams-page .social-modal .social-modal-footer .social-btn-primary:disabled{opacity:.5;cursor:not-allowed}.social-dreams-page .social-modal .social-modal-footer .social-btn-primary i{font-size:16px}.social-dreams-page .social-new-dream-form{padding:24px;background:var(--user-bg-primary);animation:slideDown .3s ease;height:100%;overflow-y:auto;scrollbar-width:thin}.social-dreams-page .social-new-dream-form::-webkit-scrollbar{width:8px}.social-dreams-page .social-new-dream-form::-webkit-scrollbar-thumb{background:var(--user-bg-tertiary);border-radius:4px}.social-dreams-page .social-new-dream-form::-webkit-scrollbar-track{background:var(--user-bg-secondary)}@media (max-width: 500px){.social-dreams-page .social-new-dream-form{padding:16px}}.social-dreams-page .social-new-dream-form .social-dream-creation-container{max-width:800px;margin:0 auto}.social-dreams-page .social-new-dream-form .social-ai-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--user-bg-secondary);border-radius:12px;margin-bottom:24px;color:var(--user-accent-primary);font-size:14px;font-weight:600}.social-dreams-page .social-new-dream-form .social-ai-progress .social-ai-progress-spinner{width:24px;height:24px;border:3px solid var(--user-bg-tertiary);border-top-color:var(--user-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.social-dreams-page .social-new-dream-form .social-dream-form-section h3{font-size:20px;font-weight:700;color:var(--user-text-primary);margin:0 0 20px;display:flex;align-items:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section h3 i{color:var(--user-accent-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group{margin-bottom:20px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group label{display:block;font-size:14px;font-weight:600;color:var(--user-text-primary);margin-bottom:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-title-input,.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group input[type=text],.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group select{width:100%;padding:12px 16px;background:var(--user-bg-secondary);border:2px solid var(--user-border-color);border-radius:12px;font-size:15px;color:var(--user-text-primary);transition:all .2s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-title-input::placeholder,.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group input[type=text]::placeholder,.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group select::placeholder{color:var(--user-text-muted)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-title-input:focus,.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group input[type=text]:focus,.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group select:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-textarea{width:100%;padding:16px;background:var(--user-bg-secondary);border:2px solid var(--user-border-color);border-radius:12px;font-size:15px;line-height:1.6;color:var(--user-text-primary);resize:vertical;min-height:150px;transition:all .2s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-textarea::placeholder{color:var(--user-text-muted)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group .social-dream-textarea:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-char-counter{text-align:right;font-size:13px;color:var(--user-text-muted);margin-top:4px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons{display:flex;gap:12px;margin-top:12px}@media (max-width: 500px){.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons{flex-direction:column}}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-enhance{flex:0 0 auto;padding:10px 16px;background:var(--user-bg-secondary);border:2px solid var(--user-accent-primary);border-radius:12px;color:var(--user-accent-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-enhance i{font-size:16px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-enhance:hover:not(:disabled){transform:translateY(-2px);background:var(--user-accent-primary);color:#fff;box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-enhance:disabled{opacity:.5;cursor:not-allowed;border-color:var(--user-border-color);color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-enhance.loading i{animation:spin 1s linear infinite}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate{flex:1;padding:10px 20px;background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate i{font-size:16px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.5)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate:disabled{opacity:.6;cursor:not-allowed;background:var(--user-bg-tertiary);color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate.validated{background:linear-gradient(135deg,var(--user-success),var(--user-success))}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-buttons .social-btn-ai-validate.validated i{animation:checkBounce .5s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview{margin-top:20px;padding:16px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.03) 0%,rgba(var(--primary-rgb),.01) 100%);border-radius:16px;border:2px solid var(--user-border-color);position:relative}[data-theme=dark] .social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.04) 100%);border-color:rgba(var(--primary-rgb),.2)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header h4{margin:0;color:var(--user-accent-primary);font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header h4 i{font-size:20px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header .btn-expand{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--user-accent-primary);font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header .btn-expand:hover{background:rgba(var(--primary-rgb),.2);transform:scale(1.05)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .preview-header .btn-expand i{font-size:14px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;background:var(--user-bg-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .image-container img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .image-container .image-error{display:none;height:300px;align-items:center;justify-content:center;background:var(--user-bg-tertiary);border-radius:12px;flex-direction:column;gap:12px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .image-container .image-error i{font-size:48px;color:var(--user-danger);opacity:.5}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .image-container .image-error span{color:var(--user-text-secondary);font-size:14px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context{margin-top:16px;padding:12px;background:var(--user-bg-primary);border-radius:10px;font-size:14px;border:1px solid var(--user-border-color)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item{color:var(--user-text-primary);margin-bottom:10px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item:last-child{margin-bottom:0}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item i{color:var(--user-accent-primary);margin-right:8px;width:20px;text-align:center}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item strong{color:var(--user-text-primary);font-weight:600;margin-right:6px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item .context-value{color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-ai-image-preview .visual-context .context-item .context-value.prompt{display:block;margin-top:6px;padding-left:28px;font-style:italic;line-height:1.5}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section{margin-bottom:24px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section label{display:block;font-size:14px;font-weight:600;color:var(--user-text-primary);margin-bottom:12px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media (max-width: 768px){.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid{grid-template-columns:repeat(2,1fr)}}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid .social-emotion-btn{background:var(--user-bg-secondary);border:2px solid var(--user-border-color);border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid .social-emotion-btn:hover{background:var(--user-bg-hover);border-color:var(--user-accent-light);transform:translateY(-2px)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid .social-emotion-btn.active{background:var(--user-accent-light);border-color:var(--user-accent-primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid .social-emotion-btn .social-emotion-emoji{font-size:24px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-emotions-section .social-emotions-grid .social-emotion-btn .social-emotion-label{font-size:13px;font-weight:500;color:var(--user-text-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options{background:var(--user-bg-secondary);border-radius:16px;padding:20px;margin-bottom:24px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 500px){.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-form-row{grid-template-columns:1fr}}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-color-picker{display:flex;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-color-picker .social-color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-color-picker .social-color-btn:hover{transform:scale(1.1)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-color-picker .social-color-btn.active{border-color:var(--user-text-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options{margin-top:24px;padding-top:24px;border-top:1px solid var(--user-border-color)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options h4{font-size:16px;font-weight:600;color:var(--user-text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options h4 i{color:var(--user-accent-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section{margin-bottom:20px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-btn-ai-improve{width:100%;padding:14px 20px;background:var(--user-bg-primary);border:2px solid var(--user-border-color);border-radius:12px;color:var(--user-text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-btn-ai-improve i{font-size:18px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-btn-ai-improve:hover{background:var(--user-bg-hover);border-color:var(--user-accent-primary);transform:translateY(-2px)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-btn-ai-improve.active{background:var(--user-accent-light);border-color:var(--user-accent-primary);color:var(--user-accent-primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-btn-ai-improve.active i{animation:sparkle 1s ease-in-out infinite}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-ai-hint{margin-top:8px;padding:8px 12px;background:rgba(var(--primary-rgb),.1);border-radius:8px;font-size:13px;color:var(--user-accent-primary);display:flex;align-items:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-writer-section .social-ai-hint i{font-size:14px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section{margin-bottom:20px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy{display:flex;align-items:flex-start;cursor:pointer;padding:16px;background:var(--user-bg-primary);border:2px solid var(--user-border-color);border-radius:12px;transition:all .2s;position:relative}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy:hover{background:var(--user-bg-hover);border-color:var(--user-accent-light)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy input[type=checkbox]{position:absolute;opacity:0;width:20px;height:20px;cursor:pointer}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy input[type=checkbox]:checked~.checkbox-content:before{content:"✓";position:absolute;left:16px;top:16px;width:20px;height:20px;background:var(--user-accent-primary);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy input[type=checkbox]:checked~.checkbox-content i{color:var(--user-accent-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy .checkbox-content{display:flex;align-items:flex-start;gap:12px;padding-left:30px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy .checkbox-content i{font-size:20px;color:var(--user-text-secondary);margin-top:2px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy .checkbox-content div{flex:1}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy .checkbox-content div .checkbox-label{display:block;font-size:15px;font-weight:600;color:var(--user-text-primary);margin-bottom:4px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-checkbox-fancy .checkbox-content div .checkbox-desc{display:block;font-size:13px;color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-ai-image-pending{margin-top:12px;padding:12px;background:var(--user-bg-tertiary);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-image-section .social-ai-image-pending i{font-size:16px;color:var(--user-accent-primary);animation:spin 2s linear infinite}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-info{padding:12px 16px;background:rgba(var(--success-rgb),.1);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--user-success)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-ai-info i{font-size:18px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-checkbox{display:flex;align-items:center;gap:12px;margin-bottom:12px;cursor:pointer;padding:12px;background:var(--user-bg-primary);border-radius:8px;transition:all .2s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-checkbox:hover{background:var(--user-bg-hover)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--user-accent-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-ai-options .social-checkbox span{font-size:14px;color:var(--user-text-primary);font-weight:500}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview{position:relative;margin-top:20px;border-radius:12px;overflow:hidden;background:var(--user-bg-tertiary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview img{width:100%;max-height:300px;object-fit:cover;display:block}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview .social-remove-image{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview .social-remove-image:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview .social-remove-image i{font-size:18px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview .social-ai-badge{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-options .social-image-preview .social-ai-badge i{font-size:14px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions{display:flex;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--user-border-color)}@media (max-width: 500px){.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions{flex-direction:column}}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions button{padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions button i{font-size:16px}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions button:hover:not(:disabled){transform:translateY(-2px)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions button:disabled{opacity:.5;cursor:not-allowed}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-cancel{background:var(--user-bg-secondary);color:var(--user-text-secondary);border:2px solid var(--user-border-color)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-cancel:hover{background:var(--user-bg-hover);border-color:var(--user-text-secondary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-save-draft{background:var(--user-bg-secondary);color:var(--user-text-primary);border:2px solid var(--user-accent-light)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-save-draft:hover{background:var(--user-accent-light);border-color:var(--user-accent-primary)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-publish{background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));color:#fff;border:none;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-dreams-page .social-new-dream-form .social-dream-form-section .social-dream-form-actions .social-btn-publish:hover:not(:disabled){box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:100vh}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@keyframes checkBounce{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}.social-profile-page{display:flex;flex-direction:column;min-height:100vh;background:var(--user-bg-primary)}@media (max-width: 500px){.social-profile-page{min-height:calc(100vh - 116px)}}.social-profile-page .social-profile-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.social-profile-page .social-profile-loading .spinner-container{text-align:center}.social-profile-page .social-profile-loading .spinner-container .spinner-border{color:var(--primary);width:3rem;height:3rem}.social-profile-page .social-profile-loading .spinner-container p{margin-top:1rem;color:var(--user-text-muted);font-size:16px}.social-profile-page .social-profile-banner{background:var(--user-bg-secondary);border-bottom:1px solid var(--user-border-color);position:relative}.social-profile-page .social-profile-cover{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.1) 100%)}@media (max-width: 768px){.social-profile-page .social-profile-cover{height:250px}}@media (max-width: 500px){.social-profile-page .social-profile-cover{height:180px}}.social-profile-page .social-profile-cover img{width:100%;height:100%;object-fit:cover;opacity:.9;animation:fadeIn .3s ease-in}.social-profile-page .social-profile-cover .social-btn-edit-cover{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;padding:10px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.social-profile-page .social-profile-cover .social-btn-edit-cover:hover{background:rgba(0,0,0,.8);transform:scale(1.05)}.social-profile-page .social-profile-cover .social-btn-edit-cover i{font-size:16px}.social-profile-page .social-profile-info{padding:0 24px 24px;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 768px){.social-profile-page .social-profile-info{padding:0 20px 20px}}@media (max-width: 500px){.social-profile-page .social-profile-info{padding:0 16px 16px}}.social-profile-page .social-profile-avatar-section{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-75px;margin-bottom:20px}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section{margin-top:-50px;flex-direction:column;align-items:flex-start;gap:16px}}.social-profile-page .social-profile-avatar-section .social-profile-avatar{position:relative;width:150px;height:150px;border-radius:50%;border:5px solid var(--user-bg-secondary);background:var(--user-bg-secondary);overflow:hidden;box-shadow:0 4px 12px #00000026}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-avatar{width:100px;height:100px;border-width:3px}}.social-profile-page .social-profile-avatar-section .social-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-user-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;border-radius:50%}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-user-avatar-placeholder{font-size:36px}}.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-btn-edit-avatar{position:absolute;bottom:10px;right:10px;background:var(--user-accent-primary);color:#fff;border:3px solid var(--user-bg-primary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000004d;z-index:10}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-btn-edit-avatar{width:30px;height:30px}}.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-btn-edit-avatar:hover{background:var(--user-accent-hover);transform:scale(1.1)}.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-btn-edit-avatar i{font-size:16px}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-avatar .social-btn-edit-avatar i{font-size:14px}}.social-profile-page .social-profile-avatar-section .social-profile-actions{display:flex;gap:12px}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-actions{width:100%}}.social-profile-page .social-profile-avatar-section .social-profile-actions button{padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}@media (max-width: 500px){.social-profile-page .social-profile-avatar-section .social-profile-actions button{flex:1;justify-content:center}}.social-profile-page .social-profile-avatar-section .social-profile-actions button i{font-size:16px}.social-profile-page .social-profile-avatar-section .social-profile-actions .social-btn-edit-profile{background:var(--user-bg-primary);color:var(--user-text-primary);border:2px solid var(--user-border-color)}.social-profile-page .social-profile-avatar-section .social-profile-actions .social-btn-edit-profile:hover{background:var(--user-bg-hover);border-color:var(--user-accent-primary);color:var(--user-accent-primary)}.social-profile-page .social-profile-avatar-section .social-profile-actions .social-btn-share-profile{background:var(--user-accent-primary);color:#fff;border:none}.social-profile-page .social-profile-avatar-section .social-profile-actions .social-btn-share-profile:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-profile-page .social-profile-details .social-profile-name{margin-bottom:16px}.social-profile-page .social-profile-details .social-profile-name h1{font-size:28px;font-weight:800;color:var(--user-text-primary);margin:0 0 8px}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-name h1{font-size:24px}}.social-profile-page .social-profile-details .social-profile-name .social-profile-username{font-size:16px;color:var(--user-text-secondary);margin-right:16px}.social-profile-page .social-profile-details .social-profile-name .social-profile-badge{display:inline-block;background:var(--user-accent-light);color:var(--user-accent-primary);padding:6px 12px;border-radius:16px;font-size:14px;font-weight:600;margin-top:8px}.social-profile-page .social-profile-details .social-profile-bio p{font-size:15px;line-height:1.6;color:var(--user-text-primary);margin:0 0 16px;max-width:700px}.social-profile-page .social-profile-details .social-profile-bio .social-profile-meta{display:flex;gap:20px;flex-wrap:wrap}.social-profile-page .social-profile-details .social-profile-bio .social-profile-meta .social-profile-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--user-text-secondary)}.social-profile-page .social-profile-details .social-profile-bio .social-profile-meta .social-profile-meta-item i{color:var(--user-text-muted);font-size:16px}.social-profile-page .social-profile-details .social-profile-bio .social-profile-meta .social-profile-meta-item a{color:var(--user-accent-primary);text-decoration:none}.social-profile-page .social-profile-details .social-profile-bio .social-profile-meta .social-profile-meta-item a:hover{text-decoration:underline}.social-profile-page .social-profile-details .social-profile-edit-full{animation:fadeIn .3s ease}.social-profile-page .social-profile-details .social-profile-edit-full .edit-section{background:var(--user-bg-primary);border:1px solid var(--user-border-color);border-radius:16px;padding:24px;margin-bottom:20px}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-edit-full .edit-section{padding:16px}}.social-profile-page .social-profile-details .social-profile-edit-full .edit-section .edit-section-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 20px;display:flex;align-items:center}.social-profile-page .social-profile-details .social-profile-edit-full .edit-section .edit-section-title i{color:var(--user-accent-primary)}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group{margin-bottom:20px;position:relative}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group label{display:block;font-size:14px;font-weight:600;color:var(--user-text-secondary);margin-bottom:8px}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group textarea,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group input,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group select{width:100%;padding:12px 16px;background:var(--user-bg-secondary);border:2px solid var(--user-border-color);border-radius:12px;font-size:14px;color:var(--user-text-primary);font-family:inherit;transition:all .2s}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group textarea::placeholder,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group input::placeholder,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group select::placeholder{color:var(--user-text-muted)}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group textarea:focus,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group input:focus,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group select:focus{outline:none;border-color:var(--user-accent-primary);background:var(--user-bg-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group textarea:disabled,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group input:disabled,.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group select:disabled{opacity:.5;cursor:not-allowed}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group small{display:block;margin-top:6px;font-size:12px;color:var(--user-text-muted)}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-group .form-hint{font-size:12px;color:var(--user-text-muted);margin-top:4px}.social-profile-page .social-profile-details .social-profile-edit-full .input-with-prefix{position:relative;display:flex;align-items:stretch}.social-profile-page .social-profile-details .social-profile-edit-full .input-with-prefix .input-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--user-text-muted);font-weight:600;font-size:14px;pointer-events:none}.social-profile-page .social-profile-details .social-profile-edit-full .input-with-prefix input{padding-left:32px}.social-profile-page .social-profile-details .social-profile-edit-full .social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-edit-full .social-form-row{grid-template-columns:1fr}}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options{display:flex;flex-direction:column;gap:16px}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;background:var(--user-bg-secondary);border-radius:12px;transition:all .2s}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option:hover{background:var(--user-bg-hover)}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option input[type=checkbox]{width:auto;margin:0;display:none}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option .switch-slider{position:relative;width:48px;height:26px;background:var(--user-border-color);border-radius:13px;transition:all .3s}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option .switch-slider:after{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;left:3px;transition:all .3s;box-shadow:0 2px 4px #0003}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option input:checked+.switch-slider{background:var(--user-accent-primary)}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option input:checked+.switch-slider:after{transform:translate(22px)}.social-profile-page .social-profile-details .social-profile-edit-full .privacy-options .switch-option span:last-child{flex:1;font-size:14px;color:var(--user-text-primary)}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--user-border-color)}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions{flex-direction:column-reverse}}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions button{padding:12px 24px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions button{width:100%}}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions button i{font-size:18px}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions button:disabled{opacity:.5;cursor:not-allowed}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions .social-btn-cancel{background:var(--user-bg-secondary);color:var(--user-text-secondary);border:2px solid var(--user-border-color)}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions .social-btn-cancel:hover:not(:disabled){background:var(--user-bg-hover);border-color:var(--user-text-secondary)}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions .social-btn-save{background:var(--user-accent-primary);color:#fff}.social-profile-page .social-profile-details .social-profile-edit-full .edit-actions .social-btn-save:hover:not(:disabled){background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-profile-page .social-profile-details .social-profile-edit{max-width:700px;animation:fadeIn .3s ease}.social-profile-page .social-profile-details .social-profile-edit .social-form-group{margin-bottom:16px;position:relative}.social-profile-page .social-profile-details .social-profile-edit .social-form-group textarea,.social-profile-page .social-profile-details .social-profile-edit .social-form-group input,.social-profile-page .social-profile-details .social-profile-edit .social-form-group select{width:100%;padding:12px 16px;background:var(--user-bg-primary);border:2px solid var(--user-border-color);border-radius:12px;font-size:14px;color:var(--user-text-primary);font-family:inherit;transition:all .2s}.social-profile-page .social-profile-details .social-profile-edit .social-form-group textarea::placeholder,.social-profile-page .social-profile-details .social-profile-edit .social-form-group input::placeholder,.social-profile-page .social-profile-details .social-profile-edit .social-form-group select::placeholder{color:var(--user-text-secondary)}.social-profile-page .social-profile-details .social-profile-edit .social-form-group textarea:focus,.social-profile-page .social-profile-details .social-profile-edit .social-form-group input:focus,.social-profile-page .social-profile-details .social-profile-edit .social-form-group select:focus{outline:none;border-color:var(--user-accent-primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1)}.social-profile-page .social-profile-details .social-profile-edit .social-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.social-profile-page .social-profile-details .social-profile-edit .social-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.social-profile-page .social-profile-details .social-profile-edit .social-form-group small{position:absolute;bottom:-20px;right:0;font-size:12px;color:var(--user-text-muted)}.social-profile-page .social-profile-details .social-profile-edit .social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 500px){.social-profile-page .social-profile-details .social-profile-edit .social-form-row{grid-template-columns:1fr}}.social-profile-page .social-profile-details .social-profile-edit .social-btn-save{background:var(--user-accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;margin-top:20px}.social-profile-page .social-profile-details .social-profile-edit .social-btn-save:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-profile-page .social-profile-details .social-profile-edit .social-btn-save i{font-size:18px}.social-profile-page .social-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;max-width:1200px;width:100%;margin:0 auto;background:var(--user-bg-secondary);border-top:1px solid var(--user-border-color);border-bottom:1px solid var(--user-border-color)}@media (max-width: 768px){.social-profile-page .social-profile-stats{grid-template-columns:repeat(2,1fr);padding:20px;gap:16px}}@media (max-width: 500px){.social-profile-page .social-profile-stats{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}}.social-profile-page .social-profile-stats .social-profile-stat{display:flex;align-items:center;gap:16px;padding:16px;background:var(--user-bg-primary);border-radius:12px;border:1px solid var(--user-border-color);transition:all .3s}@media (max-width: 500px){.social-profile-page .social-profile-stats .social-profile-stat{flex-direction:column;text-align:center;padding:12px;gap:8px}}.social-profile-page .social-profile-stats .social-profile-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--user-accent-primary)}.social-profile-page .social-profile-stats .social-profile-stat i{font-size:28px;color:var(--user-accent-primary)}@media (max-width: 500px){.social-profile-page .social-profile-stats .social-profile-stat i{font-size:24px}}.social-profile-page .social-profile-stats .social-profile-stat .social-stat-content .social-stat-value{font-size:24px;font-weight:800;color:var(--user-text-primary);margin-bottom:4px}@media (max-width: 500px){.social-profile-page .social-profile-stats .social-profile-stat .social-stat-content .social-stat-value{font-size:20px}}.social-profile-page .social-profile-stats .social-profile-stat .social-stat-content .social-stat-label{font-size:13px;color:var(--user-text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 500px){.social-profile-page .social-profile-stats .social-profile-stat .social-stat-content .social-stat-label{font-size:12px}}.social-profile-page .social-tabs{display:flex;padding:0 24px;gap:8px;background:var(--user-bg-secondary);border-bottom:2px solid var(--user-border-color);overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:10}.social-profile-page .social-tabs::-webkit-scrollbar{display:none}@media (max-width: 768px){.social-profile-page .social-tabs{padding:0 20px}}@media (max-width: 500px){.social-profile-page .social-tabs{padding:0 16px;gap:4px}}.social-profile-page .social-tabs .social-tab{background:transparent;border:none;color:var(--user-text-secondary);padding:16px 20px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s;position:relative}@media (max-width: 500px){.social-profile-page .social-tabs .social-tab{padding:14px 12px;font-size:14px}}.social-profile-page .social-tabs .social-tab:hover{color:var(--user-text-primary);background:var(--user-bg-hover)}.social-profile-page .social-tabs .social-tab.social-tab-active{color:var(--user-accent-primary);font-weight:600}.social-profile-page .social-tabs .social-tab.social-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--user-accent-primary);border-radius:2px 2px 0 0}.social-profile-page .social-tabs .social-tab i{font-size:18px}@media (max-width: 500px){.social-profile-page .social-tabs .social-tab i{font-size:16px}}.social-profile-page .social-tabs .social-tab .social-tab-count{font-size:13px;color:var(--user-text-muted);margin-left:4px}.social-profile-page .social-profile-content{padding:24px;max-width:1200px;width:100%;margin:0 auto;min-height:400px}@media (max-width: 768px){.social-profile-page .social-profile-content{padding:20px}}@media (max-width: 500px){.social-profile-page .social-profile-content{padding:16px}}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding:20px 0}@media (max-width: 768px){.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}}@media (max-width: 500px){.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid{grid-template-columns:1fr;gap:16px}}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card{background:var(--user-bg-secondary);border:1px solid var(--user-border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;animation:slideUp .4s ease}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--user-accent-primary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header{padding:16px 16px 0}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header .social-dream-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header .social-dream-meta .social-dream-category{color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header .social-dream-meta .social-dream-mood{font-size:14px;color:var(--user-text-secondary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header .social-dream-meta .social-dream-privacy{margin-left:auto;color:var(--user-text-muted)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-header .social-dream-meta .social-dream-privacy i{font-size:16px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-content{padding:0 16px 16px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-content .social-dream-title{font-size:18px;font-weight:700;color:var(--user-text-primary);margin:0 0 12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-content .social-dream-text{font-size:14px;line-height:1.6;color:var(--user-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-image{width:100%;overflow:hidden}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-image:hover img{transform:scale(1.05)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-tags{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:6px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-tags .social-tag{background:var(--user-accent-light);color:var(--user-accent-primary);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer{padding:12px 16px 16px;border-top:1px solid var(--user-border-color);display:flex;justify-content:space-between;align-items:center}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer .social-dream-stats{display:flex;gap:16px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat{display:flex;align-items:center;gap:4px;color:var(--user-text-muted);font-size:13px;transition:color .2s}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat:hover{color:var(--user-accent-primary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer .social-dream-stats .social-dream-stat i{font-size:14px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-footer .social-dream-date{font-size:12px;color:var(--user-text-muted)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-repost-header{padding:12px 16px;background:var(--user-bg-tertiary);border-bottom:1px solid var(--user-border-color);display:flex;align-items:center;gap:8px;font-size:13px;color:var(--user-text-secondary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-repost-header i{color:var(--user-accent-primary);font-size:14px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-repost-header .social-repost-author{color:var(--user-text-primary);font-weight:500}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-tags{padding:8px 16px;display:flex;flex-wrap:wrap;gap:6px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-tags .social-dream-tag{background:var(--user-accent-light);color:var(--user-accent-primary);padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500;transition:all .2s}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-tags .social-dream-tag:hover{background:var(--user-accent-primary);color:#fff;transform:translateY(-1px)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--user-border-color);gap:4px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn{background:none;border:none;color:var(--user-text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:14px;transition:all .2s ease;flex:1;justify-content:center}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.liked,.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.bookmarked,.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.reposted{color:var(--user-accent-primary)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.liked i,.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.bookmarked i,.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.reposted i{font-weight:700}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.commented{color:var(--user-success)}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn i{font-size:18px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn span{font-size:13px;font-weight:500}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.emoji-btn,.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-actions .social-action-btn.share-btn{flex:0 0 auto;padding:8px 12px}.social-profile-page .social-profile-content .social-profile-dreams .social-dreams-grid .social-dream-card .social-dream-date{margin-left:auto;font-size:12px;color:var(--user-text-muted)}.social-profile-page .social-profile-content .social-profile-dreams .social-btn-load-more{background:var(--user-accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;margin:20px auto 0;display:block;transition:all .2s}.social-profile-page .social-profile-content .social-profile-dreams .social-btn-load-more:hover{background:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.social-profile-page .social-profile-content .social-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;animation:fadeIn .5s ease}.social-profile-page .social-profile-content .social-empty-state .social-empty-icon{font-size:80px;color:var(--user-text-muted);margin-bottom:24px;opacity:.3}.social-profile-page .social-profile-content .social-empty-state .social-empty-title{font-size:24px;font-weight:700;color:var(--user-text-primary);margin:0 0 12px}.social-profile-page .social-profile-content .social-empty-state .social-empty-text{font-size:16px;color:var(--user-text-secondary);margin:0;max-width:400px;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.share-dream-page{min-height:100vh;background:var(--user-bg-primary);padding:2rem 0 5rem}.share-dream-page .container{max-width:680px;margin:0 auto;padding:0 1rem}.share-dream-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.share-dream-page .loading-container .spinner-border{width:3rem;height:3rem;border-width:.25rem;border-color:var(--user-accent-primary);border-right-color:transparent}.share-dream-page .error-container{text-align:center;padding:3rem 1rem;color:var(--user-text-primary)}.share-dream-page .error-container i{font-size:4rem;color:var(--user-danger);margin-bottom:1rem;display:block}.share-dream-page .error-container h2{font-size:1.75rem;margin-bottom:.75rem;color:var(--user-text-primary)}.share-dream-page .error-container p{color:var(--user-text-secondary);margin-bottom:2rem}.share-dream-page .error-container .btn{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--bg);border:none;transition:all .3s ease}.share-dream-page .error-container .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-md)}.share-dream-page .post-card{background:var(--user-bg-secondary);border:1px solid var(--user-border-color);border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.share-dream-page .post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-dream-page .post-card .post-header{display:flex;align-items:flex-start;padding:1rem;gap:.75rem;position:relative}.share-dream-page .post-card .post-header .post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.share-dream-page .post-card .post-header .post-avatar.post-avatar-initial{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--user-accent-primary),var(--user-accent-hover));color:#fff;font-weight:600;font-size:1.25rem}.share-dream-page .post-card .post-header .post-user-info{flex:1;min-width:0}.share-dream-page .post-card .post-header .post-user-info .post-user-name{font-weight:600;color:var(--user-text-primary);font-size:1rem;margin-bottom:.125rem;display:flex;align-items:center;gap:.25rem}.share-dream-page .post-card .post-header .post-user-info .post-user-name .verified-badge{color:var(--user-accent-primary);font-size:.9rem}.share-dream-page .post-card .post-header .post-user-info .post-username{font-size:.875rem;color:var(--user-text-secondary)}.share-dream-page .post-card .post-header .post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.share-dream-page .post-card .post-header .post-meta .post-category-badge{padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.share-dream-page .post-card .post-header .post-meta .post-mood-badge{padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;display:inline-flex;align-items:center;gap:.25rem}.share-dream-page .post-card .post-header .post-meta .post-time{font-size:.875rem;color:var(--user-text-muted)}.share-dream-page .post-card .post-image{width:100%;height:auto;max-height:500px;object-fit:cover;display:block}.share-dream-page .post-card .post-content{padding:1rem}.share-dream-page .post-card .post-content .post-title{font-size:1.25rem;font-weight:700;color:var(--user-text-primary);margin:0 0 .75rem;line-height:1.4}.share-dream-page .post-card .post-content .post-text-wrapper .post-text{color:var(--user-text-primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0}.share-dream-page .post-card .post-content .post-text-wrapper .read-more-btn{background:none;border:none;color:var(--user-accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s ease}.share-dream-page .post-card .post-content .post-text-wrapper .read-more-btn:hover{color:var(--user-accent-hover)}.share-dream-page .post-card .post-content .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.share-dream-page .post-card .post-content .post-tags .dream-tag{padding:.375rem .75rem;background:var(--user-accent-light);color:var(--user-accent-primary);border-radius:16px;font-size:.875rem;font-weight:500;transition:all .2s ease}.share-dream-page .post-card .post-content .post-tags .dream-tag:hover{background:var(--user-accent-primary);color:#fff}.share-dream-page .post-card .post-actions{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--user-border-color);gap:.5rem}.share-dream-page .post-card .post-actions .action-btn{background:none;border:none;color:var(--user-text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s ease}.share-dream-page .post-card .post-actions .action-btn:hover{background:var(--user-bg-hover);color:var(--user-text-primary)}.share-dream-page .post-card .post-actions .action-btn.active,.share-dream-page .post-card .post-actions .action-btn.liked,.share-dream-page .post-card .post-actions .action-btn.favorited,.share-dream-page .post-card .post-actions .action-btn.reposted{color:var(--user-accent-primary)}.share-dream-page .post-card .post-actions .action-btn i{font-size:1.125rem}.share-dream-page .post-card .post-comments-preview{padding:1rem;border-top:1px solid var(--user-border-color);background:var(--user-bg-primary)}.share-dream-page .post-card .post-comments-preview h3{font-size:1rem;font-weight:600;color:var(--user-text-primary);margin:0 0 .75rem}.share-dream-page .post-card .post-comments-preview .comments-list .comment-item{padding:.75rem;background:var(--user-bg-secondary);border-radius:8px;margin-bottom:.5rem}.share-dream-page .post-card .post-comments-preview .comments-list .comment-item .comment-author{font-weight:600;color:var(--user-text-primary);margin-bottom:.25rem;font-size:.875rem}.share-dream-page .post-card .post-comments-preview .comments-list .comment-item .comment-text{color:var(--user-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.share-dream-page .post-card .post-comments-preview .comments-cta{margin-top:.75rem;padding:.75rem;background:var(--user-accent-light);border-radius:8px;text-align:center;color:var(--user-accent-primary);font-size:.875rem}.share-dream-page .cta-banner{position:fixed;bottom:0;left:0;right:0;background:var(--user-bg-secondary);border-top:2px solid var(--user-accent-primary);padding:1rem;z-index:1000;box-shadow:0 -4px 12px #0000001a}@media (min-width: 768px){.share-dream-page .cta-banner{padding:1.5rem}}.share-dream-page .cta-banner .cta-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.share-dream-page .cta-banner .cta-content{flex-direction:row;justify-content:space-between}}.share-dream-page .cta-banner .cta-content .cta-text{text-align:center}@media (min-width: 768px){.share-dream-page .cta-banner .cta-content .cta-text{text-align:left}}.share-dream-page .cta-banner .cta-content .cta-text h3{font-size:1.25rem;font-weight:700;color:var(--user-text-primary);margin:0 0 .25rem}.share-dream-page .cta-banner .cta-content .cta-text p{font-size:.875rem;color:var(--user-text-secondary);margin:0}.share-dream-page .cta-banner .cta-content .cta-buttons{display:flex;gap:.75rem;width:100%}@media (min-width: 768px){.share-dream-page .cta-banner .cta-content .cta-buttons{width:auto}}.share-dream-page .cta-banner .cta-content .cta-buttons .btn{flex:1;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s ease;text-align:center}@media (min-width: 768px){.share-dream-page .cta-banner .cta-content .cta-buttons .btn{flex:initial}}.share-dream-page .cta-banner .cta-content .cta-buttons .btn.btn-primary{background:var(--user-accent-primary);color:#fff;border:2px solid var(--user-accent-primary)}.share-dream-page .cta-banner .cta-content .cta-buttons .btn.btn-primary:hover{background:var(--user-accent-hover);border-color:var(--user-accent-hover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.share-dream-page .cta-banner .cta-content .cta-buttons .btn.btn-outline{background:transparent;color:var(--user-accent-primary);border:2px solid var(--user-accent-primary)}.share-dream-page .cta-banner .cta-content .cta-buttons .btn.btn-outline:hover{background:var(--user-accent-primary);color:#fff;transform:translateY(-2px)}[data-theme=dark] .share-dream-page .post-card{box-shadow:0 1px 3px #0003}[data-theme=dark] .share-dream-page .post-card .post-comments-preview{background:rgba(0,0,0,.2)}[data-theme=dark] .share-dream-page .post-card .post-comments-preview .comment-item{background:rgba(255,255,255,.05)}[data-theme=dark] .share-dream-page .cta-banner{box-shadow:0 -4px 12px #0000004d}.post-card{animation:fadeIn .5s ease-out}.payment-providers-page .provider-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:8px}.payment-providers-page .provider-icon img{max-width:30px;max-height:30px;object-fit:contain}.payment-providers-page .provider-icon i{font-size:1.5rem;color:var(--accent)}.payment-providers-page .btn-sm.btn-success{background-color:#28a745;border-color:#28a745}.payment-providers-page .btn-sm.btn-success:hover{background-color:#218838;border-color:#1e7e34}.payment-providers-page .btn-sm.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.payment-providers-page .btn-sm.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.payment-providers-page .btn-sm.btn-outline-secondary:hover{background-color:var(--accent);border-color:var(--accent)}.payment-providers-page .form-divider{margin:2rem 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600;font-size:1.1rem}.payment-providers-page input[type=password]{font-family:Courier New,monospace;letter-spacing:2px}body.dark-mode .payment-providers-page .badge.bg-primary{background-color:var(--accent)!important}body.dark-mode .payment-providers-page .badge.bg-secondary{background-color:var(--bg-dark)!important;border:1px solid var(--border)}body.dark-mode .payment-providers-page .provider-icon{background:var(--bg-dark);border:1px solid var(--border)}.webmaster-dashboard{padding:1.5rem;background-color:var(--bg-primary);min-height:100vh}.webmaster-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.webmaster-dashboard .dashboard-header h1{color:var(--text-primary);margin:0;font-size:2rem}.webmaster-dashboard .dashboard-header .dashboard-controls{display:flex;gap:1rem;align-items:center}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector{display:flex;gap:.5rem;background-color:var(--bg-secondary);border-radius:.5rem;padding:.25rem}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector .btn{border:none;padding:.5rem 1rem;transition:all .3s ease}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector .btn.btn-primary{background-color:var(--primary);color:var(--bg-primary)}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector .btn.btn-outline-primary{background-color:transparent;color:var(--text-secondary)}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector .btn.btn-outline-primary:hover{color:var(--primary);background-color:#00d4ff1a}.webmaster-dashboard .dashboard-loading{display:flex;justify-content:center;align-items:center;height:60vh}.webmaster-dashboard .realtime-stats{display:flex;gap:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:.75rem;margin-bottom:2rem;flex-wrap:wrap}.webmaster-dashboard .realtime-stats .realtime-stat{display:flex;align-items:center;gap:.75rem}.webmaster-dashboard .realtime-stats .realtime-stat .realtime-label{color:var(--text-secondary);font-size:.875rem}.webmaster-dashboard .realtime-stats .realtime-stat .realtime-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.webmaster-dashboard .realtime-stats .realtime-stat .realtime-indicator{width:8px;height:8px;border-radius:50%}.webmaster-dashboard .realtime-stats .realtime-stat .realtime-indicator.active{background-color:#4ecdc4;animation:pulse 2s infinite}.webmaster-dashboard .realtime-stats .realtime-stat .realtime-indicator.error{background-color:#ff6b6b;animation:pulse 1s infinite}.webmaster-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.webmaster-dashboard .stats-grid .stat-card{background-color:var(--bg-secondary);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.webmaster-dashboard .stats-grid .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff1a}.webmaster-dashboard .stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.webmaster-dashboard .stats-grid .stat-card .stat-icon i{font-size:1.75rem}.webmaster-dashboard .stats-grid .stat-card .stat-content{flex:1}.webmaster-dashboard .stats-grid .stat-card .stat-content h4{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.webmaster-dashboard .stats-grid .stat-card .stat-content h2{color:var(--text-primary);font-size:2rem;margin:0;font-weight:700}.webmaster-dashboard .stats-grid .stat-card .stat-content .stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;margin-top:.5rem}.webmaster-dashboard .stats-grid .stat-card .stat-content .stat-change.positive{color:#4ecdc4}.webmaster-dashboard .stats-grid .stat-card .stat-content .stat-change.negative{color:#ff6b6b}.webmaster-dashboard .stats-grid .stat-card .stat-content .stat-change i{font-size:.75rem}.webmaster-dashboard .charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.webmaster-dashboard .charts-section .chart-container{background-color:var(--bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-color)}.webmaster-dashboard .charts-section .chart-container h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 1.5rem}.webmaster-dashboard .charts-section .chart-container .chart-wrapper{height:300px;position:relative}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder{background-color:var(--bg-primary);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-message{text-align:center;color:var(--text-secondary)}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-message i{font-size:3rem;color:var(--primary);margin-bottom:1rem;display:block}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-message p{font-size:1.1rem;margin:0 0 .5rem;color:var(--text-primary)}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-message small{color:var(--text-tertiary)}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-categories{width:100%;padding:2rem}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-categories .category-item{margin-bottom:1rem}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-categories .category-item .category-bar{height:30px;border-radius:4px;margin-bottom:.5rem;transition:all .3s ease}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-categories .category-item .category-bar:hover{opacity:.8;transform:translate(5px)}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .chart-categories .category-item .category-label{font-size:.875rem;color:var(--text-secondary)}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .engagement-stats{width:100%;padding:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .engagement-stats .engagement-item{text-align:center}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .engagement-stats .engagement-item .engagement-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.webmaster-dashboard .charts-section .chart-container .chart-wrapper.chart-placeholder .engagement-stats .engagement-item .engagement-value{display:block;color:var(--primary);font-size:1.75rem;font-weight:700}.webmaster-dashboard .system-metrics{background-color:var(--bg-secondary);border-radius:1rem;padding:2rem;margin-bottom:3rem;border:1px solid var(--border-color)}.webmaster-dashboard .system-metrics h3{color:var(--text-primary);margin:0 0 1.5rem}.webmaster-dashboard .system-metrics .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.webmaster-dashboard .system-metrics .metrics-grid .metric label{color:var(--text-secondary);display:block;margin-bottom:.5rem;font-size:.875rem}.webmaster-dashboard .system-metrics .metrics-grid .metric .progress{height:24px;background-color:var(--bg-primary);border-radius:12px;overflow:hidden}.webmaster-dashboard .system-metrics .metrics-grid .metric .progress .progress-bar{background-color:var(--primary);height:100%;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:600;font-size:.875rem;transition:width .6s ease}.webmaster-dashboard .recent-activities{background-color:var(--bg-secondary);border-radius:1rem;padding:2rem;margin-bottom:3rem;border:1px solid var(--border-color)}.webmaster-dashboard .recent-activities h3{color:var(--text-primary);margin:0 0 1.5rem}.webmaster-dashboard .recent-activities .activities-list .activity-item{display:flex;align-items:start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.webmaster-dashboard .recent-activities .activities-list .activity-item:last-child{border-bottom:none;padding-bottom:0}.webmaster-dashboard .recent-activities .activities-list .activity-item .activity-icon{width:40px;height:40px;background-color:#00d4ff1a;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.webmaster-dashboard .recent-activities .activities-list .activity-item .activity-icon i{color:var(--primary);font-size:1.25rem}.webmaster-dashboard .recent-activities .activities-list .activity-item .activity-content{flex:1}.webmaster-dashboard .recent-activities .activities-list .activity-item .activity-content p{color:var(--text-primary);margin:0 0 .25rem}.webmaster-dashboard .recent-activities .activities-list .activity-item .activity-content small{color:var(--text-secondary);font-size:.75rem}.webmaster-dashboard .recent-activities .activities-list .no-activities{text-align:center;color:var(--text-secondary);padding:2rem}.webmaster-dashboard .quick-actions{background-color:var(--bg-secondary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color)}.webmaster-dashboard .quick-actions h3{color:var(--text-primary);margin:0 0 1.5rem}.webmaster-dashboard .quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.webmaster-dashboard .quick-actions .actions-grid .action-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-primary);transition:all .3s ease;cursor:pointer}.webmaster-dashboard .quick-actions .actions-grid .action-btn:hover{background-color:#00d4ff1a;border-color:var(--primary);transform:translateY(-2px)}.webmaster-dashboard .quick-actions .actions-grid .action-btn:hover i{color:var(--primary)}.webmaster-dashboard .quick-actions .actions-grid .action-btn i{font-size:2rem;color:var(--text-secondary);transition:color .3s ease}.webmaster-dashboard .quick-actions .actions-grid .action-btn span{font-size:.875rem;text-align:center}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.webmaster-dashboard{padding:1rem}.webmaster-dashboard .dashboard-header h1{font-size:1.5rem}.webmaster-dashboard .dashboard-header .dashboard-controls{width:100%;flex-direction:column}.webmaster-dashboard .dashboard-header .dashboard-controls .time-range-selector{width:100%;justify-content:space-between}.webmaster-dashboard .realtime-stats{gap:1rem}.webmaster-dashboard .stats-grid,.webmaster-dashboard .charts-section{grid-template-columns:1fr}}.activity-log-page{padding:1.5rem}.activity-log-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.activity-log-page .page-header .header-content h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.activity-log-page .page-header .header-content h1 i{color:var(--primary)}.activity-log-page .page-header .header-content p{margin:0}.activity-log-page .filters-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:2rem}.activity-log-page .filters-section .form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.activity-log-page .filters-section .form-select,.activity-log-page .filters-section .form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.activity-log-page .filters-section .form-select:focus,.activity-log-page .filters-section .form-control:focus{background-color:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25);color:var(--text-primary)}.activity-log-page .filters-section .form-select option,.activity-log-page .filters-section .form-control option{background-color:var(--bg-primary);color:var(--text-primary)}.activity-log-page .filters-section .input-group-text{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.activity-log-page .timeline{position:relative;padding-left:3rem}.activity-log-page .timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background-color:var(--border-color)}.activity-log-page .timeline .timeline-item{position:relative;margin-bottom:2rem}.activity-log-page .timeline .timeline-item:last-child{margin-bottom:0}.activity-log-page .timeline .timeline-item .timeline-marker{position:absolute;left:-2.5rem;top:0;width:2rem;height:2rem;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.activity-log-page .timeline .timeline-item .timeline-marker i{font-size:.875rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all .3s ease}.activity-log-page .timeline .timeline-item .timeline-content .activity-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 4px 12px #0000001a}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header{display:flex;justify-content:space-between;align-items:flex-start}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info{flex:1}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-title{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-title .user-name{font-weight:600;color:var(--primary)}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-title .action-badge{font-size:.75rem;font-weight:500}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-title .resource-name{font-weight:500}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-title .resource-id{font-size:.875rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--text-tertiary)}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-info .activity-meta i{font-size:.75rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .btn-link{color:var(--text-secondary);text-decoration:none}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .btn-link:hover{color:var(--primary)}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-description{font-size:.875rem;line-height:1.5}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details{background-color:var(--bg-primary);padding:1rem;border-radius:.5rem;margin-top:1rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details .changes-grid .change-item{display:flex;align-items:center;margin-bottom:.5rem;font-size:.875rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details .changes-grid .change-item .field-name{font-weight:500;color:var(--text-secondary);margin-right:.5rem;min-width:100px}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details .changes-grid .change-item .old-value,.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details .changes-grid .change-item .new-value{font-family:monospace;font-size:.8125rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-details .changes-grid .change-item i{color:var(--text-tertiary)}.activity-log-page .pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:1rem}.activity-log-page .pagination-wrapper .pagination{margin:0}.activity-log-page .pagination-wrapper .pagination .page-link{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.activity-log-page .pagination-wrapper .pagination .page-link:hover{background-color:var(--bg-primary);border-color:var(--primary);color:var(--primary)}.activity-log-page .pagination-wrapper .pagination .page-link:focus{box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.activity-log-page .pagination-wrapper .pagination .page-item.active .page-link{background-color:var(--primary);border-color:var(--primary);color:var(--bg-primary)}.activity-log-page .pagination-wrapper .pagination .page-item.disabled .page-link{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-tertiary)}.activity-log-page .pagination-wrapper .pagination-info{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.activity-log-page{padding:1rem}.activity-log-page .page-header .header-content h1{font-size:1.5rem}.activity-log-page .timeline{padding-left:2rem}.activity-log-page .timeline .timeline-item .timeline-marker{left:-1.5rem;width:1.5rem;height:1.5rem}.activity-log-page .timeline .timeline-item .timeline-marker i{font-size:.75rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-title{font-size:.875rem}.activity-log-page .timeline .timeline-item .timeline-content .activity-card .activity-header .activity-meta{font-size:.75rem}.activity-log-page .filters-section .row>div{margin-bottom:.5rem}}.dream-view-details .dream-header{border-bottom:1px solid var(--border-primary);padding-bottom:1rem}.dream-view-details .dream-header h4{color:var(--text-primary);margin-bottom:.5rem}.dream-view-details .dream-header .dream-meta{display:flex;align-items:center;gap:1rem}.dream-view-details .dream-header .dream-meta .badge,.dream-view-details .dream-header .dream-meta .text-muted{font-size:.875rem}.dream-view-details .dream-content{padding:1.5rem 0}.dream-view-details .dream-content p{color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.dream-view-details .dream-tags{border-top:1px solid var(--border-primary);padding-top:1rem}.dream-view-details .dream-tags strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.dream-view-details .dream-tags .badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem}.dream-view-details .dream-tags .badge.bg-primary{background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;border:1px solid rgba(var(--primary-rgb),.3)}.dream-view-details .dream-stats{border-top:1px solid var(--border-primary);padding-top:1rem;margin-top:1rem}.dream-view-details .dream-stats .row>div{padding:.5rem}.dream-view-details .dream-stats .row>div strong{color:var(--text-primary);font-weight:600}.dream-view-details .dream-stats .row>div .text-danger{font-weight:600}.form-range::-webkit-slider-thumb{background:var(--primary);border:2px solid var(--bg-secondary);box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.form-range::-moz-range-thumb{background:var(--primary);border:2px solid var(--bg-secondary);box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.form-range::-webkit-slider-track{background:var(--bg-tertiary)}.form-range::-moz-range-track{background:var(--bg-tertiary)}.table td .text-danger.fw-bold{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.dream-moderation{background:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.2)}.dream-moderation h6{color:var(--danger);font-weight:600;margin-bottom:1rem}.dream-moderation h6 i{font-size:1.1rem}.dream-moderation .moderation-details .badge{font-size:.875rem;font-weight:500}.dream-moderation .moderation-details .badge.bg-danger{background:rgba(var(--danger-rgb),.2)!important;color:var(--danger)!important;border:1px solid rgba(var(--danger-rgb),.3)}.dream-moderation .moderation-details .badge.bg-warning{background:rgba(var(--warning-rgb),.2)!important;color:var(--warning)!important;border:1px solid rgba(var(--warning-rgb),.3)}.dream-moderation .moderation-details .badge.bg-info{background:rgba(var(--info-rgb),.2)!important;color:var(--info)!important;border:1px solid rgba(var(--info-rgb),.3)}.dream-moderation .moderation-timeline{border-left:2px solid var(--border-secondary);padding-left:1rem}.dream-moderation .moderation-timeline .timeline-item{position:relative;padding-bottom:.5rem}.dream-moderation .moderation-timeline .timeline-item:before{content:"";position:absolute;left:-1.4rem;top:.4rem;width:8px;height:8px;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:50%}.dream-mod-stats{background:rgba(var(--info-rgb),.05);border:1px solid rgba(var(--info-rgb),.2)}.dream-mod-stats h6{color:var(--info);font-weight:600;margin-bottom:1rem}.dream-mod-stats strong{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.25rem}.dream-mod-stats>div{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.moderation-status-bar{background:var(--bg-secondary);border:1px solid var(--border-primary)}.moderation-status-bar .badge{font-size:.75rem;padding:.25rem .5rem}.moderation-status-bar .text-success{animation:pulse 2s infinite}.crud-header-actions .btn{position:relative}.crud-header-actions .btn .action-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.media-library-page .media-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.media-library-page .media-grid-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.media-library-page .media-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md);border-color:var(--primary)}.media-library-page .media-grid-item .media-preview{position:relative;width:100%;height:150px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-library-page .media-grid-item .media-preview img{width:100%;height:100%;object-fit:cover}.media-library-page .media-grid-item .media-preview .media-icon i{font-size:3rem;color:var(--text-secondary)}.media-library-page .media-grid-item .media-info{padding:.75rem}.media-library-page .media-grid-item .media-info .media-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.media-library-page .media-grid-item .media-info .media-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.media-view-details .media-preview-large{background:var(--bg-tertiary);border-radius:8px;padding:1rem;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}.media-view-details .media-preview-large img,.media-view-details .media-preview-large video{border-radius:4px;box-shadow:0 4px 20px var(--shadow-lg)}.media-view-details .media-details h5{color:var(--text-primary);margin-bottom:1rem;word-break:break-word}.media-view-details .media-details .media-metadata{background:var(--bg-secondary);border-radius:8px;padding:1rem}.media-view-details .media-details .media-metadata .metadata-item{padding:.5rem 0;border-bottom:1px solid var(--border-primary)}.media-view-details .media-details .media-metadata .metadata-item:last-child{border-bottom:none}.media-view-details .media-details .media-metadata .metadata-item strong{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.25rem}.media-view-details .media-details .media-metadata .metadata-item span{color:var(--text-secondary);font-size:.875rem}.media-view-details .media-details .media-metadata .metadata-item .input-group .form-control{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);font-size:.875rem}.media-view-details .media-details .media-metadata .metadata-item .input-group .form-control:focus{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.media-view-details .media-details .media-metadata .metadata-item .input-group .btn-outline-secondary{border-color:var(--border-primary);color:var(--text-secondary)}.media-view-details .media-details .media-metadata .metadata-item .input-group .btn-outline-secondary:hover{background:var(--primary);border-color:var(--primary);color:#fff}.media-view-details .media-details .media-tags{margin-top:1rem}.media-view-details .media-details .media-tags strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.media-view-details .media-details .media-tags .badge{font-size:.75rem;background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;border:1px solid rgba(var(--primary-rgb),.3);margin-right:.25rem;margin-bottom:.25rem}.upload-zone{border:2px dashed var(--border-primary);border-radius:8px;padding:3rem;text-align:center;background:var(--bg-secondary);cursor:pointer;transition:all .3s ease}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.upload-zone:hover .upload-icon,.upload-zone.drag-over .upload-icon{color:var(--primary);transform:scale(1.1)}.upload-zone .upload-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem;transition:all .3s ease}.upload-zone .upload-text{color:var(--text-secondary)}.upload-zone .upload-text .upload-browse{color:var(--primary);font-weight:500;text-decoration:underline}.upload-zone .upload-limits{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.file-type-icon.type-image{color:var(--success)}.file-type-icon.type-video{color:var(--info)}.file-type-icon.type-document{color:var(--danger)}.file-type-icon.type-other{color:var(--text-secondary)}.storage-usage .progress{height:8px;background:var(--bg-tertiary)}.storage-usage .progress .progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-dark))}.storage-usage .progress .progress-bar.warning{background:linear-gradient(90deg,var(--warning),var(--warning-dark))}.storage-usage .progress .progress-bar.danger{background:linear-gradient(90deg,var(--danger),var(--danger-dark))}.storage-usage .storage-stats{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.media-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;margin-bottom:1rem}.media-filters .filter-group{margin-bottom:1rem}.media-filters .filter-group:last-child{margin-bottom:0}.media-filters .filter-group label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.media-filters .filter-group .form-select,.media-filters .filter-group .form-control{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.media-filters .filter-group .form-select:focus,.media-filters .filter-group .form-control:focus{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}@media (max-width: 768px){.media-library-page .media-grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.media-library-page .media-grid-item .media-preview{height:120px}.media-view-details .row{flex-direction:column}.media-view-details .row .col-md-8,.media-view-details .row .col-md-4{width:100%;margin-bottom:1rem}}.backup-restore-page{padding:24px;background:var(--bg);min-height:100vh;color:var(--text-primary)}.backup-restore-page .page-header{background:var(--bg-secondary);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.backup-restore-page .page-header .header-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.backup-restore-page .page-header .header-content{flex-direction:column;gap:16px}}.backup-restore-page .page-header .header-left{display:flex;align-items:center;gap:16px}.backup-restore-page .page-header .header-left .page-icon{font-size:48px;color:var(--primary);filter:drop-shadow(0 0 20px var(--glow))}.backup-restore-page .page-header .header-left h1{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.backup-restore-page .page-header .header-left p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.backup-restore-page .page-header .header-actions{display:flex;gap:12px}.backup-restore-page .page-header .header-actions button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.backup-restore-page .page-header .header-actions button:disabled{opacity:.5;cursor:not-allowed}.backup-restore-page .page-header .header-actions button svg{font-size:18px}.backup-restore-page .page-header .header-actions .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.backup-restore-page .page-header .header-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.backup-restore-page .page-header .header-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.backup-restore-page .page-header .header-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.backup-restore-page .page-header .header-actions .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.backup-restore-page .backup-content{display:grid;grid-template-columns:350px 1fr;gap:24px}@media (max-width: 1024px){.backup-restore-page .backup-content{grid-template-columns:300px 1fr}}@media (max-width: 768px){.backup-restore-page .backup-content{grid-template-columns:1fr}}.backup-restore-page .backup-settings{display:flex;flex-direction:column;gap:20px}.backup-restore-page .backup-settings .settings-card,.backup-restore-page .backup-settings .info-card{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backup-restore-page .backup-settings .settings-card h3,.backup-restore-page .backup-settings .info-card h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.backup-restore-page .backup-settings .settings-card h3:before,.backup-restore-page .backup-settings .info-card h3:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:2px}.backup-restore-page .backup-settings .loading-state{padding:20px;text-align:center}.backup-restore-page .backup-settings .loading-state .spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.backup-restore-page .backup-settings .loading-state p{color:var(--text-secondary);font-size:14px}.backup-restore-page .backup-settings .collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:var(--bg);border-radius:8px;border:1px solid var(--border-color)}.backup-restore-page .backup-settings .collections-header .select-all-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;padding:4px;transition:color .2s}.backup-restore-page .backup-settings .collections-header .select-all-btn:hover{color:var(--primary)}.backup-restore-page .backup-settings .collections-header .select-all-btn input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.backup-restore-page .backup-settings .collections-header .selected-count{font-size:13px;color:var(--text-secondary);font-weight:500;padding:4px 12px;background:var(--bg-secondary);border-radius:20px}.backup-restore-page .backup-settings .quick-select{display:flex;gap:8px;margin-bottom:12px}.backup-restore-page .backup-settings .quick-select .quick-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.backup-restore-page .backup-settings .quick-select .quick-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.backup-restore-page .backup-settings .quick-select .quick-btn:active{transform:scale(.98)}.backup-restore-page .backup-settings .collections-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:8px;background:var(--bg)}.backup-restore-page .backup-settings .collections-list::-webkit-scrollbar{width:6px}.backup-restore-page .backup-settings .collections-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.backup-restore-page .backup-settings .collections-list .collection-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.backup-restore-page .backup-settings .collections-list .collection-item:hover{background:var(--bg-hover)}.backup-restore-page .backup-settings .collections-list .collection-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.backup-restore-page .backup-settings .collections-list .collection-item .collection-info{flex:1;display:flex;justify-content:space-between;align-items:center}.backup-restore-page .backup-settings .collections-list .collection-item .collection-info .collection-name{font-size:14px;color:var(--text-primary);font-family:Courier New,monospace;font-weight:500}.backup-restore-page .backup-settings .collections-list .collection-item .collection-info .collection-meta{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.backup-restore-page .backup-settings .info-card ul{margin:0;padding-left:20px}.backup-restore-page .backup-settings .info-card ul li{margin-bottom:8px;color:var(--text-secondary);font-size:14px;line-height:1.5}.backup-restore-page .backup-settings .info-card ul li::marker{color:var(--primary)}.backup-restore-page .backups-list{background:var(--bg-secondary);border-radius:12px;padding:24px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backup-restore-page .backups-list h2{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.backup-restore-page .backups-list h2:before{content:"";width:4px;height:28px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:2px}.backup-restore-page .backups-list .loading-state,.backup-restore-page .backups-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.backup-restore-page .backups-list .loading-state svg,.backup-restore-page .backups-list .empty-state svg{font-size:64px;color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.backup-restore-page .backups-list .loading-state p,.backup-restore-page .backups-list .empty-state p{color:var(--text-secondary);font-size:16px;margin:0 0 20px}.backup-restore-page .backups-list .loading-state .spinner,.backup-restore-page .backups-list .empty-state .spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;filter:drop-shadow(0 0 10px var(--glow))}.backup-restore-page .backups-list .loading-state .btn-primary,.backup-restore-page .backups-list .empty-state .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.backup-restore-page .backups-list .loading-state .btn-primary:hover,.backup-restore-page .backups-list .empty-state .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.backup-restore-page .backups-list .backup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}@media (max-width: 500px){.backup-restore-page .backups-list .backup-grid{grid-template-columns:1fr}}.backup-restore-page .backups-list .backup-grid .backup-card{background:var(--bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.backup-restore-page .backups-list .backup-grid .backup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);opacity:0;transition:opacity .3s ease}.backup-restore-page .backups-list .backup-grid .backup-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-lg)}.backup-restore-page .backups-list .backup-grid .backup-card:hover:before{opacity:1}.backup-restore-page .backups-list .backup-grid .backup-card.selected{border-color:var(--primary);background:var(--bg-hover);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.backup-restore-page .backups-list .backup-grid .backup-card.selected:before{opacity:1}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .backup-type{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:500}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .backup-type svg{font-size:20px;color:var(--primary);filter:drop-shadow(0 0 5px var(--glow))}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .status-badge.status-complete{background:var(--success-light, rgba(16, 185, 129, .1254901961));color:var(--success);border:1px solid var(--success);opacity:.9}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .status-badge.status-pending{background:var(--warning-light, rgba(245, 158, 11, .1254901961));color:var(--warning);border:1px solid var(--warning);opacity:.9}.backup-restore-page .backups-list .backup-grid .backup-card .backup-header .status-badge.status-failed{background:var(--danger-light, rgba(239, 68, 68, .1254901961));color:var(--danger);border:1px solid var(--danger);opacity:.9}.backup-restore-page .backups-list .backup-grid .backup-card .backup-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-info .info-row{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-info .info-row svg{font-size:16px;color:var(--text-tertiary)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-description{color:var(--text-primary);font-size:14px;margin-bottom:12px;line-height:1.5}.backup-restore-page .backups-list .backup-grid .backup-card .backup-meta{margin-bottom:16px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-meta .meta-badges{display:flex;flex-wrap:wrap;gap:8px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-meta .meta-badges .meta-badge{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-primary)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon:hover{transform:scale(1.1);border-color:var(--primary);color:var(--primary);background:var(--bg-hover)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon:disabled{opacity:.5;cursor:not-allowed}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon:disabled:hover{transform:none}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon svg{font-size:18px}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-success{background:var(--success-light, rgba(16, 185, 129, .1254901961));color:var(--success);border-color:var(--success)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-success:hover{background:var(--success);color:#fff;transform:scale(1.1) rotate(5deg)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-danger{background:var(--danger-light, rgba(239, 68, 68, .1254901961));color:var(--danger);border-color:var(--danger)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-danger:hover{background:var(--danger);color:#fff;transform:scale(1.1) rotate(-5deg)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-info{background:rgba(59,130,246,.1);color:#3b82f6;border-color:#3b82f6}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-info:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-warning{background:var(--warning-light, rgba(245, 158, 11, .1254901961));color:var(--warning);border-color:var(--warning)}.backup-restore-page .backups-list .backup-grid .backup-card .backup-actions .btn-icon.btn-warning:hover{background:var(--warning);color:var(--bg);transform:scale(1.1)}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 20px 60px var(--shadow-lg);width:90%;max-width:500px;border:1px solid var(--border-color)}.modal-overlay .modal-content .modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2{margin:0;font-size:20px;color:var(--text-primary)}.modal-overlay .modal-content .modal-header .modal-close{background:none;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-overlay .modal-content .modal-header .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-overlay .modal-content .modal-body{padding:24px}.modal-overlay .modal-content .modal-body .import-zone{border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;background:var(--bg);transition:all .3s}.modal-overlay .modal-content .modal-body .import-zone:hover{border-color:var(--primary);background:var(--bg-hover)}.modal-overlay .modal-content .modal-body .import-zone .import-icon{font-size:48px;color:var(--primary);margin-bottom:16px;opacity:.8}.modal-overlay .modal-content .modal-body .import-zone p{color:var(--text-secondary);margin-bottom:16px}.modal-overlay .modal-content .modal-body .import-zone .btn-primary{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.modal-overlay .modal-content .modal-body .import-zone .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.modal-overlay .modal-content .modal-body .import-info{margin-top:24px;padding:16px;background:var(--bg);border-radius:8px;border:1px solid var(--border-color)}.modal-overlay .modal-content .modal-body .import-info p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-overlay .modal-content .modal-body .import-info p:not(:last-child){margin-bottom:8px}.modal-overlay .modal-content .modal-body .import-info p strong{color:var(--text-primary);font-weight:500}.modal-overlay .modal-content .modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.modal-overlay .modal-content .modal-footer .btn-secondary{padding:8px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-overlay .modal-content .modal-footer .btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.modal-overlay .validation-modal{max-width:600px}.modal-overlay .validation-modal .validation-status{text-align:center;padding:20px;margin-bottom:20px;border-radius:8px}.modal-overlay .validation-modal .validation-status.valid{background:var(--success-light, rgba(16, 185, 129, .1254901961));border:1px solid var(--success)}.modal-overlay .validation-modal .validation-status.invalid{background:var(--warning-light, rgba(245, 158, 11, .1254901961));border:1px solid var(--warning)}.modal-overlay .validation-modal .validation-status .status-icon{font-size:48px;margin-bottom:10px}.modal-overlay .validation-modal .validation-status .status-icon.success{color:var(--success)}.modal-overlay .validation-modal .validation-status .status-icon.warning{color:var(--warning)}.modal-overlay .validation-modal .validation-status h3{margin:0;color:var(--text-primary)}.modal-overlay .validation-modal .validation-summary{margin-bottom:20px}.modal-overlay .validation-modal .validation-summary h4{color:var(--text-primary);margin-bottom:10px;font-size:16px}.modal-overlay .validation-modal .validation-summary ul{list-style:none;padding:0}.modal-overlay .validation-modal .validation-summary ul li{padding:5px 0;color:var(--text-secondary)}.modal-overlay .validation-modal .validation-collections{margin-bottom:20px}.modal-overlay .validation-modal .validation-collections h4{color:var(--text-primary);margin-bottom:10px;font-size:16px}.modal-overlay .validation-modal .validation-collections .collections-grid{display:flex;flex-wrap:wrap;gap:8px}.modal-overlay .validation-modal .validation-collections .collections-grid .collection-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:14px}.modal-overlay .validation-modal .validation-collections .collections-grid .collection-badge .collection-name{color:var(--text-primary);font-weight:500}.modal-overlay .validation-modal .validation-collections .collections-grid .collection-badge .collection-count{color:var(--text-tertiary);font-size:12px}.modal-overlay .validation-modal .validation-issues h4{color:var(--text-primary);margin-bottom:10px;font-size:16px}.modal-overlay .validation-modal .validation-issues ul{list-style:none;padding:0}.modal-overlay .validation-modal .validation-issues ul .issue-item{padding:8px;margin-bottom:8px;background:var(--danger-light, rgba(239, 68, 68, .1254901961));border:1px solid var(--danger);border-radius:4px;color:var(--text-primary);font-size:14px}.modal-overlay .dryrun-modal{max-width:700px}.modal-overlay .dryrun-modal .dryrun-summary{text-align:center;padding:20px;margin-bottom:20px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.modal-overlay .dryrun-modal .dryrun-summary .dryrun-icon{font-size:48px;color:var(--warning);margin-bottom:10px}.modal-overlay .dryrun-modal .dryrun-summary h3{margin:10px 0;color:var(--text-primary)}.modal-overlay .dryrun-modal .dryrun-summary .dryrun-note{color:var(--text-secondary);font-size:14px;margin:10px 0}.modal-overlay .dryrun-modal .dryrun-summary-stats{margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.modal-overlay .dryrun-modal .dryrun-summary-stats h4{margin:0 0 12px;color:var(--text-primary);font-size:16px}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats{display:flex;flex-wrap:wrap;gap:12px}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item .stat-label{color:var(--text-secondary)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item .stat-value{font-weight:600}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.insert{background:var(--success-light, rgba(16, 185, 129, .1254901961));border:1px solid var(--success)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.insert .stat-value{color:var(--success)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.update{background:rgba(59,130,246,.1);border:1px solid #3b82f6}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.update .stat-value{color:#3b82f6}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.delete{background:var(--danger-light, rgba(239, 68, 68, .1254901961));border:1px solid var(--danger)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.delete .stat-value{color:var(--danger)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.unchanged{background:var(--bg-hover);border:1px solid var(--border-color)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.unchanged .stat-value{color:var(--text-tertiary)}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.info{background:rgba(59,130,246,.1);border:1px solid #3b82f6}.modal-overlay .dryrun-modal .dryrun-summary-stats .change-stats .stat-item.info .stat-value{color:#3b82f6}.modal-overlay .dryrun-modal .dryrun-summary-stats .sample-changes{margin-top:12px;font-size:14px}.modal-overlay .dryrun-modal .dryrun-summary-stats .sample-changes summary{color:var(--text-secondary);cursor:pointer;padding:4px}.modal-overlay .dryrun-modal .dryrun-summary-stats .sample-changes summary:hover{color:var(--text-primary)}.modal-overlay .dryrun-modal .dryrun-summary-stats .sample-changes ul{margin-top:8px;padding-left:20px;color:var(--text-secondary)}.modal-overlay .dryrun-modal .dryrun-summary-stats .sample-changes ul li{padding:4px 0}.modal-overlay .dryrun-operations{margin-bottom:20px}.modal-overlay .dryrun-operations h4{color:var(--text-primary);margin-bottom:12px;font-size:16px}.modal-overlay .dryrun-operations .operation-group{margin-bottom:12px;padding:12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.modal-overlay .dryrun-operations .operation-group h5{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.modal-overlay .dryrun-operations .operation-group .operation-details{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.modal-overlay .dryrun-operations .operation-group .operation-details span.insert{color:var(--success)}.modal-overlay .dryrun-operations .operation-group .operation-details span.update{color:#3b82f6}.modal-overlay .dryrun-operations .operation-group .operation-details span.skip{color:var(--text-tertiary)}.modal-overlay .dryrun-operations .operation-group .operation-note{margin:8px 0 0;font-size:13px;color:var(--text-tertiary);font-style:italic}.modal-overlay .dryrun-warnings{margin-bottom:20px;padding:16px;background:var(--warning-light, rgba(245, 158, 11, .1254901961));border:1px solid var(--warning);border-radius:8px}.modal-overlay .dryrun-warnings h4{margin:0 0 8px;color:var(--warning)}.modal-overlay .dryrun-warnings ul{list-style:none;padding:0;margin:0}.modal-overlay .dryrun-warnings ul li{padding:4px 0;color:var(--text-primary)}.modal-overlay .dryrun-actions{text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.modal-overlay .dryrun-actions p{margin:0;color:var(--text-primary);font-size:16px;font-weight:500}.modal-footer .btn-primary{padding:8px 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.backup-card.imported{border-left:3px solid var(--warning)}.backup-card.imported .backup-type svg{color:var(--warning)}.backup-card .backup-name{font-size:15px;margin-bottom:12px;color:var(--text-primary)}.backup-card .backup-name strong{font-weight:600}.documentation-page .documentation-hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;margin:-2rem -2rem 0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.12) 25%,rgba(var(--primary-rgb),.15) 50%,rgba(var(--primary-rgb),.12) 75%,rgba(var(--primary-rgb),.08) 100%),var(--bg-secondary)}.documentation-page .documentation-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(var(--primary-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(var(--primary-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(var(--primary-rgb),.06) 0%,transparent 60%);background-size:400px 400px;animation:floatPattern 40s ease-in-out infinite;z-index:0}.documentation-page .documentation-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 15% 25%,var(--primary),transparent),radial-gradient(2px 2px at 45% 65%,var(--primary),transparent),radial-gradient(1px 1px at 55% 45%,var(--primary),transparent),radial-gradient(1px 1px at 85% 15%,var(--primary),transparent),radial-gradient(2px 2px at 95% 55%,var(--primary),transparent);background-size:250px 250px;background-repeat:repeat;opacity:0;animation:sparkle 4s ease-in-out infinite;z-index:1}@keyframes floatPattern{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,-15px) rotate(90deg)}50%{transform:translate(15px,-20px) rotate(180deg)}75%{transform:translate(-15px,10px) rotate(270deg)}}@keyframes sparkle{0%,to{opacity:0}50%{opacity:.5}}.documentation-page .documentation-hero .hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:4rem 2rem;text-align:center}.documentation-page .documentation-hero .hero-content .hero-badge{display:inline-block;background:rgba(var(--primary-rgb),.2);color:var(--text-primary);padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(var(--primary-rgb),.3)}.documentation-page .documentation-hero .hero-content .hero-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:rgba(var(--primary-rgb),.2);border:2px solid rgba(var(--primary-rgb),.4);border-radius:50%;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.documentation-page .documentation-hero .hero-content .hero-icon i{font-size:3rem;color:var(--primary)}.documentation-page .documentation-hero .hero-content .hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2}.documentation-page .documentation-hero .hero-content .hero-title .accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.documentation-page .documentation-hero .hero-content .hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.documentation-page .documentation-hero .hero-content .hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.documentation-page .documentation-hero .hero-content .hero-stats .stat-item{display:flex;align-items:center;gap:.75rem;color:var(--text-tertiary);font-size:1rem;transition:all .3s ease}.documentation-page .documentation-hero .hero-content .hero-stats .stat-item i{color:var(--primary);font-size:1.25rem}.documentation-page .documentation-hero .hero-content .hero-stats .stat-item:hover{color:var(--text-primary);transform:translateY(-2px)}.documentation-page .documentation-nav{background:var(--surface);border-bottom:1px solid var(--border-primary);margin:0 -2rem;padding:0 2rem;position:sticky;top:-35px;z-index:90;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--surface-rgb),.95)}.documentation-page .documentation-nav .nav-container{max-width:1200px;margin:0 auto;display:flex;gap:.5rem;padding:1rem 0;overflow-x:auto;scrollbar-width:none}.documentation-page .documentation-nav .nav-container::-webkit-scrollbar{display:none}.documentation-page .documentation-nav .nav-container .nav-item{background:transparent;border:none;padding:.75rem 1.5rem;border-radius:30px;cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:all .2s ease;font-weight:500;position:relative;display:flex;align-items:center;gap:.5rem}.documentation-page .documentation-nav .nav-container .nav-item:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(0);width:30px;height:3px;background:var(--primary);transition:transform .3s ease}.documentation-page .documentation-nav .nav-container .nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.documentation-page .documentation-nav .nav-container .nav-item:hover i{transform:scale(1.1)}.documentation-page .documentation-nav .nav-container .nav-item.active{background:var(--primary);color:#fff}.documentation-page .documentation-nav .nav-container .nav-item.active:before{transform:translate(-50%) scaleX(1)}.documentation-page .documentation-nav .nav-container .nav-item i{transition:transform .2s ease}.documentation-page .documentation-nav .nav-container .nav-item span{display:none}@media (min-width: 768px){.documentation-page .documentation-nav .nav-container .nav-item span{display:inline}}.documentation-page .documentation-nav-bar{background:var(--surface);border-bottom:1px solid var(--border-primary);margin:0 -2rem;padding:0 2rem;position:sticky;top:-35px;z-index:90;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--surface-rgb),.95)}.documentation-page .documentation-nav-bar .nav-container{max-width:1200px;margin:0 auto}.documentation-page .documentation-nav-bar .nav-container .nav-items{display:flex;gap:.5rem;padding:1rem 0;overflow-x:auto;scrollbar-width:none}.documentation-page .documentation-nav-bar .nav-container .nav-items::-webkit-scrollbar{display:none}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item{background:transparent;border:none;padding:.75rem 1.5rem;border-radius:30px;cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:all .2s ease;font-weight:500;position:relative}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(0);width:30px;height:3px;background:var(--primary);transition:transform .3s ease}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item:hover .nav-icon{transform:scale(1.1)}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item.active{background:var(--primary);color:#fff}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item.active:before{transform:translate(-50%) scaleX(1)}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item .nav-icon{margin-right:.5rem;transition:transform .2s ease}.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item .nav-text{display:none}@media (min-width: 768px){.documentation-page .documentation-nav-bar .nav-container .nav-items .nav-item .nav-text{display:inline}}.documentation-page .documentation-content{padding:4rem 0;max-width:1200px;margin:0 auto}.documentation-page .documentation-content .doc-section{margin-bottom:6rem;scroll-margin-top:90px}.documentation-page .documentation-content .doc-section:last-child{margin-bottom:3rem}.documentation-page .documentation-content .doc-section .section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem;display:flex;align-items:center;gap:1rem;position:relative}.documentation-page .documentation-content .doc-section .section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary);border-radius:2px}.documentation-page .documentation-content .doc-section .section-title i{color:var(--primary);opacity:.8;font-size:2.25rem}.documentation-page .documentation-content .doc-section .subsection-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:3rem 0 2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-secondary);position:relative}.documentation-page .documentation-content .doc-section .subsection-title:before{content:"";position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:var(--primary)}.documentation-page .documentation-content .highlight-box{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.02) 100%);border:2px solid rgba(var(--primary-rgb),.2);border-radius:20px;padding:3rem;margin-bottom:3rem;position:relative;overflow:hidden}.documentation-page .documentation-content .highlight-box:before{content:"";position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:radial-gradient(circle,rgba(var(--primary-rgb),.1) 0%,transparent 70%);pointer-events:none}.documentation-page .documentation-content .highlight-box h3{color:var(--primary);font-weight:700;margin-bottom:1rem;font-size:1.75rem;position:relative}.documentation-page .documentation-content .highlight-box p{color:var(--text-primary);font-size:1.25rem;line-height:1.8;margin:0;position:relative}.documentation-page .documentation-content .concept-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem 2rem;text-align:center;height:100%;transition:all .3s ease;position:relative;overflow:hidden}.documentation-page .documentation-content .concept-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,rgba(var(--primary-rgb),.5) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.documentation-page .documentation-content .concept-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .concept-card:hover:before{transform:scaleX(1)}.documentation-page .documentation-content .concept-card:hover i{transform:scale(1.1) rotate(5deg)}.documentation-page .documentation-content .concept-card i{font-size:4rem;color:var(--primary);margin-bottom:2rem;display:block;transition:transform .3s ease}.documentation-page .documentation-content .concept-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1rem;font-size:1.5rem}.documentation-page .documentation-content .concept-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.documentation-page .documentation-content .insights-box{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem}.documentation-page .documentation-content .insights-box h4{color:var(--text-primary);font-weight:700;margin-bottom:2rem;font-size:1.75rem}.documentation-page .documentation-content .insights-box .insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.documentation-page .documentation-content .insights-box .insights-grid .insight-item{display:flex;align-items:center;padding:1.25rem;background:var(--bg);border-radius:16px;transition:all .2s ease;border:1px solid transparent}.documentation-page .documentation-content .insights-box .insights-grid .insight-item:hover{background:var(--surface-hover);transform:translate(8px);border-color:var(--primary)}.documentation-page .documentation-content .insights-box .insights-grid .insight-item i{color:var(--success);margin-right:1rem;font-size:1.5rem}.documentation-page .documentation-content .insights-box .insights-grid .insight-item span{color:var(--text-primary);font-size:1.1rem;font-weight:500}.documentation-page .documentation-content .philosophy-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease}.documentation-page .documentation-content .philosophy-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0000001a}.documentation-page .documentation-content .philosophy-card:hover .card-header{background:var(--primary)}.documentation-page .documentation-content .philosophy-card .card-header{background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.8) 100%);color:#fff;padding:2rem;transition:all .3s ease}.documentation-page .documentation-content .philosophy-card .card-header i{margin-right:.75rem;opacity:.9;font-size:1.5rem}.documentation-page .documentation-content .philosophy-card .card-header h4{margin:0;font-size:1.5rem;font-weight:600}.documentation-page .documentation-content .philosophy-card .card-content{padding:2.5rem}.documentation-page .documentation-content .philosophy-card .card-content ul{margin:0;padding-left:1.75rem}.documentation-page .documentation-content .philosophy-card .card-content ul li{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8;font-size:1.1rem}.documentation-page .documentation-content .philosophy-card .card-content ul li:last-child{margin-bottom:0}.documentation-page .documentation-content .principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.documentation-page .documentation-content .principle-item{display:flex;align-items:flex-start;padding:2.5rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;transition:all .2s ease;height:100%}.documentation-page .documentation-content .principle-item:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(8px)}.documentation-page .documentation-content .principle-item:hover .principle-number{background:var(--primary);transform:scale(1.1)}.documentation-page .documentation-content .principle-item .principle-number{background:linear-gradient(135deg,var(--primary) 0%,rgba(var(--primary-rgb),.7) 100%);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;margin-right:1.75rem;flex-shrink:0;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.documentation-page .documentation-content .principle-item .principle-content{flex:1}.documentation-page .documentation-content .principle-item .principle-content h5{color:var(--text-primary);font-weight:700;margin-bottom:.75rem;font-size:1.5rem}.documentation-page .documentation-content .principle-item .principle-content p{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.8}.documentation-page .documentation-content .value-card{background:var(--surface);border-radius:20px;padding:3rem;height:100%;transition:all .3s ease;border:2px solid var(--border-secondary);position:relative;overflow:hidden}.documentation-page .documentation-content .value-card:after{content:"";position:absolute;top:-50%;right:-20%;width:50%;height:200%;border-radius:50%;opacity:.05;transition:transform .3s ease}.documentation-page .documentation-content .value-card.emotional{border-color:rgba(var(--danger-rgb),.3)}.documentation-page .documentation-content .value-card.emotional:after{background:var(--danger)}.documentation-page .documentation-content .value-card.emotional:hover{box-shadow:0 16px 32px rgba(var(--danger-rgb),.2);transform:translateY(-8px);border-color:var(--danger)}.documentation-page .documentation-content .value-card.emotional:hover:after{transform:scale(1.2)}.documentation-page .documentation-content .value-card.emotional .value-header i{color:var(--danger)}.documentation-page .documentation-content .value-card.practical{border-color:rgba(var(--success-rgb),.3)}.documentation-page .documentation-content .value-card.practical:after{background:var(--success)}.documentation-page .documentation-content .value-card.practical:hover{box-shadow:0 16px 32px rgba(var(--success-rgb),.2);transform:translateY(-8px);border-color:var(--success)}.documentation-page .documentation-content .value-card.practical:hover:after{transform:scale(1.2)}.documentation-page .documentation-content .value-card.practical .value-header i{color:var(--success)}.documentation-page .documentation-content .value-card.social{border-color:rgba(var(--info-rgb),.3)}.documentation-page .documentation-content .value-card.social:after{background:var(--info)}.documentation-page .documentation-content .value-card.social:hover{box-shadow:0 16px 32px rgba(var(--info-rgb),.2);transform:translateY(-8px);border-color:var(--info)}.documentation-page .documentation-content .value-card.social:hover:after{transform:scale(1.2)}.documentation-page .documentation-content .value-card.social .value-header i{color:var(--info)}.documentation-page .documentation-content .value-card.color-1{border-color:rgba(var(--primary-rgb),.3)}.documentation-page .documentation-content .value-card.color-1:hover{box-shadow:0 16px 32px rgba(var(--primary-rgb),.2);transform:translateY(-8px);border-color:var(--primary)}.documentation-page .documentation-content .value-card.color-2{border-color:rgba(var(--success-rgb),.3)}.documentation-page .documentation-content .value-card.color-2:hover{box-shadow:0 16px 32px rgba(var(--success-rgb),.2);transform:translateY(-8px);border-color:var(--success)}.documentation-page .documentation-content .value-card.color-3{border-color:rgba(var(--info-rgb),.3)}.documentation-page .documentation-content .value-card.color-3:hover{box-shadow:0 16px 32px rgba(var(--info-rgb),.2);transform:translateY(-8px);border-color:var(--info)}.documentation-page .documentation-content .value-card.color-4{border-color:rgba(var(--warning-rgb),.3)}.documentation-page .documentation-content .value-card.color-4:hover{box-shadow:0 16px 32px rgba(var(--warning-rgb),.2);transform:translateY(-8px);border-color:var(--warning)}.documentation-page .documentation-content .value-card .value-header{display:flex;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.documentation-page .documentation-content .value-card .value-header i{font-size:3rem;margin-right:1.25rem}.documentation-page .documentation-content .value-card .value-header h4{font-weight:700;margin:0;color:var(--text-primary);font-size:1.75rem}.documentation-page .documentation-content .value-card ul{margin:0;padding-left:1.75rem;position:relative;z-index:1}.documentation-page .documentation-content .value-card ul li{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.documentation-page .documentation-content .value-card ul li:last-child{margin-bottom:0}.documentation-page .documentation-content .society-value-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;text-align:center;height:100%;transition:all .3s ease}.documentation-page .documentation-content .society-value-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .society-value-card:hover i{transform:scale(1.1) rotate(-5deg)}.documentation-page .documentation-content .society-value-card i{font-size:4rem;color:var(--primary);margin-bottom:2rem;display:block;transition:transform .3s ease}.documentation-page .documentation-content .society-value-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1rem;font-size:1.75rem}.documentation-page .documentation-content .society-value-card p{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.8}.documentation-page .documentation-content .feature-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease}.documentation-page .documentation-content .feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .feature-card .feature-header{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%);padding:2.5rem;display:flex;align-items:center;gap:1.75rem;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .feature-card .feature-header .feature-number{background:var(--primary);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;flex-shrink:0;box-shadow:0 6px 16px rgba(var(--primary-rgb),.3)}.documentation-page .documentation-content .feature-card .feature-header h4{color:var(--text-primary);font-weight:700;margin:0;font-size:1.75rem}.documentation-page .documentation-content .feature-card .feature-content{padding:2.5rem}.documentation-page .documentation-content .feature-card .feature-content ul{margin:0;padding-left:1.75rem}.documentation-page .documentation-content .feature-card .feature-content ul li{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.documentation-page .documentation-content .feature-card .feature-content ul li:last-child{margin-bottom:0}.documentation-page .documentation-content .tech-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;text-align:center;height:100%;transition:all .3s ease}.documentation-page .documentation-content .tech-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .tech-card:hover i{transform:scale(1.1) rotate(360deg)}.documentation-page .documentation-content .tech-card i{font-size:4rem;color:var(--primary);margin-bottom:2rem;display:block;transition:transform .6s ease}.documentation-page .documentation-content .tech-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1.75rem;font-size:1.75rem}.documentation-page .documentation-content .tech-card ul{list-style:none;padding:0;margin:0;text-align:left}.documentation-page .documentation-content .tech-card ul li{color:var(--text-secondary);margin-bottom:.75rem;font-size:1.1rem;position:relative;padding-left:2rem}.documentation-page .documentation-content .tech-card ul li:before{content:"•";color:var(--primary);position:absolute;left:.75rem;font-weight:700}.documentation-page .documentation-content .security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.documentation-page .documentation-content .security-grid .security-item{display:flex;align-items:flex-start;padding:2.5rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;transition:all .2s ease}.documentation-page .documentation-content .security-grid .security-item:hover{background:var(--surface-hover);transform:translate(8px);border-color:var(--primary)}.documentation-page .documentation-content .security-grid .security-item:hover i{transform:scale(1.1)}.documentation-page .documentation-content .security-grid .security-item i{font-size:3rem;color:var(--primary);margin-right:1.75rem;flex-shrink:0;transition:transform .2s ease}.documentation-page .documentation-content .security-grid .security-item .security-content{flex:1}.documentation-page .documentation-content .security-grid .security-item .security-content h5{color:var(--text-primary);font-weight:700;margin-bottom:.75rem;font-size:1.5rem}.documentation-page .documentation-content .security-grid .security-item .security-content p{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.8}.documentation-page .documentation-content .psychology-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .psychology-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .psychology-card .psychology-header{background:rgba(var(--primary-rgb),.05);padding:2rem;text-align:center;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .psychology-card .psychology-header i{font-size:3rem;color:var(--primary);margin-bottom:1rem;display:block}.documentation-page .documentation-content .psychology-card .psychology-header h4{color:var(--text-primary);font-weight:700;margin:0;font-size:1.5rem}.documentation-page .documentation-content .psychology-card .psychology-content{padding:2rem}.documentation-page .documentation-content .psychology-card .psychology-content .intro-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.documentation-page .documentation-content .psychology-card .psychology-content ul{margin:0;padding-left:1.5rem}.documentation-page .documentation-content .psychology-card .psychology-content ul li{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.documentation-page .documentation-content .psychology-card .psychology-content ul li:last-child{margin-bottom:0}.documentation-page .documentation-content .ethics-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .ethics-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .ethics-card:hover .ethics-header{background:var(--primary)}.documentation-page .documentation-content .ethics-card:hover .ethics-header i{color:#fff}.documentation-page .documentation-content .ethics-card .ethics-header{background:rgba(var(--primary-rgb),.1);padding:3rem 2rem;text-align:center;transition:all .3s ease}.documentation-page .documentation-content .ethics-card .ethics-header i{font-size:4rem;color:var(--primary);display:block;transition:all .3s ease}.documentation-page .documentation-content .ethics-card .ethics-content{padding:2rem;text-align:center}.documentation-page .documentation-content .ethics-card .ethics-content h4{color:var(--text-primary);font-weight:700;margin-bottom:1rem;font-size:1.5rem}.documentation-page .documentation-content .ethics-card .ethics-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.documentation-page .documentation-content .governance-item{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:2rem;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .governance-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .governance-item .governance-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.documentation-page .documentation-content .governance-item .governance-header i{font-size:2.5rem;color:var(--primary);flex-shrink:0}.documentation-page .documentation-content .governance-item .governance-header h5{color:var(--text-primary);font-weight:700;margin:0;font-size:1.5rem}.documentation-page .documentation-content .governance-item .governance-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.documentation-page .documentation-content .partnership-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .partnership-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .partnership-card .partnership-header{background:rgba(var(--primary-rgb),.05);padding:2rem;text-align:center;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .partnership-card .partnership-header i{font-size:3rem;color:var(--primary);margin-bottom:1rem;display:block}.documentation-page .documentation-content .partnership-card .partnership-header h5{color:var(--text-primary);font-weight:700;margin:0;font-size:1.5rem}.documentation-page .documentation-content .partnership-card .partnership-content{padding:2rem}.documentation-page .documentation-content .partnership-card .partnership-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0;text-align:center}.documentation-page .documentation-content .impact-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:2rem;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .impact-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .ecosystem-center{text-align:center;padding:3rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,transparent 100%);border-radius:20px;margin-bottom:3rem}.documentation-page .documentation-content .ecosystem-center h3{font-size:2rem;color:var(--primary);margin-bottom:1rem}.documentation-page .documentation-content .ecosystem-center p{font-size:1.25rem;color:var(--text-secondary)}.documentation-page .documentation-content .branch{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;height:100%;transition:all .3s ease;margin-bottom:1.5rem}.documentation-page .documentation-content .branch:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .branch .branch-header{background:rgba(var(--primary-rgb),.05);padding:2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .branch .branch-header i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .branch .branch-header h4{color:var(--text-primary);font-weight:700;margin:0;font-size:1.5rem}.documentation-page .documentation-content .branch ul{margin:0;padding:2rem 2rem 2rem 3rem}.documentation-page .documentation-content .branch ul li{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6;font-size:1.05rem}.documentation-page .documentation-content .branch ul li:last-child{margin-bottom:0}.documentation-page .documentation-content .roadmap-timeline{position:relative;padding:2rem 0}.documentation-page .documentation-content .roadmap-timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:2px;background:var(--border-primary)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase{position:relative;margin-bottom:4rem;display:flex;align-items:center}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:nth-child(odd){justify-content:flex-end;padding-right:calc(50% + 40px)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:nth-child(odd):before{right:calc(50% - 10px)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:nth-child(odd) .phase-content{text-align:right}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:nth-child(2n){padding-left:calc(50% + 40px)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:nth-child(2n):before{left:calc(50% - 10px)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:before{content:"";position:absolute;width:20px;height:20px;background:var(--primary);border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 2px var(--primary)}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase .phase-content{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:2rem;max-width:400px;transition:all .3s ease}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase .phase-content:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .roadmap-timeline .phase-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.documentation-page .documentation-content .roadmap-timeline .phase-header h4{color:var(--text-primary);font-weight:700;font-size:1.5rem;margin:0}.documentation-page .documentation-content .roadmap-timeline .phase-header .phase-time{color:var(--primary);font-weight:600;font-size:1rem}.documentation-page .documentation-content .roadmap-timeline ul{margin:0;padding-left:1.5rem;list-style:none}.documentation-page .documentation-content .roadmap-timeline ul li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6;position:relative;padding-left:1.5rem}.documentation-page .documentation-content .roadmap-timeline ul li:before{content:"•";color:var(--primary);position:absolute;left:0;font-weight:700}.documentation-page .documentation-content .impact-card{text-align:center}.documentation-page .documentation-content .impact-card .impact-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.documentation-page .documentation-content .impact-card p{color:var(--text-secondary);font-size:1.1rem}.documentation-page .documentation-content .strategy-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:100%;transition:all .3s ease}.documentation-page .documentation-content .strategy-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .strategy-card .strategy-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.documentation-page .documentation-content .strategy-card .strategy-icon.acquisition{background:rgba(var(--success-rgb),.1)}.documentation-page .documentation-content .strategy-card .strategy-icon.conversion{background:rgba(var(--info-rgb),.1)}.documentation-page .documentation-content .strategy-card .strategy-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .strategy-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .strategy-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .strategy-card ul{list-style:none;padding:0;margin:0}.documentation-page .documentation-content .strategy-card ul li{color:var(--text-secondary);margin-bottom:1rem;padding-left:2rem;position:relative}.documentation-page .documentation-content .strategy-card ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.documentation-page .documentation-content .enterprise-offering h4{color:var(--text-primary);font-weight:700;margin-bottom:2rem;font-size:2rem}.documentation-page .documentation-content .enterprise-offering p{color:var(--text-secondary);font-size:1.25rem;line-height:1.8;margin-bottom:3rem}.documentation-page .documentation-content .enterprise-offering .offering-grid{display:grid;gap:2rem}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:15px;transition:all .3s ease}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item:hover{transform:translate(8px);border-color:var(--primary);background:var(--surface-hover)}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item i{font-size:2rem;color:var(--primary);flex-shrink:0;margin-top:.25rem}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item div{flex:1}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item div h5{color:var(--text-primary);font-weight:700;margin-bottom:.75rem;font-size:1.25rem}.documentation-page .documentation-content .enterprise-offering .offering-grid .offering-item div p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.documentation-page .documentation-content .pricing-summary{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:fit-content}.documentation-page .documentation-content .pricing-summary h4{color:var(--text-primary);font-weight:700;margin-bottom:2rem;font-size:1.75rem;text-align:center}.documentation-page .documentation-content .pricing-summary .pricing-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .pricing-summary .pricing-item:last-child{border-bottom:none}.documentation-page .documentation-content .pricing-summary .pricing-item .pricing-label{color:var(--text-secondary);font-size:1rem}.documentation-page .documentation-content .pricing-summary .pricing-item .pricing-value{color:var(--primary);font-weight:700;font-size:1.25rem}.documentation-page .documentation-content .partnership-types .partnership-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:100%;transition:all .3s ease}.documentation-page .documentation-content .partnership-types .partnership-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .partnership-types .partnership-card .partnership-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.documentation-page .documentation-content .partnership-types .partnership-card .partnership-icon.tech{background:rgba(var(--info-rgb),.1)}.documentation-page .documentation-content .partnership-types .partnership-card .partnership-icon.health{background:rgba(var(--success-rgb),.1)}.documentation-page .documentation-content .partnership-types .partnership-card .partnership-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .partnership-types .partnership-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .partnership-types .partnership-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .partnership-types .partnership-card ul{list-style:none;padding:0;margin:0}.documentation-page .documentation-content .partnership-types .partnership-card ul li{color:var(--text-secondary);margin-bottom:1rem;padding-left:2rem;position:relative}.documentation-page .documentation-content .partnership-types .partnership-card ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.documentation-page .documentation-content .data-privacy-notice{display:flex;align-items:flex-start;gap:2rem;background:rgba(var(--success-rgb),.05);border:1px solid rgba(var(--success-rgb),.2);border-radius:20px;padding:3rem;margin-bottom:3rem}.documentation-page .documentation-content .data-privacy-notice .privacy-icon{width:80px;height:80px;background:rgba(var(--success-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.documentation-page .documentation-content .data-privacy-notice .privacy-icon i{font-size:2.5rem;color:var(--success)}.documentation-page .documentation-content .data-privacy-notice div{flex:1}.documentation-page .documentation-content .data-privacy-notice div h4{color:var(--success);font-weight:700;margin-bottom:1rem;font-size:1.75rem}.documentation-page .documentation-content .data-privacy-notice div p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin:0}.documentation-page .documentation-content .data-stream{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;text-align:center;height:100%;transition:all .3s ease}.documentation-page .documentation-content .data-stream:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .data-stream .stream-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.documentation-page .documentation-content .data-stream .stream-icon.insights{background:rgba(var(--primary-rgb),.1)}.documentation-page .documentation-content .data-stream .stream-icon.trends{background:rgba(var(--info-rgb),.1)}.documentation-page .documentation-content .data-stream .stream-icon.research{background:rgba(var(--success-rgb),.1)}.documentation-page .documentation-content .data-stream .stream-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .data-stream h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .data-stream p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .data-stream .stream-value{color:var(--primary);font-weight:700;font-size:1.5rem}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;margin-bottom:2rem;transition:all .3s ease}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer:hover{transform:translate(8px);border-color:var(--primary);background:var(--surface-hover)}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer .layer-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer .layer-header i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer .layer-header h4{color:var(--text-primary);font-weight:700;margin:0;font-size:1.75rem}.documentation-page .documentation-content .ecosystem-overview .ecosystem-layers .layer p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin:0}.documentation-page .documentation-content .pricing-strategy .strategy-block{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:100%}.documentation-page .documentation-content .pricing-strategy .strategy-block h4{color:var(--text-primary);font-weight:700;margin-bottom:2rem;font-size:1.75rem}.documentation-page .documentation-content .pricing-strategy .strategy-block p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.documentation-page .documentation-content .pricing-strategy .strategy-block .strategy-phases .phase{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .pricing-strategy .strategy-block .strategy-phases .phase:last-child{border-bottom:none}.documentation-page .documentation-content .pricing-strategy .strategy-block .strategy-phases .phase .phase-label{color:var(--text-secondary);font-size:1rem}.documentation-page .documentation-content .pricing-strategy .strategy-block .strategy-phases .phase .phase-value{color:var(--primary);font-weight:700;font-size:1.25rem}.documentation-page .documentation-content .pricing-strategy .strategy-block .value-props .value-prop{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.documentation-page .documentation-content .pricing-strategy .strategy-block .value-props .value-prop:last-child{margin-bottom:0}.documentation-page .documentation-content .pricing-strategy .strategy-block .value-props .value-prop i{color:var(--success);font-size:1.5rem}.documentation-page .documentation-content .pricing-strategy .strategy-block .value-props .value-prop span{color:var(--text-secondary);font-size:1.1rem}.documentation-page .documentation-content .growth-phases .timeline{position:relative;padding:2rem 0}.documentation-page .documentation-content .growth-phases .timeline:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:2px;background:var(--border-primary)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item{position:relative;margin-bottom:4rem;padding-left:120px}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-marker{position:absolute;left:40px;top:0;width:20px;height:20px;border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 2px var(--primary)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-marker.phase1{background:var(--success)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-marker.phase2{background:var(--warning)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-marker.phase3{background:var(--primary)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;transition:all .3s ease}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001a;border-color:var(--primary)}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content ul{list-style:none;padding:0;margin:0}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content ul li{color:var(--text-secondary);margin-bottom:1rem;padding-left:2rem;position:relative}.documentation-page .documentation-content .growth-phases .timeline .timeline-item .timeline-content ul li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.documentation-page .documentation-content .metrics-grid .metric-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;text-align:center;height:100%;transition:all .3s ease}.documentation-page .documentation-content .metrics-grid .metric-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon.revenue{background:rgba(var(--success-rgb),.1)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon.users{background:rgba(var(--info-rgb),.1)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon.conversion{background:rgba(var(--warning-rgb),.1)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon.retention{background:rgba(var(--primary-rgb),.1)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .metrics-grid .metric-card .metric-value{color:var(--primary);font-size:3rem;font-weight:800;margin-bottom:.5rem}.documentation-page .documentation-content .metrics-grid .metric-card .metric-label{color:var(--text-primary);font-weight:700;font-size:1.25rem;margin-bottom:.5rem}.documentation-page .documentation-content .metrics-grid .metric-card .metric-target{color:var(--text-secondary);font-size:1rem}.documentation-page .documentation-content .future-opportunities .opportunity-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:100%;transition:all .3s ease}.documentation-page .documentation-content .future-opportunities .opportunity-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon.ai{background:rgba(var(--primary-rgb),.1)}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon.vr{background:rgba(var(--info-rgb),.1)}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon.iot{background:rgba(var(--warning-rgb),.1)}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon.global{background:rgba(var(--success-rgb),.1)}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .future-opportunities .opportunity-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .future-opportunities .opportunity-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .future-opportunities .opportunity-card .opportunity-timeline{color:var(--primary);font-weight:700;font-size:1.25rem;text-align:center;padding:1rem;background:rgba(var(--primary-rgb),.1);border-radius:10px}.documentation-page .documentation-content .section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.documentation-page .documentation-content .section-header .section-icon{width:80px;height:80px;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.documentation-page .documentation-content .section-header .section-icon i{font-size:2.5rem;color:var(--primary)}.documentation-page .documentation-content .section-header div{flex:1}.documentation-page .documentation-content .section-header div h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.documentation-page .documentation-content .section-header div .section-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0}.documentation-page .documentation-content .info-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:20px;padding:3rem;height:100%;transition:all .3s ease}.documentation-page .documentation-content .info-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .info-card .card-icon{width:60px;height:60px;background:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.documentation-page .documentation-content .info-card .card-icon i{font-size:2rem;color:var(--primary)}.documentation-page .documentation-content .info-card h4{color:var(--text-primary);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.documentation-page .documentation-content .info-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.documentation-page .documentation-content .info-card .feature-list{list-style:none;padding:0;margin:0}.documentation-page .documentation-content .info-card .feature-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:2rem;position:relative}.documentation-page .documentation-content .info-card .feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.documentation-page .documentation-content .revenue-breakdown{margin-top:2rem}.documentation-page .documentation-content .revenue-breakdown .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-secondary)}.documentation-page .documentation-content .revenue-breakdown .breakdown-item:last-child{border-bottom:none}.documentation-page .documentation-content .revenue-breakdown .breakdown-item .label{color:var(--text-secondary);font-size:1rem}.documentation-page .documentation-content .revenue-breakdown .breakdown-item .value{color:var(--primary);font-weight:700;font-size:1.25rem}.documentation-page .documentation-content .subscription-tiers{margin-top:3rem}.documentation-page .documentation-content .subscription-tiers .tier-card{background:var(--surface);border:2px solid var(--border-secondary);border-radius:20px;padding:3rem 2rem;height:100%;transition:all .3s ease;position:relative}.documentation-page .documentation-content .subscription-tiers .tier-card.featured{border-color:var(--primary);transform:scale(1.05);box-shadow:0 20px 40px rgba(var(--primary-rgb),.2)}.documentation-page .documentation-content .subscription-tiers .tier-card.featured .tier-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600}.documentation-page .documentation-content .subscription-tiers .tier-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);border-color:var(--primary)}.documentation-page .documentation-content .subscription-tiers .tier-card:hover.featured{transform:translateY(-8px) scale(1.05)}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-header{text-align:center;margin-bottom:2rem}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-header h4{color:var(--text-primary);font-weight:700;margin-bottom:1rem;font-size:1.75rem}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-header .tier-price{color:var(--primary);font-size:2.5rem;font-weight:800}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-features{list-style:none;padding:0;margin:0}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-features li{color:var(--text-secondary);margin-bottom:1rem;padding-left:2rem;position:relative;font-size:1.1rem}.documentation-page .documentation-content .subscription-tiers .tier-card .tier-features li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.documentation-page .documentation-content .vision-quote{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,transparent 100%);border-left:4px solid var(--primary);padding:2rem 3rem;border-radius:0 20px 20px 0;margin-top:3rem}.documentation-page .documentation-content .vision-quote blockquote{margin:0}.documentation-page .documentation-content .vision-quote blockquote p{font-size:1.5rem;font-style:italic;color:var(--text-primary);margin-bottom:1rem;line-height:1.8}.documentation-page .documentation-content .vision-quote blockquote cite{font-size:1.125rem;color:var(--primary);font-weight:600;font-style:normal}.documentation-page .trend-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;height:100%;transition:all .3s ease;position:relative;overflow:hidden}.documentation-page .trend-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),rgba(var(--primary-rgb),.3));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.documentation-page .trend-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary)}.documentation-page .trend-card:hover:before{transform:scaleX(1)}.documentation-page .trend-card:hover .trend-icon{background:var(--primary);transform:scale(1.1)}.documentation-page .trend-card:hover .trend-icon i{color:#fff}.documentation-page .trend-card .trend-icon{width:48px;height:48px;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease}.documentation-page .trend-card .trend-icon i{font-size:1.5rem;color:var(--primary)}.documentation-page .trend-card h5{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.documentation-page .trend-card p{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0}.documentation-page .trend-card.highlight{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0%,rgba(var(--primary-rgb),.02) 100%)}.documentation-page .trend-card.highlight .trend-icon{background:var(--primary)}.documentation-page .trend-card.highlight .trend-icon i{color:#fff}@media (max-width: 991px){.documentation-page .documentation-hero{padding:3rem 0}.documentation-page .documentation-hero .hero-content .hero-title{font-size:2.5rem}.documentation-page .documentation-hero .hero-content .hero-subtitle{font-size:1.25rem}.documentation-page .documentation-hero .hero-content .hero-icon{width:80px;height:80px}.documentation-page .documentation-hero .hero-content .hero-icon i{font-size:2.5rem}.documentation-page .documentation-content .doc-section{margin-bottom:4rem}.documentation-page .documentation-content .doc-section .section-title{font-size:2rem}.documentation-page .documentation-content .doc-section .subsection-title{font-size:1.5rem}}@media (max-width: 767px){.documentation-page .documentation-hero{padding:2rem 0}.documentation-page .documentation-hero .hero-content .hero-title{font-size:2rem}.documentation-page .documentation-hero .hero-content .hero-subtitle{font-size:1.125rem;margin-bottom:2rem}.documentation-page .documentation-hero .hero-content .hero-stats{gap:1.5rem}.documentation-page .documentation-hero .hero-content .hero-stats .stat-item{font-size:1rem}.documentation-page .documentation-content{padding:3rem 0}.documentation-page .documentation-content .doc-section{margin-bottom:3rem}.documentation-page .documentation-content .doc-section .section-title{font-size:1.75rem;gap:.5rem}.documentation-page .documentation-content .doc-section .section-title i{font-size:1.5rem}.documentation-page .documentation-content .concept-card,.documentation-page .documentation-content .society-value-card,.documentation-page .documentation-content .tech-card,.documentation-page .documentation-content .philosophy-card .card-header,.documentation-page .documentation-content .value-card,.documentation-page .documentation-content .feature-card .feature-header{padding:2rem}.documentation-page .documentation-content .principles-grid,.documentation-page .documentation-content .governance-grid,.documentation-page .documentation-content .security-grid{grid-template-columns:1fr}.documentation-page .documentation-content .roadmap-timeline:before{left:20px;transform:none}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase{padding-left:60px!important;padding-right:0!important;justify-content:flex-start!important}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase:before{left:10px!important;right:auto!important}.documentation-page .documentation-content .roadmap-timeline .roadmap-phase .phase-content{text-align:left!important;max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg)!important;color:var(--text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;font-weight:400;overflow-x:hidden}.main-layout{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.simple-header{background:var(--header-bg);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000;transition:all .3s ease}.simple-header.header-transparent{background:var(--header-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:rgba(var(--primary-rgb),.1);box-shadow:none}.simple-header.header-transparent.menu-open{background:var(--header-bg);backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);border-bottom-color:rgba(var(--primary-rgb),.2);box-shadow:0 10px 50px var(--shadow-lg);transition:all .3s ease}.simple-header.header-transparent .header-brand .brand-icon{color:var(--primary)}.simple-header.header-transparent .header-brand .brand-text{color:var(--text-primary)}.simple-header.header-transparent .menu-toggle .hamburger span{background:var(--primary)}.simple-header.header-transparent .menu-toggle.settings-toggle{color:var(--primary)}.simple-header.header-transparent .btn-outline-primary{border:2px solid rgba(var(--primary-rgb),.8);color:var(--primary);background:var(--surface)}.simple-header.header-transparent .btn-outline-primary:hover{background:var(--primary);border-color:var(--primary);color:var(--bg)}.simple-header.header-transparent .btn-primary{background:var(--primary);border:2px solid var(--primary);color:var(--bg);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.simple-header.header-transparent .btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;min-height:70px}.header-brand .brand-link{display:flex;align-items:center;text-decoration:none;transition:all .3s ease}.header-brand .brand-link:hover{transform:scale(1.02)}.header-brand .brand-icon{color:var(--primary);font-size:1.8rem;margin-right:.75rem;transition:all .3s ease}.header-brand .brand-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.header-brand:hover .brand-icon{transform:rotate(15deg);color:var(--primary-light)}.header-actions{display:flex;align-items:center;gap:1rem}.menu-toggle{background:none;border:none;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s ease}.menu-toggle:hover{background:rgba(var(--primary-rgb),.1)}.menu-toggle.settings-toggle{font-size:1.2rem;color:var(--primary)}.menu-toggle.settings-toggle i{transition:all .3s ease}.menu-toggle.settings-toggle:hover i{transform:rotate(90deg)}.menu-toggle .hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.menu-toggle .hamburger span{width:100%;height:2px;background:var(--primary);border-radius:1px;transition:all .3s ease;transform-origin:center}.menu-toggle .hamburger span:nth-child(1){transform-origin:top left}.menu-toggle .hamburger span:nth-child(3){transform-origin:bottom left}.menu-toggle .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.menu-toggle .hamburger.active span:nth-child(2){opacity:0}.menu-toggle .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}.auth-buttons{display:flex;gap:.75rem;align-items:center}.mega-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--header-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:none;border-bottom:1px solid var(--border-primary);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px var(--shadow-lg);z-index:1000}.mega-dropdown.active{transform:translateY(0);opacity:1;visibility:visible}.header-transparent .mega-dropdown.active{background:var(--header-bg);backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);border-top-color:var(--border-primary);border-bottom-color:var(--border-primary);box-shadow:0 10px 50px var(--shadow-lg),inset 0 0 0 1px var(--border-secondary)}.mega-menu{padding:3rem;min-height:400px;display:flex;align-items:stretch;position:relative;z-index:1}.mega-menu .row{width:100%;display:flex;align-items:stretch}.mega-menu .mega-section{height:100%;display:flex;flex-direction:column;min-height:320px}.mega-menu .mega-links{flex:1;display:flex;flex-direction:column;gap:.75rem}.mega-menu .mega-title{color:var(--primary);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.mega-menu .mega-title i{color:var(--primary);font-size:1.2rem}.mega-menu .mega-link{display:flex;align-items:flex-start;gap:1rem;color:var(--text-secondary);text-decoration:none;padding:1.25rem;border-radius:12px;background:var(--surface);border:1px solid var(--border-secondary);transition:all .3s ease;width:100%}.header-transparent .mega-menu .mega-link{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-primary)}.mega-menu .mega-link i{color:var(--primary);font-size:1.2rem;width:20px;flex-shrink:0;margin-top:.1rem;transition:all .3s ease}.mega-menu .mega-link div{flex:1}.mega-menu .mega-link .link-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.mega-menu .mega-link .link-desc{color:var(--text-tertiary);font-size:.85rem;line-height:1.4}.mega-menu .mega-link:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-2px)}.mega-menu .mega-link:hover i{color:var(--primary);transform:scale(1.1)}.mega-menu .mega-link:hover .link-title{color:var(--primary)}.mega-menu .mega-link:hover .link-desc{color:var(--text-secondary)}.mega-menu .mega-cta{background:linear-gradient(145deg,var(--surface-hover) 0%,var(--surface) 100%);border:2px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;height:100%}.header-transparent .mega-menu .mega-cta{background:linear-gradient(145deg,rgba(var(--bg),.7) 0%,rgba(var(--bg),.6) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:rgba(var(--primary-rgb),.3);border-width:2px}.mega-menu .mega-cta:hover{border-color:rgba(var(--primary-rgb),.4);background:linear-gradient(145deg,rgba(var(--primary-rgb),.15) 0%,rgba(var(--primary-rgb),.08) 100%);transform:translateY(-2px)}.mega-menu .cta-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.mega-menu .cta-icon i{color:var(--bg);font-size:1.8rem}.mega-menu .cta-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.mega-menu .cta-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}.mega-menu .cta-actions .btn{font-size:.9rem;font-weight:600;padding:.75rem 1rem}.mega-menu .cta-actions .btn i{font-size:.85rem}.featured-dreams{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-height:240px;overflow-y:auto;padding-right:.5rem}.featured-dreams::-webkit-scrollbar{width:4px}.featured-dreams::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.featured-dreams::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.featured-dreams::-webkit-scrollbar-thumb:hover{background:var(--primary)}.featured-dream{display:flex;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;transition:all .3s ease;cursor:pointer}.featured-dream:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(2px)}.featured-dream .dream-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface) 100%);border:1px solid var(--border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-dream .dream-icon i{color:var(--primary);font-size:1rem}.featured-dream .dream-content{flex:1;min-width:0}.featured-dream .dream-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-dream .dream-excerpt{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.5rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.featured-dream .dream-meta{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.featured-dream .dream-meta .dream-author{color:var(--text-muted)}.featured-dream .dream-meta .dream-likes{color:var(--primary);display:flex;align-items:center;gap:.25rem}.featured-dream .dream-meta .dream-likes i{font-size:.65rem}.dream-cta{margin-top:auto}.dream-cta .btn{font-size:.9rem;font-weight:600;padding:.6rem 1rem}.settings-dropdown .settings-menu{padding:3rem;min-height:400px;display:flex;align-items:stretch;position:relative;z-index:1}.settings-dropdown .settings-menu .row{width:100%;display:flex;align-items:stretch}.settings-dropdown .settings-menu .border-end{border-color:var(--border-primary)!important}.settings-dropdown .settings-section{height:100%;min-height:320px;max-height:320px;position:relative;display:flex;flex-direction:column;overflow:hidden}.settings-dropdown .settings-section.settings-intro .intro-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface) 100%);border:2px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.settings-dropdown .settings-section.settings-intro .intro-icon i{font-size:1.8rem;color:var(--primary)}.settings-dropdown .settings-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.settings-dropdown .settings-title .text-primary{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-lighter) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-dropdown .settings-description{color:var(--text-tertiary);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.settings-dropdown .settings-stats{display:flex;gap:1.5rem}.settings-dropdown .settings-stats .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.settings-dropdown .settings-stats .stat-item i{color:var(--primary);font-size:1rem}.settings-dropdown .settings-subtitle{color:var(--primary);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.settings-dropdown .settings-subtitle i{color:var(--primary);font-size:1.2rem;margin-right:.5rem}.settings-dropdown .control-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.settings-dropdown .control-group:last-child{margin-bottom:0}.settings-dropdown .control-group label{display:block;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem;font-size:.9rem;flex-shrink:0}.settings-dropdown .control-group:has(.color-selector-wrapper){flex:1;min-height:0;overflow:hidden}.settings-dropdown .control-group.mode-toggle{background:var(--surface);padding:.75rem;border-radius:8px;margin-bottom:1rem;flex-shrink:0}.settings-dropdown .control-group.mode-toggle .toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;margin-bottom:0}.settings-dropdown .control-group.mode-toggle .toggle-input{display:none}.settings-dropdown .control-group.mode-toggle .toggle-slider{position:relative;width:50px;height:26px;background:var(--surface-hover);border-radius:13px;transition:all .3s ease}.settings-dropdown .control-group.mode-toggle .toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:all .3s ease}.settings-dropdown .control-group.mode-toggle .toggle-slider.theme-mode-slider{width:60px;height:30px;background:#1a1a2e;border:2px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 5px}.settings-dropdown .control-group.mode-toggle .toggle-slider.theme-mode-slider i{font-size:.9rem;transition:all .3s ease;z-index:1}.settings-dropdown .control-group.mode-toggle .toggle-slider.theme-mode-slider i.bi-moon-stars-fill{color:var(--primary)}.settings-dropdown .control-group.mode-toggle .toggle-slider.theme-mode-slider i.bi-sun-fill{color:#666}.settings-dropdown .control-group.mode-toggle .toggle-slider.theme-mode-slider:after{width:24px;height:24px;background:var(--primary);z-index:0}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider{background:var(--primary)}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider:after{transform:translate(24px)}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider.theme-mode-slider{background:#f0f0f0;border-color:var(--primary)}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider.theme-mode-slider i.bi-moon-stars-fill{color:#999}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider.theme-mode-slider i.bi-sun-fill{color:#f59e0b}.settings-dropdown .control-group.mode-toggle .toggle-input:checked+.toggle-slider.theme-mode-slider:after{transform:translate(30px);background:white;box-shadow:0 2px 4px #0003}.settings-dropdown .control-group.mode-toggle .toggle-text{color:var(--text-primary);font-weight:500}.settings-dropdown .control-group.mode-toggle .text-muted{font-size:.85rem;color:var(--text-tertiary)!important;margin-left:66px}.settings-dropdown .control-group .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;transition:all .3s ease;width:100%}.settings-dropdown .control-group .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem var(--glow);color:var(--text-primary)}.settings-dropdown .control-group .form-select option{background:var(--bg-secondary);color:var(--text-primary)}.settings-dropdown .control-group .form-range{width:100%;height:5px;background:var(--surface-hover);border-radius:3px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:.5rem}.settings-dropdown .control-group .form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);cursor:pointer;border-radius:50%;transition:all .3s ease}.settings-dropdown .control-group .form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.settings-dropdown .control-group .form-range::-moz-range-thumb{width:20px;height:20px;background:var(--primary);cursor:pointer;border-radius:50%;border:none;transition:all .3s ease}.settings-dropdown .control-group .form-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.settings-dropdown .weather-controls-wrapper{flex:1;overflow:hidden;position:relative}.settings-dropdown .weather-controls{display:flex;flex-direction:column;gap:1rem;height:200px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.settings-dropdown .weather-controls::-webkit-scrollbar{width:4px}.settings-dropdown .weather-controls::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.settings-dropdown .weather-controls::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.settings-dropdown .weather-controls::-webkit-scrollbar-thumb:hover{background:var(--primary)}.settings-dropdown .weather-controls .control-group{margin-bottom:1rem}.settings-dropdown .weather-controls .control-group:last-child{margin-bottom:0}.settings-dropdown .intensity-controls{display:flex;gap:.5rem}.settings-dropdown .intensity-controls .intensity-btn{flex:1;padding:.5rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.settings-dropdown .intensity-controls .intensity-btn i{font-size:.9rem}.settings-dropdown .intensity-controls .intensity-btn span{font-size:.7rem}.settings-dropdown .intensity-controls .intensity-btn:hover{border-color:var(--primary);color:var(--text-primary);background:var(--surface-hover)}.settings-dropdown .intensity-controls .intensity-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.settings-dropdown .dream-land-text{font-size:1.4em;font-weight:700;letter-spacing:-.02em}.settings-dropdown .color-palette{display:flex;flex-direction:column;gap:.75rem}.settings-dropdown .color-palette .color-row{display:flex;gap:.75rem}.settings-dropdown .color-palette .color-btn{width:36px;height:36px;border-radius:10px;border:2px solid var(--border-secondary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.settings-dropdown .color-palette .color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:1rem;opacity:0;transition:all .3s ease}.settings-dropdown .color-palette .color-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--surface-hover) 0%,transparent 50%);opacity:0;transition:all .3s ease}.settings-dropdown .color-palette .color-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--shadow-md)}.settings-dropdown .color-palette .color-btn:hover:before{opacity:1}.settings-dropdown .color-palette .color-btn.active{border-color:var(--text-primary);box-shadow:0 0 0 3px #ffffff4d}.settings-dropdown .color-palette .color-btn.active i{opacity:1}.settings-dropdown .color-selector-wrapper{flex:1;overflow:hidden;position:relative}.settings-dropdown .color-selector{display:flex;flex-direction:column;gap:.75rem;height:200px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;padding-bottom:1rem}.settings-dropdown .color-selector::-webkit-scrollbar{width:4px}.settings-dropdown .color-selector::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.settings-dropdown .color-selector::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.settings-dropdown .color-selector::-webkit-scrollbar-thumb:hover{background:var(--primary)}.settings-dropdown .color-selector .color-family{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.settings-dropdown .color-selector .color-family .color-family-title{width:100%;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.settings-dropdown .color-selector .color-family .color-btn{flex:0 0 auto}.settings-dropdown .color-selector .color-btn{width:42px;height:42px;border-radius:10px;border:2px solid var(--border-secondary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.settings-dropdown .color-selector .color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;opacity:0;transition:all .3s ease;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.settings-dropdown .color-selector .color-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%);opacity:0;transition:all .3s ease}.settings-dropdown .color-selector .color-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 20px #0000004d;border-color:var(--border-primary)}.settings-dropdown .color-selector .color-btn:hover:before{opacity:1}.settings-dropdown .color-selector .color-btn.active{border-width:3px;transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.settings-dropdown .color-selector .color-btn.active i{opacity:1;font-weight:700}.settings-dropdown .color-selector .color-btn.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--text-primary);border-radius:12px;opacity:.3}.settings-dropdown .language-selector-wrapper{flex:1;overflow:hidden;position:relative}.settings-dropdown .language-selector{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.settings-dropdown .language-selector::-webkit-scrollbar{width:4px}.settings-dropdown .language-selector::-webkit-scrollbar-track{background:var(--surface);border-radius:2px}.settings-dropdown .language-selector::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.settings-dropdown .language-selector::-webkit-scrollbar-thumb:hover{background:var(--primary)}.settings-dropdown .language-selector .lang-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.settings-dropdown .language-selector .lang-btn .flag{font-size:1.5rem;width:30px;text-align:center}.settings-dropdown .language-selector .lang-btn .lang-info{display:flex;flex-direction:column;align-items:flex-start}.settings-dropdown .language-selector .lang-btn .lang-info .lang-name{color:var(--text-secondary);font-weight:500;font-size:.9rem}.settings-dropdown .language-selector .lang-btn .lang-info .lang-region{color:var(--text-muted);font-size:.75rem}.settings-dropdown .language-selector .lang-btn:hover{border-color:var(--primary);background:var(--surface-hover);transform:translate(5px)}.settings-dropdown .language-selector .lang-btn:hover .lang-name{color:var(--text-primary)}.settings-dropdown .language-selector .lang-btn.active{position:relative;border-color:var(--primary);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--border-primary)}.settings-dropdown .language-selector .lang-btn.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0}@media (max-width: 768px){.simple-header{position:fixed;top:0;width:100%;z-index:1000}.simple-header.header-transparent{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}.main-content{margin-top:60px}.hero-section.hero-with-weather{margin-top:-60px;padding-top:60px}.header-nav{padding:.75rem 0;min-height:60px}.header-brand .brand-text{font-size:1.2rem}.header-brand .brand-icon{font-size:1.4rem;margin-right:.5rem}.header-actions{gap:.75rem}.menu-toggle{padding:.5rem}.menu-toggle.settings-toggle{font-size:1.1rem}.menu-toggle .hamburger{width:22px;height:16px}.auth-buttons{display:none}.mega-dropdown{display:none!important}}@media (max-width: 576px){.header-actions{gap:.5rem}.auth-buttons{display:none}.mega-dropdown .row{--bs-gutter-x: 1rem}.mega-dropdown .col-lg-3{margin-bottom:1.5rem}.mega-dropdown .mega-menu{padding:1.5rem}}.main-content{flex:1;background:var(--bg)}.hero-section{min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--bg)}.hero-section.hero-with-weather{min-height:100vh;margin-top:-80px;padding-top:80px}@media (max-width: 768px){.hero-section.hero-with-weather{margin-top:-70px;padding-top:70px;min-height:auto;padding-bottom:3rem}}@media (max-width: 575px){.hero-section.hero-with-weather{padding-bottom:2rem}}.hero-section.hero-with-weather .hero-container{position:relative;z-index:5;padding-top:2rem}@media (max-width: 991px){.hero-section.hero-with-weather .hero-container{padding-top:1.5rem}}@media (max-width: 768px){.hero-section.hero-with-weather .hero-container{padding-top:1rem}}.hero-content{position:relative;z-index:10;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:1px solid rgba(var(--primary-rgb),.15);box-shadow:0 20px 40px rgba(var(--bg),.3)}@media (max-width: 768px){.hero-content{background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;text-align:center}}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:2rem;letter-spacing:-1px}.hero-title .highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-lighter) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.375rem;font-weight:300;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;line-height:1.6}.hero-buttons-container{display:flex;justify-content:center;width:100%}.gradient-separator{height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);margin:0}.content-section{padding:3rem 0;background:var(--bg)}.content-section.with-bg{background:var(--bg-secondary)}@media (min-width: 576px){.content-section{padding:4rem 0}}@media (min-width: 768px){.content-section{padding:5rem 0}}@media (min-width: 992px){.content-section{padding:6rem 0}}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem;letter-spacing:-.5px}.section-title .accent{color:var(--primary)}@media (min-width: 576px){.section-title{font-size:2.25rem}}@media (min-width: 768px){.section-title{font-size:2.5rem}}@media (min-width: 992px){.section-title{font-size:2.75rem}}.section-subtitle{font-size:1.25rem;font-weight:300;text-align:center;color:var(--text-tertiary);margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.feature-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.8) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:12px;padding:2rem 1.5rem;height:100%;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3)}.feature-card:hover:before{opacity:1}@media (min-width: 768px){.feature-card{padding:2.5rem 2rem}}@media (min-width: 992px){.feature-card{padding:3rem 2rem}}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0%,rgba(var(--primary-rgb),.05) 100%);border:2px solid rgba(var(--primary-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;color:var(--primary);transition:all .4s ease}@media (min-width: 768px){.feature-icon{width:65px;height:65px;font-size:1.6rem;margin-bottom:1.75rem}}@media (min-width: 992px){.feature-icon{width:70px;height:70px;font-size:1.75rem;margin-bottom:2rem}}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 10px 30px rgba(var(--primary-rgb),.3)}.feature-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);text-align:center;line-height:1.7;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin:4rem 0}.stat-item{text-align:center;padding:2rem;background:linear-gradient(145deg,rgba(var(--primary-rgb),.03) 0%,transparent 100%);border:1px solid rgba(var(--primary-rgb),.1);transition:all .3s ease}.stat-item:hover{border-color:rgba(var(--primary-rgb),.3);transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem;font-family:Inter,sans-serif}.stat-label{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.btn{font-weight:600;padding:.75rem 1.5rem;border-radius:0;text-transform:none;letter-spacing:.3px;transition:all .3s ease;position:relative;overflow:hidden;font-size:.95rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;color:var(--bg);box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(var(--primary-rgb),.4);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-lighter) 100%);color:var(--bg)}.btn-outline-primary{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline-primary:hover{background:var(--primary);color:var(--bg);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.footer-separator{height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%);margin:0}.footer{background:var(--bg);padding:4rem 0 2rem;border-top:1px solid rgba(var(--primary-rgb),.1)}.footer-content{color:var(--text-secondary)}.footer-content h5{color:var(--primary);font-weight:600;margin-bottom:1rem}.footer-content p{line-height:1.7}.form-control{background:rgba(var(--bg-secondary),.8);border:1px solid rgba(var(--primary-rgb),.2);color:var(--text-primary);padding:1rem;font-size:1rem}.form-control:focus{background:rgba(var(--bg-secondary),.9);border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.form-control::placeholder{color:var(--text-muted)}.form-label{color:var(--text-primary);font-weight:500;margin-bottom:.75rem}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,rgba(var(--primary-rgb),.03) 100%);display:flex;align-items:center;justify-content:center}.auth-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.2);padding:3rem;max-width:450px;width:100%;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.auth-logo{text-align:center;margin-bottom:2.5rem}.auth-logo i{font-size:4rem;color:var(--primary);margin-bottom:1rem}.auth-logo h2{font-weight:600;color:var(--text-primary)}.alert{border:none;border-radius:0}.alert-danger{background:rgba(var(--error),.1);color:var(--error);border-left:3px solid var(--error)}.alert-info{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-left:3px solid var(--primary)}.badge.bg-primary{background-color:var(--primary)!important;color:var(--text-primary)!important}.badge.bg-primary.bg-opacity-20{background-color:rgba(var(--primary-rgb),.2)!important;color:var(--primary)!important}.btn-outline-primary{color:var(--primary)!important;border-color:var(--primary)!important;background:transparent!important}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{color:var(--bg)!important;background-color:var(--primary)!important;border-color:var(--primary)!important}.text-primary{color:var(--primary)!important}.text-muted{color:var(--text-tertiary)!important}.bg-dark{background:var(--bg-secondary)!important}.hero-globe{display:flex;justify-content:center;align-items:center;height:500px;position:relative;z-index:20}.hero-globe canvas{max-width:100%;height:auto;position:relative;z-index:1}@media (max-width: 991px){.hero-globe{height:400px;margin-top:3rem}}@media (max-width: 768px){.hero-globe{height:350px;margin-top:4rem;margin-bottom:2rem}}@media (max-width: 575px){.hero-globe{height:300px;margin-top:5rem;margin-bottom:3rem}}.chatbot-floating-btn{position:fixed!important;bottom:2rem!important;right:2rem!important;width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;border:none;color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:9999;transition:all .3s ease;box-shadow:var(--shadow-md)}.chatbot-floating-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}.chatbot-floating-btn.active,.chatbot-floating-btn.active:hover{background:linear-gradient(135deg,var(--error) 0%,var(--error) 100%)}.chatbot-floating-btn i{transition:all .3s ease}.chatbot-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.chatbot-container{position:fixed;bottom:6rem;right:2rem;width:380px;height:500px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:12px;z-index:9998;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatbot-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.chatbot-header{background:var(--header-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:1rem}.chatbot-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface) 100%);border:2px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.2rem}.chatbot-info{flex:1}.chatbot-info h4{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.chatbot-info span{color:var(--text-tertiary);font-size:.85rem}.chatbot-actions .btn-reset{background:transparent;border:1px solid var(--border-secondary);color:var(--primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease;cursor:pointer}.chatbot-actions .btn-reset:hover{background:var(--surface-hover);border-color:var(--primary)}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:rgba(var(--text-muted),.1)}.chatbot-messages::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.3);border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.5)}.message{display:flex;gap:.75rem;align-items:flex-start}.message.user{flex-direction:row-reverse}.message.user .message-content{align-items:flex-end}.message.user .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg);border-radius:18px 18px 6px}.message.bot .message-bubble{background:var(--surface);color:var(--text-primary);border-radius:18px 18px 18px 6px}.message-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--surface-hover) 0%,var(--surface) 100%);border:1px solid var(--border-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.8rem;flex-shrink:0;margin-top:.2rem}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:75%}.message-bubble{padding:.75rem 1rem;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.message-bubble p{margin:0;white-space:pre-line}.message-bubble.typing{padding:1rem}.message-options{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.option-btn{background:transparent;border:1px solid var(--border-secondary);color:var(--primary);padding:.5rem .75rem;border-radius:20px;font-size:.85rem;text-align:left;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-btn:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(2px)}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.pricing-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;padding:2.5rem 2rem;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0)}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.pricing-card:hover{transform:translateY(-12px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 25px 50px rgba(var(--primary-rgb),.15)}.pricing-card:hover:before{opacity:1}.pricing-card:hover .pricing-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 30px rgba(var(--primary-rgb),.4)}.pricing-card:hover .pricing-features .pricing-feature{transform:translate(5px)}.pricing-card.popular{transform:scale(1.05);border-color:rgba(var(--primary-rgb),.4);box-shadow:0 15px 40px rgba(var(--primary-rgb),.2)}.pricing-card.popular:before{opacity:1;background:linear-gradient(90deg,transparent 0%,var(--primary) 50%,transparent 100%)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-12px)}.pricing-card.premium .pricing-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.15) 100%);border-color:rgba(var(--primary-rgb),.5);color:var(--primary)}.pricing-card.premium:hover .pricing-icon{box-shadow:0 15px 30px rgba(var(--primary-rgb),.5)}.popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg);padding:.5rem 1.5rem;border-radius:0 0 12px 12px;font-size:.85rem;font-weight:600;z-index:2}.popular-badge i{margin-right:.5rem}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-icon{width:70px;height:70px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2) 0%,rgba(var(--primary-rgb),.1) 100%);border:2px solid rgba(var(--primary-rgb),.4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;color:var(--primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.pricing-price{margin-bottom:1rem}.pricing-price .price-amount{font-size:2.2rem;font-weight:800;color:var(--primary);display:block;line-height:1}.pricing-price .price-period{font-size:.9rem;color:var(--text-tertiary);font-weight:400}.pricing-description{color:var(--text-secondary);font-size:1rem;margin-bottom:0;font-style:italic}.pricing-features{margin:2rem 0}.pricing-feature{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;transition:all .3s ease}.pricing-feature i{color:var(--primary);font-size:1rem;flex-shrink:0}.pricing-feature span{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.pricing-action{margin-top:auto}.pricing-action .btn{padding:.875rem 1.5rem;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.pricing-action .btn:hover{transform:translateY(-2px)}.blog-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(var(--bg-secondary),.9) 100%);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;overflow:hidden;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.blog-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card:hover .blog-overlay{opacity:1}.blog-card:hover .blog-link{color:var(--primary)}.blog-card:hover .blog-link i{transform:translate(5px)}.blog-image{position:relative;height:220px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(var(--bg),.1) 50%,rgba(var(--bg),.7) 100%)}.blog-overlay{position:absolute;top:1rem;left:1rem;z-index:2;opacity:.9;transition:opacity .3s ease}.blog-category{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-content{padding:1.5rem;display:flex;flex-direction:column;height:calc(100% - 220px)}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:var(--text-tertiary)}.blog-meta time{color:var(--primary);font-weight:500}.blog-meta .blog-read-time{display:flex;align-items:center;gap:.3rem}.blog-meta .blog-read-time i{font-size:.75rem}.blog-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.blog-title:hover{color:var(--primary)}.blog-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:auto}.blog-link i{font-size:.8rem;transition:transform .3s ease}.blog-link:hover{color:var(--primary)}@media (max-width: 768px){.blog-card .blog-image{height:180px}.blog-card .blog-content{padding:1.25rem;height:calc(100% - 180px)}.blog-card .blog-title{font-size:1.1rem}.blog-card .blog-excerpt{font-size:.9rem}}@media (max-width: 992px){.pricing-card.popular{transform:scale(1);margin-top:0}.pricing-card.popular:hover{transform:translateY(-8px)}}@media (max-width: 768px){.pricing-card{padding:2rem 1.5rem}.pricing-card .pricing-icon{width:60px;height:60px;font-size:1.5rem}.pricing-card .pricing-title{font-size:1.3rem}.pricing-card .pricing-price .price-amount{font-size:1.8rem}}@media (max-width: 480px){.chatbot-container{width:calc(100vw - 2rem);right:1rem;bottom:5rem;height:450px}.chatbot-floating-btn{right:1rem;bottom:1rem;width:55px;height:55px;font-size:1.3rem}}@media (max-width: 768px){.hero-section{min-height:70vh;padding:2rem 0}.section-title{font-size:2rem}.content-section{padding:4rem 0}.stats-grid{grid-template-columns:1fr;gap:2rem}.nav-link{margin:0 .5rem}.hero-content{margin-bottom:2rem}}.mobile-sidebar{position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:var(--bg);border-left:1px solid var(--border-primary);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1002;display:flex;flex-direction:column;overflow:hidden}.mobile-sidebar.active{transform:translate(0);box-shadow:-10px 0 30px #0000004d}.mobile-sidebar.settings-sidebar .mobile-sidebar-header{background:var(--surface);border-bottom-color:var(--border-secondary)}@media (max-width: 480px){.mobile-sidebar{width:100%;max-width:none;border-left:none}}.mobile-sidebar-header{background:var(--header-bg);padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mobile-sidebar-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.mobile-sidebar-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-sidebar-header .close-btn:hover{color:var(--primary);transform:rotate(90deg)}.mobile-sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.mobile-sidebar-content::-webkit-scrollbar{width:4px}.mobile-sidebar-content::-webkit-scrollbar-track{background:var(--surface)}.mobile-sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.mobile-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.mobile-nav-section{margin-bottom:2rem}.mobile-nav-section h4{color:var(--primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center}.mobile-nav-section h4 i{font-size:1rem}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-links a{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.mobile-nav-links a i{color:var(--primary);font-size:1.1rem;width:20px;text-align:center}.mobile-nav-links a span{font-size:.95rem;font-weight:500}.mobile-nav-links a:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(5px)}.mobile-nav-links a:hover span{color:var(--text-primary)}.mobile-sidebar-footer{padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--surface);display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.mobile-sidebar-footer .btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.mobile-sidebar-footer .btn.btn-block{display:block}.mobile-settings-section{margin-bottom:2rem}.mobile-settings-section h4{color:var(--primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center}.mobile-settings-section h4 i{font-size:1rem}.mobile-control-group{margin-bottom:1rem}.mobile-control-group>label:first-child:not(.toggle-label){display:block;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.mobile-control-group .form-select,.mobile-control-group .form-range{width:100%}.mobile-control-group .toggle-label{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:.75rem 1rem;border-radius:8px;cursor:pointer}.mobile-control-group .toggle-label span:first-child{color:var(--text-secondary);font-weight:500}.mobile-control-group .toggle-label .toggle-slider{margin:0 .75rem}.mobile-control-group .toggle-label .toggle-text{font-size:.85rem;color:var(--text-primary);min-width:50px;text-align:right}.toggle-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label .toggle-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-label .toggle-slider{position:relative;width:48px;height:24px;background:var(--surface-hover);border-radius:24px;transition:all .3s ease;margin-right:.75rem}.toggle-label .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:all .3s ease}.toggle-label .toggle-slider.theme-mode-slider{width:56px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.toggle-label .toggle-slider.theme-mode-slider i{font-size:.75rem;position:relative;z-index:1}.toggle-label .toggle-slider.theme-mode-slider i:first-child{color:var(--text-secondary)}.toggle-label .toggle-slider.theme-mode-slider i:last-child{color:#ffffff80}.toggle-label .toggle-slider.theme-mode-slider:before{z-index:2}.toggle-label .toggle-input:checked+.toggle-slider{background:var(--primary)}.toggle-label .toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label .toggle-input:checked+.toggle-slider.theme-mode-slider i:first-child{color:#ffffff80}.toggle-label .toggle-input:checked+.toggle-slider.theme-mode-slider i:last-child{color:var(--text-secondary)}.toggle-label .toggle-input:checked+.toggle-slider.theme-mode-slider:before{transform:translate(32px)}.toggle-label .toggle-text{font-size:.9rem;color:var(--text-primary);font-weight:500}.mobile-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.mobile-color-grid .color-btn{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid var(--border-secondary);cursor:pointer;transition:all .3s ease;position:relative}.mobile-color-grid .color-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1rem;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.mobile-color-grid .color-btn:hover{transform:scale(1.1);border-color:var(--border-primary)}.mobile-color-grid .color-btn.active{border-color:var(--text-primary);border-width:3px}.mobile-color-grid .color-btn.active i{opacity:1}.mobile-lang-list{display:flex;flex-direction:column;gap:.5rem}.mobile-lang-list .lang-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:var(--text-secondary);text-align:left}.mobile-lang-list .lang-btn .flag{font-size:1.25rem}.mobile-lang-list .lang-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--text-primary)}.mobile-lang-list .lang-btn.active{border-color:var(--primary);background:var(--surface-active);color:var(--text-primary);position:relative}.mobile-lang-list .lang-btn.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001;opacity:1;transition:opacity .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (max-width: 768px){body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}}:root{--toast-spacing: 1rem;--toast-padding: 1rem;--toast-min-width: 300px;--toast-max-width: 500px;--toast-radius: .5rem;--toast-animation-duration: .3s;--toast-z-index: 10000;--toast-success-bg: #198754;--toast-success-border: #146c43;--toast-success-text: #ffffff;--toast-error-bg: #dc3545;--toast-error-border: #b02a37;--toast-error-text: #ffffff;--toast-warning-bg: #ffc107;--toast-warning-border: #e0a800;--toast-warning-text: #000000;--toast-info-bg: #0dcaf0;--toast-info-border: #0aa2c0;--toast-info-text: #000000}[data-theme=dark] :root{--toast-success-bg: rgba(25, 135, 84, .9);--toast-error-bg: rgba(220, 53, 69, .9);--toast-warning-bg: rgba(255, 193, 7, .9);--toast-info-bg: rgba(13, 202, 240, .9)}.toast-item{position:relative;display:flex;flex-direction:column;min-width:var(--toast-min-width);max-width:var(--toast-max-width);margin-bottom:var(--toast-spacing);border-radius:var(--toast-radius);overflow:hidden;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--toast-animation-duration) ease;background:var(--bg-secondary);border:1px solid var(--border-primary)}.toast-item.toast-success .toast-icon{color:var(--toast-success-bg)}.toast-item.toast-success .toast-progress-bar{background-color:var(--toast-success-bg)}.toast-item.toast-error .toast-icon{color:var(--toast-error-bg)}.toast-item.toast-error .toast-progress-bar{background-color:var(--toast-error-bg)}.toast-item.toast-warning .toast-icon{color:var(--toast-warning-bg)}.toast-item.toast-warning .toast-progress-bar{background-color:var(--toast-warning-bg)}.toast-item.toast-info .toast-icon{color:var(--toast-info-bg)}.toast-item.toast-info .toast-progress-bar{background-color:var(--toast-info-bg)}.toast-item.toast-enter{animation:slideIn var(--toast-animation-duration) ease forwards}.toast-item.toast-exit{animation:slideOut var(--toast-animation-duration) ease forwards}.toast-content{display:flex;align-items:flex-start;padding:var(--toast-padding);gap:.75rem}.toast-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.toast-body{flex:1;min-width:0}.toast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.toast-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;margin-left:1rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.toast-close:hover{background:var(--surface);color:var(--text-primary)}.toast-close i{font-size:1.25rem}.toast-message{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;word-wrap:break-word}.toast-actions{margin-top:.75rem}.toast-action{background:none;border:1px solid var(--border-primary);color:var(--text-primary);padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.toast-action:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--surface);overflow:hidden}.toast-progress-bar{height:100%;transition:width .1s linear;opacity:.8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-container-top-left .toast-item.toast-enter,.toast-container-bottom-left .toast-item.toast-enter{animation:slideInLeft var(--toast-animation-duration) ease forwards}.toast-container-top-left .toast-item.toast-exit,.toast-container-bottom-left .toast-item.toast-exit{animation:slideOutLeft var(--toast-animation-duration) ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.toast-container{position:fixed;z-index:var(--toast-z-index);pointer-events:none}.toast-container>*{pointer-events:auto}.toast-container.toast-container-top-right{top:var(--toast-spacing);right:var(--toast-spacing)}.toast-container.toast-container-top-left{top:var(--toast-spacing);left:var(--toast-spacing)}.toast-container.toast-container-top-center{top:var(--toast-spacing);left:50%;transform:translate(-50%)}.toast-container.toast-container-bottom-right{bottom:var(--toast-spacing);right:var(--toast-spacing)}.toast-container.toast-container-bottom-left{bottom:var(--toast-spacing);left:var(--toast-spacing)}.toast-container.toast-container-bottom-center{bottom:var(--toast-spacing);left:50%;transform:translate(-50%)}@media (max-width: 576px){.toast-container.toast-container-top-right,.toast-container.toast-container-top-left,.toast-container.toast-container-bottom-right,.toast-container.toast-container-bottom-left{left:var(--toast-spacing);right:var(--toast-spacing)}.toast-container.toast-container-top-center,.toast-container.toast-container-bottom-center{transform:none;left:var(--toast-spacing);right:var(--toast-spacing)}.toast-container .toast-item{min-width:auto;max-width:none}}.crud-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.crud-modal{background:var(--bg-secondary);border-radius:var(--crud-radius-lg);box-shadow:0 10px 40px #0000004d;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease;border:1px solid var(--border-primary)}.crud-modal.crud-modal-sm{width:90%;max-width:400px}.crud-modal.crud-modal-md{width:90%;max-width:600px}.crud-modal.crud-modal-lg{width:90%;max-width:900px}.crud-modal.crud-modal-xl{width:90%;max-width:1200px}.crud-modal-header{padding:var(--crud-spacing-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.crud-modal-header .crud-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.crud-modal-header .crud-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--crud-radius-sm);transition:var(--crud-transition)}.crud-modal-header .crud-modal-close:hover{background:var(--surface);color:var(--text-primary)}.crud-modal-body{padding:var(--crud-spacing-lg);overflow-y:auto;flex:1}.crud-modal-footer{padding:var(--crud-spacing-lg);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--crud-spacing-sm)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}body.modal-open{overflow:hidden}.crud-modal-body .form-control,.crud-modal-body .form-select{background-color:var(--bg);border-color:var(--border-primary);color:var(--text-primary);transition:var(--crud-transition)}.crud-modal-body .form-control:focus,.crud-modal-body .form-select:focus{background-color:var(--bg);border-color:var(--primary);color:var(--text-primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-modal-body .form-control::placeholder,.crud-modal-body .form-select::placeholder{color:var(--text-secondary)}.crud-modal-body .form-control:disabled,.crud-modal-body .form-select:disabled{background-color:var(--surface);border-color:var(--border-secondary);color:var(--text-disabled)}.crud-modal-body .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.crud-modal-body .form-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.crud-modal-body input[type=file].form-control::file-selector-button{background-color:var(--surface);border:0;border-right:1px solid var(--border-primary);color:var(--text-primary);margin-right:.75rem;padding:.375rem .75rem;transition:var(--crud-transition)}.crud-modal-body input[type=file].form-control::file-selector-button:hover{background-color:var(--bg-hover)}.crud-modal-body .form-label{color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.crud-modal-body .form-text,.crud-modal-body .text-muted{color:var(--text-secondary)!important}.crud-modal-body .form-check-input{background-color:var(--bg);border-color:var(--border-primary)}.crud-modal-body .form-check-input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.crud-modal-body .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.crud-modal-body .form-check-input:disabled{background-color:var(--surface);border-color:var(--border-secondary)}.crud-modal-body .form-check-label{color:var(--text-primary)}.crud-modal-body .text-danger{color:var(--danger)!important}.crud-modal-form-content .crud-form{margin:0}.crud-modal-form-content .crud-form-section-header{margin-top:1.5rem}.crud-modal-form-content .crud-form-section-header:first-child{margin-top:0}.crud-modal-form-content .crud-form-section-header h5{font-size:1.1rem;display:flex;align-items:center}.crud-modal-form-content .crud-form-section-header h5 i{font-size:1.2rem}.crud-import-content p,.crud-export-content p,.crud-print-content p,.crud-delete-confirm p{color:var(--text-primary);margin-bottom:1rem}.crud-import-content small,.crud-export-content small,.crud-print-content small,.crud-delete-confirm small{color:var(--text-secondary)}.crud-import-content .btn.btn-primary,.crud-export-content .btn.btn-primary,.crud-print-content .btn.btn-primary,.crud-delete-confirm .btn.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.crud-import-content .btn.btn-primary:hover,.crud-export-content .btn.btn-primary:hover,.crud-print-content .btn.btn-primary:hover,.crud-delete-confirm .btn.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.crud-import-content .btn.btn-primary:disabled,.crud-export-content .btn.btn-primary:disabled,.crud-print-content .btn.btn-primary:disabled,.crud-delete-confirm .btn.btn-primary:disabled{background-color:var(--primary);border-color:var(--primary);opacity:.5}.crud-import-content .btn.btn-secondary,.crud-export-content .btn.btn-secondary,.crud-print-content .btn.btn-secondary,.crud-delete-confirm .btn.btn-secondary{background-color:var(--surface);border-color:var(--border-primary);color:var(--text-primary)}.crud-import-content .btn.btn-secondary:hover,.crud-export-content .btn.btn-secondary:hover,.crud-print-content .btn.btn-secondary:hover,.crud-delete-confirm .btn.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-primary)}.crud-import-content .btn.btn-danger,.crud-export-content .btn.btn-danger,.crud-print-content .btn.btn-danger,.crud-delete-confirm .btn.btn-danger{background-color:var(--danger);border-color:var(--danger);color:#fff}.crud-import-content .btn.btn-danger:hover,.crud-export-content .btn.btn-danger:hover,.crud-print-content .btn.btn-danger:hover,.crud-delete-confirm .btn.btn-danger:hover{background-color:var(--danger-hover);border-color:var(--danger-hover)}.bi:before{display:inline-block;font-style:normal;font-variant:normal;font-weight:400;line-height:1}.crud-v2-component{display:flex;flex-direction:column;gap:1rem;height:100%}.crud-v2-component .crud-v2-loading{display:flex;align-items:center;justify-content:center;height:200px;gap:.5rem;color:var(--text-color-secondary)}.crud-v2-component .crud-v2-loading i{font-size:1.5rem}.crud-v2-component .crud-v2-error{display:flex;align-items:center;justify-content:center;height:200px;gap:.5rem;color:var(--red-500);background-color:var(--red-50);border-radius:var(--border-radius);padding:1rem}.crud-v2-component .crud-v2-error i{font-size:1.5rem}.crud-v2-component .crud-v2-content{flex:1;min-height:0;background-color:var(--surface-card);border-radius:var(--border-radius);overflow:hidden}@media (max-width: 768px){.crud-v2-component{gap:.75rem}.crud-v2-component .crud-v2-content{border-radius:0}}.p-dark .crud-v2-component .crud-v2-error{background-color:#ef44441a}.crud-v2-fade-enter{opacity:0}.crud-v2-fade-enter-active{opacity:1;transition:opacity .3s ease-in}.crud-v2-fade-exit{opacity:1}.crud-v2-fade-exit-active{opacity:0;transition:opacity .3s ease-out}.crud-v2-component .p-datatable .p-datatable-thead>tr>th{background-color:var(--surface-ground);border-color:var(--surface-border)}.crud-v2-component .p-datatable .p-datatable-tbody>tr:hover{background-color:var(--surface-hover)}.crud-v2-component .p-datatable .p-datatable-tbody>tr>td{border-color:var(--surface-border)}.crud-v2-component .crud-cards{padding:1rem}.crud-v2-component .crud-cards .crud-card{transition:transform .2s ease,box-shadow .2s ease}.crud-v2-component .crud-cards .crud-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.crud-v2-component .crud-cards .crud-card .crud-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.crud-v2-component .crud-cards .crud-card .crud-card-header .crud-card-avatar{flex-shrink:0}.crud-v2-component .crud-cards .crud-card .crud-card-header .crud-card-header-content{flex:1;min-width:0}.crud-v2-component .crud-cards .crud-card .crud-card-header .crud-card-header-content .crud-card-title{margin:0;font-size:1.1rem;font-weight:600}.crud-v2-component .crud-cards .crud-card .crud-card-detail{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid #f0f0f0}.crud-v2-component .crud-cards .crud-card .crud-card-detail:last-child{border-bottom:none}.crud-v2-component .crud-cards .crud-card .crud-card-detail .detail-label{font-weight:600;color:#666}.crud-v2-component .crud-cards .crud-card .crud-card-detail .detail-value{text-align:right;color:#333}.p-dialog.crud-v2-modal .p-dialog-header{background-color:var(--surface-ground);border-bottom:1px solid var(--surface-border)}.p-dialog.crud-v2-modal .p-dialog-content{padding:1.5rem}.p-dialog.crud-v2-modal .p-dialog-footer{background-color:var(--surface-ground);border-top:1px solid var(--surface-border);padding:1rem 1.5rem}.crud-v2-component .form-generator .p-field{margin-bottom:1.25rem}.crud-v2-component .form-generator .p-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.crud-v2-component .form-generator .p-field .p-inputtext,.crud-v2-component .form-generator .p-field .p-dropdown,.crud-v2-component .form-generator .p-field .p-calendar,.crud-v2-component .form-generator .p-field .p-inputtextarea{width:100%}.crud-v2-component .form-generator .p-field .p-error{display:block;margin-top:.25rem;font-size:.875rem}.crud-v2-component .form-generator .form-section{margin-bottom:2rem}.crud-v2-component .form-generator .form-section .form-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.crud-v2-component .crud-toolbar{background-color:var(--surface-card);padding:1rem;border-radius:var(--border-radius)}.crud-v2-component .crud-toolbar .p-toolbar-group-left,.crud-v2-component .crud-toolbar .p-toolbar-group-right{gap:.5rem}.crud-v2-component .crud-toolbar .p-inputtext.p-inputtext-sm{font-size:.875rem}.crud-v2-component .pagination-component{background-color:var(--surface-card);padding:1rem;border-radius:var(--border-radius);margin-top:1rem}.crud-v2-content::-webkit-scrollbar{width:8px;height:8px}.crud-v2-content::-webkit-scrollbar-track{background:var(--surface-ground)}.crud-v2-content::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.crud-v2-content::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}@media print{.crud-v2-component .crud-toolbar,.crud-v2-component .pagination-component,.crud-v2-component .p-datatable-scrollable-header{display:none!important}.crud-v2-component .crud-v2-content{border:none;box-shadow:none}.crud-v2-component .p-datatable .p-datatable-thead>tr>th,.crud-v2-component .p-datatable .p-datatable-tbody>tr>td{border:1px solid #000;padding:.5rem}}.blur-wrapper{position:relative;display:inline-block;width:100%}.blur-content{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:not-allowed;display:flex;align-items:center;justify-content:center}.blur-info-container{background-color:#000000b3;padding:2rem;border-radius:10px;text-align:center}.blur-title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:.5rem}.blur-text{color:#fffc;font-size:1.1rem;margin:0}.bucket-explorer{height:100%;display:flex;flex-direction:column;background:var(--background);color:var(--text-primary)}.bucket-explorer-header{padding:1rem;background:var(--background-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:1rem}.bucket-explorer-header .breadcrumb{flex:1;display:flex;align-items:center;gap:.5rem;margin:0;padding:0;background:transparent}.bucket-explorer-header .breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.bucket-explorer-header .breadcrumb-item:hover{color:var(--primary);cursor:pointer}.bucket-explorer-header .breadcrumb-item.active{color:var(--text-primary);cursor:default}.bucket-explorer-header .breadcrumb-item:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--text-tertiary)}.bucket-explorer-header .actions{display:flex;gap:.5rem}.bucket-explorer-header .actions .btn{padding:.375rem .75rem;font-size:.875rem;border-radius:.25rem;border:1px solid var(--border-primary);background:var(--surface);color:var(--text-primary);transition:all .2s ease}.bucket-explorer-header .actions .btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.bucket-explorer-header .actions .btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.bucket-explorer-header .actions .btn.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.bucket-explorer-body{flex:1;display:flex;overflow:hidden}.bucket-explorer-sidebar{width:250px;background:var(--background-secondary);border-right:1px solid var(--border-primary);overflow-y:auto;padding:1rem}.bucket-explorer-sidebar .tree-view .tree-node{padding:.25rem 0}.bucket-explorer-sidebar .tree-view .tree-node-content{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:all .2s ease}.bucket-explorer-sidebar .tree-view .tree-node-content:hover{background:var(--surface-hover);color:var(--text-primary)}.bucket-explorer-sidebar .tree-view .tree-node-content.selected{background:var(--primary);color:#fff}.bucket-explorer-sidebar .tree-view .tree-node-content .icon{font-size:1rem;opacity:.7}.bucket-explorer-sidebar .tree-view .tree-node-content .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.bucket-explorer-sidebar .tree-view .tree-node-content .toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.bucket-explorer-sidebar .tree-view .tree-node-content .toggle i{font-size:.75rem;transition:transform .2s ease}.bucket-explorer-sidebar .tree-view .tree-node-content .toggle.expanded i{transform:rotate(90deg)}.bucket-explorer-sidebar .tree-view .tree-node-children{margin-left:1.5rem}.bucket-explorer-sidebar .tree-view .tree-node-children.collapsed{display:none}.bucket-explorer-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.bucket-explorer-toolbar{padding:.75rem 1rem;background:var(--background-tertiary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:1rem}.bucket-explorer-toolbar .view-options{display:flex;gap:.25rem}.bucket-explorer-toolbar .view-options .btn-view{padding:.375rem .5rem;border:1px solid var(--border-primary);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.bucket-explorer-toolbar .view-options .btn-view:first-child{border-radius:.25rem 0 0 .25rem}.bucket-explorer-toolbar .view-options .btn-view:last-child{border-radius:0 .25rem .25rem 0}.bucket-explorer-toolbar .view-options .btn-view:not(:first-child){border-left:none}.bucket-explorer-toolbar .view-options .btn-view:hover{background:var(--surface-hover);color:var(--text-primary)}.bucket-explorer-toolbar .view-options .btn-view.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bucket-explorer-toolbar .search-box{flex:1;max-width:300px;position:relative}.bucket-explorer-toolbar .search-box input{width:100%;padding:.375rem 2.5rem .375rem .75rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.25rem;color:var(--text-primary);font-size:.875rem}.bucket-explorer-toolbar .search-box input::placeholder{color:var(--text-muted)}.bucket-explorer-toolbar .search-box input:focus{outline:none;border-color:var(--primary)}.bucket-explorer-toolbar .search-box .search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.bucket-explorer-toolbar .action-buttons{display:flex;gap:.5rem}.bucket-explorer-toolbar .action-buttons .btn{padding:.25rem .75rem;font-size:.875rem;border-radius:.25rem;border:1px solid transparent;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.bucket-explorer-toolbar .action-buttons .btn.btn-danger{color:var(--error);border-color:var(--error)}.bucket-explorer-toolbar .action-buttons .btn.btn-danger:hover{background:var(--error);color:#fff}.bucket-explorer-toolbar .info{color:var(--text-tertiary);font-size:.875rem}.bucket-explorer-files{flex:1;overflow-y:auto;padding:1rem;position:relative;min-height:500px}.bucket-explorer-files.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;align-content:flex-start}.bucket-explorer-files.grid-view .file-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--surface);cursor:pointer;transition:all .2s ease}.bucket-explorer-files.grid-view .file-item:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.bucket-explorer-files.grid-view .file-item.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.bucket-explorer-files.grid-view .file-item.selected .file-icon,.bucket-explorer-files.grid-view .file-item.selected .file-name,.bucket-explorer-files.grid-view .file-item.selected .file-info{color:#fff}.bucket-explorer-files.grid-view .file-item .file-icon{font-size:3rem;margin-bottom:.5rem;color:var(--text-tertiary)}.bucket-explorer-files.grid-view .file-item .file-name{font-size:.875rem;text-align:center;word-break:break-word;color:var(--text-primary)}.bucket-explorer-files.grid-view .file-item .file-info{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.bucket-explorer-files.list-view .file-list{display:flex;flex-direction:column;gap:.125rem}.bucket-explorer-files.list-view .file-list .file-item{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.25rem;background:var(--surface);cursor:pointer;transition:all .2s ease}.bucket-explorer-files.list-view .file-list .file-item:hover{background:var(--surface-hover)}.bucket-explorer-files.list-view .file-list .file-item.selected{background:var(--primary);color:#fff}.bucket-explorer-files.list-view .file-list .file-item.selected .file-icon,.bucket-explorer-files.list-view .file-list .file-item.selected .file-name,.bucket-explorer-files.list-view .file-list .file-item.selected .file-size,.bucket-explorer-files.list-view .file-list .file-item.selected .file-date{color:#fff}.bucket-explorer-files.list-view .file-list .file-item .file-icon{font-size:1.25rem;margin-right:1rem;color:var(--text-tertiary)}.bucket-explorer-files.list-view .file-list .file-item .file-name{flex:1;font-size:.875rem;color:var(--text-primary)}.bucket-explorer-files.list-view .file-list .file-item .file-size{width:100px;text-align:right;font-size:.875rem;color:var(--text-secondary)}.bucket-explorer-files.list-view .file-list .file-item .file-date{width:150px;text-align:right;font-size:.875rem;color:var(--text-secondary);margin-left:1rem}.bucket-explorer-files.dragging{position:relative}.bucket-explorer-files.dragging:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px dashed var(--primary);border-radius:.5rem;background:rgba(var(--primary-rgb),.05);pointer-events:none;z-index:10;animation:pulse 1.5s ease-in-out infinite}.bucket-explorer-files.dragging:after{content:"Déposer les fichiers ici";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:600;color:var(--primary);text-align:center;pointer-events:none;z-index:11;background:var(--background);padding:1rem 2rem;border-radius:.5rem;box-shadow:0 4px 12px var(--shadow-lg)}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.bucket-explorer-files .empty-state{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.bucket-explorer-files .empty-state .empty-state-content{text-align:center;max-width:400px;padding:2rem}.bucket-explorer-files .empty-state .empty-state-content .empty-icon{font-size:5rem;color:var(--text-tertiary);margin-bottom:1.5rem;opacity:.7}.bucket-explorer-files .empty-state .empty-state-content .empty-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.bucket-explorer-files .empty-state .empty-state-content .empty-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.bucket-explorer-files .empty-state .empty-state-content .empty-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.bucket-explorer-files .empty-state .empty-state-content .empty-actions .btn{padding:.75rem 1.5rem;font-weight:500;border-radius:.5rem;transition:all .2s ease}.bucket-explorer-files .empty-state .empty-state-content .empty-actions .btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.bucket-explorer-files .empty-state .empty-state-content .empty-actions .btn.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.bucket-explorer-files .empty-state .empty-state-content .empty-actions .btn.btn-outline-primary{background:transparent;border-color:var(--primary);color:var(--primary)}.bucket-explorer-files .empty-state .empty-state-content .empty-actions .btn.btn-outline-primary:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.bucket-explorer-footer{padding:.75rem 1rem;background:var(--background-secondary);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.bucket-explorer-footer .selection-info,.bucket-explorer-footer .storage-info{display:flex;gap:1rem}.context-menu{position:fixed;background:var(--background-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-primary);border-radius:.75rem;padding:.5rem 0;min-width:220px;box-shadow:0 8px 32px #0000004d;z-index:1000}.context-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-elevated);border-radius:inherit;z-index:-1;opacity:.95}.context-menu .menu-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.context-menu .menu-item:hover{background:var(--surface-hover);color:var(--primary)}.context-menu .menu-item:hover .icon{color:var(--primary)}.context-menu .menu-item.divider{height:1px;background:var(--border-primary);margin:.5rem 0;padding:0;opacity:.6}.context-menu .menu-item.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.context-menu .menu-item.disabled:hover{background:transparent;color:var(--text-muted)}.context-menu .menu-item.disabled:hover .icon{color:var(--text-muted)}.context-menu .menu-item .icon{width:20px;text-align:center;font-size:1rem;color:var(--text-secondary);transition:color .2s ease}.new-folder-modal .modal-content{background:var(--background-elevated);border:1px solid var(--border-primary);color:var(--text-primary)}.new-folder-modal .modal-content .modal-header{background:var(--background-secondary);border-bottom:1px solid var(--border-primary)}.new-folder-modal .modal-content .modal-header .modal-title{color:var(--text-primary)}.new-folder-modal .modal-content .modal-header .btn-close{filter:invert(1)}.new-folder-modal .modal-content .modal-body input{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary)}.new-folder-modal .modal-content .modal-body input:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.new-folder-modal .modal-content .modal-footer{background:var(--background-secondary);border-top:1px solid var(--border-primary)}.blog-editor{height:100vh;width:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary);overflow:hidden}.blog-editor.in-modal{height:100%!important;position:relative}.blog-editor.in-modal .editor-body{height:100%!important;display:flex!important;overflow:hidden;background:var(--bg)}.blog-editor .editor-header{height:60px;background:var(--surface);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.blog-editor .editor-header .header-left{display:flex;align-items:center;gap:1rem}.blog-editor .editor-header .header-left .btn-back{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;padding:.5rem;cursor:pointer;transition:all .3s ease}.blog-editor .editor-header .header-left .btn-back:hover{color:var(--primary);transform:translate(-2px)}.blog-editor .editor-header .header-left h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.blog-editor .editor-header .header-right{display:flex;gap:.75rem}.blog-editor .editor-header .header-right .btn{padding:.5rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.blog-editor .editor-header .header-right .btn i{font-size:1rem}.blog-editor .editor-body{flex:1;display:flex;overflow:hidden;height:100%;width:100%}.blog-editor .editor-toolbar{width:80px;background:var(--surface);border-right:1px solid var(--border-primary);padding:1rem 0;overflow-y:auto;flex-shrink:0}.blog-editor .editor-toolbar h5{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);text-align:center;margin:0 0 1rem;font-weight:600}.blog-editor .editor-toolbar .block-types{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.blog-editor .editor-toolbar .block-type-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.75rem;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative}.blog-editor .editor-toolbar .block-type-btn i{font-size:1.5rem}.blog-editor .editor-toolbar .block-type-btn span{font-size:.625rem;white-space:nowrap}.blog-editor .editor-toolbar .block-type-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.blog-editor .editor-toolbar .block-type-btn:active{transform:translateY(0)}.blog-editor .editor-toolbar .toolbar-divider{margin:1rem .5rem;border:none;border-top:1px solid var(--border-primary);opacity:.5}.blog-editor .editor-toolbar .ai-btn{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none}.blog-editor .editor-toolbar .ai-btn i{color:#fff}.blog-editor .editor-toolbar .ai-btn span{color:#fff;font-weight:500}.blog-editor .editor-toolbar .ai-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.blog-editor .editor-content{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.blog-editor .editor-content .content-header{background:var(--bg);border-bottom:1px solid var(--border-primary);padding:2rem}.blog-editor .editor-content .content-header .post-title{width:100%;background:transparent;border:none;font-size:2.5rem;font-weight:700;color:var(--text-primary);outline:none}.blog-editor .editor-content .content-header .post-title::placeholder{color:var(--text-muted)}.blog-editor .editor-content .content-blocks{flex:1;overflow-y:auto;padding:2rem;max-width:800px;margin:0 auto;width:100%}.blog-editor .editor-content .empty-state{text-align:center;padding:4rem 2rem;color:var(--text-tertiary)}.blog-editor .editor-content .empty-state i{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.blog-editor .editor-content .empty-state p{font-size:1rem;margin:0}.blog-editor .sortable-block{position:relative;margin-bottom:1rem;background:var(--bg);border:2px solid transparent;border-radius:8px;transition:all .3s ease;cursor:default}.blog-editor .sortable-block:hover{border-color:var(--border-primary);box-shadow:0 2px 8px var(--shadow-sm)}.blog-editor .sortable-block:hover .block-handle,.blog-editor .sortable-block:hover .block-delete{opacity:1}.blog-editor .sortable-block.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.blog-editor .sortable-block.dragging{opacity:.5;cursor:grabbing}.blog-editor .sortable-block .block-handle{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity .3s ease;font-size:1.25rem}.blog-editor .sortable-block .block-handle:active{cursor:grabbing}.blog-editor .sortable-block .block-content{padding:1rem 1.5rem}.blog-editor .sortable-block .block-content [contenteditable=true]{outline:none;min-height:1.2em}.blog-editor .sortable-block .block-content [contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.blog-editor .sortable-block .block-content [contenteditable=true]:focus{outline:2px solid transparent}.blog-editor .sortable-block .block-content .block-heading{margin:0;outline:none;color:var(--text-primary);transition:all .3s ease;white-space:pre-wrap}.blog-editor .sortable-block .block-content .block-h1,.blog-editor .sortable-block .block-content h1.block-heading{font-size:2rem;font-weight:700}.blog-editor .sortable-block .block-content .block-h2,.blog-editor .sortable-block .block-content h2.block-heading{font-size:1.5rem;font-weight:600}.blog-editor .sortable-block .block-content .block-h3,.blog-editor .sortable-block .block-content h3.block-heading{font-size:1.25rem;font-weight:600}.blog-editor .sortable-block .block-content .block-h4,.blog-editor .sortable-block .block-content h4.block-heading{font-size:1.125rem;font-weight:600}.blog-editor .sortable-block .block-content .block-h5,.blog-editor .sortable-block .block-content h5.block-heading{font-size:1rem;font-weight:600}.blog-editor .sortable-block .block-content .block-h6,.blog-editor .sortable-block .block-content h6.block-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-editor .sortable-block .block-content .block-paragraph{font-size:1rem;line-height:1.6;margin:0;outline:none;color:var(--text-secondary);white-space:pre-wrap}.blog-editor .sortable-block .block-content .block-image{text-align:center}.blog-editor .sortable-block .block-content .block-image img{max-width:100%;height:auto;border-radius:8px}.blog-editor .sortable-block .block-content .block-image .image-placeholder{background:var(--surface);border:2px dashed var(--border-primary);border-radius:8px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease}.blog-editor .sortable-block .block-content .block-image .image-placeholder i{font-size:2rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.blog-editor .sortable-block .block-content .block-image .image-placeholder span{color:var(--text-tertiary);font-size:.875rem}.blog-editor .sortable-block .block-content .block-image .image-placeholder:hover{border-color:var(--primary);background:var(--surface-hover)}.blog-editor .sortable-block .block-content .block-quote{font-size:1.125rem;font-style:italic;color:var(--text-secondary);border-left:4px solid var(--primary);padding-left:1.5rem;margin:0;outline:none;white-space:pre-wrap}.blog-editor .sortable-block .block-content .block-list{margin:0;padding-left:1.5rem;color:var(--text-secondary);outline:none}.blog-editor .sortable-block .block-content .block-list li{margin-bottom:.25rem}.blog-editor .sortable-block .block-content .block-list.ordered{list-style-type:decimal}.blog-editor .sortable-block .block-content .block-list.unordered{list-style-type:disc}.blog-editor .sortable-block .block-content .block-code{background:var(--surface);border:1px solid var(--border-primary);border-radius:6px;padding:1rem;margin:0;overflow-x:auto}.blog-editor .sortable-block .block-content .block-code code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--primary);outline:none;white-space:pre-wrap;display:block}.blog-editor .sortable-block .block-content .block-code code br{display:block;margin:0;content:""}.blog-editor .sortable-block .block-content .block-divider{border:none;border-top:2px solid var(--border-primary);margin:0}.blog-editor .sortable-block .block-content .glow-primary{box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}.blog-editor .sortable-block .block-content .glow-primary:hover{box-shadow:0 0 30px rgba(var(--primary-rgb),.5)}.blog-editor .sortable-block .block-content .shadow-theme-sm{box-shadow:var(--shadow-sm)}.blog-editor .sortable-block .block-content .shadow-theme-md{box-shadow:var(--shadow-md)}.blog-editor .sortable-block .block-content .shadow-theme-lg{box-shadow:var(--shadow-lg)}.blog-editor .sortable-block .block-content .hover-lift{transition:transform .3s ease,box-shadow .3s ease}.blog-editor .sortable-block .block-content .hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.blog-editor .sortable-block .block-content .border-themed{border:2px solid var(--primary)!important}.blog-editor .sortable-block .block-content .border-gradient{position:relative}.blog-editor .sortable-block .block-content .border-gradient:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:inherit;z-index:-1}.blog-editor .sortable-block .block-delete{position:absolute;right:.5rem;top:.5rem;background:var(--surface);border:1px solid var(--border-primary);color:var(--text-tertiary);width:30px;height:30px;border-radius:6px;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.blog-editor .sortable-block .block-delete:hover{background:var(--error);border-color:var(--error);color:#fff}.blog-editor .editor-sidebar{width:320px;background:var(--surface);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;position:relative}.blog-editor .editor-sidebar .sidebar-wrapper{display:flex;flex-direction:column;height:100%}.blog-editor .editor-sidebar .sidebar-tabs{display:flex;border-bottom:2px solid var(--border-primary);background:var(--surface);box-shadow:0 2px 8px #00000014}.blog-editor .editor-sidebar .sidebar-tabs .tab{flex:1;background:transparent;border:none;padding:1rem;cursor:pointer;color:var(--text-tertiary);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .3s ease;position:relative}.blog-editor .editor-sidebar .sidebar-tabs .tab i{font-size:1.25rem}.blog-editor .editor-sidebar .sidebar-tabs .tab:hover{color:var(--text-secondary);background:var(--surface)}.blog-editor .editor-sidebar .sidebar-tabs .tab.active{color:var(--primary);background:var(--surface)}.blog-editor .editor-sidebar .sidebar-tabs .tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary)}.blog-editor .editor-sidebar .sidebar-content{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:200px}.blog-editor .editor-sidebar .sidebar-content h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 1rem;font-weight:600}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group{margin-bottom:1.5rem}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control{width:100%;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;transition:all .3s ease}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control::placeholder{color:var(--text-muted)}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control:focus{outline:none;background:var(--bg);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group textarea.form-control{resize:vertical;min-height:80px}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group small{display:block;margin-top:.25rem;color:var(--text-tertiary);font-size:.75rem}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .btn-group{display:flex;gap:-1px}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .btn-group .btn{flex:1;padding:.5rem;font-size:1rem}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .btn-group .btn:first-child{border-radius:6px 0 0 6px}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .btn-group .btn:last-child{border-radius:0 6px 6px 0}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-selector{display:flex;gap:.5rem;align-items:center}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-selector .form-control{flex:1}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-selector .color-preview{flex-shrink:0;transition:all .3s ease}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-selector .color-preview:hover{transform:scale(1.1)}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-picker{display:flex;gap:.5rem;align-items:center}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-picker .form-control-color{width:50px;height:36px;padding:.25rem;border-radius:6px;cursor:pointer}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .color-picker input[type=text]{flex:1}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control-range{width:100%;height:4px;background:var(--surface-hover);border-radius:2px;outline:none;-webkit-appearance:none;margin:.5rem 0}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all .2s ease}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control-range::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group .form-control-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}.blog-editor .editor-sidebar .sidebar-content .tab-content .form-group+small{display:inline-block;margin-left:.5rem;color:var(--primary);font-weight:500}.blog-editor .editor-sidebar .sidebar-content .tab-content .no-selection{text-align:center;padding:2rem;color:var(--text-tertiary)}.blog-editor .editor-sidebar .sidebar-content .tab-content .no-selection i{font-size:2rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.blog-editor .editor-sidebar .sidebar-content .tab-content .no-selection p{margin:0;font-size:.875rem}.blog-editor .editor-sidebar .sidebar-actions{padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--bg)}.blog-editor .editor-sidebar .sidebar-actions .btn{padding:.75rem 1rem;font-weight:500}.blog-editor .editor-sidebar .sidebar-actions .btn.btn-outline-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.blog-editor .editor-sidebar .sidebar-actions .btn.btn-outline-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.blog-editor .editor-sidebar .sidebar-actions .btn.btn-primary{background:var(--primary);border:none;color:#fff}.blog-editor .editor-sidebar .sidebar-actions .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.blog-editor .editor-sidebar .sidebar-actions .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed}.blog-editor .editor-sidebar .sidebar-actions .btn .spinner-border-sm{width:1rem;height:1rem;margin-right:.5rem}.blog-editor .btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.blog-editor .btn.btn-primary{background:var(--primary);color:#fff}.blog-editor .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.blog-editor .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed}.blog-editor .btn.btn-outline-primary{background:transparent;border:1px solid var(--primary);color:var(--primary)}.blog-editor .btn.btn-outline-primary:hover{background:var(--primary);color:#fff}.blog-editor .btn.btn-outline-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.blog-editor .btn.btn-outline-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.blog-editor .btn .sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:20px;background:var(--bg);border-top:2px solid var(--border-primary);box-shadow:0 -8px 24px #00000026}.blog-editor .btn .sidebar-footer:before{content:"";position:absolute;top:-30px;left:0;right:0;height:30px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}.blog-editor .btn .sidebar-footer .btn{width:100%;padding:12px 20px;font-size:.95rem;font-weight:500;border-radius:8px;transition:all .3s ease}.blog-editor .btn .sidebar-footer .btn.btn-primary{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.blog-editor .btn .sidebar-footer .btn.btn-primary i{font-size:1.1rem}.blog-editor .btn .sidebar-footer .btn.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.blog-editor .btn .sidebar-footer .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-editor .btn .sidebar-footer .btn.btn-secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-secondary)}.blog-editor .btn .sidebar-footer .btn.btn-secondary:hover{background:var(--surface);border-color:var(--text-secondary);color:var(--text-primary)}@media (max-width: 1200px){.blog-editor .editor-sidebar{width:280px}}@media (max-width: 992px){.blog-editor .editor-toolbar{width:60px}.blog-editor .editor-toolbar .block-type-btn span{display:none}.blog-editor .editor-sidebar{position:absolute;right:0;top:60px;bottom:0;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 20px var(--shadow-lg);z-index:10}.blog-editor .editor-sidebar.open{transform:translate(0)}}@media (max-width: 768px){.blog-editor .editor-content .content-header{padding:1.5rem}.blog-editor .editor-content .content-header .post-title{font-size:2rem}.blog-editor .editor-content .content-blocks{padding:1rem}.blog-editor .sortable-block .block-handle{display:none}}.text-theme-primary{color:var(--text-primary)!important}.text-theme-secondary{color:var(--text-secondary)!important}.text-theme-tertiary{color:var(--text-tertiary)!important}.text-theme-muted{color:var(--text-muted)!important}.text-theme-accent{color:var(--primary)!important}.text-theme-success{color:var(--success)!important}.text-theme-warning{color:var(--warning)!important}.text-theme-error{color:var(--error)!important}.text-theme-info{color:var(--info)!important}.bg-theme-primary{background-color:var(--bg)!important}.bg-theme-secondary{background-color:var(--bg-secondary)!important}.bg-theme-tertiary{background-color:var(--bg-tertiary)!important}.bg-theme-surface{background-color:var(--surface)!important}.bg-theme-surface-hover{background-color:var(--surface-hover)!important}.bg-theme-accent{background-color:var(--primary)!important}.bg-theme-accent-light{background-color:var(--primary-light)!important}.bg-theme-accent-dark{background-color:var(--primary-dark)!important}.bg-theme-gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))!important}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.ai-modal{background:var(--bg);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.ai-modal .ai-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ai-modal .ai-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.ai-modal .ai-modal-header h3:before{content:"✨";font-size:1.5rem}.ai-modal .ai-modal-header .ai-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.ai-modal .ai-modal-header .ai-modal-close:hover{background:var(--surface-hover);color:var(--primary)}.ai-modal .ai-modal-tabs{display:flex;border-bottom:1px solid var(--border-primary);background:var(--surface)}.ai-modal .ai-modal-tabs .ai-tab{flex:1;background:transparent;border:none;padding:1rem;cursor:pointer;color:var(--text-tertiary);font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative}.ai-modal .ai-modal-tabs .ai-tab i{font-size:1.125rem}.ai-modal .ai-modal-tabs .ai-tab:hover{color:var(--text-secondary);background:var(--surface-hover)}.ai-modal .ai-modal-tabs .ai-tab.active{color:var(--primary);background:var(--bg)}.ai-modal .ai-modal-tabs .ai-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary)}.ai-modal .ai-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.ai-modal .ai-modal-body .form-group{margin-bottom:1.5rem}.ai-modal .ai-modal-body .form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500;font-size:.875rem}.ai-modal .ai-modal-body .form-group .form-control{width:100%;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem;border-radius:8px;font-size:.875rem;transition:all .3s ease}.ai-modal .ai-modal-body .form-group .form-control::placeholder{color:var(--text-muted)}.ai-modal .ai-modal-body .form-group .form-control:focus{outline:none;background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.ai-modal .ai-modal-body .form-group textarea.form-control{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.ai-modal .ai-modal-body .form-group small{display:block;margin-top:.5rem;color:var(--text-tertiary);font-size:.75rem}.ai-modal .ai-modal-body .form-group small.d-block{display:block!important}.ai-modal .ai-modal-body .ai-generating{text-align:center;padding:2rem;background:var(--surface);border-radius:8px;margin-top:1rem}.ai-modal .ai-modal-body .ai-generating .spinner-border{width:3rem;height:3rem;margin-bottom:1rem;border-width:.25rem}.ai-modal .ai-modal-body .ai-generating p{margin:.5rem 0;color:var(--text-primary);font-weight:500}.ai-modal .ai-modal-body .ai-generating small{color:var(--text-tertiary)}.ai-modal .ai-modal-footer{padding:1.5rem;border-top:1px solid var(--border-primary);display:flex;gap:.75rem;justify-content:flex-end;flex-shrink:0;background:var(--surface)}.ai-modal .ai-modal-footer .btn{padding:.75rem 1.5rem;font-weight:500}.ai-modal .ai-modal-footer .btn.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border:none;color:#fff}.ai-modal .ai-modal-footer .btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.ai-modal .ai-modal-footer .btn.btn-primary:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-hover);color:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container .crud-modal-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.modal-container .crud-modal-fullscreen .crud-modal-header{background:var(--surface);border-bottom:1px solid var(--border-primary);padding:1rem 1.5rem;flex-shrink:0}.modal-container .crud-modal-fullscreen .crud-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-container .crud-modal-fullscreen .crud-modal-header .crud-modal-close{color:var(--text-secondary)}.modal-container .crud-modal-fullscreen .crud-modal-header .crud-modal-close:hover{color:var(--primary)}.modal-container .crud-modal-fullscreen .crud-modal-body{flex:1;padding:0!important;overflow:hidden;height:calc(100vh - 60px);position:relative}.modal-container .crud-modal-fullscreen .crud-modal-body .blog-editor{width:100%;height:100%}.blog-editor-modal,.blog-editor-modal .crud-modal-overlay{z-index:9999!important}.blog-editor-modal .crud-modal-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important}.blog-editor-modal .crud-modal-fullscreen .crud-modal-content{height:100vh!important;display:flex;flex-direction:column;border-radius:0!important}.blog-editor-modal .crud-modal{padding:0;height:100vh;width:100vw;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;margin:0;border-radius:0}.blog-editor-modal .crud-modal-header{background:var(--surface);border-bottom:1px solid var(--border-primary);padding:1rem 1.5rem;flex-shrink:0}.blog-editor-modal .crud-modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.blog-editor-modal .crud-modal-header .crud-modal-close{color:var(--text-secondary)}.blog-editor-modal .crud-modal-header .crud-modal-close:hover{color:var(--primary)}.blog-editor-modal .crud-modal-body{flex:1;padding:0!important;overflow:hidden;position:relative;height:calc(100vh - 60px);display:flex}.blog-editor-modal .crud-modal-body .blog-editor{width:100%;height:100%}.blog-editor-modal.fullscreen .crud-modal-content{border-radius:0;height:100vh;width:100vw}.test-toast-page{padding:2rem;background:var(--bg);min-height:100vh;color:var(--text-primary)}.test-toast-page .container{max-width:1200px;margin:0 auto}.test-toast-page h1{text-align:center;margin-bottom:3rem;color:var(--text-primary)}.test-toast-page .toast-demo-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;padding:2rem;margin-bottom:2rem}.test-toast-page .toast-demo-section h2{margin-bottom:1.5rem;color:var(--text-primary)}.test-toast-page .button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.test-toast-page .button-grid .btn{padding:.75rem 1.5rem;font-size:1rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}.test-toast-page .features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.test-toast-page .features-list li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.test-toast-page .features-list li i{color:var(--primary);flex-shrink:0}.test-toast-page .code-block{background:var(--surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem;overflow-x:auto;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}@media (max-width: 768px){.test-toast-page{padding:1rem}.test-toast-page .button-grid,.test-toast-page .features-list{grid-template-columns:1fr}}.blog-editor.email-template-editor .email-template-title{height:30px!important}.blog-editor.email-template-editor .editor-sidebar{display:flex;flex-direction:column;height:100%}.blog-editor.email-template-editor .editor-sidebar .sidebar-tabs{flex-shrink:0}.blog-editor.email-template-editor .editor-sidebar .sidebar-content{flex:1;overflow-y:auto;padding-bottom:1rem}.blog-editor.email-template-editor .editor-sidebar .sidebar-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--border-primary);background:var(--surface);position:sticky;bottom:0;z-index:10}.blog-editor.email-template-editor .email-meta{background:var(--bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-primary)}.blog-editor.email-template-editor .email-meta .form-group{margin-bottom:1rem}.blog-editor.email-template-editor .email-meta .form-group:last-child{margin-bottom:0}.blog-editor.email-template-editor .email-meta .form-group .form-control{width:100%;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem;border-radius:6px;font-size:.875rem;transition:all .3s ease}.blog-editor.email-template-editor .email-meta .form-group .form-control::placeholder{color:var(--text-muted)}.blog-editor.email-template-editor .email-meta .form-group .form-control:focus{outline:none;background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.blog-editor.email-template-editor .block-header{display:flex;align-items:center;gap:1rem}.blog-editor.email-template-editor .block-header .header-icon{flex-shrink:0;display:flex;align-items:center}.blog-editor.email-template-editor .block-header .header-icon svg{width:48px;height:48px}.blog-editor.email-template-editor .block-header h1{margin:0;font-size:1.75rem;color:var(--text-primary);outline:none;flex:1}.blog-editor.email-template-editor .block-header h1:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.blog-editor.email-template-editor .block-button a{cursor:default}.blog-editor.email-template-editor .block-button a span{outline:none}.blog-editor.email-template-editor .block-button a span:empty:before{content:"Cliquez ici";opacity:.5}.blog-editor.email-template-editor .block-spacer{background:var(--surface);border:1px dashed var(--border-primary);position:relative;min-height:20px}.blog-editor.email-template-editor .block-spacer .spacer-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;color:var(--text-muted);background:var(--surface);padding:.25rem .5rem;border-radius:4px}.blog-editor.email-template-editor .block-social{text-align:center}.blog-editor.email-template-editor .block-social p{margin:0 0 1rem;outline:none}.blog-editor.email-template-editor .block-social p:empty:before{content:"Suivez-nous";color:var(--text-muted)}.blog-editor.email-template-editor .block-social .social-icons{display:flex;gap:1rem;justify-content:center}.blog-editor.email-template-editor .block-social .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-secondary);transition:all .3s ease}.blog-editor.email-template-editor .block-social .social-icons a:hover{background:var(--primary);border-color:var(--primary);color:#fff}.blog-editor.email-template-editor .block-footer{text-align:center;font-size:.875rem;color:var(--text-secondary)}.blog-editor.email-template-editor .block-footer>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.blog-editor.email-template-editor .block-footer span{outline:none}.blog-editor.email-template-editor .block-footer span[contenteditable]{display:inline-block;min-width:50px}.blog-editor.email-template-editor .block-footer span[contenteditable]:empty:before{content:"© 2024 ReveurDream";color:var(--text-muted)}.blog-editor.email-template-editor .block-footer a{color:inherit;text-decoration:none;transition:all .3s ease}.blog-editor.email-template-editor .block-footer a:hover{color:var(--primary);text-decoration:underline}.blog-editor.email-template-editor .block-divider{width:100%;transition:all .3s ease;background:linear-gradient(90deg,transparent,#00ffff 50%,transparent);height:2px;border:none;border-radius:1px}.blog-editor.email-template-editor .variables-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.blog-editor.email-template-editor .variables-list::-webkit-scrollbar{width:4px}.blog-editor.email-template-editor .variables-list::-webkit-scrollbar-track{background:var(--surface)}.blog-editor.email-template-editor .variables-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.blog-editor.email-template-editor .variables-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.blog-editor.email-template-editor .variables-list h6{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin:.5rem 0;font-weight:600}.blog-editor.email-template-editor .variables-list .variable-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.375rem .5rem;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;font-size:.75rem}.blog-editor.email-template-editor .variables-list .variable-btn i{color:var(--primary);font-size:.875rem}.blog-editor.email-template-editor .variables-list .variable-btn span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-editor.email-template-editor .variables-list .variable-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.blog-editor.email-template-editor .variables-list .variable-btn:disabled{opacity:.5;cursor:not-allowed}.blog-editor.email-template-editor .preview-container{background:var(--bg-tertiary);border-radius:8px;padding:1rem;min-height:400px;display:flex;justify-content:center;align-items:flex-start;overflow:auto}.blog-editor.email-template-editor .preview-container .device-frame{background:white;box-shadow:0 0 20px #0000001a;border-radius:8px;overflow:hidden;transition:all .3s ease}.blog-editor.email-template-editor .preview-container .device-frame .preview-iframe{width:100%;height:600px;border:none;background:white;display:block}.blog-editor.email-template-editor .preview-container.preview-desktop .device-frame{width:100%;max-width:100%}.blog-editor.email-template-editor .preview-container.preview-tablet .device-frame{width:768px;max-width:100%;margin:0 auto}.blog-editor.email-template-editor .preview-container.preview-mobile .device-frame{width:375px;max-width:100%;margin:0 auto;border-radius:20px;border:8px solid #333;position:relative}.blog-editor.email-template-editor .preview-container.preview-mobile .device-frame:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:60px;height:5px;background:#333;border-radius:3px}.blog-editor.email-template-editor .test-variables{max-height:300px;overflow-y:auto;padding-right:.5rem}.blog-editor.email-template-editor .test-variables .form-group{margin-bottom:.75rem}.blog-editor.email-template-editor .test-variables .form-group label{font-size:.75rem;margin-bottom:.25rem}.blog-editor.email-template-editor .test-variables .form-group .form-control-sm{padding:.375rem .5rem;font-size:.75rem}.blog-editor.email-template-editor .detected-variables .badge{font-size:.75rem;padding:.375rem .625rem;font-weight:500}.blog-editor.email-template-editor .detected-variables .badge i{font-size:.875rem}.blog-editor.email-template-editor .variable-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px var(--shadow-lg);z-index:1000;margin-top:.5rem;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.blog-editor.email-template-editor .variable-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);background:var(--surface)}.blog-editor.email-template-editor .variable-dropdown .dropdown-header span{font-weight:600;color:var(--text-primary)}.blog-editor.email-template-editor .variable-dropdown .dropdown-header .btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s}.blog-editor.email-template-editor .variable-dropdown .dropdown-header .btn-close:hover{color:var(--primary)}.blog-editor.email-template-editor .variable-dropdown .dropdown-body{flex:1;overflow-y:auto;padding:.5rem}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category{margin-bottom:1rem}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category:last-child{margin-bottom:0}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category h6{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin:0 .5rem .5rem;font-weight:600}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category .variable-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;text-align:left}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category .variable-item:hover{background:var(--surface-hover)}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category .variable-item:hover .variable-key{color:var(--primary)}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category .variable-item .variable-key{font-family:monospace;font-size:.75rem;color:var(--primary);font-weight:500}.blog-editor.email-template-editor .variable-dropdown .dropdown-body .variable-category .variable-item .variable-label{font-size:.75rem;color:var(--text-secondary);margin-left:1rem}.blog-editor.email-template-editor .form-group{position:relative}.blog-editor.email-template-editor .sortable-block{position:relative;margin-bottom:1rem;background:var(--bg);border:2px solid transparent;border-radius:8px;transition:all .3s ease;cursor:default}.blog-editor.email-template-editor .sortable-block:hover{border-color:var(--border-primary);box-shadow:0 2px 8px var(--shadow-sm)}.blog-editor.email-template-editor .sortable-block:hover .block-handle,.blog-editor.email-template-editor .sortable-block:hover .block-options-btn,.blog-editor.email-template-editor .sortable-block:hover .block-delete{opacity:1}.blog-editor.email-template-editor .sortable-block.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.blog-editor.email-template-editor .sortable-block.dragging{opacity:.5;cursor:grabbing}.blog-editor.email-template-editor .sortable-block .block-handle{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity .3s ease;font-size:1.25rem;background:transparent;border:none;padding:.25rem}.blog-editor.email-template-editor .sortable-block .block-handle:active{cursor:grabbing}.blog-editor.email-template-editor .sortable-block .block-options-btn{position:absolute;right:3rem;top:.5rem;background:var(--surface);border:1px solid var(--border-primary);color:var(--text-tertiary);width:30px;height:30px;border-radius:6px;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.blog-editor.email-template-editor .sortable-block .block-options-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.blog-editor.email-template-editor .sortable-block .block-delete{position:absolute;right:.5rem;top:.5rem;background:var(--surface);border:1px solid var(--border-primary);color:var(--text-tertiary);width:30px;height:30px;border-radius:6px;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.blog-editor.email-template-editor .sortable-block .block-delete:hover{background:var(--error);border-color:var(--error);color:#fff}.blog-editor.email-template-editor .sortable-block .block-content{padding:1rem 1.5rem}@media (max-width: 768px){.email-template-editor .email-meta{padding:1rem}.email-template-editor .variable-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}}.icon-picker-modal{background:var(--bg);color:var(--text-primary);width:100%;height:100%;display:flex;flex-direction:column}.icon-picker-modal .icon-picker-search{padding:1rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.icon-picker-modal .icon-picker-search .form-control{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;font-size:.875rem}.icon-picker-modal .icon-picker-search .form-control::placeholder{color:var(--text-muted)}.icon-picker-modal .icon-picker-search .form-control:focus{outline:none;background:var(--bg-secondary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.icon-picker-modal .icon-picker-body{flex:1;overflow-y:auto;padding:1rem 0;min-height:0}.icon-picker-modal .icon-picker-body::-webkit-scrollbar{width:8px}.icon-picker-modal .icon-picker-body::-webkit-scrollbar-track{background:var(--surface)}.icon-picker-modal .icon-picker-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.icon-picker-modal .icon-picker-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.icon-picker-modal .icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;padding:0 1rem}.icon-picker-modal .icon-grid .icon-item{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.75rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem}.icon-picker-modal .icon-grid .icon-item svg{width:24px;height:24px}.icon-picker-modal .icon-grid .icon-item .icon-name{font-size:.625rem;color:var(--text-muted);text-align:center;word-break:break-word;line-height:1.2}.icon-picker-modal .icon-grid .icon-item:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.icon-picker-modal .icon-grid .icon-item:hover .icon-name{color:var(--primary)}.icon-picker-modal .icon-grid .icon-item:active{background:var(--primary);color:#fff}.icon-picker-modal .icon-grid .icon-item:active .icon-name{color:#fff}.icon-picker-modal .no-results{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.icon-picker-modal .no-results i{font-size:3rem;margin-bottom:1rem;display:block}.icon-picker-modal .no-results p{margin:0;font-size:.875rem}@media (max-width: 768px){.icon-picker-modal{max-width:100%;max-height:90vh}.icon-picker-modal .icon-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:rgba(255,255,255,.5);padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--user-bg-primary: var(--bg);--user-bg-primary-alpha: rgba(var(--bg-rgb), .85);--user-bg-secondary: var(--bg-secondary);--user-bg-tertiary: var(--bg-tertiary);--user-bg-hover: rgba(var(--text-rgb), .03);--user-text-primary: var(--text-primary);--user-text-secondary: var(--text-secondary);--user-text-muted: var(--text-muted);--user-accent-primary: var(--primary);--user-accent-hover: var(--primary-hover);--user-accent-light: rgba(var(--primary-rgb), .1);--user-border-color: var(--border-primary);--user-shadow-sm: var(--shadow-sm);--user-shadow-md: var(--shadow-md);--user-shadow-lg: var(--shadow-lg);--user-success: var(--success);--user-warning: var(--warning);--user-danger: var(--danger)}:root{--primary: #00d4ff;--primary-light: rgb(51, 220.6, 255);--primary-lighter: rgb(102, 229.2, 255);--primary-dark: rgb(0, 169.6, 204);--primary-darker: rgb(0, 127.2, 153);--primary-rgb: 0, 212, 255;--accent: #00a8cc;--glow: rgba(0, 212, 255, .5);--gradient-start: #00d4ff;--gradient-end: #00e5ff;--bg: #000000;--bg-secondary: #111111;--bg-tertiary: #222222;--bg-elevated: rgba(17, 17, 17, .95);--surface: rgba(17, 17, 17, .8);--surface-hover: rgba(34, 34, 34, .8);--surface-active: rgba(51, 51, 51, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--shadow-sm: rgba(0, 0, 0, .5);--shadow-md: rgba(0, 0, 0, .7);--shadow-lg: rgba(0, 0, 0, .9);--overlay: rgba(0, 0, 0, .8);--header-bg: rgba(0, 0, 0, .95);--header-transparent: rgba(0, 0, 0, .3);--card-bg: linear-gradient(145deg, #111111 0%, rgba(17, 17, 17, .8) 100%);--input-bg: rgba(17, 17, 17, .6);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}[data-theme=cyan]{--primary: #00d4ff;--primary-light: rgb(51, 220.6, 255);--primary-lighter: rgb(102, 229.2, 255);--primary-dark: rgb(0, 169.6, 204);--primary-darker: rgb(0, 127.2, 153);--primary-rgb: 0, 212, 255;--accent: #00a8cc;--glow: rgba(0, 212, 255, .5);--gradient-start: #00d4ff;--gradient-end: #00e5ff}[data-theme=sky]{--primary: #0ea5e9;--primary-light: rgb(55.016194332, 184.6194331984, 242.983805668);--primary-lighter: rgb(103.1255060729, 201.5506072874, 245.8744939271);--primary-dark: rgb(11.1093117409, 130.9311740891, 184.8906882591);--primary-darker: rgb(8.2186234818, 96.8623481781, 136.7813765182);--primary-rgb: 14, 165, 233;--accent: #0284c7;--glow: rgba(14, 165, 233, .5);--gradient-start: #0ea5e9;--gradient-end: #38bdf8}[data-theme=blue]{--primary: #3b82f6;--primary-light: rgb(107.7609756098, 161.0975609756, 248.2390243902);--primary-lighter: rgb(156.5219512195, 192.1951219512, 250.4780487805);--primary-dark: rgb(11.1512195122, 99.1219512195, 242.8487804878);--primary-darker: rgb(8.912195122, 79.2195121951, 194.087804878);--primary-rgb: 59, 130, 246;--accent: #2563eb;--glow: rgba(59, 130, 246, .5);--gradient-start: #3b82f6;--gradient-end: #60a5fa}[data-theme=indigo]{--primary: #6366f1;--primary-light: rgb(145.8, 147.9, 245.2);--primary-lighter: rgb(192.6, 193.8, 249.4);--primary-dark: rgb(52.2, 56.1, 236.8);--primary-darker: rgb(19.6, 23.8, 218.4);--primary-rgb: 99, 102, 241;--accent: #4f46e5;--glow: rgba(99, 102, 241, .5);--gradient-start: #6366f1;--gradient-end: #818cf8}[data-theme=violet]{--primary: #8b5cf6;--primary-light: rgb(173.3953488372, 140.3313953488, 248.6686046512);--primary-lighter: rgb(207.7906976744, 188.6627906977, 251.3372093023);--primary-dark: rgb(104.6046511628, 43.6686046512, 243.3313953488);--primary-darker: rgb(76.8372093023, 12.3488372093, 223.6511627907);--primary-rgb: 139, 92, 246;--accent: #7c3aed;--glow: rgba(139, 92, 246, .5);--gradient-start: #8b5cf6;--gradient-end: #a78bfa}[data-theme=purple]{--primary: #a855f7;--primary-light: rgb(192.9269662921, 133.7078651685, 249.2921348315);--primary-lighter: rgb(217.8539325843, 182.4157303371, 251.5842696629);--primary-dark: rgb(143.0730337079, 36.2921348315, 244.7078651685);--primary-darker: rgb(117.5842696629, 10.3370786517, 219.6629213483);--primary-rgb: 168, 85, 247;--accent: #9333ea;--glow: rgba(168, 85, 247, .5);--gradient-start: #a855f7;--gradient-end: #c084fc}[data-theme=fuchsia]{--primary: #d946ef;--primary-light: rgb(226.6417910448, 116.9402985075, 243.0597014925);--primary-lighter: rgb(236.2835820896, 163.8805970149, 247.1194029851);--primary-dark: rgb(207.3582089552, 23.0597014925, 234.9402985075);--primary-darker: rgb(167.8656716418, 16.4776119403, 190.5223880597);--primary-rgb: 217, 70, 239;--accent: #c026d3;--glow: rgba(217, 70, 239, .5);--gradient-start: #d946ef;--gradient-end: #e879f9}[data-theme=pink]{--primary: #ec4899;--primary-light: rgb(240.797029703, 118.202970297, 178.7524752475);--primary-lighter: rgb(245.5940594059, 164.4059405941, 204.504950495);--primary-dark: rgb(231.202970297, 25.797029703, 127.2475247525);--primary-darker: rgb(186.6237623762, 19.3762376238, 101.9801980198);--primary-rgb: 236, 72, 153;--accent: #db2777;--glow: rgba(236, 72, 153, .5);--gradient-start: #ec4899;--gradient-end: #f472b6}[data-theme=rose]{--primary: #f43f5e;--primary-light: rgb(246.763546798, 111.236453202, 134.4482758621);--primary-lighter: rgb(249.5270935961, 159.4729064039, 174.8965517241);--primary-dark: rgb(241.236453202, 14.763546798, 53.5517241379);--primary-darker: rgb(193.8916256158, 11.1083743842, 42.4137931034);--primary-rgb: 244, 63, 94;--accent: #e11d48;--glow: rgba(244, 63, 94, .5);--gradient-start: #f43f5e;--gradient-end: #fb7185}[data-theme=red]{--primary: #ef4444;--primary-light: rgb(243.0197044335, 114.9802955665, 114.9802955665);--primary-lighter: rgb(247.039408867, 161.960591133, 161.960591133);--primary-dark: rgb(234.9802955665, 21.0197044335, 21.0197044335);--primary-darker: rgb(188.842364532, 16.157635468, 16.157635468);--primary-rgb: 239, 68, 68;--accent: #dc2626;--glow: rgba(239, 68, 68, .5);--gradient-start: #ef4444;--gradient-end: #f87171}[data-theme=orange]{--primary: #f97316;--primary-light: rgb(250.280334728, 144.8744769874, 71.719665272);--primary-lighter: rgb(251.5606694561, 174.7489539749, 121.4393305439);--primary-dark: rgb(214.4769874477, 91.129707113, 5.5230125523);--primary-darker: rgb(164.7573221757, 70.0041841004, 4.2426778243);--primary-rgb: 249, 115, 22;--accent: #ea580c;--glow: rgba(249, 115, 22, .5);--gradient-start: #f97316;--gradient-end: #fb923c}[data-theme=amber]{--primary: #f59e0b;--primary-light: rgb(247.0078740157, 177.4763779528, 59.9921259843);--primary-lighter: rgb(249.0157480315, 196.9527559055, 108.9842519685);--primary-dark: rgb(196.9291338583, 126.7125984252, 8.0708661417);--primary-darker: rgb(147.937007874, 95.188976378, 6.062992126);--primary-rgb: 245, 158, 11;--accent: #d97706;--glow: rgba(245, 158, 11, .5);--gradient-start: #f59e0b;--gradient-end: #fbbf24}[data-theme=yellow]{--primary: #eab308;--primary-light: rgb(247.826446281, 198.5082644628, 45.173553719);--primary-lighter: rgb(249.5123966942, 211.7851239669, 94.4876033058);--primary-dark: rgb(184.6859504132, 141.2768595041, 6.3140495868);--primary-darker: rgb(135.3719008264, 103.5537190083, 4.6280991736);--primary-rgb: 234, 179, 8;--accent: #ca8a04;--glow: rgba(234, 179, 8, .5);--gradient-start: #eab308;--gradient-end: #facc15}[data-theme=lime]{--primary: #84cc16;--primary-light: rgb(158.0884955752, 232.3185840708, 44.6814159292);--primary-lighter: rgb(179.3008849558, 237.2831858407, 90.7168141593);--primary-dark: rgb(102.2123893805, 157.9646017699, 17.0353982301);--primary-darker: rgb(72.4247787611, 111.9292035398, 12.0707964602);--primary-rgb: 132, 204, 22;--accent: #65a30d;--glow: rgba(132, 204, 22, .5);--gradient-start: #84cc16;--gradient-end: #a3e635}[data-theme=green]{--primary: #10b981;--primary-light: rgb(20.0597014925, 231.9402985075, 161.7313432836);--primary-lighter: rgb(64.4776119403, 238.5223880597, 180.8507462687);--primary-dark: rgb(11.9402985075, 138.0597014925, 96.2686567164);--primary-darker: rgb(7.8805970149, 91.1194029851, 63.5373134328);--primary-rgb: 16, 185, 129;--accent: #059669;--glow: rgba(16, 185, 129, .5);--gradient-start: #10b981;--gradient-end: #34d399}[data-theme=emerald]{--primary: #059669;--primary-light: rgb(6.6451612903, 199.3548387097, 139.5483870968);--primary-lighter: rgb(10.1612903226, 246.8387096774, 173.3870967742);--primary-dark: rgb(3.3548387097, 100.6451612903, 70.4516129032);--primary-darker: rgb(1.7096774194, 51.2903225806, 35.9032258065);--primary-rgb: 5, 150, 105;--accent: #047857;--glow: rgba(5, 150, 105, .5);--gradient-start: #059669;--gradient-end: #10b981}[data-theme=teal]{--primary: #14b8a6;--primary-light: rgb(25, 230, 207.5);--primary-lighter: #47ebd9;--primary-dark: rgb(15, 138, 124.5);--primary-darker: #0a5c53;--primary-rgb: 20, 184, 166;--accent: #0d9488;--glow: rgba(20, 184, 166, .5);--gradient-start: #14b8a6;--gradient-end: #2dd4bf}[data-mode=dark]{--bg: #000000;--bg-secondary: #111111;--bg-tertiary: #222222;--bg-elevated: rgba(17, 17, 17, .95);--surface: rgba(17, 17, 17, .8);--surface-hover: rgba(34, 34, 34, .8);--surface-active: rgba(51, 51, 51, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--shadow-sm: rgba(0, 0, 0, .5);--shadow-md: rgba(0, 0, 0, .7);--shadow-lg: rgba(0, 0, 0, .9);--overlay: rgba(0, 0, 0, .8);--header-bg: rgba(0, 0, 0, .95);--header-transparent: rgba(0, 0, 0, .3);--card-bg: linear-gradient(145deg, #111111 0%, rgba(17, 17, 17, .8) 100%);--input-bg: rgba(17, 17, 17, .6);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}[data-mode=light]{--bg: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #e2e8f0;--bg-elevated: rgba(255, 255, 255, .98);--surface: rgba(241, 245, 249, .9);--surface-hover: rgba(226, 232, 240, .9);--surface-active: rgba(203, 213, 225, .9);--text-primary: #212529;--text-secondary: rgba(33, 37, 41, .85);--text-tertiary: rgba(33, 37, 41, .6);--text-muted: rgba(33, 37, 41, .4);--border-primary: rgba(0, 0, 0, .25);--border-secondary: rgba(0, 0, 0, .15);--shadow-sm: rgba(0, 0, 0, .08);--shadow-md: rgba(0, 0, 0, .12);--shadow-lg: rgba(0, 0, 0, .18);--overlay: rgba(255, 255, 255, .9);--header-bg: rgba(255, 255, 255, .95);--header-transparent: rgba(255, 255, 255, .8);--card-bg: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--input-bg: rgba(241, 245, 249, .8);--success: #059669;--warning: #d97706;--error: #dc2626;--info: #2563eb}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.theme-switching *{transition:none!important}:root{--webmaster-sidebar-bg: var(--bg-secondary, #1f2937);--webmaster-content-bg: var(--bg);--webmaster-card-bg: var(--surface, #ffffff);--webmaster-accent: var(--primary);--webmaster-page-padding: 1.5rem;--webmaster-section-gap: 2rem;--webmaster-card-padding: 1.5rem;--webmaster-grid-gap: 1rem;--webmaster-content-max-width: 1400px;--webmaster-card-border-radius: .5rem;--z-webmaster-sidebar: 1000;--z-webmaster-header: 1010;--z-webmaster-modal: 1050;--z-webmaster-tooltip: 1060;--webmaster-hover-bg: rgba(var(--primary-rgb, 0, 188, 212), .1);--webmaster-active-bg: rgba(var(--primary-rgb, 0, 188, 212), .15);--webmaster-focus-ring: 0 0 0 .2rem rgba(var(--primary-rgb, 0, 188, 212), .25)}[data-theme=dark]{--webmaster-card-bg: var(--bg-secondary, #374151);--webmaster-content-bg: var(--bg);--webmaster-hover-bg: rgba(255, 255, 255, .05);--webmaster-active-bg: rgba(255, 255, 255, .1)}.webmaster-page{background:var(--webmaster-content-bg);color:var(--text-primary);min-height:100vh;padding:var(--webmaster-page-padding)}@media (max-width: 768px){.webmaster-page{padding:1rem}}.webmaster-container{max-width:var(--webmaster-content-max-width);margin:0 auto;width:100%}.webmaster-card{background:var(--webmaster-card-bg);border:1px solid var(--border-primary);border-radius:var(--webmaster-card-border-radius);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));padding:var(--webmaster-card-padding);transition:var(--transition-default, .3s ease)}.webmaster-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.webmaster-grid{display:grid;gap:var(--webmaster-grid-gap)}.webmaster-grid--2{grid-template-columns:repeat(2,1fr)}.webmaster-grid--3{grid-template-columns:repeat(3,1fr)}.webmaster-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.webmaster-grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.webmaster-grid--3,.webmaster-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.webmaster-grid--2,.webmaster-grid--3,.webmaster-grid--4{grid-template-columns:1fr}}.webmaster-interactive{cursor:pointer;transition:var(--transition-default, .3s ease)}.webmaster-interactive:hover{background:var(--webmaster-hover-bg)}.webmaster-interactive:active{background:var(--webmaster-active-bg)}.webmaster-interactive:focus{outline:none;box-shadow:var(--webmaster-focus-ring)}.webmaster-interactive:disabled{cursor:not-allowed;opacity:.6}.webmaster-section+.webmaster-section{margin-top:var(--webmaster-section-gap)}.webmaster-status--success{color:var(--success, #22c55e);background:rgba(34,197,94,.1)}.webmaster-status--warning{color:var(--warning, #f59e0b);background:rgba(245,158,11,.1)}.webmaster-status--danger{color:var(--danger, #ef4444);background:rgba(239,68,68,.1)}.webmaster-status--info{color:var(--info, #3b82f6);background:rgba(59,130,246,.1)}.webmaster-status--primary{color:var(--primary);background:var(--webmaster-hover-bg)}@keyframes webmaster-fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes webmaster-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.webmaster-animate-in{animation:webmaster-fade-in .3s ease-out}.webmaster-animate-scale{animation:webmaster-scale-in .2s ease-out}:root{--workflow-node-ia: var(--primary);--workflow-node-control: #f59e0b;--workflow-node-data: #10b981;--workflow-node-error: #ef4444;--workflow-node-bg-ia: rgba(0, 212, 255, .1);--workflow-node-bg-control: rgba(245, 158, 11, .1);--workflow-node-bg-data: rgba(16, 185, 129, .1);--workflow-node-bg-error: rgba(239, 68, 68, .1);--workflow-edge-default: rgba(255, 255, 255, .3);--workflow-edge-hover: var(--primary);--workflow-edge-selected: var(--primary);--workflow-node-width: 180px;--workflow-node-min-height: 80px;--workflow-node-radius: 8px;--workflow-handle-size: 12px}.workflow-designer{height:100vh;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-family)}.workflow-designer__header{background:var(--background-secondary);border-bottom:1px solid var(--border-primary);padding:1rem}.workflow-designer__header .workflow-info{display:flex;gap:1rem;align-items:center}.workflow-designer__header .workflow-info input,.workflow-designer__header .workflow-info select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px}.workflow-designer__header .workflow-info input:focus,.workflow-designer__header .workflow-info select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.workflow-designer__toolbar{background:var(--background-tertiary);border-bottom:1px solid var(--border-primary);padding:.5rem 1rem;display:flex;align-items:center;gap:1rem}.workflow-designer__toolbar .tool-group{display:flex;gap:.5rem;align-items:center;padding:0 .5rem;border-right:1px solid var(--border-primary)}.workflow-designer__toolbar .tool-group:last-child{border-right:none}.workflow-designer__toolbar .tool-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.375rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.workflow-designer__toolbar .tool-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-primary)}.workflow-designer__toolbar .tool-btn:active{background:var(--surface-active)}.workflow-designer__toolbar .tool-btn.active{background:var(--primary);color:var(--background);border-color:var(--primary)}.workflow-designer__content{flex:1;display:flex;position:relative;overflow:hidden}.workflow-designer__palette{width:260px;background:var(--background-secondary);border-right:1px solid var(--border-primary);overflow-y:auto}.workflow-designer__palette .palette-header{padding:1rem;border-bottom:1px solid var(--border-primary)}.workflow-designer__palette .palette-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.workflow-designer__palette .palette-search{padding:1rem}.workflow-designer__palette .palette-search input{width:100%;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px}.workflow-designer__palette .palette-search input:focus{outline:none;border-color:var(--primary)}.workflow-designer__palette .palette-category{padding:.5rem 1rem}.workflow-designer__palette .palette-category h4{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0}.workflow-designer__palette .palette-category .palette-nodes{display:flex;flex-direction:column;gap:.5rem}.workflow-designer__palette .palette-node{background:var(--surface);border:1px solid var(--border-primary);border-radius:6px;padding:.75rem;cursor:grab;transition:all .2s;display:flex;align-items:center;gap:.75rem}.workflow-designer__palette .palette-node:hover{background:var(--surface-hover);transform:translate(4px)}.workflow-designer__palette .palette-node:active{cursor:grabbing}.workflow-designer__palette .palette-node .node-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.workflow-designer__palette .palette-node .node-info{flex:1}.workflow-designer__palette .palette-node .node-info .node-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.workflow-designer__palette .palette-node .node-info .node-desc{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.workflow-designer__palette .palette-node--ia .node-icon{background:var(--workflow-node-bg-ia);color:var(--workflow-node-ia)}.workflow-designer__palette .palette-node--control .node-icon{background:var(--workflow-node-bg-control);color:var(--workflow-node-control)}.workflow-designer__palette .palette-node--data .node-icon{background:var(--workflow-node-bg-data);color:var(--workflow-node-data)}.workflow-designer__canvas{flex:1;background:var(--background);position:relative}.workflow-designer__canvas .react-flow{background:var(--background)}.workflow-designer__canvas .react-flow__background path{stroke:var(--border-secondary)}.workflow-designer__canvas .react-flow__minimap{background:var(--background-secondary);border:1px solid var(--border-primary)}.workflow-designer__canvas .react-flow__minimap .react-flow__minimap-mask{fill:var(--surface)}.workflow-designer__canvas .react-flow__minimap .react-flow__minimap-node{fill:var(--text-tertiary)}.workflow-designer__canvas .react-flow__controls{background:var(--background-secondary);border:1px solid var(--border-primary);box-shadow:none}.workflow-designer__canvas .react-flow__controls button{background:var(--surface);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.workflow-designer__canvas .react-flow__controls button:hover{background:var(--surface-hover)}.workflow-designer__canvas .react-flow__controls button:last-child{border-bottom:none}.workflow-designer__properties{width:320px;background:var(--background-secondary);border-left:1px solid var(--border-primary);overflow-y:auto}.workflow-designer__properties .properties-header{padding:1rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.workflow-designer__properties .properties-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.workflow-designer__properties .properties-header .close-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.workflow-designer__properties .properties-header .close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.workflow-designer__properties .properties-content{padding:1rem}.workflow-designer__properties .properties-content .property-group{margin-bottom:1.5rem}.workflow-designer__properties .properties-content .property-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.workflow-designer__properties .properties-content .property-group input,.workflow-designer__properties .properties-content .property-group select,.workflow-designer__properties .properties-content .property-group textarea{width:100%;background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px}.workflow-designer__properties .properties-content .property-group input:focus,.workflow-designer__properties .properties-content .property-group select:focus,.workflow-designer__properties .properties-content .property-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.workflow-designer__properties .properties-content .property-group textarea{resize:vertical;min-height:80px}.workflow-designer__properties .properties-content .property-group select[multiple]{min-height:120px}.workflow-designer__properties .properties-content .property-group .helper-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.workflow-node{background:var(--surface);border:2px solid var(--border-primary);border-radius:var(--workflow-node-radius);min-width:var(--workflow-node-width);min-height:var(--workflow-node-min-height);padding:1rem;cursor:move;transition:all .2s}.workflow-node:hover{border-color:var(--primary);box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}.workflow-node.selected{border-color:var(--primary);box-shadow:0 0 30px rgba(var(--primary-rgb),.5)}.workflow-node__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.workflow-node__header .node-icon{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem}.workflow-node__header .node-title{flex:1;font-weight:600;font-size:.875rem}.workflow-node__content{font-size:.75rem;color:var(--text-secondary)}.workflow-node__content .config-item{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.workflow-node__content .config-item .config-label{color:var(--text-tertiary)}.workflow-node__content .config-item .config-value{color:var(--text-primary);font-weight:500}.workflow-node--ia .node-icon{background:var(--workflow-node-bg-ia);color:var(--workflow-node-ia)}.workflow-node--ia:hover,.workflow-node--ia.selected{border-color:var(--workflow-node-ia);box-shadow:0 0 20px #00d4ff4d}.workflow-node--control .node-icon{background:var(--workflow-node-bg-control);color:var(--workflow-node-control)}.workflow-node--control:hover,.workflow-node--control.selected{border-color:var(--workflow-node-control);box-shadow:0 0 20px #f59e0b4d}.workflow-node--data .node-icon{background:var(--workflow-node-bg-data);color:var(--workflow-node-data)}.workflow-node--data:hover,.workflow-node--data.selected{border-color:var(--workflow-node-data);box-shadow:0 0 20px #10b9814d}.workflow-node--start,.workflow-node--end{border-radius:50%;width:80px;height:80px;min-width:80px;min-height:80px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow-node--start .node-icon,.workflow-node--end .node-icon{font-size:1.5rem;margin-bottom:.25rem}.workflow-node--start .node-title,.workflow-node--end .node-title{font-size:.75rem}.workflow-node--condition,.workflow-node--switch{transform:rotate(45deg);width:100px;height:100px;min-width:100px;min-height:100px;padding:0;display:flex;align-items:center;justify-content:center}.workflow-node--condition .workflow-node__content,.workflow-node--switch .workflow-node__content{transform:rotate(-45deg);text-align:center}.workflow-handle{width:var(--workflow-handle-size);height:var(--workflow-handle-size);background:var(--primary);border:2px solid var(--background);border-radius:50%}.workflow-handle:hover{transform:scale(1.2)}.workflow-handle--error{background:var(--workflow-node-error);bottom:-6px;left:50%;transform:translate(-50%)}.react-flow__edge .react-flow__edge-path{stroke:var(--workflow-edge-default);stroke-width:2}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--workflow-edge-hover);stroke-width:3}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--workflow-edge-selected);stroke-width:3}.workflow-context-menu{position:absolute;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 10px 40px #000c;overflow:hidden;z-index:1000}.workflow-context-menu .menu-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .2s}.workflow-context-menu .menu-item:hover{background:var(--surface-hover)}.workflow-context-menu .menu-item .menu-icon{color:var(--text-tertiary)}.workflow-context-menu .menu-item .menu-label{color:var(--text-primary);font-size:.875rem}.workflow-context-menu .menu-item--danger .menu-icon,.workflow-context-menu .menu-item--danger .menu-label{color:var(--workflow-node-error)}.workflow-context-menu .menu-separator{height:1px;background:var(--border-primary);margin:.25rem 0}.workflow-node--error{border-color:var(--workflow-node-error);animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 20px 10px #ef444433}}@media (max-width: 1200px){.workflow-designer__palette{width:220px}.workflow-designer__properties{width:280px}}@media (max-width: 768px){.workflow-designer__palette,.workflow-designer__properties{position:absolute;top:0;bottom:0;z-index:100}.workflow-designer__palette{left:-100%;transition:left .3s}.workflow-designer__palette.show{left:0}.workflow-designer__properties{right:-100%;transition:right .3s}.workflow-designer__properties.show{right:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.locales-element-form .form-container{background:var(--bg);border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 60px var(--shadow-lg);animation:fadeIn .6s ease-out}.locales-element-form .form-header-gradient{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);padding:2.5rem 3rem;position:relative;overflow:hidden}.locales-element-form .form-header-gradient:before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:rgba(255,255,255,.1);transform:rotate(35deg);pointer-events:none}.locales-element-form .form-header-gradient .form-main-title{color:#fff;font-size:2rem;font-weight:700;margin:0;display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1}.locales-element-form .form-header-gradient .form-main-title i{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.locales-element-form .main-tabs-wrapper{background:var(--bg-secondary);border-bottom:none;padding:0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locales-element-form .main-tabs-wrapper .nav-tabs-custom{display:flex;gap:0;border-bottom:none;padding:1rem 2rem 0}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab{background:transparent;border:none;border-radius:1rem 1rem 0 0;padding:1rem 2rem;color:var(--text-tertiary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem;position:relative;margin-right:.5rem}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab i{font-size:1.25rem;transition:all .3s ease}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab:hover{color:var(--text-secondary);background:var(--surface)}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab.active{color:var(--primary);background:var(--bg)}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab.active i{transform:scale(1.1)}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab .badge{font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;background:var(--warning);color:#fff!important;animation:pulse 2s infinite}.locales-element-form .main-tab-content{background:var(--bg);min-height:600px;animation:slideIn .4s ease-out}.locales-element-form .selectors-section,.locales-element-form .translations-section{padding:3rem}.locales-element-form .section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;position:relative}.locales-element-form .section-header:after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--primary) 0%,transparent 100%)}.locales-element-form .section-header .section-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;flex-shrink:0;box-shadow:0 8px 25px rgba(var(--primary-rgb),.3);position:relative;overflow:hidden}.locales-element-form .section-header .section-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.locales-element-form .section-header .section-icon:hover:before{transform:translate(100%)}.locales-element-form .section-header .section-content{flex:1}.locales-element-form .section-header .section-content .section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.locales-element-form .section-header .section-content .section-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.locales-element-form .section-header .section-actions{display:flex;gap:1rem}.locales-element-form .info-section{margin-bottom:3rem}.locales-element-form .info-section:last-child{margin-bottom:0}.locales-element-form .info-section-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:.5rem}.locales-element-form .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.locales-element-form .stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.locales-element-form .stat-card{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:1rem;padding:1.5rem;display:flex;gap:1.25rem;align-items:center;transition:all .3s ease}.locales-element-form .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-sm);border-color:var(--primary)}.locales-element-form .stat-card .stat-icon{width:48px;height:48px;background:rgba(var(--primary-rgb),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;flex-shrink:0}.locales-element-form .stat-card .stat-content{flex:1}.locales-element-form .stat-card .stat-content .stat-label{font-size:.875rem;color:var(--text-tertiary);margin-bottom:.25rem}.locales-element-form .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.locales-element-form .stat-card .stat-content .stat-value .stat-flag{font-size:1.75rem;line-height:1}.locales-element-form .stat-card .stat-content .stat-value .stat-total{font-size:1rem;font-weight:400;color:var(--text-tertiary)}.locales-element-form .stat-card .stat-content .stat-value .badge{font-size:.875rem}.locales-element-form .form-group{margin-bottom:0}.locales-element-form .form-group .form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.locales-element-form .form-group .form-label .label-text{display:flex;align-items:center;gap:.5rem;font-weight:500}.locales-element-form .form-group .form-label .label-text i{color:var(--text-tertiary);font-size:1rem}.locales-element-form .form-group .form-control,.locales-element-form .form-group .form-select{background:var(--input-bg);border:1px solid var(--border-primary);color:var(--text-primary);padding:.875rem 1.25rem;border-radius:.75rem;font-size:1rem;transition:all .3s ease;width:100%}.locales-element-form .form-group .form-control::placeholder,.locales-element-form .form-group .form-select::placeholder{color:var(--text-muted)}.locales-element-form .form-group .form-control:focus,.locales-element-form .form-group .form-select:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.25)}.locales-element-form .form-group .form-control:focus,.locales-element-form .form-group .form-select:focus{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.locales-element-form .form-group .badge{font-size:.875rem;padding:.5rem 1rem;border-radius:2rem;font-weight:600;letter-spacing:.02em;color:#fff!important;border:none}.locales-element-form .form-group .badge.bg-info{background:var(--primary);color:#fff!important}.locales-element-form .form-group .badge.bg-secondary{background:var(--text-tertiary);color:#fff!important}.locales-element-form .form-group .badge.bg-success{background:var(--success);color:#fff!important}.locales-element-form .form-group .badge.bg-warning{background:var(--warning);color:#fff!important}.locales-element-form .form-group .badge i{color:#fff!important}.locales-element-form .form-section{background:var(--surface);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-secondary);transition:all .3s ease}.locales-element-form .form-section:hover{border-color:var(--border-primary);box-shadow:0 4px 20px var(--shadow-sm)}.locales-element-form .locales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-top:1.5rem}.locales-element-form .locale-card{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);transition:all .3s ease;border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.locales-element-form .locale-card:hover{background:var(--surface-hover);border-color:var(--primary)}.locales-element-form .locale-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:all .3s ease}.locales-element-form .locale-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px var(--shadow-md)}.locales-element-form .locale-card.selected{background:linear-gradient(145deg,var(--surface) 0%,var(--surface-hover) 100%);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.locales-element-form .locale-card.selected:before{background:var(--primary)}.locales-element-form .locale-card.selected .locale-flag{transform:scale(1.1)}.locales-element-form .locale-card .locale-card-header{margin-bottom:1rem;position:relative}.locales-element-form .locale-card .locale-card-header .locale-flag{font-size:3.5rem;line-height:1;filter:drop-shadow(0 2px 4px var(--shadow-sm));transition:transform .3s ease}.locales-element-form .locale-card .locale-card-header i{position:absolute;top:-.5rem;right:-.5rem;font-size:1.5rem;color:var(--primary)!important;filter:drop-shadow(0 2px 4px rgba(var(--primary-rgb),.3))}.locales-element-form .locale-card .locale-card-body .locale-name{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.locales-element-form .locale-card .locale-card-body .locale-code{display:inline-block;font-size:.875rem;color:var(--text-tertiary);font-family:var(--bs-font-monospace);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:.5rem;margin-bottom:.75rem}.locales-element-form .locale-card .locale-card-body .locale-badges{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.locales-element-form .locale-card .locale-card-body .locale-badges .badge{font-size:.8125rem;padding:.375rem .75rem;border-radius:1rem;display:flex;align-items:center;gap:.375rem;color:#fff!important}.locales-element-form .locale-card .locale-card-body .locale-badges .badge.bg-success{background:var(--success);color:#fff!important}.locales-element-form .locale-card .locale-card-body .locale-badges .badge.bg-info{background:var(--primary);color:#fff!important}.locales-element-form .locale-card .locale-card-body .locale-badges .badge.bg-warning{background:var(--warning);color:#fff!important}.locales-element-form .locale-card .locale-card-body .locale-badges .badge i{font-size:.875rem;color:#fff!important}.locales-element-form .tabs-wrapper{background:transparent;border-radius:0;padding:0;margin-top:2rem;border:none}.locales-element-form .tabs-wrapper .nav-tabs-custom{display:flex;gap:1rem;border-bottom:2px solid var(--border-secondary);padding-bottom:0}.locales-element-form .tabs-wrapper .nav-tabs-custom .nav-tab{background:transparent;border:none;border-radius:0;padding:1rem 0;margin-right:2rem;color:var(--text-tertiary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;position:relative}.locales-element-form .tabs-wrapper .nav-tabs-custom .nav-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:transparent;transition:all .3s ease}.locales-element-form .tabs-wrapper .nav-tabs-custom .nav-tab:hover{color:var(--text-secondary)}.locales-element-form .tabs-wrapper .nav-tabs-custom .nav-tab.active{color:var(--primary)}.locales-element-form .tabs-wrapper .nav-tabs-custom .nav-tab.active:after{background:var(--primary)}.locales-element-form .tab-content-wrapper{background:var(--surface);border:1px solid var(--border-secondary);border-radius:1rem;padding:2.5rem;min-height:500px;margin-top:2rem;animation:fadeIn .3s ease-out}.locales-element-form .translation-tree-container{max-height:600px;overflow-y:auto;padding-right:1rem}.locales-element-form .translation-tree-container::-webkit-scrollbar{width:8px}.locales-element-form .translation-tree-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.locales-element-form .translation-tree-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.locales-element-form .translation-tree-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.locales-element-form .translation-group{margin-bottom:2rem}.locales-element-form .translation-group .group-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:.75rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease}.locales-element-form .translation-group .group-header:hover{background:var(--bg-tertiary)}.locales-element-form .translation-group .group-header i{color:var(--primary);font-size:1.25rem}.locales-element-form .translation-group .group-header .group-name{font-weight:700;color:var(--text-primary);font-size:1rem;letter-spacing:-.01em}.locales-element-form .translation-group .group-fields{padding-left:1.5rem;border-left:2px solid var(--border-secondary);margin-left:.625rem}.locales-element-form .translation-field{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:1.5rem;align-items:start;padding:1.25rem;background:var(--bg);border:1px solid var(--border-secondary);border-radius:.75rem;margin-bottom:1rem;transition:all .3s ease}.locales-element-form .translation-field:hover{border-color:var(--border-primary);box-shadow:0 2px 8px var(--shadow-sm)}.locales-element-form .translation-field .field-key{font-family:var(--bs-font-monospace);font-size:.875rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem;word-break:break-all;border:1px solid var(--border-secondary)}.locales-element-form .translation-field .field-value textarea{width:100%;min-height:80px;transition:all .3s ease}.locales-element-form .translation-field .field-value textarea:focus{min-height:120px}.locales-element-form .source-language-selector .alert-info{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);border-radius:.75rem;padding:1.5rem;display:flex;gap:1rem;margin-bottom:2rem}.locales-element-form .source-language-selector .alert-info i{font-size:1.5rem;flex-shrink:0}.locales-element-form .source-language-selector .alert-info strong{display:block;margin-bottom:.5rem}.locales-element-form .source-language-selector .alert-info p{margin:0;color:var(--text-secondary)}.locales-element-form .language-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.locales-element-form .language-select-card{background:var(--card-bg);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:.75rem;padding:1.25rem;text-align:center;cursor:pointer;transition:all .3s ease}.locales-element-form .language-select-card:hover{background:var(--surface-hover);border-color:var(--primary)}.locales-element-form .language-select-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-sm)}.locales-element-form .language-select-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.locales-element-form .language-select-card .language-flag{font-size:3rem;line-height:1;margin-bottom:.75rem}.locales-element-form .language-select-card .language-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.locales-element-form .language-select-card .language-code{font-size:.75rem;color:var(--text-tertiary);font-family:monospace}.locales-element-form .source-lang-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:rgba(var(--primary-rgb),.1);border-radius:2rem;font-weight:600}.locales-element-form .json-editor-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px var(--shadow-sm)}.locales-element-form .json-editor-wrapper .editor-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.locales-element-form .json-editor-wrapper .editor-header .editor-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);font-size:1rem}.locales-element-form .json-editor-wrapper .editor-header .editor-title i{color:var(--primary);font-size:1.25rem}.locales-element-form .json-editor-wrapper .editor-header .editor-lang{padding:.375rem 1rem;background:var(--primary);color:#fff;border-radius:2rem;font-size:.8125rem;font-family:monospace;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.locales-element-form .json-editor-wrapper .editor-header .editor-lang .editor-flag{font-size:1.25rem;line-height:1}.locales-element-form .json-editor-wrapper .json-editor{font-family:Fira Code,Consolas,monospace;font-size:.9375rem;line-height:1.6;padding:1.5rem;background:var(--bg-tertiary);border:none;color:var(--text-primary)}.locales-element-form .translation-actions{margin:2rem 0;padding:1.5rem;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:.75rem;display:flex;justify-content:center;animation:fadeIn .3s ease-out}.locales-element-form .empty-translations{text-align:center;padding:5rem 2rem;color:var(--text-tertiary)}.locales-element-form .empty-translations i{font-size:5rem;opacity:.2;margin-bottom:1.5rem;color:var(--text-muted)}.locales-element-form .empty-translations p{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-secondary)}.locales-element-form .empty-translations small{font-size:1rem;color:var(--text-tertiary)}.locales-element-form .btn-action{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.locales-element-form .btn-action.btn-sync{background:var(--primary);color:#fff;border-color:var(--primary)}.locales-element-form .btn-action.btn-sync:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}.locales-element-form .btn-action.btn-primary{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:#fff;border-color:transparent}.locales-element-form .btn-action.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4)}.locales-element-form .btn-action.btn-primary:disabled{opacity:.6;cursor:not-allowed}.locales-element-form .form-actions{display:flex;justify-content:flex-end;gap:1.25rem;padding:2.5rem 3rem;background:var(--bg-secondary);border-top:1px solid var(--border-secondary)}.locales-element-form .btn-form{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.locales-element-form .btn-form.btn-cancel{background:var(--surface);color:var(--text-primary);border:2px solid var(--border-primary)}.locales-element-form .btn-form.btn-cancel:hover{background:var(--surface-hover);border-color:var(--text-tertiary)}.locales-element-form .btn-form.btn-submit{background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);color:var(--bg);border:none;transition:all .3s ease}.locales-element-form .btn-form.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-md)}.locales-element-form .btn-form.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.locales-element-form .btn-form .spinner-border{width:1.25rem;height:1.25rem;border-width:.15rem}.locales-element-form .error-alert{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:var(--error);font-size:.9375rem;margin-bottom:1.5rem;animation:fadeIn .3s ease-out}.locales-element-form .error-alert i{font-size:1.5rem;flex-shrink:0}.locales-element-form .alert-warning{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:.75rem;color:var(--warning);font-size:.9375rem;line-height:1.5}.locales-element-form .alert-warning i{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.locales-element-form .alert-warning strong{font-weight:700}.locales-element-form .json-help{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.locales-element-form .json-help i{color:var(--primary);font-size:1.125rem}.locales-element-form .badge{color:#fff!important}.locales-element-form .badge.bg-primary{background:var(--primary)!important;color:#fff!important}.locales-element-form .badge.bg-secondary{background:var(--text-tertiary)!important;color:#fff!important}.locales-element-form .badge.bg-success{background:var(--success)!important;color:#fff!important}.locales-element-form .badge.bg-warning{background:var(--warning)!important;color:#fff!important}.locales-element-form .badge.bg-info{background:var(--primary)!important;color:#fff!important}.locales-element-form .badge.bg-danger{background:var(--error)!important;color:#fff!important}@media (max-width: 768px){.locales-element-form .form-header-gradient{padding:2rem 1.5rem}.locales-element-form .form-header-gradient .form-main-title{font-size:1.5rem}.locales-element-form .form-header-gradient .form-main-title i{font-size:2rem}.locales-element-form .selectors-section,.locales-element-form .translations-section{padding:2rem 1.5rem}.locales-element-form .main-tabs-wrapper .nav-tabs-custom{padding:1rem 1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.locales-element-form .main-tabs-wrapper .nav-tabs-custom .nav-tab{padding:.875rem 1.25rem;font-size:.875rem;white-space:nowrap}.locales-element-form .section-header{flex-direction:column;text-align:center;gap:1rem}.locales-element-form .section-header .section-icon{width:56px;height:56px;font-size:1.5rem}.locales-element-form .section-header .section-content .section-title{font-size:1.5rem}.locales-element-form .locales-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.locales-element-form .translation-field{grid-template-columns:1fr;gap:1rem}.locales-element-form .form-actions{flex-direction:column;padding:2rem 1.5rem}.locales-element-form .form-actions .btn-form{width:100%;justify-content:center}.locales-element-form .tab-content-wrapper{padding:1.5rem}}.locales-element-form-container .json-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin-top:2rem}.locales-element-form-container .content-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.locales-element-form-container .content-mode-selector .mode-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.locales-element-form-container .content-mode-selector .mode-btn:hover{border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff1a}.locales-element-form-container .content-mode-selector .mode-btn.active{border-color:var(--color-primary);background:rgba(0,212,255,.05)}.locales-element-form-container .content-mode-selector .mode-btn.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:shimmer 2s infinite}.locales-element-form-container .content-mode-selector .mode-btn i{display:block;font-size:2rem;color:var(--color-primary);margin-bottom:.75rem}.locales-element-form-container .content-mode-selector .mode-btn span{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.locales-element-form-container .content-mode-selector .mode-btn small{display:block;font-size:.85rem;color:var(--text-secondary)}.locales-element-form-container .layout-info-card{background:rgba(var(--color-primary),.05);border:1px solid rgba(0,212,255,.2);border-radius:.75rem;padding:1.5rem;margin-top:1rem}.locales-element-form-container .layout-info-card .info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.locales-element-form-container .layout-info-card .info-header i{color:var(--color-primary);font-size:1.2rem}.locales-element-form-container .layout-info-card .info-header span{font-weight:600;color:var(--color-primary)}.locales-element-form-container .layout-info-card .info-content p{color:var(--text-secondary);margin-bottom:1rem}.locales-element-form-container .layout-info-card .locales-badges{display:flex;flex-wrap:wrap;gap:.5rem}.locales-element-form-container .layout-info-card .locales-badges .locale-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:2rem;font-size:.9rem}.locales-element-form-container .layout-info-card .locales-badges .locale-badge .flag{font-size:1.2rem}.locales-element-form-container .layout-info-card .locales-badges .locale-badge .name{color:var(--text-primary)}.locales-element-form-container .layout-info-card .locales-badges .locale-badge .default-badge{background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.locales-element-form-container .json-editor-section{margin-top:2rem}.locales-element-form-container .json-editor-wrapper{position:relative}.locales-element-form-container .json-editor-wrapper .json-editor{width:100%;min-height:300px;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;color:var(--text-primary);resize:vertical}.locales-element-form-container .json-editor-wrapper .json-editor:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .2rem #00d4ff40}.locales-element-form-container .json-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--color-danger);font-size:.875rem}.locales-element-form-container .json-error i{font-size:1rem}.locales-element-form-container .auto-translate-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);border-radius:.5rem;margin-top:1rem}.locales-element-form-container .auto-translate-info i{color:var(--color-info);font-size:1.2rem}.locales-element-form-container .auto-translate-info p{margin:0;color:var(--text-primary);font-size:.9rem}.locales-element-form-container .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.locales-element-form-container .form-actions .btn{min-width:120px}.locales-element-form-container .form-actions .btn.btn-success{background:var(--color-success);border:none}.locales-element-form-container .form-actions .btn.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d;filter:brightness(1.1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.drawing-modal-content{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#323232;color:#f0f0f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-user-select:none;user-select:none;z-index:9999}.drawing-modal-content .drawing-header{display:flex;align-items:center;justify-content:space-between;height:48px;background-color:#262626;border-bottom:1px solid #1a1a1a;padding:0 16px}.drawing-modal-content .drawing-header .header-left{display:flex;align-items:center;gap:8px}.drawing-modal-content .drawing-header .header-center{display:flex;align-items:center;gap:4px}.drawing-modal-content .drawing-header .header-right{display:flex;align-items:center;gap:8px}.drawing-modal-content .drawing-header .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:silver;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-header .action-btn:hover:not(:disabled){background-color:#3a3a3a;color:#fff}.drawing-modal-content .drawing-header .action-btn:disabled{opacity:.3;cursor:not-allowed}.drawing-modal-content .drawing-header .action-btn i{font-size:16px}.drawing-modal-content .drawing-header .separator{width:1px;height:24px;background-color:#3a3a3a;margin:0 8px}.drawing-modal-content .drawing-main{display:flex;flex:1;overflow:hidden}.drawing-modal-content .drawing-main .drawing-toolbox{width:56px;background-color:#262626;border-right:1px solid #1a1a1a;padding:8px 0;display:flex;flex-direction:column;gap:2px}.drawing-modal-content .drawing-main .drawing-toolbox .tool-group{display:flex;flex-direction:column;gap:2px;padding:0 8px}.drawing-modal-content .drawing-main .drawing-toolbox .tool-group:not(:last-child){margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #3a3a3a}.drawing-modal-content .drawing-main .drawing-toolbox .tool-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:4px;color:silver;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-toolbox .tool-btn:hover{background-color:#3a3a3a;color:#fff}.drawing-modal-content .drawing-main .drawing-toolbox .tool-btn.active{background-color:#4a90e2;color:#fff}.drawing-modal-content .drawing-main .drawing-toolbox .tool-btn i{font-size:18px}.drawing-modal-content .drawing-main .drawing-toolbox .tool-btn.has-submenu:after{content:"";position:absolute;bottom:4px;right:4px;width:0;height:0;border-left:4px solid transparent;border-top:4px solid #666}.drawing-modal-content .drawing-main .drawing-toolbox .tool-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1000}.tool-btn:hover .drawing-modal-content .drawing-main .drawing-toolbox .tool-tooltip{opacity:1}.drawing-modal-content .drawing-main .drawing-workspace{flex:1;display:flex;position:relative;background-color:#1e1e1e;overflow:hidden}.drawing-modal-content .drawing-main .drawing-workspace .ruler{position:absolute;background-color:#262626;color:#666;font-size:10px;z-index:10}.drawing-modal-content .drawing-main .drawing-workspace .ruler.ruler-horizontal{top:0;left:30px;right:0;height:30px;border-bottom:1px solid #1a1a1a}.drawing-modal-content .drawing-main .drawing-workspace .ruler.ruler-vertical{top:30px;left:0;bottom:0;width:30px;border-right:1px solid #1a1a1a}.drawing-modal-content .drawing-main .drawing-workspace .ruler .ruler-corner{position:absolute;top:0;left:0;width:30px;height:30px;background-color:#262626;border-right:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container{position:absolute;top:30px;left:30px;right:0;bottom:0;overflow:auto;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#1a1a1a 25%,transparent 25%),linear-gradient(-45deg,#1a1a1a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1a 75%),linear-gradient(-45deg,transparent 75%,#1a1a1a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper{position:relative;box-shadow:0 0 20px #00000080;background-color:#fff}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas{display:block;cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-brush{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-pencil{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-eraser{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-line{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-rectangle{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-circle{cursor:crosshair}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-text{cursor:text}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-move{cursor:move}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-zoom{cursor:zoom-in}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-hand{cursor:grab}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper canvas.tool-hand:active{cursor:grabbing}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles{position:absolute;pointer-events:none;border:1px solid #4a90e2}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle{position:absolute;width:8px;height:8px;background-color:#fff;border:1px solid #4a90e2;pointer-events:all;cursor:pointer}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.nw{top:-4px;left:-4px;cursor:nw-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.n{top:-4px;left:50%;transform:translate(-50%);cursor:n-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.ne{top:-4px;right:-4px;cursor:ne-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.e{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.se{bottom:-4px;right:-4px;cursor:se-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.s{bottom:-4px;left:50%;transform:translate(-50%);cursor:s-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .canvas-wrapper .selection-handles .handle.w{top:50%;left:-4px;transform:translateY(-50%);cursor:w-resize}.drawing-modal-content .drawing-main .drawing-workspace .canvas-container .zoom-indicator{position:absolute;bottom:16px;right:16px;padding:4px 8px;background-color:#1a1a1ae6;border:1px solid #3a3a3a;border-radius:4px;font-size:12px;color:silver}.drawing-modal-content .drawing-main .drawing-panels{width:280px;background-color:#262626;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 80px)}.drawing-modal-content .drawing-main .drawing-panels .panel{border-bottom:1px solid #1a1a1a}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#2a2a2a;cursor:pointer}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-header h4{font-size:13px;font-weight:600;margin:0;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-header i{font-size:12px;color:#888;transition:transform .2s ease}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-header i.collapsed{transform:rotate(-90deg)}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-content{padding:16px}.drawing-modal-content .drawing-main .drawing-panels .panel .panel-content.collapsed{display:none}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-mode-tabs{display:flex;gap:4px;margin-bottom:12px}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-mode-tabs button{flex:1;padding:6px;background:transparent;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-mode-tabs button.active{background-color:#3a3a3a;color:#e0e0e0;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main{display:flex;gap:8px;margin-bottom:12px}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-preview{width:48px;height:48px;border-radius:4px;border:1px solid #3a3a3a;position:relative;overflow:hidden}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-preview .color-current{width:100%;height:100%}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders{flex:1;display:flex;flex-direction:column;gap:8px}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider{display:flex;align-items:center;gap:8px}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider label{width:16px;font-size:11px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=range]{flex:1;height:16px;-webkit-appearance:none;background:transparent;position:relative}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=range]::-webkit-slider-track{height:6px;background:transparent;border-radius:3px;border:1px solid #3a3a3a}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#e0e0e0;border-radius:50%;cursor:pointer;margin-top:-4px;border:1px solid #3a3a3a;box-shadow:0 1px 3px #0000004d}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=range]::-moz-range-track{height:6px;background:transparent;border-radius:3px;border:1px solid #3a3a3a}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#e0e0e0;border-radius:50%;cursor:pointer;border:1px solid #3a3a3a;box-shadow:0 1px 3px #0000004d;border:none}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-main .color-sliders .color-slider input[type=number]{width:48px;padding:4px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:11px;text-align:right}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-swatches .swatch{aspect-ratio:1;border-radius:4px;border:1px solid #3a3a3a;cursor:pointer;transition:transform .2s ease}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-swatches .swatch:hover{transform:scale(1.1);border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .color-panel .color-swatches .swatch.active{border-color:#4a90e2;border-width:2px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs .input-group{display:flex;flex-direction:column;gap:4px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs .input-group label{font-size:11px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs .input-group .input-with-unit{display:flex;gap:4px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs .input-group .input-with-unit input{flex:1;padding:4px 8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:12px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-inputs .input-group .input-with-unit .unit{padding:4px 8px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;font-size:11px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-actions button{padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:11px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-actions button:hover{background-color:#2a2a2a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .transform-panel .transform-actions button i{display:block;font-size:16px;margin-bottom:2px}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button{aspect-ratio:1;padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button:hover .tooltip{opacity:1}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button.active{background-color:#3a3a3a;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button svg{width:100%;height:100%}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-modes button .tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #3a3a3a;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-expand{margin-top:12px}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-expand button{width:100%;padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .pathfinder-panel .pathfinder-expand button:hover{background-color:#2a2a2a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list{display:flex;flex-direction:column;gap:4px}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item{display:flex;align-items:center;gap:8px;padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item.active{background-color:#3a3a3a;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-icon{width:24px;height:24px;border-radius:4px;border:1px solid #3a3a3a}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-info{flex:1}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-info .appearance-type{font-size:12px;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-info .appearance-value{font-size:10px;color:#666}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-visibility{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#888;cursor:pointer}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-list .appearance-item .appearance-visibility:hover{color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-actions{display:flex;gap:4px;margin-top:12px}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-actions button{flex:1;padding:6px;background:transparent;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .appearance-panel .appearance-actions button:hover{background-color:#3a3a3a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .align-panel .align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px}.drawing-modal-content .drawing-main .drawing-panels .align-panel .align-grid button{aspect-ratio:1;padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .align-panel .align-grid button:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .align-panel .align-grid button i{font-size:16px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .align-panel .distribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.drawing-modal-content .drawing-main .drawing-panels .align-panel .distribute-grid button{padding:8px 12px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:11px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .align-panel .distribute-grid button:hover{background-color:#2a2a2a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-actions{display:flex;gap:4px;margin-bottom:12px}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-actions button{flex:1;padding:6px;background:transparent;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-actions button:hover{background-color:#3a3a3a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-actions button i{margin-right:4px}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item.active{background-color:#3a3a3a;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-visibility{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#888;cursor:pointer}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-visibility:hover{color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-preview{width:32px;height:32px;background-color:#262626;border:1px solid #3a3a3a;border-radius:2px}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-info{flex:1}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-info .layer-name{font-size:12px;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-info .layer-opacity{font-size:10px;color:#666}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-lock{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-lock:hover{color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .layers-panel .layers-list .layer-item .layer-lock.locked{color:#f39c12}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-width{display:flex;align-items:center;gap:12px;margin-bottom:16px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-width label{font-size:12px;color:#888}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-width input[type=range]{flex:1}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-width .width-value{width:40px;padding:4px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:11px;text-align:center}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style{margin-bottom:16px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style label{display:block;font-size:12px;color:#888;margin-bottom:8px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style .style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style .style-options button{padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style .style-options button:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style .style-options button.active{background-color:#3a3a3a;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-style .style-options button svg{width:100%;height:20px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-caps label{display:block;font-size:12px;color:#888;margin-bottom:8px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-caps .caps-options{display:flex;gap:4px}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-caps .caps-options button{flex:1;padding:8px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-caps .caps-options button:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .stroke-panel .stroke-caps .caps-options button.active{background-color:#3a3a3a;border-color:#4a90e2;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets .brush-preset{aspect-ratio:1;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets .brush-preset:hover{background-color:#2a2a2a}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets .brush-preset.active{background-color:#3a3a3a;border-color:#4a90e2}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets .brush-preset .brush-preview{width:80%;height:80%;background-image:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.8}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-presets .brush-preset .brush-size{position:absolute;bottom:2px;right:2px;font-size:9px;color:#666}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-settings .setting-group{margin-bottom:12px}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-settings .setting-group label{display:block;font-size:11px;color:#888;margin-bottom:6px}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-settings .setting-group .setting-slider{display:flex;align-items:center;gap:8px}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-settings .setting-group .setting-slider input[type=range]{flex:1}.drawing-modal-content .drawing-main .drawing-panels .brushes-panel .brush-settings .setting-group .setting-slider .value{width:40px;padding:4px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:11px;text-align:center}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:200px;overflow-y:auto;padding:4px;background:#1a1a1a;border-radius:4px;margin-bottom:12px}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-library .symbol-item{aspect-ratio:1;background:#262626;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-library .symbol-item:hover{background-color:#2a2a2a;transform:scale(1.05)}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-library .symbol-item svg{width:60%;height:60%}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-library .symbol-item .symbol-name{position:absolute;bottom:2px;left:2px;right:2px;font-size:9px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-actions{display:flex;gap:4px}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-actions button{flex:1;padding:6px;background:transparent;border:1px solid #3a3a3a;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-actions button:hover{background-color:#3a3a3a;color:#e0e0e0}.drawing-modal-content .drawing-main .drawing-panels .symbols-panel .symbol-actions button i{margin-right:4px}.drawing-modal-content .drawing-statusbar{height:32px;background-color:#262626;border-top:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;color:#888}.drawing-modal-content .drawing-statusbar .status-left,.drawing-modal-content .drawing-statusbar .status-right{display:flex;align-items:center;gap:16px}.drawing-modal-content .drawing-statusbar .status-right .status-item{display:flex;align-items:center;gap:4px}.drawing-modal-content .drawing-statusbar .status-right .status-item i{font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.drawing-modal-content .drawing-panels,.drawing-modal-content .ruler{display:none}.drawing-modal-content .canvas-container{top:0!important;left:0!important}}.theme-dark .drawing-modal-content .canvas-wrapper canvas{background-color:#0a0a0a}.drawing-modal-content ::-webkit-scrollbar{width:8px;height:8px}.drawing-modal-content ::-webkit-scrollbar-track{background:#1a1a1a}.drawing-modal-content ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.drawing-modal-content ::-webkit-scrollbar-thumb:hover{background:#4a4a4a}