@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#ffffff08;--accent-primary:#e67e22;--accent-secondary:#f39c12;--accent-tertiary:#d35400;--accent-beige:#d4a574;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--accent-gradient-hover:linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-primary) 100%);--accent-gradient-vertical:linear-gradient(180deg, var(--accent-primary) 0%, var(--accent-tertiary) 100%);--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-muted:#ffffff4d;--text-accent:#d4a574;--border-color:#ffffff14;--border-glow:#e67e2266;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #e67e224d;--shadow-glow-strong:0 0 40px #e67e2280;--glass-bg:#ffffff08;--glass-border:#ffffff14;--section-padding:clamp(60px, 10vh, 120px);--container-width:1280px;--border-radius:16px;--border-radius-sm:8px;--border-radius-lg:24px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);font-size:1.1rem}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0;position:relative}.section-header{text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:0 auto 60px;display:flex}.section-label{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.section-title{margin-bottom:20px}.section-description{color:var(--text-secondary);font-size:1.2rem}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:var(--accent-primary);-webkit-background-clip:text;background-clip:text}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.gradient-text{-webkit-text-fill-color:unset;color:var(--accent-primary);background:0 0}}.btn{cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--text-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--accent-primary);background:#e67e221a}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);transition:all var(--transition-normal);padding:32px}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--text-primary)}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,20px)scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px #e67e224d}50%{box-shadow:0 0 40px #e67e2299}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.relative{position:relative}.overflow-hidden{overflow:hidden}.app{background:var(--bg-primary);width:100%;min-height:100vh;overflow-x:hidden}@media (max-width:768px){.app{padding-bottom:70px}}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 10%,#e67e2214 0%,#0000 40%),radial-gradient(circle at 80% 80%,#f39c120f 0%,#0000 40%);height:100vh;position:fixed;top:0;left:0;right:0}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.7}.navbar{z-index:1000;transition:all .3s;position:fixed;top:0;left:0;right:0}body.modal-open .navbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-top-bar{background:var(--accent-gradient);padding:4px 0}.navbar-top-bar .navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-phone,.navbar-email{color:#fff;align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.navbar-phone:hover,.navbar-email:hover{opacity:.85}.navbar-phone svg{animation:2s infinite pulse}.navbar-top-right{align-items:center;gap:12px;display:flex}.navbar-divider{color:#fff6;font-weight:300}.navbar-admin-link{color:#ffffffe6;background:#ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.navbar-admin-link:hover{color:#fff;background:#fff3}.navbar-main{-webkit-backdrop-filter:blur(20px);background:#0a0a0ff2;border-bottom:1px solid #ffffff1a;padding:6px 0}.navbar.scrolled .navbar-top-bar{display:none}.navbar.scrolled .navbar-main{padding:4px 0}.language-selector{position:relative}.language-btn{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.language-btn:hover{background:#fff3}.language-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);min-width:120px;box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;margin-top:6px;padding:4px;position:absolute;top:100%;right:0}.language-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:block}.language-option:hover{color:var(--text-primary);background:#ffffff0d}.language-option.active{background:var(--border-glow);color:var(--accent-primary)}.navbar-container{max-width:var(--container-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.logo-image{object-fit:contain;width:44px;height:44px}.navbar.scrolled .logo-image{width:38px;height:38px}.logo-icon{background:var(--accent-gradient);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:800;display:flex}.logo-text{letter-spacing:-.02em;font-family:Orbitron,Outfit,sans-serif;font-size:1.25rem;font-weight:800}.navbar-links{align-items:center;gap:8px;display:flex}.nav-item{position:relative}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:220px;box-shadow:var(--shadow-lg);margin-top:8px;padding:8px;position:absolute;top:100%;left:0}.dropdown-item{color:var(--text-secondary);border-radius:var(--border-radius-sm);padding:12px 16px;font-size:.9rem;transition:all .2s;display:block}.dropdown-item:hover{background:var(--border-glow);color:var(--accent-primary)}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-cta{padding:8px 20px;font-size:.85rem}.mobile-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex;position:relative}.hamburger span{transform-origin:50%;background:currentColor;border-radius:2px;width:100%;height:2px;display:block}.mobile-menu{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:none;overflow:hidden}.mobile-menu-content{padding:20px 24px}.mobile-contact-info{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.mobile-contact-item{color:var(--text-primary);background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.mobile-contact-item:hover{background:var(--border-glow)}.mobile-contact-item svg,.mobile-contact-icon{color:var(--accent-primary);font-size:1.2rem;font-weight:700}.mobile-contact-item>div{flex-direction:column;display:flex}.mobile-contact-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.mobile-contact-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.mobile-nav-divider{background:var(--border-color);height:1px;margin:16px 0}.mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:14px 0;font-size:1.1rem;font-weight:500;display:block}.mobile-link:last-of-type{border-bottom:none}.mobile-cta{background:var(--accent-primary);color:#fff;border:none;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:16px 24px;display:flex}@media (max-width:1024px){.navbar-top-bar,.navbar-links,.navbar-actions{display:none}.mobile-toggle,.mobile-menu{display:block}}@media (max-width:768px){.navbar-container{padding:0 16px}.logo-text{font-size:1.1rem}.logo-image{width:36px;height:36px}.navbar:not(.scrolled) .navbar-main{-webkit-backdrop-filter:none;background:0 0;border-bottom:none}.navbar.scrolled .navbar-main{-webkit-backdrop-filter:blur(20px);background:#0a0a0ffa;border-bottom:1px solid #ffffff14}.navbar-main{padding:8px 0}.mobile-toggle,.mobile-menu{display:none!important}.mobile-header-icons{align-items:center;gap:8px;margin-left:auto;display:flex}.mobile-header-icon{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobile-header-icon:active{border-color:var(--accent-primary);background:#e67e224d;transform:scale(.95)}.mobile-header-icon svg{color:var(--accent-primary)}}.mobile-header-icons{display:none}.nav-item-wrapper{position:relative}.nav-link.has-dropdown{cursor:pointer;align-items:center;gap:4px;display:flex}.dropdown-arrow{margin-top:2px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:100;border-radius:12px;min-width:200px;margin-top:12px;padding:8px 0;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.nav-dropdown:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--glass-border);position:absolute;top:-8px;left:50%;transform:translate(-50%)}.dropdown-item{color:var(--text-secondary);padding:10px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:var(--accent-primary);background:#e67e221a}.dropdown-item.main-link{color:var(--text-primary);font-weight:500}.dropdown-divider{background:var(--glass-border);height:1px;margin:6px 12px}.mobile-nav-group{width:100%}.mobile-link.has-submenu{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-dropdown-arrow{transition:transform .2s}.mobile-dropdown-arrow.open{transform:rotate(180deg)}.mobile-submenu{border-left:2px solid var(--accent-primary);margin-top:4px;margin-left:12px;padding-left:16px;overflow:hidden}.mobile-submenu-item{color:var(--text-secondary);padding:10px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.mobile-submenu-item:hover{color:var(--accent-primary)}.mobile-submenu-item.main{color:var(--text-primary);font-weight:500}.hero{min-height:100vh;box-sizing:border-box;align-items:center;min-height:100dvh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-gradient-1{filter:blur(80px);background:radial-gradient(circle,#e67e2226 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:-10%}.hero-gradient-2{filter:blur(80px);background:radial-gradient(circle,#f39c121a 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-20%;right:-10%}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.floating-shape{filter:blur(40px);opacity:.5;border-radius:50%;position:absolute}.shape-1{background:var(--accent-primary);width:200px;height:200px;top:20%;right:20%}.shape-2{background:var(--accent-secondary);width:150px;height:150px;bottom:30%;left:10%}.shape-3{background:linear-gradient(45deg, var(--accent-primary), var(--accent-secondary));width:100px;height:100px;top:60%;right:30%}.hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-content{max-width:600px}.hero-badge{color:var(--accent-primary);background:#e67e221a;border:1px solid #e67e224d;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge svg{color:#f59e0b}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;line-height:1.1}.hero-description{color:var(--text-secondary);margin-bottom:36px;font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:50px;display:flex}.hero-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:32px;margin-bottom:40px;padding:28px 0;display:flex}.stat-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:48px;height:48px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.stat-content{flex-direction:column;display:flex}.hero-brands{opacity:.7}.brands-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.85rem}.brand-item{color:var(--text-muted);cursor:default;align-items:center;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex}.brand-logo-img{object-fit:contain;filter:grayscale()brightness(.7);width:auto;height:32px;transition:all .3s}.brand-item:hover .brand-logo-img{filter:grayscale(0%)brightness()}.brands-slider-container{width:100%;overflow:hidden}.brands-track{align-items:center;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.visual-container{width:100%;max-width:650px;position:relative}.visual-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;overflow:hidden}.main-card{z-index:2;border-radius:var(--border-radius);position:relative;overflow:hidden}.slider-card{flex-direction:column;width:100%;min-height:500px;padding:0;display:flex;overflow:hidden}.card-slider{background:#1a1a2e;flex:1;width:100%;height:100%;min-height:500px;margin:0;position:relative;overflow:hidden}.slider-wrapper{width:100%;height:100%;min-height:500px;position:relative}.slider-image{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider-image img{object-fit:cover;object-position:center center;width:100%;min-width:100%;height:100%;min-height:100%;display:block}.slider-indicators{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:20px;justify-content:center;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.indicator{background:var(--text-tertiary);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.indicator:hover{background:var(--text-secondary);transform:scale(1.2)}.indicator.active{background:var(--accent-primary);border-radius:4px;width:24px}@media (max-width:1024px){.hero{padding:100px 0 60px;height:auto!important;min-height:auto!important}.hero .container{text-align:center;grid-template-columns:1fr;gap:48px;padding:0 24px}.hero-content{order:1;max-width:100%}.hero-title{opacity:1!important;clip-path:none!important;transform:none!important}.hero-actions{justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center;gap:24px}.hero-visual{order:2;width:100%;max-width:550px;margin:0 auto;display:flex}.slider-card,.card-slider,.slider-wrapper{min-height:380px}}@media (max-width:768px){.hero{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100dvh;padding:0;display:flex}.hero .container{flex-direction:column;flex:1;gap:0;width:100%;max-width:100%;padding:0;display:flex}.hero-visual{order:1;width:100%;max-width:100%;margin:0;padding-top:56px;position:relative}.mobile-hero-info{z-index:10;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:center;gap:16px;padding:10px 16px;display:flex;position:absolute;top:56px;left:0;right:0}.mobile-info-item{-webkit-backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-info-item:active{background:#e67e224d;transform:scale(.95)}.mobile-info-item svg{color:var(--accent-primary)}.visual-container{width:100%;max-width:100%}.slider-card{border:none;border-radius:0;min-height:55vw;max-height:280px}.card-slider,.slider-wrapper{min-height:55vw;max-height:280px}.visual-card{border:none;border-radius:0}.main-card{border-radius:0}.slider-card:after{content:"";background:linear-gradient(to top, var(--bg-primary) 0%, transparent 100%);pointer-events:none;z-index:5;height:80px;position:absolute;bottom:0;left:0;right:0}.slider-indicators{gap:8px;padding:6px 14px;bottom:16px}.indicator{width:6px;height:6px}.indicator.active{width:20px}.hero-content{text-align:center;z-index:2;order:2;margin-top:-20px;padding:24px 20px 32px;position:relative}.hero-title{letter-spacing:-.02em;margin-bottom:12px;font-size:1.75rem;font-weight:800;line-height:1.25;opacity:1!important;clip-path:none!important;transform:none!important}.hero-description{color:var(--text-secondary);max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.6}.hero-actions{flex-direction:column;gap:12px;margin-bottom:28px;padding:0 4px}.hero-actions .btn{border-radius:14px;justify-content:center;width:100%;min-height:52px;padding:14px 28px;font-size:1rem;font-weight:600}.hero-actions .btn-primary{box-shadow:0 4px 20px #e67e2259}.hero-actions .btn-secondary{background:#ffffff0d;border:1px solid #ffffff26}.hero-stats{border:none;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px;padding:0;display:grid}.stat-item{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px}.stat-icon{background:#e67e221a;border:1px solid #e67e2233;border-radius:12px;width:44px;height:44px}.stat-icon svg{width:20px;height:20px}.stat-content{align-items:center}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;font-size:.65rem;line-height:1.3}.hero-brands{opacity:.6;margin-top:8px}.brands-label{text-align:center;margin-bottom:12px;font-size:.65rem}.brand-item{font-size:.85rem}.brand-logo-img{height:24px}.hero-gradient-1{filter:blur(60px);width:80%;height:40%;top:-10%;left:-20%}.hero-gradient-2{filter:blur(60px);width:60%;height:30%;bottom:-10%;right:-20%}.hero-grid{opacity:.5;background-size:40px 40px}.floating-shape{display:none}}@media (max-width:480px){.hero-content{margin-top:-16px;padding:20px 16px 28px}.hero-title{margin-bottom:10px;font-size:1.5rem}.hero-description{margin-bottom:20px;font-size:.9rem}.hero-actions{gap:10px;margin-bottom:24px}.hero-actions .btn{border-radius:12px;min-height:50px;padding:12px 24px;font-size:.95rem}.hero-stats{gap:8px;margin-bottom:20px}.stat-item{border-radius:12px;padding:12px 6px}.stat-icon{border-radius:10px;width:38px;height:38px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:1.1rem}.stat-label{font-size:.58rem}.slider-card,.card-slider,.slider-wrapper{min-height:50vw;max-height:240px}.slider-indicators{padding:5px 10px;bottom:12px}.indicator{width:5px;height:5px}.indicator.active{width:16px}.brands-label{margin-bottom:10px;font-size:.6rem}.brand-item{font-size:.75rem}.brand-logo-img{height:20px}}@media (max-width:360px){.hero-content{margin-top:-12px;padding:16px 14px 24px}.hero-title{margin-bottom:8px;font-size:1.35rem}.hero-description{margin-bottom:18px;font-size:.85rem;line-height:1.5}.hero-actions .btn{min-height:48px;padding:11px 20px;font-size:.9rem}.hero-stats{gap:6px}.stat-item{border-radius:10px;gap:6px;padding:10px 4px}.stat-icon{border-radius:8px;width:34px;height:34px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:1rem}.stat-label{font-size:.52rem}.slider-card,.card-slider,.slider-wrapper{min-height:45vw;max-height:200px}}@media (display-mode:standalone){.hero{padding-top:env(safe-area-inset-top,0px)}@media (max-width:768px){.hero-visual{padding-top:env(safe-area-inset-top,0px)}}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:auto}.hero .container{flex-direction:row;align-items:center}.hero-visual{order:2;width:45%}.hero-content{text-align:left;order:1;width:55%;margin-top:0;padding:20px}.slider-card,.card-slider,.slider-wrapper{min-height:200px;max-height:250px}.hero-stats{justify-content:flex-start}.stat-item{padding:10px 8px}.hero-actions{flex-direction:row}.hero-actions .btn{flex:1;width:auto}}.services{background:var(--bg-secondary);border-top:1px solid #ffffff14;position:relative;overflow:hidden}.services:before{content:"";pointer-events:none;background:radial-gradient(circle,#e67e220d 0%,#0000 60%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card-wrapper{perspective:1000px;cursor:pointer;min-height:380px}.service-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);backface-visibility:hidden;flex-direction:column;width:100%;height:100%;padding:36px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.service-card-front{z-index:2}.service-card-back{background:linear-gradient(145deg, var(--bg-secondary), var(--bg-primary));border-width:2px;justify-content:space-between;transform:rotateY(180deg)}.service-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.service-icon{border-radius:var(--border-radius);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:all .3s;display:flex}.service-card-wrapper:hover .service-icon{transform:scale(1.1)}.service-title{color:var(--text-primary);margin-bottom:14px;font-size:1.4rem;font-weight:700}.service-description{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.7}.service-back-description{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.7}.service-features{flex-direction:column;gap:10px;margin-bottom:20px;padding:0;list-style:none;display:flex}.service-features li{color:var(--text-primary);align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.flip-hint{color:var(--text-muted);border-top:1px solid var(--glass-border);align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:.85rem;display:flex}.service-cta{border-radius:var(--border-radius);color:#fff;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:14px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.service-cta:hover{filter:brightness(1.1);box-shadow:0 4px 20px #0000004d}.service-link{color:var(--accent-primary);align-items:center;gap:6px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.service-link:hover{color:var(--accent-secondary)}.service-glow{opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .5s;position:absolute;bottom:-50%;right:-50%}.service-card-wrapper:hover .service-glow{opacity:1}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card-wrapper{min-height:350px}}.about{background:var(--bg-primary);border-top:1px solid #ffffff14;position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:80px;display:grid}.about-text .section-label{margin-bottom:20px}.about-text .section-title{text-align:left;margin-bottom:24px}.about-description{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem;line-height:1.8}.about-features{gap:32px;margin-top:36px;display:flex}.about-feature{align-items:flex-start;gap:16px;display:flex}.feature-icon{color:var(--accent-primary);flex-shrink:0}.about-feature h4{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:600}.about-feature p{color:var(--text-tertiary);font-size:.9rem}.about-visual,.visual-wrapper,.about-image-container{position:relative}.about-image-placeholder{aspect-ratio:4/3;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.about-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);width:100%}.image-content{color:var(--accent-primary);flex-direction:column;align-items:center;gap:16px;display:flex}.image-content span{letter-spacing:.1em;font-size:1.5rem;font-weight:700}.image-decoration{border:2px solid var(--accent-primary);border-radius:var(--border-radius-lg);z-index:-1;opacity:.3;position:absolute;inset:20px;transform:translate(20px,20px)}.experience-badge{background:var(--accent-gradient);border-radius:var(--border-radius);box-shadow:var(--shadow-glow);align-items:center;gap:12px;padding:24px 28px;display:flex;position:absolute;bottom:-30px;left:-30px}.exp-number{color:var(--text-primary);font-size:2.5rem;font-weight:800}.exp-text{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.3}.about-values{border-top:1px solid var(--border-color);margin-bottom:80px;padding-top:60px}.values-title{text-align:center;margin-bottom:40px;font-size:1.75rem;font-weight:700}.values-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.value-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);text-align:center;padding:32px;transition:all .3s}.value-card:hover{border-color:var(--border-glow)}.value-icon{width:56px;height:56px;color:var(--accent-primary);background:#e67e221a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.value-card h4{color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:600}.value-card p{color:var(--text-tertiary);font-size:.9rem}.about-timeline{border-top:1px solid var(--border-color);padding-top:60px}.timeline-title{text-align:center;margin-bottom:50px;font-size:1.75rem;font-weight:700}.timeline{justify-content:space-between;gap:10px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(90deg,#e67e2233 0%,#e67e22cc 50%,#e67e2233 100%);border-radius:2px;height:3px;animation:3s ease-in-out infinite timelinePulse;position:absolute;top:40px;left:50px;right:50px}@keyframes timelinePulse{0%,to{opacity:.6}50%{opacity:1}}.timeline-item{text-align:center;flex:1;padding:0 12px;position:relative}.timeline-item:hover .timeline-year{transform:scale(1.15);box-shadow:0 0 25px #e67e2280}.timeline-item:hover .timeline-content{transform:translateY(-5px)}.timeline-year{background:var(--accent-gradient);width:70px;height:70px;color:var(--text-primary);z-index:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #e67e224d}.timeline-year-icon{margin-bottom:2px;font-size:1.2rem}.timeline-year-text{font-size:.8rem;font-weight:800}.timeline-content{transition:all .3s}.timeline-content h4{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.timeline-content p{color:var(--text-tertiary);font-size:.85rem;line-height:1.5}@media (max-width:1024px){.about-content{grid-template-columns:1fr;gap:60px}.about-text .section-title,.about-description{text-align:center}.about-features{justify-content:center}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-features{flex-direction:column;align-items:center}.timeline{flex-direction:column;gap:40px}.timeline:before{display:none}.timeline-item{text-align:left;align-items:center;gap:20px;padding:0;display:flex}.timeline-year{flex-shrink:0;margin:0}}@media (max-width:640px){.values-grid{grid-template-columns:1fr}}.custom-video-player{cursor:pointer;background:#000;border-radius:12px;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.custom-video-player.fullscreen{border-radius:0}.video-element{object-fit:contain;width:100%;height:100%;display:block}.youtube-player{background:#000;width:100%;height:100%;min-height:400px;position:relative}.youtube-wrapper{width:100%;height:100%;min-height:400px;position:relative}.youtube-iframe{pointer-events:auto;border:none;width:133.33%;height:133.33%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-custom-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.loading-overlay{color:#fff;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-play-btn{cursor:pointer;z-index:5;background:#e67e22f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #e67e2280}.center-play-btn:hover{background:#e67e22;box-shadow:0 12px 40px #e67e22b3}.center-play-btn svg{margin-left:4px}.controls-overlay{z-index:10;pointer-events:none;width:100%;position:absolute;bottom:0;left:0}.controls-gradient{pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);width:100%;height:200px;position:absolute;bottom:0;left:0}.top-bar{z-index:11;pointer-events:none;background:linear-gradient(#000000b3 0%,#0000 100%);width:100%;padding:20px 25px;position:absolute;top:0;left:0}.player-branding{opacity:.9;align-items:center;gap:10px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#e67e22,#e74c3c);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 15px #e67e2266}.brand-text{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:600}.bottom-controls{z-index:12;pointer-events:auto;width:100%;padding:15px 20px 20px;position:absolute;bottom:0;left:0}.progress-container{cursor:pointer;background:#ffffff26;border-radius:3px;width:100%;height:6px;margin-bottom:15px;transition:height .2s;position:relative;overflow:hidden}.progress-container:hover{height:8px}.progress-buffered{background:#ffffff40;border-radius:3px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.progress-filled{background:linear-gradient(90deg,#e67e22,#e74c3c);border-radius:3px;justify-content:flex-end;align-items:center;height:100%;transition:width .1s linear;display:flex;position:absolute;top:0;left:0}.progress-handle{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;transform:scale(0);box-shadow:0 2px 8px #0000004d}.progress-container:hover .progress-handle{transform:scale(1)}.controls-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.left-controls,.right-controls{align-items:center;gap:8px;display:flex}.control-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.control-btn:hover{background:#e67e22cc;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.volume-control{align-items:center;gap:8px;display:flex;position:relative}.volume-slider-container{align-items:center;display:flex;overflow:hidden}.volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000004d}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000004d}.time-display{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-left:5px;font-size:14px;font-weight:500}.settings-wrapper{position:relative}.settings-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:12px;position:absolute;bottom:50px;right:0;box-shadow:0 10px 30px #00000080}.settings-title{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 8px;font-size:12px;font-weight:600}.settings-option{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:block}.settings-option:hover{color:#e67e22;background:#e67e2233}.settings-option.active{color:#fff;background:linear-gradient(135deg,#e67e22,#e74c3c);font-weight:600}.custom-video-player.fullscreen .video-element{object-fit:contain}.custom-video-player.fullscreen .brand-logo{width:50px;height:50px;font-size:24px}.custom-video-player.fullscreen .brand-text{font-size:20px}.custom-video-player.fullscreen .control-btn{width:50px;height:50px}.custom-video-player.fullscreen .time-display{font-size:16px}@media (max-width:768px){.center-play-btn{width:60px;height:60px}.brand-logo{width:32px;height:32px;font-size:16px}.brand-text{font-size:14px}.control-btn{width:36px;height:36px}.time-display{font-size:12px}.volume-slider-container{display:none}.bottom-controls{padding:10px 15px 15px}.controls-row,.left-controls,.right-controls{gap:6px}}.custom-video-player *{transition:opacity .3s,transform .2s}.control-btn:focus-visible{outline-offset:2px;outline:2px solid #e67e22}.loading-overlay svg{animation:1.5s ease-in-out infinite pulse}.portfolio{background:linear-gradient(135deg, #e67e2226 0%, var(--bg-secondary) 40%, var(--bg-primary) 100%);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;position:relative;overflow:hidden}.portfolio:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e67e2226 0%,#0000 70%);width:60%;height:80%;position:absolute;top:-20%;left:-10%}.portfolio:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0a0f1ccc 0%,#0000 70%);width:60%;height:80%;position:absolute;bottom:-20%;right:-10%}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:2px;max-width:1200px;margin:0 auto;padding:20px;display:grid;position:relative}.portfolio-card{background:var(--glass-bg);aspect-ratio:4/5;cursor:pointer;border:none;border-radius:0;position:relative}.portfolio-grid{background:#ffffff14;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;margin-top:40px;display:grid;overflow:hidden;box-shadow:0 20px 50px -10px #00000080}.portfolio-card{aspect-ratio:4/5;cursor:pointer;background:var(--bg-tertiary);box-shadow:none;z-index:1;border-radius:0;transition:opacity .2s;position:relative;overflow:hidden}.portfolio-card:hover{opacity:.85;z-index:1}.portfolio-img,.portfolio-video{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-img,.portfolio-card:hover .portfolio-video{transform:scale(1.1)}.portfolio-cta{justify-content:center;margin-top:50px;display:flex}.portfolio-cta .btn{transform-style:preserve-3d;border-bottom:3px solid #e67e2280;transition:all .3s;box-shadow:0 10px 20px -5px #e67e2266}.portfolio-cta .btn:hover{border-bottom:3px solid #e67e22cc;transform:translateY(-3px);box-shadow:0 15px 30px -5px #e67e2299}.portfolio-cta .btn:active{border-bottom:1px solid #e67e2280;transform:translateY(1px);box-shadow:0 5px 10px -5px #e67e2266}.media-container{width:100%;height:100%}.grid-media{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.portfolio-card:hover .grid-media{transform:scale(1)}.instagram-overlay{opacity:0;z-index:2;background:#0006;justify-content:center;align-items:center;gap:30px;transition:opacity .2s;display:flex;position:absolute;inset:0}.portfolio-card:hover .instagram-overlay{opacity:1}.overlay-stat{color:#fff;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.pin-icon{z-index:5;filter:drop-shadow(0 2px 4px #00000080);color:#fff;position:absolute;top:10px;right:10px;transform:rotate(45deg)}.type-icon{z-index:5;filter:drop-shadow(0 2px 4px #00000080);position:absolute;top:10px;right:10px}.portfolio-card:has(.pin-icon) .type-icon{right:35px}.modal-content{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:auto;max-width:90vw;height:auto;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.modal-media{object-fit:contain;max-width:100%;max-height:90vh;display:block}.portfolio-cta{text-align:center;margin-top:50px}@media (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:fixed;top:0;left:0}.modal-content.kavron-gram-layout{border:1px solid var(--glass-border);background:#0a0f1c;border-radius:12px;grid-template-columns:1.5fr 1fr;width:95vw;max-width:1200px;height:90vh;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-close-btn{cursor:pointer;z-index:10;background:0 0;border:none;padding:5px;position:absolute;top:10px;right:10px}.insta-media-col{background:#000;border-right:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex;overflow:hidden}.insta-media{object-fit:contain;width:100%;height:100%;max-height:85vh}.insta-details-col{background:#000;flex-direction:column;height:100%;display:flex}.insta-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.insta-profile{align-items:center;gap:12px;display:flex}.profile-pic-ring{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50%;padding:2px;display:flex}.profile-pic{color:#fff;background:#000;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;overflow:hidden}.profile-info{flex-direction:column;display:flex}.profile-name{color:#fff;font-size:.9rem;font-weight:600}.profile-location{color:#a8a8a8;font-size:.75rem}.insta-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.insta-comment{align-items:flex-start;gap:12px;display:flex}.profile-pic-small{background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:flex;overflow:hidden}.profile-pic-small.bg-blue{background:#3498db}.profile-pic-small.bg-purple{background:#9b59b6}.profile-pic-small.bg-green{background:#2ecc71}.comment-text{color:#fff;text-align:left;flex:1;font-size:.9rem;line-height:1.4}.username{margin-right:6px;font-weight:600}.comment-like{cursor:pointer;color:#a8a8a8;margin-top:4px}.comment-like:hover{color:#ed4956}.insta-footer{background:#000;border-top:1px solid #ffffff1a;padding:12px 16px}.action-buttons{justify-content:space-between;margin-bottom:12px;display:flex}.icon-action{cursor:pointer;color:#fff;transition:transform .2s}.icon-action:hover{color:#a8a8a8}.icon-action.hover-red:hover{color:#ed4956}.likes-count{color:#fff;text-align:left;margin-bottom:4px;font-size:.9rem;font-weight:600}.post-date{color:#a8a8a8;text-align:left;margin-bottom:12px;font-size:.7rem}.comment-input-area{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding-top:12px;display:flex}.comment-input-area input{color:#fff;background:0 0;border:none;flex:1;font-size:.9rem}.comment-input-area input:focus{outline:none}.post-btn{color:#0095f6;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.post-btn:disabled{opacity:.5}@media (max-width:900px){.modal-content.instagram-layout{border-radius:0;flex-direction:column;grid-template-columns:1fr;width:100vw;height:100vh;display:flex;overflow-y:auto}.insta-media-col{flex-shrink:0;width:100%;height:auto;max-height:50vh}.insta-media{object-fit:cover;max-height:50vh}.insta-details-col{flex:1;width:100%;min-height:auto;overflow:visible}.insta-body{overflow:visible}.modal-close-btn{background:#00000080;border-radius:50%;padding:8px;top:15px;right:15px}}.gram-media-col{background:#000;border-right:1px solid #ffffff14;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gram-media-col .custom-video-player{border-radius:0;width:100%;height:100%}.hashtags{color:var(--accent-primary);margin-top:4px;font-size:.9rem;display:block}.left-actions,.right-actions{gap:16px;display:flex}.action-btn.liked{color:#ed4956;animation:.3s cubic-bezier(.175,.885,.32,1.275) likeBounce}@keyframes likeBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.emoji-picker-simple{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#1e1e28f2;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:8px;width:200px;padding:10px;display:grid;position:absolute;bottom:40px;left:0;box-shadow:0 10px 20px #00000080}.share-popup{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#141923f2;border-radius:12px;padding:16px;position:absolute;bottom:80px;left:20px;right:20px;box-shadow:0 -10px 30px #00000080}.share-icon{border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}@media (max-width:900px){.modal-content.kavron-gram-layout{flex-direction:column;grid-template-columns:1fr;display:flex}.gram-media-col{flex-shrink:0;width:100%;min-height:300px;max-height:45vh}.gram-details-col{flex:1;overflow:hidden}.gram-body{overflow-y:auto}.nav-arrow{width:36px;height:36px}.modal-close-btn{top:10px;right:10px}.share-grid{grid-template-columns:repeat(4,1fr)}}.stats{border-top:1px solid #ffffff14;padding:100px 0;position:relative;overflow:hidden}.stats-bg{pointer-events:none;position:absolute;inset:0}.stats-gradient{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 50%, var(--bg-secondary) 100%);position:absolute;inset:0}.stats-content{grid-template-columns:1fr 1.5fr;align-items:center;gap:60px;display:grid;position:relative}.stats-text .section-label{margin-bottom:16px}.stats-text .section-title{text-align:left;margin-bottom:16px}.stats-text .section-description{text-align:left;max-width:400px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.stat-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.stat-icon-wrapper{border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.stat-value{font-size:2.5rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:1rem}@media (max-width:1024px){.stats-content{text-align:center;grid-template-columns:1fr}.stats-text .section-title{text-align:center}.stats-text .section-description{text-align:center;max-width:100%}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:24px}.stat-value{font-size:2rem}}.team{background:var(--bg-primary);border-top:1px solid #ffffff14;padding:60px 0}.team .section-header{margin-bottom:40px}.team-grid-compact{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.team-member{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;cursor:default;border-radius:16px;flex-direction:column;align-items:center;padding:20px 12px;transition:all .3s;display:flex}.team-member:hover{background:#ffffff0d;border-color:#e67e2266;box-shadow:0 8px 30px #0003}.member-avatar-small{width:56px;height:56px;margin-bottom:12px;position:relative}.avatar-emoji-small{background:linear-gradient(135deg,#e67e2233,#e74c3c33);border:2px solid #e67e224d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;transition:all .3s;display:flex}.team-member:hover .avatar-emoji-small{border-color:#e67e2299;transform:scale(1.05)}.avatar-image-small{object-fit:cover;border:2px solid #e67e224d;border-radius:50%;width:100%;height:100%;transition:all .3s}.team-member:hover .avatar-image-small{border-color:#e67e2299;transform:scale(1.05)}.member-details{margin-bottom:10px}.member-name-small{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:4px;font-size:.9rem;font-weight:700;overflow:hidden}.member-role-small{color:var(--accent-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.member-social-small{opacity:0;justify-content:center;gap:8px;transition:all .3s;display:flex;transform:translateY(5px)}.team-member:hover .member-social-small{opacity:1;transform:translateY(0)}.social-link-small{width:28px;height:28px;color:var(--text-secondary);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-link-small:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.social-link-small.linkedin:hover{background:#0077b5;border-color:#0077b5}.social-link-small.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}@media (max-width:1200px){.team-grid-compact{grid-template-columns:repeat(5,1fr);gap:12px}}@media (max-width:1024px){.team-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.team-grid-compact{grid-template-columns:repeat(3,1fr);gap:10px}.team-member{padding:16px 10px}.member-avatar-small{width:48px;height:48px}.avatar-emoji-small{font-size:1.6rem}.member-name-small{font-size:.8rem}.member-role-small{font-size:.7rem}}@media (max-width:480px){.team-grid-compact{grid-template-columns:repeat(2,1fr)}.team-member{padding:14px 8px}.member-social-small{opacity:1;transform:translateY(0)}}.testimonials{background:var(--bg-secondary);border-top:1px solid #ffffff14;position:relative}.testimonials:before{content:"";pointer-events:none;background:radial-gradient(circle,#e67e2214 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.testimonials-slider{grid-template-columns:2fr 1fr;align-items:start;gap:40px;display:grid}.slider-container{position:relative}.main-testimonial{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);min-height:340px;padding:48px;position:relative}.quote-icon{color:var(--accent-primary);opacity:.3;position:absolute;top:32px;right:32px}.testimonial-content{color:var(--text-primary);margin-bottom:28px;font-size:1.35rem;font-style:italic;line-height:1.8}.testimonial-rating{gap:4px;margin-bottom:28px;display:flex}.testimonial-author{align-items:center;gap:16px;display:flex}.author-avatar{background:var(--glass-bg);border:2px solid var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.author-info h4{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.author-info p{color:var(--text-tertiary);font-size:.9rem}.slider-controls{justify-content:center;align-items:center;gap:20px;margin-top:32px;display:flex}.slider-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.slider-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.slider-dots{gap:10px;display:flex}.slider-dot{background:var(--glass-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.slider-dot.active{background:var(--accent-primary);transform:scale(1.3)}.testimonials-preview{flex-direction:column;display:flex;position:relative;overflow:hidden}.preview-list{flex-direction:column;gap:16px;display:flex}.preview-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);cursor:pointer;align-items:center;gap:14px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.preview-card:before{content:"";background:var(--accent-primary);width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.preview-card:hover{background:#e67e220d;border-color:#e67e2280}.preview-card.active{border-color:var(--accent-primary);background:#e67e221a;transform:translate(8px)}.preview-card.active:before{transform:scaleY(1)}.preview-avatar{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.preview-card.active .preview-avatar{border:2px solid var(--accent-primary);background:#e67e2233}.preview-info h5{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:600;transition:color .3s}.preview-card.active .preview-info h5{color:var(--accent-primary)}.preview-info p{color:var(--text-tertiary);font-size:.85rem}.active-indicator{background:var(--accent-primary);width:8px;height:8px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;position:absolute;right:16px}@media (max-width:1024px){.testimonials-slider{grid-template-columns:1fr}.main-testimonial{min-height:auto}.testimonials-preview{margin-top:24px}.preview-list{flex-flow:wrap;gap:12px}.preview-card{flex:calc(50% - 6px);min-width:200px}.preview-card.active{transform:translateY(-4px)}.preview-card:before{width:100%;height:3px;inset:0 0 auto;transform:scaleX(0)}.preview-card.active:before{transform:scaleX(1)}}@media (max-width:640px){.main-testimonial{padding:32px}.testimonial-content{font-size:1.1rem}.preview-list{flex-direction:column}.preview-card{flex:100%}}.footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:80px 0 0}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-content.no-services{grid-template-columns:2fr 1fr 1fr;justify-content:center}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-logo-wrapper{align-items:center;gap:12px;display:flex}.footer-logo-img{object-fit:contain;width:40px;height:40px}.footer-logo{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.footer-tagline{color:var(--text-secondary);max-width:300px;line-height:1.6}.footer-contact{flex-direction:column;gap:12px;display:flex}.footer-contact-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.9rem;text-decoration:none;transition:color .3s;display:flex}.footer-contact-item:hover,.footer-contact-item svg{color:var(--accent-primary)}.footer-social{gap:12px;margin-top:8px;display:flex}.social-icon{background:var(--glass-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.footer-links-section{flex-direction:column;gap:20px;display:flex}.footer-links-title{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:28px 0;display:flex}.footer-copyright,.footer-credit{color:var(--text-tertiary);font-size:.85rem}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-content.no-services{grid-template-columns:2fr 1fr 1fr}.footer-links-section:last-child{grid-column:1/-1}.footer-content.no-services .footer-links-section:last-child{grid-column:auto}}@media (max-width:768px){.footer{padding:60px 0 0}.footer-content{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}@media (max-width:640px){.footer-content{grid-template-columns:1fr;gap:32px}.footer-links-section{grid-column:1}}.scroll-progress{background:var(--accent-gradient);transform-origin:0;z-index:10000;pointer-events:none;width:100%;height:4px;position:fixed;top:0;left:0;transform:scaleX(0)}@media (min-width:1025px){.hero-title{will-change:clip-path, opacity}}.gradient-text{background-position:0 0;background-size:100% 100%;-webkit-background-clip:text!important;background-clip:text!important}html{scroll-behavior:smooth}.floating-shape,.hero-gradient-1,.hero-gradient-2{will-change:transform}.value-card,.service-card,.team-member,.portfolio-card{will-change:transform, opacity}.btn-primary{will-change:transform}.section{will-change:opacity}.cookie-consent-overlay{z-index:9999;pointer-events:none;padding:20px;position:fixed;bottom:0;left:0;right:0}.cookie-consent-banner{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);pointer-events:all;border-radius:16px;max-width:500px;margin:0 auto 0 20px;overflow:hidden;box-shadow:0 20px 60px #0006}.cookie-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.cookie-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cookie-header h3{color:var(--text-primary);flex:1;margin:0;font-size:1.1rem;font-weight:600}.cookie-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cookie-close:hover{color:var(--text-primary);background:#ffffff1a}.cookie-content{padding:16px 20px}.cookie-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.cookie-content a{color:var(--accent-primary);text-decoration:none}.cookie-content a:hover{text-decoration:underline}.cookie-settings{border-top:1px solid var(--glass-border);margin-top:16px;padding-top:16px;overflow:hidden}.cookie-option{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cookie-option:last-child{border-bottom:none}.option-info{flex-direction:column;gap:2px;display:flex}.option-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.option-desc{color:var(--text-muted);font-size:.8rem}.toggle{cursor:pointer;width:48px;height:26px;display:inline-block;position:relative}.toggle.disabled{opacity:.6;cursor:not-allowed}.toggle input{opacity:0;width:0;height:0}.toggle .slider{background:#ffffff1a;border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle .slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background:var(--accent-primary)}.toggle input:checked+.slider:before{transform:translate(22px)}.cookie-actions{border-top:1px solid var(--glass-border);background:#0003;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cookie-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cookie-btn.settings{color:var(--text-secondary);background:0 0;padding:8px 12px}.cookie-btn.settings:hover{color:var(--text-primary)}.cookie-btn.settings .rotated{transform:rotate(180deg)}.cookie-btn-group{gap:8px;display:flex}.cookie-btn.reject{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.cookie-btn.reject:hover{color:var(--text-primary);background:#ffffff0d}.cookie-btn.accept,.cookie-btn.save{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff}.cookie-btn.accept:hover,.cookie-btn.save:hover{transform:translateY(-1px);box-shadow:0 4px 15px #e67e224d}@media (max-width:600px){.cookie-consent-overlay{padding:0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:99999}.cookie-consent-banner{border-bottom:none;border-radius:20px 20px 0 0;max-width:100%;margin:0}.cookie-header{padding:14px 16px}.cookie-header h3{font-size:1rem}.cookie-icon{width:36px;height:36px}.cookie-close{width:40px;min-width:40px;height:40px}.cookie-content{padding:12px 16px}.cookie-content p{font-size:.85rem}.cookie-actions{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px}.cookie-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;padding:14px 20px;font-size:.9rem}.cookie-btn.settings{background:#ffffff0d;border-radius:10px;justify-content:center;width:100%;min-height:44px;padding:12px 16px}.cookie-btn-group{gap:10px;width:100%;display:flex}.cookie-btn-group .cookie-btn{border-radius:12px;flex:1;justify-content:center;min-height:50px}.cookie-btn.reject{background:#ffffff14;border:none}.cookie-btn.accept,.cookie-btn.save{font-weight:600}.cookie-settings{margin-top:12px;padding-top:12px}.cookie-option{padding:14px 0}.option-name{font-size:.85rem}.option-desc{font-size:.75rem}.toggle{flex-shrink:0;width:52px;height:28px}.toggle .slider:before{width:22px;height:22px}.toggle input:checked+.slider:before{transform:translate(24px)}}[data-theme=light] .cookie-consent-banner{background:#fffffff2;border-color:#0000001a}[data-theme=light] .cookie-actions{background:#00000008}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{z-index:9999;-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0);background:#0a0a0ff2;border-top:1px solid #ffffff14;display:block;position:fixed;bottom:0;left:0;right:0}.bottom-nav-container{justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:8px 4px;display:flex}.bottom-nav-item{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s;display:flex}.bottom-nav-item span{letter-spacing:.02em;font-size:.65rem;font-weight:500}.bottom-nav-item.active{color:var(--accent-primary);background:#e67e221a}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item.active svg{transform:scale(1.1)}}.login-sheet-backdrop{z-index:10000;-webkit-backdrop-filter:blur(4px);background:#0009;position:fixed;inset:0}.login-sheet{z-index:10001;background:var(--bg-secondary);padding:12px 24px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0));border-radius:24px 24px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.login-sheet-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.login-sheet-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.login-sheet-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.login-sheet-close{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;padding:8px;transition:all .2s}.login-sheet-close:hover{color:var(--text-primary);background:#ffffff1a}.login-sheet-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:12px 16px;font-size:.9rem}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.login-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.login-input-wrapper:focus-within{border-color:var(--accent-primary);background:#e67e220d;box-shadow:0 0 0 3px #e67e221a}.login-input-wrapper svg{color:var(--text-tertiary);flex-shrink:0}.login-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.login-input-wrapper input::placeholder{color:var(--text-tertiary)}.password-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.password-toggle:hover{color:var(--text-secondary)}.login-submit-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:8px;padding:16px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #e67e2259}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-sheet-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.login-sheet-footer p{color:var(--text-tertiary);margin-bottom:12px;font-size:.85rem}.login-contact-options{justify-content:center;gap:16px;display:flex}.login-contact-options a{color:var(--text-secondary);background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.login-contact-options a:hover{color:var(--accent-primary);background:#ffffff1a}@media (max-width:360px){.bottom-nav-item{min-width:50px;padding:6px 8px}.bottom-nav-item span{font-size:.6rem}.bottom-nav-item svg{width:20px;height:20px}.login-sheet{padding:12px 16px 28px}.login-input-wrapper{padding:12px 14px}.login-submit-btn{padding:14px 20px}}@media (max-width:768px) and (orientation:landscape){.mobile-bottom-nav{display:none}.login-sheet{max-height:95vh;padding:12px 24px 20px}}.scroll-to-top{z-index:9990;background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:box-shadow .3s;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 20px #e67e2266}.scroll-to-top:hover{box-shadow:0 6px 30px #e67e2299}.scroll-to-top svg{transition:transform .2s}.scroll-to-top:hover svg{transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top{display:none}}.gallery-page{background:#0a0f1c;min-height:100vh;position:relative;overflow-x:hidden}.gallery-hero{background:linear-gradient(#e67e221a 0%,#0000 100%);padding:100px 0 60px;position:relative;overflow:hidden}.gallery-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#e67e2299,#0000);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle,#2980b980,#0000);width:350px;height:350px;animation-delay:2s;top:50%;right:-150px}.orb-3{background:radial-gradient(circle,#9b59b666,#0000);width:300px;height:300px;animation-delay:4s;bottom:-100px;left:50%}.gallery-hero-content{text-align:center;z-index:2;max-width:900px;margin:0 auto;position:relative}.back-button{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-button:hover{background:var(--accent-gradient);color:#fff;border-color:#0000;transform:translate(-5px);box-shadow:0 4px 20px #e67e2266}.gallery-title{color:var(--text-primary);letter-spacing:-.02em;flex-direction:column;gap:10px;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;display:flex}.title-word{display:inline-block}.gallery-subtitle{color:var(--text-secondary);max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;max-width:600px;margin:0 auto;padding:16px 24px;transition:all .3s;display:flex}.search-container:focus-within{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 4px #e67e221a}.search-container svg{color:var(--text-tertiary);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-input::placeholder{color:var(--text-tertiary)}.clear-search{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.gallery-filters-section{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f1ce6;border-bottom:1px solid #ffffff0d;padding:30px 0;position:sticky;top:80px}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 20px;display:flex}.gallery-filter-chip{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.gallery-filter-chip:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 15px #e67e2233}.gallery-filter-chip.active{background:var(--accent-gradient);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 6px 25px #e67e2280}.filter-icon{filter:grayscale(.5);font-size:1.2rem;transition:filter .3s}.gallery-filter-chip.active .filter-icon,.gallery-filter-chip:hover .filter-icon{filter:grayscale(0)}.gallery-grid-section{padding:0;position:relative}.container-fluid{max-width:100%;padding:0}.gallery-masonry{grid-template-columns:repeat(3,1fr);gap:0;width:100%;max-width:1200px;margin:0 auto;display:grid}.gallery-item{cursor:pointer;aspect-ratio:4/5;background:#000;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.item-media-container{width:100%;height:100%;position:relative;overflow:hidden}.item-media{object-fit:cover;width:100%;height:100%;transition:none;display:block}.item-pin-badge,.item-video-badge{z-index:5;filter:drop-shadow(0 2px 8px #0009);color:#fff;position:absolute;top:12px;right:12px}.gallery-item:has(.item-pin-badge) .item-video-badge{right:45px}.item-overlay{z-index:3;opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .item-overlay{opacity:1}.overlay-content{align-items:center;gap:40px;display:flex}.overlay-stat{color:#fff;text-shadow:0 2px 8px #00000080;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;display:flex}.overlay-stat svg{filter:drop-shadow(0 2px 4px #0000004d)}.no-results{text-align:center;color:var(--text-tertiary);padding:100px 20px}.no-results svg{opacity:.5;margin-bottom:20px}.no-results h3{color:var(--text-secondary);margin-bottom:10px;font-size:1.5rem}.no-results p{color:var(--text-tertiary);font-size:1rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content.kavron-gram-layout{background:#0a0f1c;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1.5fr 1fr;width:95vw;max-width:1200px;height:90vh;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.modal-close-btn{cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;padding:8px;transition:all .3s;position:absolute;top:15px;right:15px}.modal-close-btn:hover{background:var(--accent-primary)}.gram-media-col{background:#000;border-right:1px solid #ffffff14;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.gram-media{object-fit:contain;width:100%;height:100%;max-height:90vh}.gram-media-col .custom-video-player{border-radius:0;width:100%;height:100%;min-height:500px}.gram-media-col .custom-video-player .video-element,.gram-media-col .custom-video-player .youtube-wrapper,.gram-media-col .custom-video-player .youtube-iframe{width:100%;height:100%;min-height:500px}.nav-arrow{color:#fff;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}.gram-details-col{background:#0a0f1c;flex-direction:column;height:100%;display:flex}.gram-header{background:#0a0f1cf2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.gram-profile{align-items:center;gap:12px;display:flex}.profile-ring{background:var(--accent-gradient);border-radius:50%;padding:2px;display:flex}.profile-logo-img{object-fit:contain;background:#0a0f1c;border:2px solid #0a0f1c;border-radius:50%;width:36px;height:36px;display:block}.profile-meta{flex-direction:column;display:flex}.brand-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.location{color:var(--text-tertiary);font-size:.75rem}.gram-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.gram-body::-webkit-scrollbar{width:6px}.gram-body::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.gram-row{align-items:flex-start;gap:14px;display:flex}.profile-logo-small-img{object-fit:contain;background:0 0;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px}.profile-pic-placeholder{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.row-text{color:var(--text-secondary);text-align:left;flex:1;font-size:.95rem;line-height:1.5}.brand-name-small{color:var(--text-primary);margin-right:8px;font-weight:700}.username-small{color:var(--text-primary);margin-right:8px;font-weight:600}.gram-footer{background:#0a0f1c;border-top:1px solid #ffffff14;padding:16px 20px;position:relative}.action-bar{justify-content:space-between;margin-bottom:14px;display:flex}.left-actions{gap:16px;display:flex}.action-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s,color .2s;display:flex}.action-btn:hover{color:var(--text-secondary);transform:scale(1.1)}.action-btn.liked{color:#ed4956}.likes-info{color:var(--text-primary);text-align:left;margin-bottom:4px;font-size:.95rem;font-weight:700}.date-info{color:var(--text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.75rem}.comment-section{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:16px;display:flex;position:relative}.emoji-wrapper{position:relative}.emoji-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;display:flex}.emoji-btn:hover{color:var(--text-primary)}.emoji-picker-simple{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:8px;width:200px;padding:10px;display:grid;position:absolute;bottom:40px;left:0;box-shadow:0 10px 20px #00000080}.emoji-picker-simple span{cursor:pointer;text-align:center;font-size:1.5rem;transition:transform .2s}.emoji-picker-simple span:hover{transform:scale(1.2)}.comment-section input{color:var(--text-primary);background:0 0;border:none;flex:1;font-family:inherit;font-size:.95rem}.comment-section input:focus{outline:none}.post-link{color:var(--accent-primary);cursor:pointer;opacity:1;background:0 0;border:none;font-size:.95rem;font-weight:600;transition:opacity .3s}.post-link:disabled{opacity:.4;cursor:not-allowed}.share-popup{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#141923fa;border:1px solid #ffffff1a;border-radius:12px;padding:16px;position:absolute;bottom:80px;left:20px;right:20px;box-shadow:0 -10px 30px #00000080}.share-title{text-align:center;color:var(--text-primary);border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px;font-weight:600}.share-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.share-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.share-item:hover .share-icon{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.1)}.share-icon{width:48px;height:48px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.share-item span{color:var(--text-tertiary);font-size:.75rem}@media (max-width:1024px){.gallery-masonry{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery-hero{padding:80px 0 40px}.gallery-title{font-size:2.5rem}.gallery-masonry{grid-template-columns:repeat(3,1fr)}.gallery-filters{gap:8px}.gallery-filter-chip{padding:10px 18px;font-size:.85rem}.modal-content.kavron-gram-layout{flex-direction:column;grid-template-columns:1fr;display:flex}.gram-media-col{flex-shrink:0;width:100%;min-height:300px;max-height:45vh}.gram-details-col{flex:1;overflow:hidden}.nav-arrow{width:36px;height:36px}}@media (max-width:480px){.gallery-masonry{grid-template-columns:repeat(3,1fr)}.search-container{padding:12px 18px}.gallery-filters-section{top:60px}.share-grid{grid-template-columns:repeat(3,1fr)}.overlay-stat{font-size:1rem}.overlay-content{gap:20px}}.contact-page{background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#0f0f1e 100%);min-height:100vh;position:relative;overflow-x:hidden}.contact-bg-shapes{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.contact-shape{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.contact-shape-1{background:radial-gradient(circle,#e67e22 0%,#0000 70%);width:600px;height:600px;top:-200px;right:-200px}.contact-shape-2{background:radial-gradient(circle,#e74c3c 0%,#0000 70%);width:500px;height:500px;bottom:-150px;left:-150px}.contact-shape-3{background:radial-gradient(circle,#9b59b6 0%,#0000 70%);width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-hero{z-index:1;padding:120px 0 80px;position:relative}.contact-hero-content{text-align:center;max-width:700px;margin:0 auto}.contact-badge{color:#e67e22;background:#e67e2226;border:1px solid #e67e224d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.contact-title{color:#fff;margin-bottom:24px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.2}.contact-title .gradient-text{background:linear-gradient(135deg,#e67e22,#e74c3c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-subtitle{color:#ffffffb3;font-size:18px;line-height:1.7}.contact-form-section{z-index:1;padding:60px 0 120px;position:relative}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d}.form-header{margin-bottom:32px}.form-header h2{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.form-header p{color:#fff9;font-size:14px}.form-group{margin-bottom:24px;position:relative}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#e67e22;outline:none;box-shadow:0 0 0 4px #e67e221a}.form-group.valid input,.form-group.valid textarea{border-color:#22c55e}.form-group.error input,.form-group.error textarea{border-color:#ef4444}.valid-icon{color:#22c55e;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.error-message{color:#ef4444;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.error-message svg{flex-shrink:0}.textarea-wrapper textarea{resize:vertical;min-height:130px}.email-wrapper{position:relative}.email-suggestion{color:#fff;cursor:pointer;background:#1e1e32f2;border:1px solid #e67e224d;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:100%;left:0;right:0}.email-suggestion:hover{background:#1e1e32;border-color:#e67e22}.email-suggestion span{color:#e67e22;font-weight:600}.phone-input-wrapper{gap:12px;display:flex}.country-selector{flex-shrink:0;position:relative}.country-button{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:16px 14px;font-size:14px;transition:all .3s;display:flex}.country-button:hover{background:#ffffff14;border-color:#fff3}.country-flag{font-size:20px}.country-code{font-weight:600}.country-button svg{flex-shrink:0;transition:transform .3s}.country-button svg.rotated{transform:rotate(180deg)}.country-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#1e1e32fa;border:1px solid #ffffff1a;border-radius:16px;width:320px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #0006}.country-search{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.country-search svg{color:#ffffff80;flex-shrink:0}.country-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.clear-search{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.clear-search:hover{color:#e67e22}.country-list{max-height:300px;padding-right:4px;overflow-y:auto}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.country-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.country-item{color:#ffffffe6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;transition:all .2s;display:flex}.country-item:hover{background:#e67e2226}.country-item.selected{color:#e67e22;background:#e67e2233}.country-item .country-flag{font-size:24px}.country-item .country-name{flex:1}.country-item .country-code{opacity:.7;font-weight:600}.phone-number-wrapper{flex:1}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e67e22,#e74c3c);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:18px 32px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #e67e2266}.submit-btn:active{transform:translateY(0)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px}.success-message{text-align:center;padding:60px 20px}.success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;display:inline-flex}.success-message h3{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.success-message p{color:#ffffffb3}.contact-info-section{flex-direction:column;gap:20px;display:flex}.contact-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;padding:28px;transition:all .3s;display:flex}.contact-info-card:hover{background:#ffffff0d;border-color:#e67e224d;box-shadow:0 20px 40px #0000004d}.info-icon{color:#e67e22;background:linear-gradient(135deg,#e67e2233,#e74c3c33);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.contact-info-card h3{color:#fff;margin:0;font-size:18px;font-weight:700}.contact-info-card p{color:#ffffffb3;font-size:15px}.info-link{color:#e67e22;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.info-link:hover{color:#e74c3c;gap:10px}.info-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info-section{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:768px){.contact-hero{padding:100px 0 60px}.contact-title{font-size:36px}.contact-subtitle{font-size:16px}.contact-form-card{padding:28px 20px}.form-header h2{font-size:22px}.country-dropdown{width:100%;left:0}.contact-info-section{grid-template-columns:1fr}.phone-input-wrapper{flex-direction:column}.country-button{justify-content:center;width:100%}}@media (max-width:480px){.contact-form-card{padding:24px 16px}.form-group input,.form-group textarea{padding:14px 16px;font-size:14px}.submit-btn{padding:16px 24px;font-size:15px}}.contact-form-card.highlighted{animation:3s ease-out formHighlight}@keyframes formHighlight{0%{box-shadow:0 25px 80px #0000004d}10%{transform:scale(1.02);box-shadow:0 25px 80px #0000004d,0 0 0 4px #e67e2266,0 0 60px #e67e2280,0 0 120px #e67e224d}20%{box-shadow:0 25px 80px #0000004d,0 0 0 4px #e74c3c66,0 0 60px #e74c3c80,0 0 120px #e74c3c4d}30%{box-shadow:0 25px 80px #0000004d,0 0 0 4px #e67e2266,0 0 60px #e67e2280,0 0 120px #e67e224d}40%{box-shadow:0 25px 80px #0000004d,0 0 0 4px #e74c3c66,0 0 60px #e74c3c80,0 0 120px #e74c3c4d}50%{transform:scale(1.02);box-shadow:0 25px 80px #0000004d,0 0 0 4px #e67e2266,0 0 60px #e67e2280,0 0 120px #e67e224d}to{transform:scale(1);box-shadow:0 25px 80px #0000004d}}.legal-page{background:var(--bg-primary);min-height:100vh;padding:100px 20px 60px}.legal-loading,.legal-error{min-height:60vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.legal-loading .spinner{color:var(--accent-primary);animation:1s linear infinite spin}.legal-error svg{color:var(--accent-primary);opacity:.5}.legal-error h2{color:var(--text-primary);margin:0;font-size:1.5rem}.legal-error p{color:var(--text-secondary);margin:0}.legal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;max-width:900px;margin:0 auto;overflow:hidden}.legal-header{border-bottom:1px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#e67e221a,#a855f71a);padding:2rem;position:relative}.legal-header .back-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.legal-header .back-link:hover{color:var(--accent-primary)}.legal-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex}.legal-title{color:var(--text-primary);margin:0 0 .75rem;font-size:2rem;font-weight:700}.legal-updated{color:var(--text-secondary);margin:0;font-size:.9rem}.legal-content{color:var(--text-primary);padding:2.5rem;line-height:1.8}.legal-content h2{color:var(--text-primary);border-bottom:2px solid var(--accent-primary);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:700;display:inline-block}.legal-content h2:first-child{margin-top:0}.legal-content h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.15rem;font-weight:600}.legal-content p{color:var(--text-secondary);margin:0 0 1rem}.legal-content ul{margin:0 0 1.5rem;padding-left:1.5rem}.legal-content li{color:var(--text-secondary);margin-bottom:.5rem}.legal-content li strong{color:var(--text-primary)}.legal-content em{color:var(--text-muted)}.legal-content a{color:var(--accent-primary);text-decoration:none;transition:color .2s}.legal-content a:hover{text-decoration:underline}.legal-footer{border-top:1px solid var(--border-color);justify-content:center;padding:2rem;display:flex}.back-home-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e67e2266}@media (max-width:768px){.legal-page{padding:80px 15px 40px}.legal-container{border-radius:16px}.legal-header{padding:1.5rem}.legal-header .back-link{justify-content:center;margin-bottom:1rem;position:static}.legal-icon{width:60px;height:60px}.legal-icon svg{width:28px;height:28px}.legal-title{font-size:1.5rem}.legal-content{padding:1.5rem}.legal-content h2{font-size:1.2rem}.legal-content h3{font-size:1.05rem}.legal-footer{padding:1.5rem}}.dynamic-page{background:var(--bg-primary);min-height:100vh;padding-top:120px}.dynamic-page.loading,.dynamic-page.error{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:0;display:flex}.loading-spinner{border:3px solid #e67e2233;border-top-color:var(--accent-primary);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.dynamic-page.loading p{color:var(--text-secondary);font-size:1.1rem}.error-content{text-align:center}.error-content h1{color:var(--accent-primary);margin-bottom:1rem;font-size:6rem;font-weight:800}.error-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.dynamic-hero{background:linear-gradient(#e67e220d 0%,#0000 100%);border-bottom:1px solid #ffffff0d;padding:4rem 0}.dynamic-page-title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}.dynamic-page-description{color:var(--text-secondary);max-width:800px;font-size:1.2rem;line-height:1.7}.dynamic-content{padding:4rem 0 6rem}.content-blocks{max-width:900px;margin:0 auto}.content-block{margin-bottom:2rem}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.dynamic-heading{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;line-height:1.3}h1.dynamic-heading{font-size:2.5rem}h2.dynamic-heading{font-size:2rem}h3.dynamic-heading{font-size:1.5rem}h4.dynamic-heading{font-size:1.25rem}.dynamic-text{color:var(--text-secondary);white-space:pre-wrap;font-size:1.1rem;line-height:1.8}.image-block{flex-direction:column;align-items:center;display:flex}.image-block.align-left{align-items:flex-start}.image-block.align-right{align-items:flex-end}.dynamic-image{border-radius:12px;max-width:100%;height:auto;box-shadow:0 10px 40px #0000004d}.image-caption{color:var(--text-muted);margin-top:1rem;font-size:.95rem;font-style:italic}.video-block{margin:3rem 0}.video-wrapper{border-radius:12px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.dynamic-divider{background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);border:none;height:2px;margin:3rem 0}.no-content{text-align:center;color:var(--text-muted);padding:3rem;font-size:1.1rem}@media (max-width:768px){.dynamic-page{padding-top:100px}.dynamic-hero{padding:2.5rem 0}.dynamic-content{padding:2.5rem 0 4rem}.content-block{margin-bottom:1.5rem}h1.dynamic-heading{font-size:2rem}h2.dynamic-heading{font-size:1.6rem}h3.dynamic-heading{font-size:1.3rem}.dynamic-text{font-size:1rem}}.admin-login-page{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.admin-login-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.bg-gradient-1{background:radial-gradient(circle,#e67e2226 0%,#0000 70%);width:80%;height:80%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-20%}.bg-gradient-2{background:radial-gradient(circle,#e74c3c26 0%,#0000 70%);width:80%;height:80%;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-50%;right:-20%}.bg-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{filter:blur(1px);background:#e67e2299;border-radius:50%;width:4px;height:4px;position:absolute}.admin-login-container{z-index:1;width:100%;max-width:480px;padding:20px;position:relative}.admin-login-card{-webkit-backdrop-filter:blur(20px);background:#121218e6;border:1px solid #ffffff1a;border-radius:24px;padding:32px 32px 28px;box-shadow:0 20px 60px #00000080}.admin-login-logo{flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.logo-img{object-fit:contain;width:160px;height:auto;display:block}.logo-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-family:Orbitron,Outfit,sans-serif;font-size:2rem;font-weight:800}.logo-accent{color:var(--accent-primary)}.logo-subtitle{color:var(--text-tertiary);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:500}.datetime-display{background:#e67e221a;border:1px solid #e67e2233;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;display:flex}.datetime-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.datetime-item svg{color:var(--accent-primary);width:14px;height:14px}.datetime-divider{background:#fff3;width:1px;height:16px}.admin-login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);margin-left:2px;font-size:.85rem;font-weight:600}.input-wrapper{position:relative}.input-icon{color:var(--text-tertiary);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 14px 12px 42px;font-size:.9rem;font-weight:500;transition:all .3s}.input-wrapper input:focus+.input-icon,.input-wrapper input:focus~.input-icon{color:var(--accent-primary)}.input-wrapper:has(input:focus) .input-icon{color:var(--accent-primary)}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.email-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#121218fa;border:1px solid #ffffff1a;border-radius:10px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0006}.suggestion-item{color:var(--text-secondary);cursor:pointer;border-bottom:1px solid #ffffff0d;padding:10px 14px;font-size:.85rem;transition:all .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:first-child{border-radius:10px 10px 0 0}.suggestion-item:last-child{border-radius:0 0 10px 10px}.email-suggestions::-webkit-scrollbar{width:6px}.email-suggestions::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.email-suggestions::-webkit-scrollbar-thumb{background:#e67e224d;border-radius:3px}.email-suggestions::-webkit-scrollbar-thumb:hover{background:#e67e2280}.error-message{color:#e74c3c;text-align:center;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:500}.login-button{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #e67e224d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #e67e2280}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button .loading-content{justify-content:center;align-items:center;gap:8px;display:flex}.login-button .spinner{animation:1s linear infinite spin}.login-button span{justify-content:center;align-items:center;gap:8px;display:flex}.login-footer{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.login-footer p{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.footer-dot{color:#fff3}.admin-login-branding{text-align:center;margin-top:16px}.admin-login-branding p{color:var(--text-tertiary);font-size:.75rem;font-weight:500}@media (max-width:640px){.admin-login-container{padding:16px}.admin-login-card{border-radius:20px;padding:32px 24px}.logo-img{width:60px;height:60px}.logo-title{font-size:1.6rem}.datetime-display{flex-direction:column;gap:12px;padding:12px 16px}.datetime-divider{width:40px;height:1px}.datetime-item{font-size:.8rem}.input-wrapper input{padding:12px 14px 12px 44px}.login-button{padding:14px 28px}.login-footer{flex-direction:column;gap:8px}.footer-dot{display:none}}@media (max-width:400px){.logo-title{font-size:1.4rem}.logo-subtitle{font-size:.8rem}}.admin-dashboard{background:var(--bg-primary);min-height:100vh;display:flex;position:relative}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#121218f2;border-right:1px solid #ffffff1a;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:72px;padding:20px;display:flex}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-logo{object-fit:contain;width:36px;height:36px}.sidebar-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.sidebar-toggle{width:32px;height:32px;color:var(--accent-primary);cursor:pointer;background:#e67e221a;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle:hover{background:#e67e2233}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-primary);background:#e67e2226}.nav-badge{background:var(--accent-primary);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.sidebar.closed .nav-item{justify-content:center}.nav-item-wrapper{flex-direction:column;display:flex}.submenu-arrow{margin-left:auto;transition:transform .2s}.submenu-arrow.open{transform:rotate(180deg)}.submenu{border-left:2px solid #e67e224d;flex-direction:column;gap:2px;margin-left:16px;padding:4px 0 4px 16px;display:flex;overflow:hidden}.submenu-item{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.submenu-item:hover{color:var(--text-primary);background:#ffffff0d}.submenu-item.active{color:var(--accent-primary);background:#e67e221a}.nav-item.submenu-open{background:#ffffff08}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-email{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-tertiary);font-size:.75rem}.logout-btn{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.logout-btn:hover{background:#e74c3c33}.dashboard-main{flex:1;margin-left:260px;padding:24px;transition:margin-left .3s}.sidebar.closed~.dashboard-main{margin-left:80px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-left{flex:1}.header-left .page-title,.header-left .page-subtitle{display:block}.mobile-menu-toggle{width:44px;height:44px;color:var(--accent-primary);cursor:pointer;background:#e67e221a;border:1px solid #e67e2233;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;display:none}@media (max-width:768px){.mobile-menu-toggle{margin-bottom:0;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-left .page-title{margin-bottom:0}}.page-title{color:var(--text-primary);margin-bottom:4px;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-tertiary);font-size:.95rem}.header-right{align-items:center;gap:16px;display:flex}.datetime-wrapper{background:#e67e221a;border:1px solid #e67e2233;border-radius:10px;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 16px;display:flex}.datetime-wrapper.horizontal{flex-direction:row;align-items:center;gap:10px}.datetime-separator{color:var(--text-tertiary);opacity:.5}.admin-ip{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.admin-ip svg{color:#2ecc71}.current-date{color:var(--text-tertiary);text-transform:capitalize;font-size:.8rem;font-weight:500}.current-time{color:var(--accent-primary);font-size:.9rem;font-weight:700}.icon-button{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-button:hover{color:var(--text-primary);background:#ffffff1a}.header-profile-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.view-site-button{color:#2ecc71!important;background:#2ecc7126!important;border-color:#2ecc714d!important}.view-site-button:hover{transform:translateY(-2px);background:#2ecc7140!important;border-color:#2ecc71!important}.profile-button{position:relative;overflow:hidden}.profile-button:after{content:"";background:var(--accent-primary);border:2px solid var(--bg-primary);z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.profile-button .header-profile-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.stat-card:hover{border-color:var(--stat-color);background:#121218cc;transform:translateY(-4px)}.stat-info{flex:1}.stat-label{color:var(--text-tertiary);margin-bottom:4px;font-size:.85rem}.stat-trend{color:#2ecc71;font-size:.85rem;font-weight:600}.content-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.content-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.view-all{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600;transition:opacity .2s}.view-all:hover{opacity:.8}.messages-list{flex-direction:column;gap:12px;display:flex}.message-item{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.message-name{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:600}.message-item.unread{background:#e67e2214;border:1px solid #e67e2226}.message-item.unread .message-name{color:var(--accent-primary)}.loading-placeholder,.empty-placeholder{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.loading-placeholder svg.spinning{animation:1s linear infinite spin}.empty-placeholder svg{opacity:.5}.quick-actions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-action-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.quick-action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#e67e221a}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #2ecc7133}.visitors-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.visitors-popup{background:linear-gradient(135deg,#1e1e28fa 0%,#14141cfa 100%);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.popup-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.popup-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:700;display:flex}.close-popup{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-popup:hover{color:#e74c3c;background:#e74c3c33}.popup-content{flex:1;padding:16px;overflow-y:auto}.no-visitors{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.no-visitors svg{opacity:.4}.visitors-list{flex-direction:column;gap:8px;display:flex}.visitor-accordion{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.visitor-header{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.visitor-header:hover{background:#ffffff0d}.visitor-header.expanded{background:#2ecc711a;border-bottom:1px solid #ffffff0f}.visitor-summary{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.visitor-ip{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.visitor-ip svg{color:#2ecc71}.visitor-location{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.8rem;display:flex}.accordion-arrow{color:var(--text-tertiary);transition:transform .2s}.accordion-arrow.open{color:#2ecc71;transform:rotate(180deg)}.visitor-details{background:#0003;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.detail-row{align-items:center;gap:10px;font-size:.85rem;display:flex}.detail-row svg{color:var(--text-tertiary);flex-shrink:0}.detail-label{color:var(--text-tertiary);min-width:100px}.detail-row.pages{flex-wrap:wrap;align-items:flex-start}.pages-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.page-tag{color:var(--accent-primary);background:#e67e2226;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.popup-footer{border-top:1px solid #ffffff14;justify-content:center;padding:16px 24px;display:flex}.visitor-count{color:var(--text-tertiary);font-size:.85rem;font-weight:500}@media (max-width:1024px){.dashboard-main{margin-left:80px}.sidebar{width:80px!important}.sidebar-brand,.nav-item span,.nav-badge,.user-info,.submenu{display:none!important}.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{flex-direction:column;padding-bottom:80px}.sidebar{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c12fa;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);width:100%!important}.sidebar.open{transform:translate(0);width:100%!important}.sidebar.open .sidebar-brand,.sidebar.open .nav-item span,.sidebar.open .nav-badge,.sidebar.open .user-info,.sidebar.open .submenu{display:flex!important}.sidebar-header{min-height:64px;padding:16px 20px}.sidebar-toggle{border-radius:12px;width:44px;height:44px}.sidebar-nav{padding:16px}.nav-item{border-radius:14px;padding:16px 20px;font-size:1rem}.submenu-item{padding:14px 18px;font-size:.95rem}.sidebar-user{margin-top:auto;padding:20px}.user-avatar{width:48px;height:48px}.logout-btn{border-radius:12px;width:48px;height:48px}.dashboard-main{min-height:100vh;padding:80px 16px 100px;margin-left:0!important}.dashboard-main.sidebar-closed{margin-left:0!important}.dashboard-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c12f2;border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:12px 16px;position:fixed;top:0;left:0;right:0}.header-left{flex:1;min-width:0}.page-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;font-size:1.25rem;font-weight:700;overflow:hidden}.page-subtitle{display:none}.header-right{gap:8px}.datetime-wrapper{display:none!important}.icon-button{border-radius:12px;width:44px;height:44px}.header-profile-img{width:32px;height:32px}.stats-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:0 -16px 20px;padding:4px 16px;display:flex;overflow-x:auto}.stats-grid::-webkit-scrollbar{display:none}.stat-card{scroll-snap-align:start;border-radius:16px;flex:none;width:75vw;max-width:280px;padding:16px}.stat-icon{border-radius:12px;width:48px;height:48px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.currency-rates-section{border-radius:16px;margin-bottom:16px;padding:16px}.currency-header{flex-direction:column;align-items:stretch;gap:12px}.currency-title{justify-content:space-between;width:100%}.refresh-currency-btn{border-radius:14px;justify-content:center;width:100%;padding:14px}.currency-cards{grid-template-columns:1fr;gap:10px}.currency-card{border-radius:14px;padding:14px 16px}.currency-icon{border-radius:12px;width:44px;height:44px}.currency-value{font-size:1.25rem}.content-grid{grid-template-columns:1fr;gap:16px}.content-card{border-radius:16px;padding:16px}.card-header{margin-bottom:16px}.card-header h3{font-size:1rem}.messages-list{gap:10px}.message-item{border-radius:12px;padding:14px}.message-avatar{width:44px;height:44px}.message-name{font-size:.95rem}.message-preview{font-size:.85rem}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-btn{border-radius:14px;padding:20px 16px;font-size:.85rem}.quick-action-btn svg{width:24px;height:24px}.visitors-popup-overlay{align-items:flex-end;padding:0}.visitors-popup{border-radius:24px 24px 0 0;max-width:100%;max-height:90vh}.popup-header{padding:16px 20px}.popup-header h2{font-size:1.1rem}.close-popup{width:40px;height:40px}.popup-content{padding:12px 16px}.visitor-header{padding:16px}.visitor-details{padding:14px}.detail-row{font-size:.8rem}.detail-label{min-width:80px}.popup-footer{padding:14px 20px}}@media (max-width:375px){.page-title{font-size:1.1rem}.stat-card{width:85vw}.quick-actions{grid-template-columns:1fr}.quick-action-btn{flex-direction:row;justify-content:flex-start;gap:14px;padding:16px 20px}}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.dashboard-header{padding-top:calc(12px + env(safe-area-inset-top))}.dashboard-main{padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom))}.admin-dashboard{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sidebar{padding-top:env(safe-area-inset-top)}}}@media (max-width:768px){.nav-item,.submenu-item,.quick-action-btn,.stat-card,.message-item,.icon-button,.logout-btn,.sidebar-toggle,.refresh-currency-btn,.view-all,.close-popup,.visitor-header{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.nav-item,.quick-action-btn{-webkit-user-select:none;user-select:none}.view-all{margin:-8px -12px;padding:8px 12px}}@media (display-mode:standalone){.admin-dashboard{min-height:100vh}.dashboard-header{padding-top:calc(12px + env(safe-area-inset-top,0px))}}[data-theme=light] .admin-dashboard{background:#f5f6fa}[data-theme=light] .sidebar{background:#fffffff2;border-right-color:#00000014}[data-theme=light] .sidebar-title{color:#1a1a2e}[data-theme=light] .nav-item{color:#64748b}[data-theme=light] .nav-item:hover{color:#1a1a2e;background:#0000000d}[data-theme=light] .nav-item.active{color:var(--accent-primary);background:#e67e221a}[data-theme=light] .sidebar-user{border-top-color:#00000014}[data-theme=light] .user-email{color:#1a1a2e}[data-theme=light] .user-role{color:#64748b}[data-theme=light] .page-title{color:#1a1a2e}[data-theme=light] .page-subtitle{color:#64748b}[data-theme=light] .datetime-wrapper{background:#e67e2214;border-color:#e67e2226}[data-theme=light] .current-date{color:#64748b}[data-theme=light] .icon-button{color:#64748b;background:#00000008;border-color:#00000014}[data-theme=light] .icon-button:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .stat-card:hover{background:#fffffff2}[data-theme=light] .content-card{background:#fffc;border-color:#0000000f}[data-theme=light] .card-header h3{color:#1a1a2e}[data-theme=light] .message-item{background:#00000005}[data-theme=light] .message-name{color:#1a1a2e}[data-theme=light] .message-preview,[data-theme=light] .message-time{color:#64748b}[data-theme=light] .quick-action-btn{color:#64748b;background:#00000005;border-color:#00000014}[data-theme=light] .quick-action-btn:hover{background:#e67e2214}[data-theme=light] .visitors-popup{background:linear-gradient(135deg,#fffffffa 0%,#f8f9fcfa 100%);border-color:#0000001a}[data-theme=light] .popup-header{border-bottom-color:#00000014}[data-theme=light] .popup-header h2{color:#1a1a2e}[data-theme=light] .close-popup{color:#64748b;background:#00000008}[data-theme=light] .visitor-accordion{background:#00000005;border-color:#0000000f}[data-theme=light] .visitor-header:hover{background:#0000000a}[data-theme=light] .visitor-header.expanded{background:#2ecc7114}[data-theme=light] .visitor-ip{color:#1a1a2e}[data-theme=light] .visitor-details{background:#00000008}[data-theme=light] .popup-footer{border-top-color:#00000014}.currency-rates-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin-bottom:24px;padding:24px}.currency-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.currency-title{align-items:center;gap:12px;display:flex}.currency-title svg{color:var(--accent-primary)}.currency-title h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.currency-title .last-updated{color:var(--text-tertiary);background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:.75rem}.refresh-currency-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.refresh-currency-btn:hover{box-shadow:0 8px 25px #e67e2266}.refresh-currency-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-currency-btn svg.spinning,.refresh-currency-btn .spinning{display:inline-block;transform-origin:50%!important;animation:.8s linear infinite currencySpin!important}@keyframes currencySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.currency-value .loading-dash{color:var(--text-tertiary);animation:1s ease-in-out infinite pulse-dash}@keyframes pulse-dash{0%,to{opacity:.4}50%{opacity:1}}.currency-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.currency-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.currency-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.currency-card.usd{border-left:3px solid #2ecc71}.currency-card.usd .currency-icon{color:#2ecc71;background:linear-gradient(135deg,#2ecc7133 0%,#27ae601a 100%)}.currency-card.eur{border-left:3px solid #3498db}.currency-card.eur .currency-icon{color:#3498db;background:linear-gradient(135deg,#3498db33 0%,#2980b91a 100%)}.currency-card.gbp{border-left:3px solid #9b59b6}.currency-card.gbp .currency-icon{color:#9b59b6;background:linear-gradient(135deg,#9b59b633 0%,#8e44ad1a 100%)}.currency-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.currency-info{flex-direction:column;flex:1;gap:2px;display:flex}.currency-code{color:var(--text-primary);font-size:1rem;font-weight:700}.currency-name{color:var(--text-tertiary);font-size:.75rem}.currency-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.currency-value small{color:var(--text-tertiary);margin-left:2px;font-size:.75rem;font-weight:500}.currency-value .error{color:#e74c3c}.currency-value .spinning{color:var(--text-tertiary)}@media (max-width:1024px){.currency-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.currency-cards{grid-template-columns:1fr}.currency-header{flex-direction:column;align-items:flex-start;gap:16px}.refresh-currency-btn{justify-content:center;width:100%}}[data-theme=light] .currency-rates-section{background:#fff;border-color:#00000014}[data-theme=light] .currency-card{background:linear-gradient(135deg,#00000005 0%,#00000003 100%);border-color:#00000014}[data-theme=light] .currency-card:hover{box-shadow:0 12px 30px #0000001a}[data-theme=light] .currency-title .last-updated{background:#0000000d}.toast-notification,.toast-notification-bottom,.toast-notification-modern{z-index:9999!important;border-radius:8px!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:auto!important;max-width:300px!important;height:auto!important;padding:12px 18px!important;font-size:14px!important;font-weight:500!important;display:flex!important;position:fixed!important;inset:auto 24px 24px auto!important;box-shadow:0 4px 12px #00000026!important}.toast-notification svg,.toast-notification-bottom svg,.toast-notification-modern svg{flex-shrink:0!important;width:16px!important;height:16px!important}.toast-notification.success,.toast-notification-bottom.success,.toast-notification-modern.success{color:#fff!important;background:#2ecc71f2!important}.toast-notification.error,.toast-notification-bottom.error,.toast-notification-modern.error{color:#fff!important;background:#e74c3cf2!important}.profile-page{width:100%;min-height:100vh;padding:0;position:relative}.profile-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.profile-loading .spinner{color:var(--accent-primary);animation:1s linear infinite spin}.birthday-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:20px;margin-bottom:30px;padding:24px 32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea66}.birthday-content{z-index:2;color:#fff;align-items:center;gap:20px;display:flex;position:relative}.birthday-text{flex-direction:column;gap:4px;display:flex}.birthday-title{text-shadow:0 2px 10px #0003;font-size:1.5rem;font-weight:800}.birthday-name{opacity:.95;font-size:1.2rem;font-weight:600}.sparkle-icon{animation:1.5s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}}.birthday-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{width:10px;height:10px;animation:3s linear infinite confetti-fall;animation-delay:var(--delay);left:var(--x);background:#ffffffb3;position:absolute}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-100%)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(600px)rotate(720deg)}}.profile-layout{grid-template-columns:340px 1fr;align-items:start;gap:30px;display:grid}.profile-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#e67e2214 0%,#121218e6 100%);border:1px solid #e67e2233;border-radius:28px;padding:32px;position:sticky;top:24px}.profile-avatar-section{margin-bottom:24px}.profile-avatar-wrapper{width:140px;height:140px;margin:0 auto 16px;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--accent-primary);border-radius:50%;width:100%;height:100%;transition:all .3s;box-shadow:0 10px 40px #e67e224d}.profile-avatar:hover{transform:scale(1.02);box-shadow:0 15px 50px #e67e2280}.profile-avatar-placeholder{width:100%;height:100%;color:var(--accent-primary);background:linear-gradient(135deg,#e67e2233 0%,#e67e220d 100%);border:4px dashed #e67e224d;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-upload-btn{background:var(--accent-gradient);border:3px solid var(--bg-primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 4px 15px #e67e2266}.avatar-upload-btn:hover{transform:scale(1.1)}.avatar-status-indicator{border:3px solid var(--bg-primary);background:#2ecc71;border-radius:50%;width:20px;height:20px;position:absolute;bottom:4px;left:4px}.remove-avatar-btn{color:#e74c3c;cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.remove-avatar-btn:hover{background:#e74c3c40}.profile-card-info{margin-bottom:24px}.profile-name{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:800}.profile-role{color:var(--accent-primary);background:#e67e2226;border:1px solid #e67e224d;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.profile-username{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.profile-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:center;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.stat-item{text-align:center}.stat-value{color:var(--accent-primary);font-size:1.8rem;font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-tertiary);margin-top:6px;font-size:.8rem;display:block}.edit-profile-btn{width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.edit-profile-btn:hover{border-color:var(--accent-primary);background:#ffffff1a;transform:translateY(-2px)}.edit-profile-btn.active{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c}.edit-profile-btn.active:hover{background:#e74c3c40}.detail-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121899;border:1px solid #ffffff14;border-radius:24px;margin-bottom:24px;padding:28px}.section-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-header svg{color:var(--accent-primary)}.section-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.section-hint{color:var(--text-tertiary);margin-top:-12px;margin-bottom:20px;font-size:.85rem}.detail-item{flex-direction:column;gap:10px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.detail-value{color:var(--text-primary);background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin:0;padding:14px 18px;font-size:1rem;font-weight:600;display:flex}.detail-value svg{color:var(--accent-primary)}.address-value{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.detail-value-with-actions{background:#ffffff05;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.detail-value-with-actions .detail-value{background:0 0;border:none;margin:0;padding:0}.detail-link{color:var(--accent-primary);flex:1;align-items:center;gap:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.detail-link:hover{color:#e67e22}.birth-date-display{background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.birth-date-display .detail-value{background:0 0;border:none;margin:0;padding:0}.age-badge{color:var(--accent-primary);background:#e67e2226;border:1px solid #e67e224d;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.action-buttons{gap:8px;display:flex}.whatsapp-btn{color:#25d366;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;text-decoration:none;transition:all .2s;display:flex}.whatsapp-btn:hover{color:#128c7e;transform:scale(1.1)}.whatsapp-btn svg{width:22px;height:22px}.copy-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.copy-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#ffffff1a}.detail-item input,.detail-item textarea{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 18px;font-size:.95rem;font-weight:500;transition:all .2s}.detail-item input::placeholder,.detail-item textarea::placeholder{color:var(--text-tertiary)}.detail-item input:focus,.detail-item textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #e67e221a}.detail-item input:disabled,.detail-item textarea:disabled{opacity:.6;cursor:not-allowed}.detail-item textarea{resize:vertical;min-height:90px;font-family:inherit}.phone-input-group{gap:12px;display:flex}.country-code-dropdown{flex-shrink:0;position:relative}.country-code-button{min-width:120px;height:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.country-code-button:hover:not(:disabled){border-color:var(--accent-primary);background:#ffffff1a}.country-dropdown-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#121218fa;border:1px solid #ffffff1a;border-radius:16px;width:280px;margin-top:6px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 20px 60px #0006}.country-search{border-bottom:1px solid #ffffff1a;padding:12px}.country-search input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:.85rem}.country-search input::placeholder{color:var(--text-tertiary)}.country-search input:focus{border-color:var(--accent-primary);outline:none}.country-options{max-height:250px;overflow-y:auto}.country-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;transition:all .2s;display:flex}.country-option:hover{color:var(--text-primary);background:#e67e221a}.country-name{flex:1}.country-code-text{color:var(--accent-primary);font-size:.85rem;font-weight:700}.country-options::-webkit-scrollbar{width:6px}.country-options::-webkit-scrollbar-track{background:#ffffff0d}.country-options::-webkit-scrollbar-thumb{background:#e67e224d;border-radius:3px}.phone-input-group input{flex:1}.email-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#121218fa;border:1px solid #ffffff1a;border-radius:12px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 20px 60px #0006}.email-suggestion{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:14px 18px;font-size:.9rem;transition:all .2s}.email-suggestion:hover{color:var(--text-primary);background:#e67e221a}.save-section{justify-content:flex-end;display:flex}.save-profile-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 36px;font-size:1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 30px #e67e2266}.save-profile-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px #e67e2280}.save-profile-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-profile-btn .spinner{animation:1s linear infinite spin}.toast-notification{z-index:1000;border-radius:8px;align-items:center;gap:10px;max-width:300px;padding:12px 18px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast-notification.success{color:#fff;background:#2ecc71f2}.toast-notification.error{color:#fff;background:#e74c3cf2}.image-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-modal-content{border-radius:20px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009}.modal-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:90vh;display:block}.modal-close-btn{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background:#e74c3ce6;border-color:#e74c3c;transform:scale(1.1)}@media (max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-card{position:relative;top:0}}@media (max-width:768px){.profile-page{padding:0}.detail-grid{grid-template-columns:1fr}.toast-notification{min-width:auto;bottom:20px;left:20px;right:20px}.birthday-banner{margin-bottom:20px;padding:20px}.birthday-content{flex-wrap:wrap;justify-content:center}.birthday-title{font-size:1.2rem}.profile-card,.detail-section{border-radius:20px;padding:24px 20px}.save-profile-btn{width:100%;padding:16px 24px}}@media (max-width:480px){.profile-card{padding:24px 16px}.profile-avatar-wrapper{width:120px;height:120px}.profile-name{font-size:1.3rem}.detail-section{padding:20px 16px}.section-header h3{font-size:1rem}}.logs-lock-screen{justify-content:center;align-items:center;min-height:500px;padding:40px;display:flex}.lock-card{text-align:center;background:#121218cc;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:48px}.lock-icon{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex}.lock-card h2{color:var(--text-primary);margin:0 0 8px;font-size:1.8rem;font-weight:800}.lock-card>p{color:var(--text-tertiary);margin-bottom:32px;font-size:.95rem}.lock-form{flex-direction:column;gap:16px;display:flex}.lock-input-group{align-items:center;display:flex;position:relative}.lock-input-group svg{color:var(--text-tertiary);position:absolute;left:16px}.lock-input-group input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px 16px 16px 48px;font-size:1rem;transition:all .2s}.lock-input-group input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.lock-error{color:#e74c3c;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.unlock-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.unlock-btn:hover{box-shadow:0 8px 24px #e67e2266}.unlock-btn:disabled{opacity:.7;cursor:not-allowed}.lock-hint{color:var(--text-tertiary);margin-top:20px;font-size:.8rem}.lock-hint.forgot-link{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.lock-hint.forgot-link:hover{color:var(--text-primary);text-decoration:underline}.logs-container{position:relative}.logs-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.logs-title-area{align-items:center;gap:16px;display:flex}.logs-icon-box{background:var(--accent-gradient);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.logs-title-area h1{color:var(--text-primary);margin:0 0 4px;font-size:1.8rem;font-weight:800}.logs-title-area p{color:var(--text-tertiary);margin:0;font-size:.95rem}.logs-actions{gap:12px;display:flex}.logs-actions .action-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.logs-actions .action-btn.refresh{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.logs-actions .action-btn.refresh:hover{color:var(--text-primary);background:#ffffff1a}.logs-actions .action-btn.password{background:var(--accent-gradient);color:#fff;border:none}.logs-actions .action-btn.password:hover{box-shadow:0 8px 24px #e67e2266}.logs-filters-bar{align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box input:focus{border-color:var(--accent-primary);outline:none}.filter-controls{gap:12px;display:flex}.filter-toggle{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.filter-toggle:hover,.filter-toggle.active{color:var(--text-primary);background:#ffffff1a}.filter-toggle svg.rotated{transform:rotate(180deg)}.delete-selected-btn{color:#e74c3c;cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:12px;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.delete-selected-btn:hover{background:#e74c3c40}.clear-all-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.clear-all-btn:hover{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c4d}.expanded-filters{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;gap:20px;margin-bottom:16px;padding:20px;display:flex;overflow:hidden}.filter-group{flex:1}.filter-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.filter-group select{width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:.9rem}.logs-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#12121899;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.stat-card .stat-value{color:var(--text-primary);margin-bottom:4px;font-size:2rem;font-weight:800;display:block}.stat-card .stat-label{color:var(--text-tertiary);font-size:.85rem}.logs-table-container{background:#12121899;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden}.logs-loading,.logs-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.logs-table{width:100%}.table-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;grid-template-columns:40px 120px 140px 1fr 150px 120px 140px 60px;gap:12px;padding:16px 20px;display:grid}.th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.table-body{max-height:500px;overflow-y:auto}.table-row{border-bottom:1px solid #ffffff0a;grid-template-columns:40px 120px 140px 1fr 150px 120px 140px 60px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:grid}.table-row:hover{background:#ffffff05}.table-row.selected{background:#e67e2214}.td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;display:flex;overflow:hidden}.td.checkbox input{cursor:pointer;width:18px;height:18px}.td svg{color:var(--text-tertiary);flex-shrink:0}.action-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.td.details{color:var(--text-tertiary);font-size:.85rem}.row-action{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.row-action.delete{color:var(--text-tertiary)}.row-action.delete:hover{color:#e74c3c;background:#e74c3c26}.toast-notification{z-index:1100;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-weight:500;display:flex;position:fixed;top:24px;right:24px}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:40px 100px 120px 1fr 120px 100px 120px 50px}}@media (max-width:992px){.logs-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:40px 1fr 120px 120px 50px}.th.device,.th.details,.th.ip,.td.device,.td.details,.td.ip{display:none}}@media (max-width:768px){.logs-header{flex-direction:column;align-items:flex-start;gap:16px}.logs-actions{width:100%}.logs-actions .action-btn{flex:1;justify-content:center}.logs-filters-bar{flex-direction:column}.filter-controls{flex-wrap:wrap;width:100%}.filter-toggle,.delete-selected-btn,.clear-all-btn{flex:1;justify-content:center}.expanded-filters{flex-direction:column}.logs-stats{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .lock-card{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .lock-card h2{color:#1a1a2e}[data-theme=light] .lock-card>p,[data-theme=light] .lock-hint{color:#64748b}[data-theme=light] .lock-hint.forgot-link{color:var(--accent-primary)}[data-theme=light] .lock-hint.forgot-link:hover{color:#1a1a2e}[data-theme=light] .lock-input-group input{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .lock-input-group svg{color:#94a3b8}[data-theme=light] .logs-title-area h1{color:#1a1a2e}[data-theme=light] .logs-title-area p{color:#64748b}[data-theme=light] .logs-actions .action-btn.refresh{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .filter-toggle,[data-theme=light] .clear-all-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .expanded-filters{background:#fffc;border-color:#0000001a}[data-theme=light] .filter-group label{color:#64748b}[data-theme=light] .stat-card .stat-value{color:#1a1a2e}[data-theme=light] .stat-card .stat-label{color:#64748b}[data-theme=light] .logs-table-container{background:#fffc;border-color:#0000001a}[data-theme=light] .table-header{background:#00000005;border-bottom-color:#0000000f}[data-theme=light] .th{color:#64748b}[data-theme=light] .table-row{border-bottom-color:#0000000a}[data-theme=light] .table-row:hover{background:#00000005}[data-theme=light] .table-row.selected{background:#e67e2214}[data-theme=light] .td{color:#64748b}[data-theme=light] .td svg,[data-theme=light] .td.details,[data-theme=light] .logs-loading,[data-theme=light] .logs-empty{color:#94a3b8}.settings-page-modern{perspective:1000px;width:100%;max-width:1400px;margin:0 auto;padding:30px 0;position:relative}.settings-bg-effects{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(100px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb.orb-1{background:radial-gradient(circle,#e67e224d 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-100px}.bg-orb.orb-2{background:radial-gradient(circle,#9b59b640 0%,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:-150px;left:-100px}.bg-orb.orb-3{background:radial-gradient(circle,#3498db33 0%,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(-30px,-20px)scale(1.02)}}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.toast-notification-modern{z-index:10000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:16px;min-width:360px;padding:18px 24px;font-size:.9rem;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 25px 80px #00000080}.toast-notification-modern.success{color:#fff;background:linear-gradient(135deg,#2ecc71e6 0%,#27ae60e6 100%)}.toast-notification-modern.error{color:#fff;background:linear-gradient(135deg,#e74c3ce6 0%,#c0392be6 100%)}.toast-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.toast-title{font-size:.95rem;font-weight:700}.toast-text{opacity:.9;font-size:.85rem;font-weight:500}.toast-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.toast-close:hover{background:#fff3}.spinner{animation:1s linear infinite spin}.settings-premium-header{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:28px;margin-bottom:32px;padding:36px 40px;position:relative;overflow:hidden}.settings-premium-header:before{content:"";background:linear-gradient(90deg,#0000,#e67e2280,#0000);height:1px;position:absolute;top:0;left:0;right:0}.settings-premium-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#e67e221a 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.premium-header-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.premium-title-area{align-items:center;gap:24px;display:flex}.premium-icon-box{width:80px;height:80px;color:var(--accent-primary);background:linear-gradient(135deg,#e67e2233 0%,#e67e221a 100%);border:1px solid #e67e224d;border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative}.icon-ring{border:2px solid #e67e2233;border-radius:28px;animation:3s ease-in-out infinite ring-pulse;position:absolute;inset:-4px}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.icon-particles{position:absolute;inset:0}.icon-particles .particle{background:var(--accent-primary);width:4px;height:4px;animation:4s linear infinite particle-orbit;animation-delay:calc(var(--i) * -.7s);border-radius:50%;position:absolute;top:50%;left:50%}@keyframes particle-orbit{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)translate(50px)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)rotate(72deg)translate(50px)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)rotate(288deg)translate(50px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(360deg)translate(50px)scale(0)}}.premium-text h1{color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.2rem;font-weight:800}.premium-text p{color:var(--text-tertiary);margin:0;font-size:1rem}.premium-stats{background:#0000004d;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:24px;padding:20px 28px;display:flex}.stat-item{align-items:center;gap:14px;display:flex}.stat-icon{width:44px;height:44px;color:var(--accent-primary);background:linear-gradient(135deg,#e67e2233 0%,#e67e221a 100%);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-divider{background:#ffffff1a;width:1px;height:40px}.settings-tabs-modern{margin-bottom:32px}.tabs-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121218cc;border:1px solid #ffffff0f;border-radius:20px;gap:12px;padding:10px;display:flex}.settings-tab-modern{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:16px 24px;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.settings-tab-modern:before{content:"";opacity:0;background:linear-gradient(135deg,#e67e2226 0%,#e67e220d 100%);border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.settings-tab-modern:hover{color:var(--text-primary)}.settings-tab-modern:hover:before{opacity:1}.settings-tab-modern.active{color:var(--accent-primary)}.settings-tab-modern.active:before{opacity:1}.tab-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:700}.tab-active-indicator{background:var(--accent-primary);border-radius:3px;width:40px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.settings-content-modern{width:100%}.action-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121899;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:16px 24px;display:flex}.quick-actions{gap:14px;display:flex}.action-btn{color:#a0a0b0;letter-spacing:.3px;white-space:nowrap;cursor:pointer;background:linear-gradient(145deg,#1a1a2e 0%,#16162a 100%);border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;min-width:150px;padding:14px 36px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.action-btn svg{transition:all .3s}.action-btn:hover{transform:translateY(-3px)}.action-btn:active{transform:translateY(-1px)}.action-btn.preview{color:#5dade2;background:linear-gradient(145deg,#0d2137 0%,#0a1929 100%);border:2px solid #1e4976;box-shadow:0 4px 20px #3498db26,inset 0 1px #5dade21a}.action-btn.preview:before{content:"";background:linear-gradient(90deg,#0000,#3498db33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-btn.preview:hover{color:#fff;background:linear-gradient(145deg,#0f2a45 0%,#0d2137 100%);border-color:#3498db;box-shadow:0 8px 30px #3498db4d,0 0 0 1px #3498db1a}.action-btn.preview:hover:before{left:100%}.action-btn.preview:hover svg{filter:drop-shadow(0 0 6px #3498db99);transform:scale(1.15)}.action-btn.preview.active{color:#fff;background:linear-gradient(145deg,#1a4a7a 0%,#0f3460 100%);border-color:#5dade2;box-shadow:0 0 25px #3498db66,0 8px 30px #3498db40,inset 0 0 20px #3498db26}.action-btn.preview.active svg{filter:drop-shadow(0 0 8px #3498dbcc)}.action-btn.edit{color:#f0a764;background:linear-gradient(145deg,#2d1a0d 0%,#251608 100%);border:2px solid #8b4513;box-shadow:0 4px 20px #e67e2226,inset 0 1px #f0a7641a}.action-btn.edit:before{content:"";background:linear-gradient(90deg,#0000,#e67e2233,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-btn.edit:hover{color:#fff;background:linear-gradient(145deg,#3d2410 0%,#2d1a0d 100%);border-color:#e67e22;box-shadow:0 8px 30px #e67e224d,0 0 0 1px #e67e221a}.action-btn.edit:hover:before{left:100%}.action-btn.edit:hover svg{filter:drop-shadow(0 0 6px #e67e2299);transform:scale(1.15)}.action-btn.edit.active{color:#fff;background:linear-gradient(145deg,#8b3a1a 0%,#6b2a10 100%);border-color:#e74c3c;box-shadow:0 0 25px #e74c3c66,0 8px 30px #e74c3c40,inset 0 0 20px #e74c3c26}.action-btn.edit.active svg{filter:drop-shadow(0 0 8px #e74c3ccc)}.last-saved{color:#2ecc71;background:#2ecc711a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:600;display:flex}.preview-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121218e6;border:1px solid #ffffff14;border-radius:24px;margin-bottom:32px;overflow:hidden}.preview-toolbar{background:#0006;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.preview-device-switcher{background:#ffffff0d;border-radius:12px;gap:6px;padding:6px;display:flex}.device-btn{width:44px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.device-btn:hover{color:var(--text-primary);background:#ffffff0d}.device-btn.active{color:var(--accent-primary);background:linear-gradient(135deg,#e67e224d 0%,#e67e2233 100%)}.preview-url{color:var(--text-tertiary);background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;display:flex}.url-secure{color:#2ecc71;background:#2ecc7133;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.preview-refresh{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.preview-refresh:hover{color:var(--accent-primary);background:#e67e2226;transform:rotate(180deg)}.preview-frame{background:linear-gradient(#0003 0%,#0000001a 100%);justify-content:center;min-height:500px;padding:40px;display:flex}.preview-frame.mobile{padding:40px 100px}.preview-browser{background:#fff;border-radius:16px;width:100%;max-width:900px;overflow:hidden;box-shadow:0 30px 100px #00000080}.preview-frame.mobile .preview-browser{max-width:375px}.browser-header{background:#f5f5f7;border-bottom:1px solid #e5e5e7;align-items:center;gap:12px;padding:14px 16px;display:flex}.browser-dots{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.browser-tab{background:#fff;border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px 16px;display:flex}.tab-favicon{object-fit:contain;width:18px;height:18px}.tab-title{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.browser-content{background:linear-gradient(#0a0a0f 0%,#12121a 100%);min-height:400px}.preview-header{background:#0000004d;border-bottom:1px solid #ffffff0d;justify-content:flex-start;padding:20px 30px;display:flex}.preview-logo{object-fit:contain;max-height:40px}.preview-body{padding:40px 30px}.preview-hero{text-align:center;margin-bottom:40px}.preview-hero .hero-badge{color:#e67e22;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#e67e2233 0%,#e67e221a 100%);border:1px solid #e67e224d;border-radius:20px;margin-bottom:16px;padding:8px 16px;font-size:.7rem;font-weight:700;display:inline-block}.preview-hero .hero-title{color:#fff;margin-bottom:8px;font-size:1.8rem;font-weight:800}.preview-hero .hero-subtitle{color:#e67e22;font-size:1.4rem;font-weight:600}.preview-cards{justify-content:center;gap:16px;display:flex}.preview-cards .p-card{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:12px;width:120px;height:80px}.preview-footer{color:#ffffff80;text-align:center;background:#0006;margin-top:30px;padding:20px;font-size:.7rem;line-height:1.6}.settings-main-grid{grid-template-columns:1fr 320px;gap:28px;display:grid}.settings-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.setting-card{transform-style:preserve-3d;background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.setting-card:before{content:"";background:var(--card-gradient);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.setting-card:hover{transform:translateY(-4px)}.setting-card.editable{cursor:pointer}.setting-card.editable:hover{border-color:var(--card-glow);transform:translateY(-8px)}.setting-card.active{border-color:var(--card-color);box-shadow:0 20px 60px var(--card-glow)}.setting-card.active .card-icon-wrapper{box-shadow:0 10px 40px var(--card-glow);transform:scale(1.1)rotate(5deg)}.card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.card-icon-wrapper{background:var(--card-gradient);color:#fff;width:56px;height:56px;box-shadow:0 6px 24px var(--card-glow);border-radius:16px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.icon-shine{background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%,to{transform:translate(-100%)rotate(45deg)}50%{transform:translate(100%)rotate(45deg)}}.card-title-area{flex:1}.title-row{align-items:center;gap:10px;display:flex}.card-title-area h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.card-emoji{font-size:1.2rem}.card-title-area p{color:var(--text-tertiary);margin:6px 0 0;font-size:.8rem}.card-edit-indicator{color:#fff;opacity:.6;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.setting-card:hover .card-edit-indicator{opacity:1;transform:translate(4px)}.card-content{z-index:1;position:relative}.card-content-inner{background:#0000004d;border-radius:16px;flex-direction:column;justify-content:center;min-height:60px;padding:20px;display:flex}.card-image-content{align-items:center;gap:16px}.logo-preview{flex-direction:column;gap:12px;width:100%;display:flex}.image-frame{background:linear-gradient(135deg,#fffffffa 0%,#f5f5f7fa 100%);border-radius:14px;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative;overflow:hidden}.image-frame img{object-fit:contain;max-height:60px}.image-overlay{color:#fff;opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.image-frame:hover .image-overlay{opacity:1}.image-info{color:var(--text-tertiary);justify-content:space-between;font-size:.75rem;display:flex}.info-format{color:var(--accent-primary)}.favicon-preview{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.favicon-frame{background:linear-gradient(135deg,#fffffffa 0%,#f5f5f7fa 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;padding:16px;display:flex;position:relative}.favicon-frame img{object-fit:contain;width:48px;height:48px}.favicon-ring{border:2px dashed #3498db66;border-radius:24px;animation:20s linear infinite ring-rotate;position:absolute;inset:-4px}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favicon-demo{background:#ffffff0d;border-radius:10px;width:100%;padding:12px 16px}.demo-tab{background:#ffffff1a;border-radius:8px;align-items:center;gap:10px;width:fit-content;padding:8px 12px;display:flex}.demo-tab img{object-fit:contain;width:16px;height:16px}.demo-tab span{color:var(--text-secondary);font-size:.75rem}.favicon-url-input{flex-direction:column;gap:6px;width:100%;margin-top:12px;display:flex}.favicon-url-input label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.favicon-url-input input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:.85rem;transition:all .2s}.favicon-url-input input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.favicon-url-input small{color:var(--text-tertiary);font-size:.7rem;font-style:italic}.value-display{flex-direction:column;gap:12px;display:flex}.card-value{color:var(--text-primary);word-break:break-word;font-size:1rem;font-weight:600;line-height:1.5}.value-meta{gap:8px;display:flex}.meta-badge{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7133;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.input-with-counter{width:100%;position:relative}.card-input,.card-textarea{width:100%;color:var(--text-primary);background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;padding:16px 18px;font-size:.95rem;font-weight:500;transition:all .3s}.card-input:focus,.card-textarea:focus{border-color:var(--card-color);box-shadow:0 0 0 4px var(--card-glow);background:#ffffff1f;outline:none}.char-counter{color:var(--text-tertiary);font-size:.7rem;position:absolute;bottom:-24px;right:14px}.textarea-wrapper{width:100%;position:relative}.card-textarea{resize:vertical;min-height:120px;padding-bottom:50px;font-family:inherit;line-height:1.6}.textarea-toolbar{gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.toolbar-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.toolbar-btn:hover{color:var(--text-primary);background:#fff3}.footer-preview-box{border-left:3px solid var(--card-color);background:#0003;border-radius:12px;padding:16px}.footer-text{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.card-upload-btn{background:var(--card-gradient);color:#fff;cursor:pointer;box-shadow:0 6px 24px var(--card-glow);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-upload-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card-upload-btn:hover:before{left:100%}.card-upload-btn:hover{box-shadow:0 10px 40px var(--card-glow);transform:translateY(-3px)}.btn-sparkle{animation:2s ease-in-out infinite sparkle}.card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.setting-card:hover .card-shine{left:150%}.card-glow{opacity:.15;filter:blur(60px);pointer-events:none;width:200px;height:200px;transition:all .4s;position:absolute;bottom:-60px;right:-60px}.setting-card:hover .card-glow{opacity:.25;transform:scale(1.3)}.activity-sidebar{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;height:fit-content;padding:24px;position:sticky;top:100px}.sidebar-header{color:var(--accent-primary);border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.sidebar-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#0003;border-radius:14px;align-items:flex-start;gap:14px;padding:14px;transition:all .3s;display:flex}.activity-item:hover{background:#0000004d;transform:translate(4px)}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-item.success .activity-icon{color:#2ecc71;background:#2ecc7126}.activity-item.info .activity-icon{color:#3498db;background:#3498db26}.activity-content{flex-direction:column;gap:4px;display:flex}.activity-text{color:var(--text-primary);font-size:.85rem;font-weight:600}.activity-time{color:var(--text-tertiary);font-size:.75rem}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.view-all-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.view-all-btn:hover{color:var(--text-primary);background:#ffffff1a}.save-section-modern{justify-content:center;margin-top:40px;padding-top:20px;display:flex}.save-btn-modern{background:linear-gradient(135deg, var(--accent-primary) 0%, #d35400 100%);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:14px;padding:20px 56px;font-size:1.1rem;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 50px #e67e2266}.save-btn-modern .btn-bg{background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.save-btn-modern:hover .btn-bg{transform:translate(100%)}.save-btn-modern:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 20px 70px #e67e2280}.save-btn-modern:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-rocket{animation:2s ease-in-out infinite rocket-float}@keyframes rocket-float{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-5px)rotate(10deg)}}.appearance-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.appearance-card{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;padding:28px}.appearance-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.card-icon-box{color:#9b59b6;background:linear-gradient(135deg,#9b59b633 0%,#9b59b61a 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.appearance-card-header h3{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:700}.appearance-card-header p{color:var(--text-tertiary);margin:0;font-size:.85rem}.theme-options{gap:12px;display:flex}.theme-option{cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:20px 16px;transition:all .3s;display:flex;position:relative}.theme-option:hover{background:#0006}.theme-option.active{border-color:var(--accent-primary);background:#e67e221a}.theme-preview{border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.theme-preview.dark{color:#e67e22;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.theme-preview.light{color:#f39c12;background:linear-gradient(135deg,#fff 0%,#f0f0f5 100%)}.theme-preview.system{color:#3498db;background:linear-gradient(135deg,#1a1a2e 50%,#fff 50%)}.theme-option span{color:var(--text-secondary);font-size:.85rem;font-weight:600}.theme-option.active span{color:var(--text-primary)}.theme-option .check{color:var(--accent-primary);position:absolute;top:10px;right:10px}.color-presets{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.color-preset{cursor:pointer;color:#fff;border:3px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.color-preset:hover{transform:scale(1.1)}.color-preset.active{box-shadow:0 0 20px var(--preset-color);border-color:#fff}.color-preview-bar{color:#fff;text-align:center;border-radius:12px;padding:14px 20px;font-size:.85rem;font-weight:600}.layout-options{flex-direction:column;gap:16px;display:flex}.layout-option{background:#0003;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.option-info{color:var(--text-secondary);align-items:center;gap:14px;display:flex}.option-info span{font-size:.9rem;font-weight:600}.toggle-switch{width:52px;height:28px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.storage-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.cloudinary-card{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;padding:32px}.cloudinary-header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.cloudinary-logo{color:#667eea;background:linear-gradient(135deg,#667eea33 0%,#667eea1a 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.logo-glow{filter:blur(15px);z-index:-1;background:radial-gradient(circle,#667eea4d 0%,#0000 70%);border-radius:26px;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-8px}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cloudinary-title h3{color:var(--text-primary);margin:0 0 4px;font-size:1.3rem;font-weight:700}.cloudinary-title p{color:var(--text-tertiary);margin:0;font-size:.85rem}.connection-status{border-radius:20px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.connection-status.connected{color:#2ecc71;background:#2ecc7126}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.storage-stats{background:#0000004d;border-radius:18px;gap:24px;margin-bottom:28px;padding:24px;display:flex}.storage-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.stat-circle{width:80px;height:80px;position:relative}.stat-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.stat-circle path:nth-child(2){stroke-linecap:round;transition:stroke-dasharray .5s}.stat-percent{color:#667eea;font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-details{align-items:baseline;gap:4px;display:flex}.stat-used{color:var(--text-primary);font-size:1.2rem;font-weight:700}.stat-total{color:var(--text-tertiary);font-size:.85rem}.storage-stat .stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:800}.stat-name{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.cloudinary-info-modern{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:1px solid #667eea4d;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.cloudinary-info-modern svg{color:#667eea;flex-shrink:0}.cloudinary-info-modern p{color:var(--text-secondary);margin:0;font-size:.9rem}.cloudinary-form{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.cloudinary-input-group{flex-direction:column;gap:10px;display:flex}.cloudinary-input-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.cloudinary-input-group input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:16px 20px;font-size:1rem;font-weight:500;transition:all .3s}.cloudinary-input-group input:focus{background:#ffffff14;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea26}.cloudinary-input-group input::placeholder{color:var(--text-tertiary)}.cloudinary-action-modern{justify-content:center;display:flex}.cloudinary-link-btn-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:18px 40px;font-size:1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 10px 40px #667eea66}.cloudinary-link-btn-modern:hover{transform:translateY(-3px);box-shadow:0 15px 50px #667eea80}.file-types-card{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;padding:28px}.file-types-card h3{color:var(--text-primary);margin:0 0 24px;font-size:1.1rem;font-weight:700}.file-types-list{flex-direction:column;gap:20px;display:flex}.file-type{align-items:center;gap:16px;display:flex}.type-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.type-icon.images{color:#9b59b6;background:#9b59b626}.type-icon.videos{color:#3498db;background:#3498db26}.type-icon.others{color:#2ecc71;background:#2ecc7126}.type-info{flex-direction:column;flex:1;gap:4px;display:flex}.type-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.type-count{color:var(--text-tertiary);font-size:.75rem}.type-bar{background:#ffffff1a;border-radius:3px;width:80px;height:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .5s}.security-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.security-card{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;padding:28px}.security-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.security-icon{color:#2ecc71;background:linear-gradient(135deg,#2ecc7133 0%,#2ecc711a 100%);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.security-header h3{color:var(--text-primary);margin:0 0 4px;font-size:1.2rem;font-weight:700}.security-header p{color:#2ecc71;margin:0;font-size:.85rem}.security-score{align-items:baseline;margin-left:auto;display:flex}.security-score .score{color:#2ecc71;font-size:2.5rem;font-weight:800}.security-score .score-label{color:var(--text-tertiary);font-size:1rem}.security-checks{flex-direction:column;gap:12px;display:flex}.check-item{background:#0003;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.check-item.success{color:#2ecc71}.check-item.warning{color:#f39c12}.check-item span{color:var(--text-secondary);font-size:.9rem;font-weight:500}.sessions-card{grid-column:span 1}.sessions-card h3{color:var(--text-primary);margin:0 0 20px;font-size:1.1rem;font-weight:700}.sessions-list{flex-direction:column;gap:12px;display:flex}.session-item{background:#0003;border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.session-item.current{border:1px solid #2ecc714d}.session-icon{width:44px;height:44px;color:var(--text-secondary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.session-info{flex-direction:column;flex:1;gap:4px;display:flex}.session-device{color:var(--text-primary);font-size:.9rem;font-weight:600}.session-location{color:var(--text-tertiary);font-size:.8rem}.session-badge{color:#2ecc71;background:#2ecc7126;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600}.session-end{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .3s}.session-end:hover{background:#e74c3c33}.actions-card{grid-column:span 2}.actions-card h3{color:var(--text-primary);margin:0 0 20px;font-size:1.1rem;font-weight:700}.security-actions{gap:16px;display:flex}.security-action-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:12px;padding:18px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.security-action-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-2px)}.security-action-btn.danger{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c4d}.security-action-btn.danger:hover{background:#e74c3c33}@media (max-width:1200px){.settings-main-grid{grid-template-columns:1fr}.activity-sidebar{position:static}.appearance-grid{grid-template-columns:repeat(2,1fr)}.appearance-card.layout-card{grid-column:span 2}.storage-grid{grid-template-columns:1fr}}@media (max-width:1024px){.settings-cards-grid{grid-template-columns:1fr}.premium-header-content{flex-direction:column;gap:24px}.premium-title-area{text-align:center;justify-content:center;width:100%}.premium-stats{justify-content:center;width:100%}.security-grid{grid-template-columns:1fr}.actions-card{grid-column:span 1}.security-actions{flex-direction:column}}@media (max-width:768px){.settings-page-modern{padding:15px 0}.settings-premium-header{padding:24px 20px}.premium-icon-box{width:60px;height:60px}.premium-text h1{font-size:1.6rem}.premium-stats{flex-wrap:wrap;gap:16px;padding:16px}.stat-divider{display:none}.tabs-container{flex-wrap:wrap;padding:8px}.settings-tab-modern{flex:1;justify-content:center;min-width:120px;padding:12px 16px;font-size:.8rem}.settings-tab-modern span{display:none}.action-bar{flex-direction:column;gap:16px}.quick-actions{flex-direction:row;width:100%}.action-btn{flex:1;justify-content:center;min-height:48px;padding:12px 16px;font-size:.85rem}.action-btn span{display:block}.setting-card,.preview-frame,.preview-frame.mobile{padding:20px}.appearance-grid{grid-template-columns:1fr}.appearance-card.layout-card{grid-column:span 1}.theme-options{flex-direction:column}.cloudinary-form{grid-template-columns:1fr}.storage-stats{flex-direction:column;align-items:center}.toast-notification-modern{min-width:auto;top:20px;left:20px;right:20px}.save-btn-modern{width:100%;padding:18px 24px}}@media (max-width:480px){.settings-cards-grid{gap:16px}.card-icon-wrapper{width:48px;height:48px}.card-header{gap:12px}.premium-text h1{font-size:1.3rem}.preview-toolbar{flex-direction:column;gap:12px}.preview-url{justify-content:center;width:100%}.color-presets{justify-content:center}.color-preset{width:40px;height:40px}}.theme-desc{color:var(--text-tertiary);margin-top:4px;font-size:.7rem}.theme-option.active .theme-desc{color:var(--text-secondary)}.color-note{color:var(--text-secondary);background:#3498db1a;border:1px solid #3498db33;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;font-size:.8rem;display:flex}.color-note svg{color:#3498db;flex-shrink:0}.cloudinary-accounts-list{border-top:1px solid #ffffff14;margin-top:24px;padding-top:24px}.cloudinary-accounts-list h4{color:var(--text-primary);margin:0 0 16px;font-size:.9rem;font-weight:700}.account-item{background:#0003;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;transition:all .3s;display:flex}.account-item:hover{background:#0000004d}.account-info{flex-direction:column;gap:4px;display:flex}.account-email{color:var(--text-primary);font-size:.95rem;font-weight:600}.account-type{color:var(--text-tertiary);text-transform:capitalize;font-size:.75rem}.account-actions{align-items:center;gap:10px;display:flex}.account-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.account-login-btn:hover{box-shadow:0 8px 25px #667eea66}.account-delete-btn{color:#e74c3c;cursor:pointer;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.account-delete-btn:hover{background:#e74c3c40}.add-account-btn{color:#2ecc71;cursor:pointer;background:linear-gradient(135deg,#2ecc7133 0%,#27ae6033 100%);border:1px dashed #2ecc7166;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:16px 24px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.add-account-btn:hover{background:linear-gradient(135deg,#2ecc714d 0%,#27ae604d 100%);border-color:#2ecc71}.password-input-group{position:relative}.password-suggestions{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121218fa;border:1px solid #ffffff1a;border-radius:12px;margin-top:4px;padding:8px;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 40px #0006}.suggestion-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:block}.refresh-stat{flex-direction:column;align-items:center;gap:12px;display:flex}.refresh-storage-btn{color:#667eea;cursor:pointer;background:#667eea26;border:1px solid #667eea4d;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.refresh-storage-btn:hover{background:#667eea40;transform:rotate(180deg)}.refresh-storage-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.appearance-grid{grid-template-columns:1fr}.account-item{flex-direction:column;align-items:stretch;gap:12px}.account-actions{justify-content:flex-end}}[data-theme=light] .settings-page-modern{background:#f5f6fa}[data-theme=light] .settings-premium-header{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .premium-text h1{background:linear-gradient(135deg,#1a1a2e 0%,#2d2d44 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .premium-text p{color:#64748b}[data-theme=light] .tabs-container{background:#ffffffe6;border-color:#0000000f}[data-theme=light] .settings-tab-modern{color:#64748b}[data-theme=light] .settings-tab-modern:hover{color:#1a1a2e}[data-theme=light] .settings-tab-modern.active{color:var(--accent-primary)}[data-theme=light] .action-bar{background:#fffc;border-color:#0000000f}[data-theme=light] .action-btn{color:#64748b;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;box-shadow:0 4px 15px #0000000f}[data-theme=light] .action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}[data-theme=light] .action-btn.preview{color:#2980b9;background:linear-gradient(145deg,#e8f4fd 0%,#d6eaf8 100%);border:2px solid #5dade2;box-shadow:0 4px 15px #3498db1a}[data-theme=light] .action-btn.preview:hover{color:#1a5276;background:linear-gradient(145deg,#d6eaf8 0%,#aed6f1 100%);border-color:#3498db;box-shadow:0 8px 25px #3498db33}[data-theme=light] .action-btn.preview.active{color:#fff;background:linear-gradient(145deg,#3498db 0%,#2980b9 100%);border-color:#2471a3;box-shadow:0 0 20px #3498db59,0 8px 25px #3498db33}[data-theme=light] .action-btn.edit{color:#d35400;background:linear-gradient(145deg,#fef5e7 0%,#fdebd0 100%);border:2px solid #f0a764;box-shadow:0 4px 15px #e67e221a}[data-theme=light] .action-btn.edit:hover{color:#a04000;background:linear-gradient(145deg,#fdebd0 0%,#fad7a0 100%);border-color:#e67e22;box-shadow:0 8px 25px #e67e2233}[data-theme=light] .action-btn.edit.active{color:#fff;background:linear-gradient(145deg,#e74c3c 0%,#c0392b 100%);border-color:#a93226;box-shadow:0 0 20px #e74c3c59,0 8px 25px #e74c3c33}[data-theme=light] .setting-card{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .card-title-area h3{color:#1a1a2e}[data-theme=light] .card-title-area p{color:#64748b}[data-theme=light] .card-content-inner{background:#00000008}[data-theme=light] .card-value{color:#1a1a2e}[data-theme=light] .card-input,[data-theme=light] .card-textarea{color:#1a1a2e;background:#00000008;border-color:#0000001f}[data-theme=light] .card-input:focus,[data-theme=light] .card-textarea:focus{background:#0000000d}[data-theme=light] .activity-sidebar{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .sidebar-header{border-bottom-color:#0000000f}[data-theme=light] .sidebar-header h3{color:#1a1a2e}[data-theme=light] .activity-item{background:#00000008}[data-theme=light] .activity-item:hover{background:#0000000d}[data-theme=light] .activity-text{color:#1a1a2e}[data-theme=light] .activity-time{color:#64748b}[data-theme=light] .sidebar-footer{border-top-color:#0000000f}[data-theme=light] .view-all-btn{color:#64748b;background:#00000008;border-color:#00000014}[data-theme=light] .view-all-btn:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .appearance-card{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .appearance-card-header h3{color:#1a1a2e}[data-theme=light] .appearance-card-header p{color:#64748b}[data-theme=light] .theme-option{background:#00000008}[data-theme=light] .theme-option:hover{background:#0000000d}[data-theme=light] .theme-option.active{background:#e67e2214}[data-theme=light] .theme-option span{color:#64748b}[data-theme=light] .theme-option.active span{color:#1a1a2e}[data-theme=light] .theme-desc{color:#94a3b8}[data-theme=light] .color-note{color:#64748b;background:#3498db14;border-color:#3498db26}[data-theme=light] .cloudinary-card,[data-theme=light] .file-types-card{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .cloudinary-title h3,[data-theme=light] .file-types-card h3{color:#1a1a2e}[data-theme=light] .cloudinary-title p{color:#64748b}[data-theme=light] .storage-stats{background:#00000008}[data-theme=light] .stat-used{color:#1a1a2e}[data-theme=light] .stat-total,[data-theme=light] .stat-name,[data-theme=light] .cloudinary-input-group label{color:#64748b}[data-theme=light] .cloudinary-input-group input{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .cloudinary-input-group input:focus{background:#0000000d}[data-theme=light] .cloudinary-input-group input::placeholder{color:#94a3b8}[data-theme=light] .cloudinary-accounts-list{border-top-color:#0000000f}[data-theme=light] .cloudinary-accounts-list h4{color:#1a1a2e}[data-theme=light] .account-item{background:#00000008}[data-theme=light] .account-item:hover{background:#0000000d}[data-theme=light] .account-email{color:#1a1a2e}[data-theme=light] .account-type{color:#64748b}[data-theme=light] .type-name{color:#1a1a2e}[data-theme=light] .type-count{color:#64748b}[data-theme=light] .password-suggestions{background:#fffffffa;border-color:#0000001a}[data-theme=light] .suggestion-item:hover{color:#1a1a2e;background:#667eea1a}[data-theme=light] .preview-container{background:#fffffff2;border-color:#0000000f}[data-theme=light] .preview-toolbar{background:#00000008;border-bottom-color:#0000000f}[data-theme=light] .footer-preview-box{background:#00000008}[data-theme=light] .footer-text{color:#64748b}.favicon-warning-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.favicon-warning-popup{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:20px;width:90%;max-width:450px;padding:40px;box-shadow:0 30px 80px #00000080}.favicon-warning-popup .warning-icon{background:linear-gradient(135deg,#f39c1233 0%,#e67e2233 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.favicon-warning-popup .warning-icon svg{color:#f39c12}.favicon-warning-popup h3{color:var(--text-primary);margin-bottom:15px;font-size:1.5rem;font-weight:700}.favicon-warning-popup p{color:var(--text-secondary);margin-bottom:30px;font-size:.95rem;line-height:1.7}.favicon-warning-popup .warning-actions{justify-content:center;gap:15px;display:flex}.favicon-warning-popup .warning-cancel-btn,.favicon-warning-popup .warning-confirm-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.favicon-warning-popup .warning-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff1a}.favicon-warning-popup .warning-cancel-btn:hover{color:var(--text-primary);background:#ffffff26}.favicon-warning-popup .warning-confirm-btn{color:#fff;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)}.favicon-warning-popup .warning-confirm-btn:hover{box-shadow:0 8px 25px #f39c1266}[data-theme=light] .favicon-warning-popup{background:#fff;border-color:#0000001a}[data-theme=light] .favicon-warning-popup .warning-cancel-btn{background:#0000000d;border-color:#0000001a}.contact-settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.contact-settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px}.contact-settings-card.social-card{grid-column:1/-1}.contact-card-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.contact-icon-box{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-icon-box.header-icon{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.contact-icon-box.footer-icon{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.contact-icon-box.social-icon-box{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%)}.contact-card-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.contact-card-header p{color:var(--text-secondary);margin:4px 0 0;font-size:.85rem}.contact-fields{flex-direction:column;gap:20px;display:flex}.contact-field-row{align-items:flex-end;gap:16px;display:flex}.contact-field{flex:1}.contact-field label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.contact-field label svg{color:var(--accent-primary)}.contact-field input,.contact-field textarea{background:var(--bg-primary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.contact-field textarea{resize:vertical;min-height:80px}.contact-field.whatsapp-field{margin-top:8px}.field-hint{color:var(--text-tertiary);margin-top:6px;font-size:.75rem;display:block}.contact-toggle{flex-direction:column;gap:8px;display:flex}.contact-toggle label{color:var(--text-tertiary);font-size:.8rem}.toggle-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:all .3s;display:flex}.toggle-btn:hover{background:#ffffff1a}.toggle-btn.active{color:#2ecc71;background:linear-gradient(135deg,#2ecc7133 0%,#27ae6033 100%);border-color:#2ecc71}.social-fields{flex-direction:column;gap:16px;display:flex}.social-field-row{border:1px solid var(--glass-border);background:#ffffff05;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:all .3s;display:flex}.social-field-row:hover{border-color:var(--accent-primary);background:#ffffff0a}.social-icon-preview{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.social-icon-preview.instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%)}.social-icon-preview.facebook{background:#1877f2}.social-icon-preview.twitter{background:#000}.social-icon-preview.linkedin{background:#0a66c2}.social-icon-preview.youtube{background:red}.social-field-content{flex:1}.social-field-content label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.social-field-content input{background:var(--bg-primary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 14px;font-size:.9rem;transition:all .3s}.social-field-content input:focus{border-color:var(--accent-primary);outline:none}.social-field-row .toggle-btn{justify-content:center;min-width:44px;padding:10px}[data-theme=light] .contact-settings-card{background:#ffffffe6}[data-theme=light] .contact-field input,[data-theme=light] .contact-field textarea,[data-theme=light] .social-field-content input{background:#f8f9fa}[data-theme=light] .social-field-row{background:#00000005}[data-theme=light] .toggle-btn{background:#0000000d}@media (max-width:1024px){.contact-settings-grid{grid-template-columns:1fr}.contact-settings-card.social-card{grid-column:1}}@media (max-width:768px){.contact-field-row{flex-direction:column;align-items:stretch}.contact-toggle{flex-direction:row;justify-content:space-between;align-items:center}.social-field-row{flex-wrap:wrap}.social-field-content{flex:100%;order:2;margin-top:12px}.social-icon-preview{order:1}.social-field-row .toggle-btn{order:1;margin-left:auto}}.users-page{padding:0}.users-loading{height:400px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.users-loading .spinner{animation:1s linear infinite spin}.access-denied{text-align:center;height:400px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.access-denied svg{color:#e74c3c}.access-denied h2{color:var(--text-primary);margin:0}.users-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.users-title-area{align-items:center;gap:16px;display:flex}.users-icon-box{background:var(--accent-gradient);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.users-title-area h1{color:var(--text-primary);margin:0 0 4px;font-size:1.8rem;font-weight:800}.users-title-area p{color:var(--text-tertiary);margin:0;font-size:.95rem}.add-admin-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.add-admin-btn:hover{box-shadow:0 8px 24px #e67e2266}.current-admin-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:24px}.current-admin-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.current-admin-header svg{color:var(--accent-primary)}.current-admin-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.current-admin-info{align-items:center;gap:24px;display:flex}.current-admin-avatar{background:var(--accent-gradient);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.current-admin-avatar img{object-fit:cover;width:100%;height:100%}.current-admin-avatar svg{color:#fff}.current-admin-details{flex-direction:column;gap:10px;display:flex}.detail-row{align-items:center;gap:12px;display:flex}.detail-label{color:var(--text-tertiary);min-width:100px;font-size:.85rem}.detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.role-badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.role-badge.superuser{color:var(--accent-primary);background:#e67e2226}.role-badge.admin{color:#3498db;background:#3498db26}.admins-list{margin-top:32px}.admins-list h3{color:var(--text-primary);margin-bottom:20px;font-size:1.2rem;font-weight:700}.admins-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.admin-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .2s;position:relative}.admin-card:hover{border-color:#fff3;transform:translateY(-2px)}.admin-card.current{border-color:var(--accent-primary);background:#e67e220d}.admin-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-avatar{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.admin-avatar img{object-fit:cover;width:100%;height:100%}.admin-info{flex:1;min-width:0}.admin-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1rem;font-weight:700;overflow:hidden}.admin-username{color:var(--text-tertiary);font-size:.85rem}.admin-card-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding-top:16px;display:flex}.admin-detail{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-detail svg{color:var(--text-tertiary);flex-shrink:0}.admin-detail.password-detail{background:#ffffff08;border-radius:8px;margin-top:4px;padding:8px 12px}.password-text{letter-spacing:.5px;flex:1;font-family:Courier New,monospace;font-weight:600}.copy-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.copy-btn:hover{color:var(--accent-primary);background:#e67e221a}.admin-card-actions{border-top:1px solid #ffffff0f;gap:8px;margin-top:16px;padding-top:16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.action-btn.edit{color:#3498db;background:#3498db1a}.action-btn.edit:hover{background:#3498db33}.action-btn.delete{color:#e74c3c;background:#e74c3c1a}.action-btn.delete:hover{background:#e74c3c33}.admin-card-badge{background:var(--accent-gradient);color:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.modal-content{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:480px;overflow:hidden}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.form-group label svg{color:var(--text-tertiary)}.form-group input,.form-group select{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-password{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-password:hover{color:var(--text-secondary)}.modal-actions{gap:12px;margin-top:28px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.cancel-btn{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.submit-btn{background:var(--accent-gradient);color:#fff;border:none}.submit-btn:hover{box-shadow:0 8px 24px #e67e2266}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.modal-content.modern{width:95%;max-width:620px;padding:0;position:relative}.input-wrapper svg{color:var(--text-tertiary);pointer-events:none;z-index:1;position:absolute;left:14px}.email-input-wrapper{position:relative}.email-suggestions{background:var(--bg-secondary);z-index:100;border:1px solid #ffffff26;border-radius:10px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.suggestion-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:.9rem;transition:all .15s;display:block}.suggestion-item:hover{color:var(--accent-primary);background:#e67e221a}.modal-actions-modern{gap:12px;margin-top:8px;display:flex}.confirm-modal.session-warning{max-width:450px}.confirm-icon.warning{background:#f1c40f1a}.confirm-icon.warning svg{color:#f1c40f}.session-info{color:var(--text-tertiary);margin-top:-16px;font-size:.9rem}.warning-btn{color:#f1c40f;cursor:pointer;background:#f1c40f26;border:1px solid #f1c40f4d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.warning-btn:hover{background:#f1c40f40}.danger-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.danger-btn:hover{background:#c0392b}.toast-notification svg{flex-shrink:0;width:16px;height:16px}@media (max-width:768px){.users-header{flex-direction:column;align-items:flex-start;gap:20px}.add-admin-btn{justify-content:center;width:100%}.current-admin-info{flex-direction:column;align-items:flex-start}.admins-grid{grid-template-columns:1fr}.modal-content{margin:20px}}[data-theme=light] .users-loading,[data-theme=light] .access-denied{color:#64748b}[data-theme=light] .access-denied h2,[data-theme=light] .users-title-area h1{color:#1a1a2e}[data-theme=light] .users-title-area p{color:#64748b}[data-theme=light] .current-admin-card{background:#fffc;border-color:#0000000f}[data-theme=light] .current-admin-header{border-bottom-color:#0000000f}[data-theme=light] .current-admin-header h3{color:#1a1a2e}[data-theme=light] .detail-value,[data-theme=light] .admins-list h3{color:#1a1a2e}[data-theme=light] .admin-card{background:#fffc;border-color:#0000000f}[data-theme=light] .admin-card:hover{border-color:#0000001f}[data-theme=light] .admin-card.current{background:#e67e220d}[data-theme=light] .admin-info h4{color:#1a1a2e}[data-theme=light] .admin-username{color:#64748b}[data-theme=light] .admin-card-body{border-top-color:#0000000f}[data-theme=light] .admin-detail{color:#64748b}[data-theme=light] .admin-card-actions{border-top-color:#0000000f}[data-theme=light] .modal-header{border-bottom-color:#0000000f}[data-theme=light] .modal-header h2{color:#1a1a2e}[data-theme=light] .modal-close{color:#64748b;background:#00000008}[data-theme=light] .modal-close:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .form-group label{color:#64748b}[data-theme=light] .form-group input,[data-theme=light] .form-group select{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus{background:#0000000d}[data-theme=light] .form-group input::placeholder{color:#94a3b8}[data-theme=light] .admin-detail.password-detail{background:#00000008}[data-theme=light] .copy-btn:hover{background:#e67e221a}[data-theme=light] .modal-content.modern{background:#fff;border-color:#0000001a}[data-theme=light] .modal-header-modern p,[data-theme=light] .form-field label{color:#64748b}[data-theme=light] .input-wrapper input{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .input-wrapper input:focus{background:#0000000d}[data-theme=light] .input-wrapper input::placeholder,[data-theme=light] .input-wrapper svg{color:#94a3b8}[data-theme=light] .email-suggestions{background:#fff;border-color:#0000001a;box-shadow:0 10px 40px #0000001a}[data-theme=light] .suggestion-item{color:#64748b}[data-theme=light] .suggestion-item:hover{background:#e67e2214}[data-theme=light] .session-info{color:#94a3b8}.messages-page{max-width:1600px;margin:0 auto;padding:24px}.toast-notification-bottom{z-index:10000;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:.85rem;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000040}.toast-notification-bottom.success{color:#fff;background:#2ecc71f2}.toast-notification-bottom.error{color:#fff;background:#e74c3cf2}.messages-container{grid-template-columns:400px 1fr;gap:24px;min-height:calc(100vh - 300px);display:grid}.messages-list-panel{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.refresh-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.refresh-btn:hover{color:var(--text-primary);background:#ffffff1a}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-btn .spinning{color:var(--accent-primary);animation:.8s linear infinite spin}.messages-toolbar{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.search-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;max-width:280px;padding:10px 14px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent-primary);background:#ffffff14}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.clear-search{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;display:flex}.clear-search:hover{color:var(--text-primary);background:#ffffff1a}.filter-tabs{gap:8px;display:flex}.filter-tabs button{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.filter-tabs button:hover{color:var(--text-primary);background:#ffffff0f}.filter-tabs button.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.filter-tabs .badge{background:#fff3;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.messages-list{flex:1;padding:8px;overflow-y:auto}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:#fff3}.loading-state,.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.loading-state svg,.empty-state svg{opacity:.5}.empty-state h3{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:600}.empty-state p{margin:0;font-size:.85rem}.message-item{cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:16px;transition:all .2s;display:flex;position:relative}.message-item:hover{background:#ffffff0d}.message-item.selected{background:#e67e221a;border:1px solid #e67e2233}.message-item.unread{background:#e67e220d}.message-item.unread .message-sender,.message-item.unread .message-subject{color:var(--text-primary);font-weight:700}.message-avatar{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.message-content{flex:1;min-width:0}.message-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.message-sender{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.message-time{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.message-subject{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.85rem;font-weight:500;overflow:hidden}.message-preview{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.message-location-info{align-items:center;gap:8px;margin-top:6px;font-size:.7rem;display:flex}.message-location-info .country-flag{object-fit:cover;border-radius:2px;width:16px;height:12px}.message-location-info .message-ip{color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.message-location-info .message-ip svg{color:#3498db}.unread-indicator{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.pagination button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination button:hover:not(:disabled){background:var(--accent-gradient);color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:.85rem;font-weight:500}.message-detail-panel{background:linear-gradient(135deg,#121218f2 0%,#1e1e28f2 100%);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.no-selection{text-align:center;color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.no-selection-icon{background:#ffffff08;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;display:flex}.no-selection-icon svg{opacity:.4}.no-selection h3{color:var(--text-secondary);margin:0 0 8px;font-size:1.1rem;font-weight:600}.no-selection p{margin:0;font-size:.9rem}.detail-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.detail-subject{flex-direction:column;gap:8px;display:flex}.detail-subject h2{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.read-badge{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.read-badge.unread{color:#e67e22;background:#e67e2226}.read-badge.read{color:#2ecc71;background:#2ecc7126}.delete-message-btn{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.delete-message-btn:hover{color:#fff;background:#e74c3c}.detail-meta{background:#0003;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.meta-row{flex-wrap:wrap;gap:24px;display:flex}.meta-item{align-items:center;gap:8px;font-size:.9rem;display:flex}.meta-item svg{color:var(--text-tertiary);flex-shrink:0}.meta-label{color:var(--text-tertiary)}.meta-value{color:var(--text-primary);font-weight:500}.meta-value.email-link,.meta-value.phone-link{color:var(--accent-primary);align-items:center;gap:6px;text-decoration:none;transition:all .2s;display:flex}.meta-value.email-link:hover,.meta-value.phone-link:hover{text-decoration:underline}.copy-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:all .2s;display:flex}.copy-btn:hover{color:var(--accent-primary);background:#e67e2226;border-color:#e67e224d}.copy-btn.copied{color:#2ecc71;background:#2ecc7126;border-color:#2ecc714d}.detail-body{flex:1;padding:24px;overflow-y:auto}.detail-body h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.9rem;font-weight:600}.message-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:1rem;line-height:1.7}.detail-actions{border-top:1px solid #ffffff0f;gap:12px;padding:20px 24px;display:flex}.reply-btn,.whatsapp-btn{cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.reply-btn{background:var(--accent-gradient);color:#fff;border:none}.reply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e67e2266}.whatsapp-btn{color:#25d366;background:#25d36626;border:1px solid #25d3664d}.whatsapp-btn:hover{color:#fff;background:#25d366;border-color:#25d366}.confirm-modal{text-align:center;background:linear-gradient(135deg,#1e1e28fa 0%,#14141cfa 100%);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:32px}.confirm-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.confirm-icon.delete{color:#e74c3c;background:#e74c3c26}.confirm-modal p{color:var(--text-secondary);margin:0 0 28px;font-size:.95rem;line-height:1.5}.confirm-actions .cancel-btn,.confirm-actions .delete-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.confirm-actions .cancel-btn{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.confirm-actions .cancel-btn:hover{color:var(--text-primary);background:#ffffff1a}.confirm-actions .delete-btn{color:#fff;background:#e74c3c;border:none}.confirm-actions .delete-btn:hover{background:#c0392b}@media (max-width:1200px){.messages-container{grid-template-columns:350px 1fr}}@media (max-width:992px){.messages-container{grid-template-columns:1fr}.message-detail-panel,.messages-container.has-selection .messages-list-panel{display:none}.messages-container.has-selection .message-detail-panel{display:flex}}@media (max-width:768px){.messages-page{padding:16px}.search-box{max-width:100%}}[data-theme=light] .stat-card,[data-theme=light] .messages-list-panel,[data-theme=light] .message-detail-panel{background:linear-gradient(135deg,#fffffff2 0%,#f8f9fcf2 100%);border-color:#0000000f}[data-theme=light] .stat-value,[data-theme=light] .panel-header h2,[data-theme=light] .detail-subject h2,[data-theme=light] .message-sender,[data-theme=light] .confirm-modal h3{color:#1a1a2e}[data-theme=light] .search-box{background:#00000008;border-color:#00000014}[data-theme=light] .search-box:focus-within{background:#0000000d}[data-theme=light] .search-box input{color:#1a1a2e}[data-theme=light] .filter-tabs button{color:#64748b;background:#00000008;border-color:#0000000f}[data-theme=light] .filter-tabs button:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .message-item:hover{background:#00000008}[data-theme=light] .message-item.selected{background:#e67e2214;border-color:#e67e2226}[data-theme=light] .message-item.unread{background:#e67e220a}[data-theme=light] .detail-meta{background:#00000008}[data-theme=light] .message-text{color:#374151}[data-theme=light] .confirm-actions .cancel-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .confirm-actions .cancel-btn:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .refresh-btn,[data-theme=light] .pagination button{color:#64748b;background:#00000008}[data-theme=light] .refresh-btn:hover,[data-theme=light] .pagination button:hover:not(:disabled){background:#0000000f}[data-theme=light] .no-selection-icon{background:#00000008}[data-theme=light] .copy-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .copy-btn:hover{background:#e67e221a;border-color:#e67e2233}.admin-home-page{padding:0}.admin-home-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-home-page .spinner{animation:1s linear infinite spin}.admin-home-page .toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-weight:500;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #0000004d}.admin-home-page .toast.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.admin-home-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.admin-home-page .page-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;display:flex}.admin-home-page .header-info{align-items:center;gap:16px;display:flex}.admin-home-page .header-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-home-page .header-info h1{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem}.admin-home-page .header-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-home-page .header-actions{gap:12px;display:flex}.admin-home-page .btn-preview,.admin-home-page .btn-save{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.admin-home-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-home-page .btn-preview:hover{background:var(--bg-hover)}.admin-home-page .btn-save{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff}.admin-home-page .btn-save:hover{box-shadow:0 8px 25px #e67e2266}.admin-home-page .btn-save:disabled{opacity:.7;cursor:not-allowed}.admin-home-page .home-page-content{gap:24px;display:flex}.admin-home-page .section-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:8px;min-width:220px;height:fit-content;padding:16px;display:flex;position:sticky;top:20px}.admin-home-page .section-tab{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:500;transition:all .2s;display:flex}.admin-home-page .section-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-home-page .section-tab.active{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff}.admin-home-page .section-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex:1;padding:24px}.admin-home-page .settings-section h2{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem}.admin-home-page .section-desc{color:var(--text-secondary);margin:0 0 24px;font-size:.9rem}.admin-home-page .form-group{margin-bottom:20px}.admin-home-page .form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.admin-home-page .form-group input,.admin-home-page .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.admin-home-page .form-group input:focus,.admin-home-page .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.admin-home-page .form-group textarea{resize:vertical;min-height:100px}.admin-home-page .form-hint{color:var(--text-muted);margin-top:6px;font-size:.8rem;display:block}.admin-home-page .preview-box{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:12px;margin-top:30px;padding:20px}.admin-home-page .preview-box h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.85rem}.admin-home-page .title-preview h1{color:var(--text-primary);margin:0 0 12px;font-size:1.75rem;line-height:1.3}.admin-home-page .title-preview .gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-home-page .title-preview p{color:var(--text-secondary);margin:0;line-height:1.6}.admin-home-page .button-settings{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-home-page .button-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.admin-home-page .button-card h4{color:var(--text-primary);margin:0 0 16px;font-size:1rem}.admin-home-page .stats-settings{flex-direction:column;gap:16px;display:flex}.admin-home-page .stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex}.admin-home-page .stat-icon-wrapper{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-home-page .stat-inputs{flex:1;grid-template-columns:200px 1fr;gap:16px;display:grid}.admin-home-page .stat-inputs .form-group{margin-bottom:0}.admin-home-page .stat-preview{background:var(--accent-primary);color:#fff;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.admin-home-page .image-upload-area{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-home-page .upload-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.admin-home-page .upload-btn:hover:not(:disabled){box-shadow:0 8px 25px #e67e2266}.admin-home-page .upload-btn:disabled{opacity:.6;cursor:not-allowed}.admin-home-page .upload-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-home-page .upload-btn.secondary:hover:not(:disabled){background:var(--bg-hover);box-shadow:none}.admin-home-page .image-count{color:var(--text-secondary);font-size:.9rem}.admin-home-page .images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.admin-home-page .image-card{aspect-ratio:4/3;border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.admin-home-page .image-card img{object-fit:cover;width:100%;height:100%}.admin-home-page .image-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);justify-content:space-between;align-items:flex-end;padding:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.admin-home-page .image-card:hover .image-overlay{opacity:1}.admin-home-page .image-number{color:#fff;font-size:.9rem;font-weight:600}.admin-home-page .delete-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.admin-home-page .delete-btn:hover{background:#ef4444}.admin-home-page .empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.admin-home-page .empty-state svg{opacity:.3;margin-bottom:16px}.admin-home-page .empty-state p{margin:0}.admin-home-page .brands-list{flex-direction:column;gap:12px;display:flex}.admin-home-page .brand-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-home-page .brand-drag{color:var(--text-muted);cursor:grab}.admin-home-page .brand-logo{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.admin-home-page .brand-logo img{object-fit:contain;width:100%;height:100%}.admin-home-page .brand-logo.placeholder{color:var(--text-muted)}.admin-home-page .brand-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 14px;font-size:.95rem}.admin-home-page .brand-name-input:focus{border-color:var(--accent-primary);outline:none}.admin-home-page .brand-item .delete-btn{width:36px;height:36px;color:var(--text-secondary);background:0 0}.admin-home-page .brand-item .delete-btn:hover{color:#ef4444;background:#ef44441a}@media (max-width:1024px){.admin-home-page .home-page-content{flex-direction:column}.admin-home-page .section-tabs{min-width:unset;flex-flow:wrap;position:static}.admin-home-page .section-tab{flex:1;justify-content:center;min-width:150px}.admin-home-page .button-settings,.admin-home-page .stat-inputs{grid-template-columns:1fr}}@media (max-width:768px){.admin-home-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-home-page .header-actions{width:100%}.admin-home-page .header-actions button{flex:1;justify-content:center}.admin-home-page .section-tabs{padding:12px}.admin-home-page .section-tab{min-width:unset;padding:10px 12px;font-size:.85rem}.admin-home-page .section-tab span:not(.icon){display:none}.admin-home-page .images-grid{grid-template-columns:repeat(2,1fr)}.admin-home-page .image-upload-area{flex-wrap:wrap}}.admin-services-page{padding:0}.admin-services-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-services-page .spinner{animation:1s linear infinite spin}.admin-services-page .toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-weight:500;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #0000004d}.admin-services-page .toast.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.admin-services-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.admin-services-page .page-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;display:flex}.admin-services-page .header-info{align-items:center;gap:16px;display:flex}.admin-services-page .header-icon{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-services-page .header-info h1{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem}.admin-services-page .header-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-services-page .header-actions{gap:12px;display:flex}.admin-services-page .btn-preview,.admin-services-page .btn-add{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.admin-services-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-services-page .btn-preview:hover{background:var(--bg-hover)}.admin-services-page .btn-add{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff}.admin-services-page .btn-add:hover{box-shadow:0 8px 25px #e67e2266}.admin-services-page .empty-state{background:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.admin-services-page .empty-state svg{opacity:.3;margin-bottom:16px}.admin-services-page .empty-state p{margin:0 0 20px}.admin-services-page .section-settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px}.admin-services-page .section-settings-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-services-page .section-settings-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-services-page .section-settings-header h3{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem}.admin-services-page .section-settings-header p{color:var(--text-secondary);margin:0;font-size:.85rem}.admin-services-page .section-settings-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-services-page .section-settings-form .form-group.flex-2{grid-column:span 1}.admin-services-page .section-settings-form .form-group.full-width{grid-column:span 2}.admin-services-page .section-settings-form .form-group small{color:var(--text-muted);margin-top:4px;font-size:.75rem;display:block}.admin-services-page .section-settings-form .form-actions{justify-content:flex-end;margin-top:16px;display:flex}.admin-services-page .unsaved-badge{color:#f59e0b;background:#f59e0b1a;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:600}.admin-services-page .service-header-actions{align-items:center;gap:8px;display:flex}.admin-services-page .btn-refresh{cursor:pointer;background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-primary);border:none;border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;padding:0;font-weight:600;transition:all .2s;display:flex}.admin-services-page .btn-refresh:hover{background:var(--bg-hover)}.admin-services-page .service-edit-form{border-top:1px solid var(--border-color);overflow:hidden}.admin-services-page .edit-form-content{padding:24px}.admin-services-page .edit-form-content .form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-services-page .edit-form-content .form-group{margin-bottom:0}.admin-services-page .edit-form-content .form-group.flex-2{grid-column:span 1}.admin-services-page .edit-form-content .form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.admin-services-page .btn-save.has-changes{animation:2s infinite pulse-save}@keyframes pulse-save{0%,to{box-shadow:0 0 #e67e2266}50%{box-shadow:0 0 0 8px #e67e2200}}@media (max-width:768px){.admin-services-page .section-settings-header{flex-wrap:wrap}.admin-services-page .section-settings-form .form-row{grid-template-columns:1fr}.admin-services-page .section-settings-form .form-group.full-width,.admin-services-page .section-settings-form .form-group.flex-2{grid-column:span 1}.admin-services-page .edit-form-content .form-row{grid-template-columns:1fr}.admin-services-page .edit-form-content .form-group.flex-2{grid-column:span 1}}.admin-services-page .services-list{flex-direction:column;gap:12px;display:flex}.admin-services-page .service-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.admin-services-page .service-item:hover{border-color:var(--accent-primary)}.admin-services-page .service-item.inactive{opacity:.6}.admin-services-page .service-header{cursor:pointer;align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-services-page .service-drag{color:var(--text-muted);cursor:grab}.admin-services-page .service-icon-preview{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-services-page .service-info{flex:1;min-width:0}.admin-services-page .service-info h3{color:var(--text-primary);margin:0 0 4px;font-size:1rem}.admin-services-page .service-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.admin-services-page .service-actions{align-items:center;gap:8px;display:flex}.admin-services-page .action-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-services-page .action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-services-page .action-btn.active{color:#10b981}.admin-services-page .action-btn.edit:hover{color:#3b82f6;background:#3b82f61a}.admin-services-page .action-btn.delete:hover{color:#ef4444;background:#ef44441a}.admin-services-page .expand-icon{color:var(--text-muted);margin-left:8px}.admin-services-page .service-details{border-top:1px solid var(--border-color);overflow:hidden}.admin-services-page .detail-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;display:grid}.admin-services-page .detail-item{flex-direction:column;gap:6px;display:flex}.admin-services-page .detail-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.admin-services-page .detail-item p{color:var(--text-primary);margin:0;font-size:.9rem}.admin-services-page .features-preview{flex-wrap:wrap;gap:6px;display:flex}.admin-services-page .feature-tag{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:.8rem}.admin-services-page .color-preview{align-items:center;gap:8px;display:flex}.admin-services-page .color-dot{border-radius:50%;width:20px;height:20px}.admin-services-page .modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-services-page .modal-content{background:var(--bg-secondary);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.admin-services-page .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-services-page .modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.admin-services-page .close-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.admin-services-page .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-services-page .modal-body{flex:1;padding:24px;overflow-y:auto}.admin-services-page .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-services-page .form-group{margin-bottom:20px}.admin-services-page .form-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.admin-services-page .form-group input,.admin-services-page .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.admin-services-page .form-group input:focus,.admin-services-page .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.admin-services-page .form-group textarea{resize:vertical;min-height:80px}.admin-services-page .icon-picker-group{position:relative}.admin-services-page .icon-picker-trigger{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.admin-services-page .icon-picker-trigger:hover{border-color:var(--accent-primary)}.admin-services-page .icon-picker-trigger span{color:var(--text-primary);flex:1}.admin-services-page .icon-picker-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-color);z-index:10;border-radius:10px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.admin-services-page .icon-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.admin-services-page .icon-option:hover{background:var(--bg-hover)}.admin-services-page .icon-option.selected{background:var(--accent-primary);color:#fff}.admin-services-page .icon-option span{font-size:.9rem}.admin-services-page .features-editor{flex-direction:column;gap:10px;display:flex}.admin-services-page .feature-input-row{gap:8px;display:flex}.admin-services-page .feature-input-row input{flex:1}.admin-services-page .remove-feature-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-services-page .remove-feature-btn:disabled{opacity:.3;cursor:not-allowed}.admin-services-page .add-feature-btn{background:var(--bg-hover);border:1px dashed var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.admin-services-page .add-feature-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-services-page .color-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-services-page .color-option{cursor:pointer;border:2px solid #0000;border-radius:8px;width:32px;height:32px;transition:all .2s}.admin-services-page .color-option:hover{transform:scale(1.1)}.admin-services-page .color-option.selected{box-shadow:0 0 0 2px var(--accent-primary);border-color:#fff}.admin-services-page .custom-color-input{cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px;padding:0}.admin-services-page .custom-color-input::-webkit-color-swatch-wrapper{padding:0}.admin-services-page .custom-color-input::-webkit-color-swatch{border:none;border-radius:8px}.admin-services-page .card-preview{background:var(--bg-tertiary);text-align:center;border-radius:12px;padding:24px}.admin-services-page .preview-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.admin-services-page .card-preview h4{color:var(--text-primary);margin:0 0 8px;font-size:1.1rem}.admin-services-page .card-preview p{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-services-page .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.admin-services-page .btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:12px 24px;font-weight:600}.admin-services-page .btn-cancel:hover{background:var(--bg-hover)}.admin-services-page .btn-save{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.admin-services-page .btn-save:disabled{opacity:.6;cursor:not-allowed}.admin-services-page .delete-modal{text-align:center;max-width:400px;padding:32px}.admin-services-page .delete-icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.admin-services-page .delete-modal h3{color:var(--text-primary);margin:0 0 12px}.admin-services-page .delete-modal p{color:var(--text-secondary);margin:0 0 24px}.admin-services-page .delete-actions{justify-content:center;gap:12px;display:flex}.admin-services-page .btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.admin-services-page .btn-delete:hover{background:#dc2626}@media (max-width:768px){.admin-services-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-services-page .header-actions{width:100%}.admin-services-page .header-actions button{flex:1;justify-content:center}.admin-services-page .form-row,.admin-services-page .detail-grid{grid-template-columns:1fr}.admin-services-page .service-header{flex-wrap:wrap}.admin-services-page .service-info{order:3;width:100%;margin-top:12px}}.admin-about-page{min-height:100vh;padding:0}.admin-about-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-about-page .spinner{animation:1s linear infinite spin}.admin-about-page .toast{z-index:1000;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-weight:500;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #0000004d}.admin-about-page .toast.success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.admin-about-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-about-page .page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.admin-about-page .header-info{align-items:center;gap:16px;display:flex}.admin-about-page .header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-about-page .header-info h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.admin-about-page .header-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-about-page .header-actions{gap:12px;display:flex}.admin-about-page .btn-preview,.admin-about-page .btn-save{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.admin-about-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-about-page .btn-preview:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.admin-about-page .btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-about-page .btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e67e2266}.admin-about-page .btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-about-page .about-page-content{padding:32px}.admin-about-page .settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-about-page .settings-column{flex-direction:column;gap:24px;display:flex}.admin-about-page .settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.admin-about-page .card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 20px;display:flex}.admin-about-page .card-header svg{color:var(--accent-primary)}.admin-about-page .card-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.admin-about-page .card-content{padding:20px}.admin-about-page .form-group{margin-bottom:16px}.admin-about-page .form-group:last-child{margin-bottom:0}.admin-about-page .form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.admin-about-page .form-group input,.admin-about-page .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .3s}.admin-about-page .form-group input:focus,.admin-about-page .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.admin-about-page .form-group textarea{resize:vertical;min-height:100px}.admin-about-page .form-hint{color:var(--text-muted);margin-top:6px;font-size:.8rem;display:block}.admin-about-page .preview-box{background:var(--bg-tertiary);border-radius:10px;margin-top:16px;padding:16px}.admin-about-page .preview-box.small{padding:12px}.admin-about-page .preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.75rem;display:block}.admin-about-page .preview-box h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.admin-about-page .preview-box .gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-about-page .feature-edit-card{background:var(--bg-tertiary);border-radius:12px;gap:16px;margin-bottom:16px;padding:16px;display:flex}.admin-about-page .feature-edit-card:last-child{margin-bottom:0}.admin-about-page .feature-icon-wrapper{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.admin-about-page .feature-inputs{flex:1}.admin-about-page .feature-inputs .form-group{margin-bottom:12px}.admin-about-page .feature-inputs .form-group:last-child{margin-bottom:0}.admin-about-page .form-row{grid-template-columns:1fr 2fr;gap:16px;display:grid}.admin-about-page .experience-preview{justify-content:center;margin-top:20px;display:flex}.admin-about-page .exp-badge-preview{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 30px #e67e2266}.admin-about-page .exp-badge-preview .exp-number{font-size:1.8rem;font-weight:800;line-height:1}.admin-about-page .exp-badge-preview .exp-text{text-align:center;margin-top:4px;font-size:.7rem;line-height:1.2}.admin-about-page .image-preview-container{text-align:center}.admin-about-page .about-image-preview{border-radius:16px;width:100%;max-width:300px;height:auto;margin-bottom:16px;box-shadow:0 4px 20px #0003}.admin-about-page .image-actions{justify-content:center;gap:12px;display:flex}.admin-about-page .btn-change,.admin-about-page .btn-delete{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.admin-about-page .btn-change{background:var(--accent-primary);color:#fff}.admin-about-page .btn-change:hover{background:var(--accent-secondary)}.admin-about-page .btn-delete{color:#ef4444;background:0 0;border:1px solid #ef4444}.admin-about-page .btn-delete:hover{color:#fff;background:#ef4444}.admin-about-page .image-upload-placeholder{border:2px dashed var(--border-color);text-align:center;border-radius:16px;padding:40px 20px;transition:all .3s}.admin-about-page .image-upload-placeholder:hover{border-color:var(--accent-primary);background:#e67e220d}.admin-about-page .placeholder-content{margin-bottom:20px}.admin-about-page .placeholder-content svg{color:var(--text-muted);margin-bottom:12px}.admin-about-page .placeholder-content p{color:var(--text-secondary);margin:0 0 4px;font-weight:500}.admin-about-page .placeholder-content span{color:var(--text-muted);font-size:.85rem}.admin-about-page .btn-upload{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.admin-about-page .btn-upload:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e67e2266}.admin-about-page .btn-upload:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-about-page .image-hint{color:var(--text-muted);text-align:center;margin-top:16px;font-size:.8rem}.admin-about-page .about-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:24px;padding:0 32px 16px;display:flex}.admin-about-page .tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.admin-about-page .tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-about-page .tab-btn.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-color:#0000}.admin-about-page .settings-card.full-width{width:100%}.admin-about-page .settings-card .card-header{align-items:center;gap:12px;display:flex}.admin-about-page .settings-card .card-header .btn-add{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.admin-about-page .btn-add:hover{box-shadow:0 4px 15px #e67e2266}.admin-about-page .items-list{flex-direction:column;gap:16px;display:flex}.admin-about-page .item-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.admin-about-page .item-card:hover{border-color:var(--accent-primary)}.admin-about-page .item-drag{color:var(--text-muted);cursor:grab}.admin-about-page .item-icon-select{flex-direction:column;align-items:center;gap:8px;display:flex}.admin-about-page .current-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.admin-about-page .item-icon-select select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.8rem}.admin-about-page .item-inputs{flex-direction:column;flex:1;gap:8px;display:flex}.admin-about-page .item-inputs .input-title{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:500}.admin-about-page .item-inputs .input-desc{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;padding:10px 14px;font-size:.9rem}.admin-about-page .item-inputs input:focus,.admin-about-page .item-inputs textarea:focus{border-color:var(--accent-primary);outline:none}.admin-about-page .btn-remove{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.admin-about-page .btn-remove:hover{color:#fff;background:#ef4444}.admin-about-page .milestone-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex}.admin-about-page .milestone-card:hover{border-color:var(--accent-primary)}.admin-about-page .milestone-drag{color:var(--text-muted);cursor:grab;padding-top:10px}.admin-about-page .milestone-year-input{flex-shrink:0}.admin-about-page .milestone-year-input input{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;text-align:center;border:none;border-radius:10px;width:80px;padding:12px;font-size:1rem;font-weight:700}.admin-about-page .milestone-year-input input::placeholder{color:#ffffffb3}.admin-about-page .milestone-emoji-select{flex-shrink:0}.admin-about-page .emoji-grid{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid}.admin-about-page .emoji-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;width:32px;height:32px;font-size:1.1rem;transition:all .2s}.admin-about-page .emoji-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.admin-about-page .emoji-btn.active{border-color:var(--accent-primary);background:#e67e221a}.admin-about-page .milestone-inputs{flex-direction:column;flex:1;gap:10px;display:flex}.admin-about-page .milestone-inputs .input-title{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:500}.admin-about-page .milestone-inputs .input-desc{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);resize:vertical;border-radius:8px;padding:10px 14px;font-size:.9rem}.admin-about-page .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.admin-about-page .empty-state svg{color:var(--text-muted);margin-bottom:16px}.admin-about-page .empty-state p{color:var(--text-secondary);margin-bottom:20px}.admin-about-page .btn-add-first{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:flex}.admin-about-page .btn-add-first:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e67e2266}@media (max-width:1024px){.admin-about-page .settings-grid{grid-template-columns:1fr}.admin-about-page .about-tabs{flex-wrap:wrap;padding:0 20px}.admin-about-page .item-card{flex-wrap:wrap}.admin-about-page .item-inputs{order:3;width:100%}.admin-about-page .milestone-card{flex-wrap:wrap}.admin-about-page .milestone-inputs{order:4;width:100%}.admin-about-page .emoji-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.admin-about-page .page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.admin-about-page .header-actions{width:100%}.admin-about-page .header-actions button{flex:1;justify-content:center}.admin-about-page .about-page-content{padding:20px}.admin-about-page .form-row{grid-template-columns:1fr}.admin-about-page .feature-edit-card{text-align:center;flex-direction:column;align-items:center}}.admin-contact-page{min-height:100vh;padding:0;position:relative}.admin-contact-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-contact-page .spinner{animation:1s linear infinite spin}.admin-contact-page .toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-weight:500;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 40px #0000004d}.admin-contact-page .toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.admin-contact-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-contact-page .page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.admin-contact-page .header-info{align-items:center;gap:16px;display:flex}.admin-contact-page .header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-contact-page .header-info h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.admin-contact-page .header-info p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem}.admin-contact-page .header-actions{gap:12px;display:flex}.admin-contact-page .btn-preview,.admin-contact-page .btn-save{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.admin-contact-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-contact-page .btn-preview:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.admin-contact-page .btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-contact-page .btn-save:hover{box-shadow:0 4px 15px #e67e2266}.admin-contact-page .btn-save:disabled{opacity:.7;cursor:not-allowed}.admin-contact-page .contact-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin:24px 0;padding:0 32px 16px;display:flex}.admin-contact-page .tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.admin-contact-page .tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-contact-page .tab-btn.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-color:#0000}.admin-contact-page .contact-page-content{padding:0 32px 32px}.admin-contact-page .tab-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-contact-page .settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.admin-contact-page .settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.admin-contact-page .settings-card.full-width{grid-column:1/-1}.admin-contact-page .settings-card.compact{max-width:400px}.admin-contact-page .settings-card.compact .form-group input{max-width:320px}.admin-contact-page .card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:20px 24px;display:flex}.admin-contact-page .card-header svg{color:var(--accent-primary)}.admin-contact-page .card-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.admin-contact-page .card-content{padding:24px}.admin-contact-page .form-group{margin-bottom:20px}.admin-contact-page .form-group:last-child{margin-bottom:0}.admin-contact-page .form-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.admin-contact-page .form-group input,.admin-contact-page .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .3s}.admin-contact-page .form-group input:focus,.admin-contact-page .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.admin-contact-page .form-group textarea{resize:vertical;min-height:80px}.admin-contact-page .form-hint{color:var(--text-muted);margin-top:6px;font-size:.8rem;display:block}.admin-contact-page .form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.admin-contact-page .form-row.three-columns{grid-template-columns:repeat(3,1fr)}.admin-contact-page .whatsapp-preview{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.admin-contact-page .preview-label{color:#fff;font-size:.9rem;font-weight:500}.admin-contact-page .preview-link{color:#fff;background:#fff3;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.admin-contact-page .preview-link:hover{background:#ffffff4d}.admin-contact-page .map-preview{margin-top:24px}.admin-contact-page .map-preview h4{color:var(--text-primary);margin:0 0 12px;font-size:.9rem;font-weight:600}.admin-contact-page .map-container{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.admin-contact-page .map-placeholder{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:60px 20px;display:flex}.admin-contact-page .map-placeholder svg{color:var(--text-muted);margin-bottom:12px}.admin-contact-page .map-placeholder p{color:var(--text-secondary);margin:0;font-size:.9rem}.admin-contact-page .social-links-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-contact-page .social-input label{align-items:center;gap:10px;display:flex}.admin-contact-page .social-input label svg{color:var(--accent-primary)}@media (max-width:1024px){.admin-contact-page .settings-grid,.admin-contact-page .form-row,.admin-contact-page .form-row.three-columns,.admin-contact-page .social-links-grid{grid-template-columns:1fr}.admin-contact-page .contact-tabs{flex-wrap:wrap;padding:0 20px}}@media (max-width:768px){.admin-contact-page .page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.admin-contact-page .header-actions{width:100%}.admin-contact-page .btn-preview,.admin-contact-page .btn-save{flex:1;justify-content:center}.admin-contact-page .contact-page-content{padding:0 20px 20px}.admin-contact-page .card-header{padding:16px 20px}.admin-contact-page .card-content{padding:20px}}.admin-portfolio-page{max-width:1400px;margin:0 auto;padding:2rem;position:relative}.admin-portfolio-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-portfolio-page .spinner{animation:1s linear infinite spin}.admin-portfolio-page .toast{z-index:1000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #0000004d}.admin-portfolio-page .toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.admin-portfolio-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-portfolio-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-portfolio-page .header-info{align-items:center;gap:1rem;display:flex}.admin-portfolio-page .header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-portfolio-page .header-info h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.admin-portfolio-page .header-info p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.admin-portfolio-page .header-actions{gap:.75rem;display:flex}.admin-portfolio-page .btn-preview,.admin-portfolio-page .btn-save{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-portfolio-page .btn-preview:hover{background:var(--bg-hover)}.admin-portfolio-page .btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-portfolio-page .btn-save:disabled{opacity:.6;cursor:not-allowed}.admin-portfolio-page .portfolio-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.admin-portfolio-page .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.admin-portfolio-page .tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-portfolio-page .tab-btn.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-portfolio-page .tab-count{background:#fff3;border-radius:20px;padding:.125rem .5rem;font-size:.75rem}.admin-portfolio-page .tab-btn:not(.active) .tab-count{background:var(--bg-tertiary)}.admin-portfolio-page .portfolio-content{min-height:400px}.admin-portfolio-page .tab-content{flex-direction:column;gap:1.5rem;display:flex}.admin-portfolio-page .settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.admin-portfolio-page .card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.admin-portfolio-page .card-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.admin-portfolio-page .card-header svg{color:var(--accent-primary)}.admin-portfolio-page .card-content{padding:1.5rem}.admin-portfolio-page .form-group{margin-bottom:1.25rem}.admin-portfolio-page .form-group:last-child{margin-bottom:0}.admin-portfolio-page .form-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.admin-portfolio-page .form-group input,.admin-portfolio-page .form-group textarea,.admin-portfolio-page .form-group select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;padding:.875rem 1rem;font-size:.95rem;transition:all .2s}.admin-portfolio-page .form-group input:focus,.admin-portfolio-page .form-group textarea:focus,.admin-portfolio-page .form-group select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #a855f71a}.admin-portfolio-page .form-group textarea{resize:vertical;min-height:80px}.admin-portfolio-page .form-hint{color:var(--text-muted);margin-top:.375rem;font-size:.8rem;display:block}.admin-portfolio-page .form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.admin-portfolio-page .preview-card .title-preview{text-align:center;background:var(--bg-primary);border-radius:12px;padding:2rem}.admin-portfolio-page .preview-card .title-preview h2{margin:0 0 1rem;font-size:2rem}.admin-portfolio-page .preview-card .title-preview .prefix{color:var(--text-primary);margin-right:.5rem}.admin-portfolio-page .preview-card .title-preview .gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-portfolio-page .preview-card .subtitle-preview{color:var(--text-secondary);margin:0;font-size:1rem}.admin-portfolio-page .media-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-portfolio-page .media-stats{gap:1.5rem;display:flex}.admin-portfolio-page .media-stats .stat{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.admin-portfolio-page .btn-add{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.admin-portfolio-page .btn-add:disabled{opacity:.6;cursor:not-allowed}.admin-portfolio-page .empty-state{text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;padding:4rem 2rem}.admin-portfolio-page .empty-state svg{color:var(--text-muted);margin-bottom:1rem}.admin-portfolio-page .empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.admin-portfolio-page .empty-state p{color:var(--text-secondary);margin:0 0 1.5rem}.admin-portfolio-page .media-list{flex-direction:column;gap:1rem;display:flex}.admin-portfolio-page .media-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s;overflow:hidden}.admin-portfolio-page .media-item-card.inactive{opacity:.6}.admin-portfolio-page .media-item-card.expanded{border-color:var(--accent-primary)}.admin-portfolio-page .item-header{cursor:pointer;align-items:center;gap:1rem;padding:1rem;transition:background .2s;display:flex}.admin-portfolio-page .item-header:hover{background:var(--bg-hover)}.admin-portfolio-page .item-thumbnail{border-radius:12px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.admin-portfolio-page .item-thumbnail img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .item-thumbnail .video-thumb{width:100%;height:100%;position:relative}.admin-portfolio-page .item-thumbnail .video-thumb img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .item-thumbnail .video-icon{color:#fff;background:#000000b3;border-radius:50%;padding:.375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-portfolio-page .item-info{flex:1;min-width:0}.admin-portfolio-page .item-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.admin-portfolio-page .item-badges .pin-icon{color:var(--accent-primary)}.admin-portfolio-page .category-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:20px;padding:.25rem .625rem;font-size:.75rem}.admin-portfolio-page .inactive-badge{color:#ef4444;background:#ef44441a;border-radius:20px;padding:.25rem .625rem;font-size:.75rem}.admin-portfolio-page .item-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.admin-portfolio-page .item-stats{color:var(--text-muted);gap:1rem;font-size:.85rem;display:flex}.admin-portfolio-page .item-stats span{align-items:center;gap:.375rem;display:flex}.admin-portfolio-page .item-actions{align-items:center;gap:.5rem;display:flex}.admin-portfolio-page .action-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-portfolio-page .action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-portfolio-page .action-btn.delete:hover{color:#ef4444;background:#ef44441a}.admin-portfolio-page .expand-icon{color:var(--text-muted)}.admin-portfolio-page .item-edit-form{border-top:1px solid var(--border-color);background:var(--bg-tertiary);padding:1.5rem;overflow:hidden}.admin-portfolio-page .edit-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.admin-portfolio-page .url-input-group{gap:.5rem;display:flex}.admin-portfolio-page .url-input-group input{flex:1}.admin-portfolio-page .url-link{background:var(--bg-secondary);border:1px solid var(--border-color);width:44px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-portfolio-page .url-link:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.admin-portfolio-page .checkbox-group label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.admin-portfolio-page .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.admin-portfolio-page .item-comments-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.admin-portfolio-page .toggle-comments-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.admin-portfolio-page .toggle-comments-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.admin-portfolio-page .comments-panel{background:var(--bg-secondary);border-radius:12px;margin-top:1rem;padding:1rem}.admin-portfolio-page .loading-mini{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.admin-portfolio-page .comments-list-mini{max-height:200px;margin-bottom:1rem;overflow-y:auto}.admin-portfolio-page .no-comments{color:var(--text-muted);text-align:center;padding:1rem;font-size:.875rem}.admin-portfolio-page .mini-comment{background:var(--bg-primary);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.625rem;display:flex}.admin-portfolio-page .mini-user{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;display:flex}.admin-portfolio-page .admin-tag{background:var(--accent-primary);color:#fff;border-radius:4px;padding:.125rem .375rem;font-size:.65rem}.admin-portfolio-page .mini-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.admin-portfolio-page .mini-comment button{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.admin-portfolio-page .mini-comment button:hover{color:#ef4444;background:#ef44441a}.admin-portfolio-page .add-fake-comment{border-top:1px solid var(--border-color);padding-top:1rem}.admin-portfolio-page .add-fake-comment h4{color:var(--text-primary);margin:0 0 .75rem;font-size:.85rem}.admin-portfolio-page .add-fake-comment input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;margin-bottom:.5rem;padding:.625rem .875rem;font-size:.875rem}.admin-portfolio-page .add-fake-comment button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:flex}.admin-portfolio-page .add-fake-comment button:disabled{opacity:.6}.admin-portfolio-page .form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;display:flex}.admin-portfolio-page .btn-save-item{cursor:pointer;background:var(--bg-secondary);color:var(--text-muted);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-save-item.has-changes{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-portfolio-page .btn-save-item:disabled{cursor:not-allowed}.admin-portfolio-page .comments-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-portfolio-page .comments-header h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.admin-portfolio-page .btn-refresh{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.admin-portfolio-page .btn-refresh:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-portfolio-page .btn-refresh .spinning{animation:1s linear infinite spin}.admin-portfolio-page .loading-state.small{padding:3rem}.admin-portfolio-page .comment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.admin-portfolio-page .comment-item-preview{border-radius:10px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.admin-portfolio-page .comment-item-preview img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .comment-item-preview .video-thumb{width:100%;height:100%;position:relative}.admin-portfolio-page .comment-item-preview .video-thumb svg{color:#fff;background:#000000b3;border-radius:4px;padding:2px;position:absolute;bottom:4px;right:4px}.admin-portfolio-page .comment-content{flex:1;min-width:0}.admin-portfolio-page .comment-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.admin-portfolio-page .comment-user{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.9rem;font-weight:600;display:flex}.admin-portfolio-page .comment-date{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.8rem;display:flex}.admin-portfolio-page .comment-item-desc{color:var(--text-muted);margin:0;font-size:.8rem}.admin-portfolio-page .btn-delete-comment{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-portfolio-page .modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.admin-portfolio-page .add-media-modal{background:var(--bg-secondary);border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.admin-portfolio-page .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.admin-portfolio-page .modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.admin-portfolio-page .close-btn{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.admin-portfolio-page .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-portfolio-page .modal-body{flex:1;padding:1.5rem;overflow-y:auto}.admin-portfolio-page .type-selector,.admin-portfolio-page .source-selector{gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-portfolio-page .type-selector button,.admin-portfolio-page .source-selector button{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.admin-portfolio-page .type-selector button:hover,.admin-portfolio-page .source-selector button:hover{border-color:var(--accent-primary);color:var(--text-primary)}.admin-portfolio-page .type-selector button.active,.admin-portfolio-page .source-selector button.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#a855f71a}.admin-portfolio-page .source-selector .yt-icon{color:red}.admin-portfolio-page .url-section{margin-bottom:1.5rem}.admin-portfolio-page .url-section small{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;display:block}.admin-portfolio-page .upload-section{margin-bottom:1.5rem}.admin-portfolio-page .upload-area{border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:12px;padding:2rem;transition:all .2s}.admin-portfolio-page .upload-area:hover{border-color:var(--accent-primary);background:#a855f70d}.admin-portfolio-page .upload-area svg{color:var(--text-muted);margin-bottom:.75rem}.admin-portfolio-page .upload-area p{color:var(--text-primary);margin:0 0 .375rem;font-weight:500}.admin-portfolio-page .upload-area small{color:var(--text-muted);font-size:.8rem}.admin-portfolio-page .preview-section{margin-bottom:1.5rem}.admin-portfolio-page .preview-section label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.admin-portfolio-page .preview-container{border-radius:12px;max-height:200px;overflow:hidden}.admin-portfolio-page .preview-container img,.admin-portfolio-page .preview-container video{object-fit:contain;background:var(--bg-primary);width:100%;height:auto;max-height:200px}.admin-portfolio-page .item-details-form{border-top:1px solid var(--border-color);padding-top:1.5rem}.admin-portfolio-page .modal-actions{border-top:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.admin-portfolio-page .btn-cancel{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500}.admin-portfolio-page .btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-portfolio-page .modal-actions .btn-add{padding:.75rem 1.5rem}.admin-portfolio-page .upload-status{color:var(--text-primary);background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid #a855f74d;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin:0 1.5rem 1rem;padding:1rem 1.5rem;font-size:.9rem;display:flex}.admin-portfolio-page .upload-status .spinner{color:var(--accent-primary)}.admin-portfolio-page .upload-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;justify-content:center;align-items:center;margin:0 1.5rem 1rem;padding:.75rem 1.5rem;font-size:.85rem;display:flex}.admin-portfolio-page .categories-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-portfolio-page .categories-info h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;display:flex}.admin-portfolio-page .categories-info p{color:var(--text-secondary);margin:0;font-size:.875rem}.admin-portfolio-page .categories-list{flex-direction:column;gap:.75rem;display:flex}.admin-portfolio-page .category-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.admin-portfolio-page .category-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #0000001a}.admin-portfolio-page .category-card.editing{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .05)}.admin-portfolio-page .category-drag-handle{color:var(--text-muted);cursor:grab;opacity:.5;transition:opacity .2s}.admin-portfolio-page .category-card:hover .category-drag-handle{opacity:1}.admin-portfolio-page .category-preview{border:2px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-portfolio-page .category-icon{font-size:1.5rem}.admin-portfolio-page .category-fields{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.admin-portfolio-page .category-fields .form-group{flex:1;min-width:120px}.admin-portfolio-page .category-fields .form-group.icon-group{flex:0 0 90px;max-width:90px}.admin-portfolio-page .category-fields .form-group.color-group{flex:0 0 140px;max-width:140px}.admin-portfolio-page .category-fields label{color:var(--text-secondary);align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:flex}.admin-portfolio-page .category-fields input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.admin-portfolio-page .category-fields input:focus{border-color:var(--accent-primary);outline:none}.admin-portfolio-page .category-fields input.id-field{background:var(--bg-tertiary);color:var(--text-muted);font-family:Monaco,Consolas,monospace;font-size:.8rem}.admin-portfolio-page .color-input-wrapper{align-items:center;gap:.5rem;display:flex}.admin-portfolio-page .color-input-wrapper input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px;padding:0}.admin-portfolio-page .color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.admin-portfolio-page .color-input-wrapper input[type=color]::-webkit-color-swatch{border:2px solid var(--border-color);border-radius:6px}.admin-portfolio-page .color-value{color:var(--text-muted);font-family:Monaco,Consolas,monospace;font-size:.75rem}.admin-portfolio-page .emoji-picker-wrapper{position:relative}.admin-portfolio-page .emoji-trigger{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:all .2s;display:flex}.admin-portfolio-page .emoji-trigger:hover{border-color:var(--accent-primary)}.admin-portfolio-page .emoji-trigger .selected-emoji{font-size:1.25rem;line-height:1}.admin-portfolio-page .emoji-trigger svg{color:var(--text-muted);transition:transform .2s}.admin-portfolio-page .emoji-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:280px;max-height:240px;padding:.75rem;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.admin-portfolio-page .emoji-grid{grid-template-columns:repeat(6,1fr);gap:.375rem;display:grid}.admin-portfolio-page .emoji-option{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;transition:all .15s;display:flex}.admin-portfolio-page .emoji-option:hover{background:var(--bg-hover);transform:scale(1.15)}.admin-portfolio-page .emoji-option.selected{background:var(--accent-primary);transform:scale(1.1)}.admin-portfolio-page .category-usage{background:var(--bg-tertiary);border-radius:20px;align-items:center;margin-right:.5rem;padding:.375rem .75rem;display:flex}.admin-portfolio-page .usage-count{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.admin-portfolio-page .btn-delete-category{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.admin-portfolio-page .btn-delete-category:hover{color:#fff;background:#ef4444}.admin-portfolio-page .categories-note{background:rgba(var(--accent-primary-rgb), .08);border:1px solid rgba(var(--accent-primary-rgb), .2);border-radius:12px;margin-top:1.5rem;padding:1rem 1.25rem}.admin-portfolio-page .categories-note p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.admin-portfolio-page .categories-note strong{color:var(--text-primary)}@media (max-width:768px){.admin-portfolio-page{padding:1rem}.admin-portfolio-page .page-header{flex-direction:column;align-items:flex-start}.admin-portfolio-page .portfolio-tabs{flex-direction:column}.admin-portfolio-page .tab-btn{justify-content:center}.admin-portfolio-page .form-row,.admin-portfolio-page .edit-grid{grid-template-columns:1fr}.admin-portfolio-page .item-header{flex-wrap:wrap}.admin-portfolio-page .item-info{order:1;width:calc(100% - 96px)}.admin-portfolio-page .item-stats{order:2;justify-content:flex-start;width:100%;margin-top:.5rem}.admin-portfolio-page .item-actions{order:0}.admin-portfolio-page .comment-card{flex-direction:column}.admin-portfolio-page .comment-item-preview{width:100%;height:120px}.admin-portfolio-page .modal-overlay{padding:1rem}.admin-portfolio-page .add-media-modal{max-height:95vh}.admin-portfolio-page .categories-header{flex-direction:column;align-items:stretch}.admin-portfolio-page .categories-header .btn-add{justify-content:center;width:100%}.admin-portfolio-page .category-card{flex-wrap:wrap;padding:1rem}.admin-portfolio-page .category-drag-handle{display:none}.admin-portfolio-page .category-fields{border-top:1px solid var(--border-color);order:3;width:100%;margin-top:.75rem;padding-top:.75rem}.admin-portfolio-page .category-fields .form-group{min-width:100%}.admin-portfolio-page .category-fields .form-group.icon-group,.admin-portfolio-page .category-fields .form-group.color-group{flex:1;min-width:calc(50% - .5rem);max-width:none}.admin-portfolio-page .category-usage{margin-left:auto}}.admin-portfolio-page .homepage-portfolio-card{margin-top:1.5rem}.admin-portfolio-page .homepage-portfolio-card .card-header{align-items:center;gap:.75rem;display:flex}.admin-portfolio-page .homepage-portfolio-card .header-badge{background:var(--accent-primary);color:#fff;border-radius:20px;margin-left:auto;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.admin-portfolio-page .homepage-portfolio-card .card-description{margin-top:-.5rem;padding:0 1.5rem}.admin-portfolio-page .homepage-portfolio-card .card-description p{color:var(--text-secondary);margin:0;font-size:.85rem}.admin-portfolio-page .homepage-portfolio-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-portfolio-page .portfolio-stats{gap:1rem;display:flex}.admin-portfolio-page .portfolio-stats .stat{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.admin-portfolio-page .btn-add-small{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-add-small:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}.admin-portfolio-page .limit-warning{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex}.admin-portfolio-page .loading-mini{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.85rem;display:flex}.admin-portfolio-page .empty-mini{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.admin-portfolio-page .empty-mini svg{opacity:.5;margin-bottom:.5rem}.admin-portfolio-page .empty-mini p{margin:0;font-size:.85rem}.admin-portfolio-page .homepage-portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.admin-portfolio-page .homepage-portfolio-item{aspect-ratio:4/5;background:var(--bg-secondary);cursor:pointer;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.admin-portfolio-page .homepage-portfolio-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.admin-portfolio-page .homepage-portfolio-item.inactive{opacity:.5}.admin-portfolio-page .homepage-portfolio-item.editing{box-shadow:0 0 0 2px var(--accent-primary)}.admin-portfolio-page .homepage-portfolio-item .item-thumbnail{width:100%;height:100%;position:relative}.admin-portfolio-page .homepage-portfolio-item .item-thumbnail img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .homepage-portfolio-item .video-thumb{width:100%;height:100%;position:relative}.admin-portfolio-page .homepage-portfolio-item .video-thumb img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .homepage-portfolio-item .video-badge{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-portfolio-page .homepage-portfolio-item .inactive-overlay{color:#fff;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.admin-portfolio-page .homepage-portfolio-item .item-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.admin-portfolio-page .homepage-portfolio-item:hover .item-overlay{opacity:1}.admin-portfolio-page .homepage-portfolio-item .overlay-stats{gap:.75rem;margin-bottom:.5rem;display:flex}.admin-portfolio-page .homepage-portfolio-item .overlay-stats span{color:#fff;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.admin-portfolio-page .homepage-portfolio-item .overlay-actions{gap:.5rem;display:flex}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button svg{stroke-width:2px;fill:none;min-width:14px;min-height:14px;color:#fff!important;stroke:#fff!important;visibility:visible!important;opacity:1!important;width:14px!important;height:14px!important;display:block!important}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button:hover{background:#ffffff4d}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button.delete-btn{background:#ef444499}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button.delete-btn svg{color:#fff!important;stroke:#fff!important;stroke-width:2.5px!important;fill:none!important;visibility:visible!important;opacity:1!important;display:block!important}.admin-portfolio-page .homepage-portfolio-item .overlay-actions button.delete-btn:hover{background:#ef4444e6}.admin-portfolio-page .homepage-item-edit-form{background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:10;border-radius:0 0 12px 12px;padding:.75rem;position:absolute;bottom:0;left:0;right:0}.admin-portfolio-page .homepage-item-edit-form .edit-form-row{gap:.5rem;margin-bottom:.5rem;display:flex}.admin-portfolio-page .homepage-item-edit-form .form-group{flex:1}.admin-portfolio-page .homepage-item-edit-form .form-group label{color:var(--text-secondary);align-items:center;gap:.25rem;margin-bottom:.2rem;font-size:.65rem;display:flex}.admin-portfolio-page .homepage-item-edit-form .form-group input,.admin-portfolio-page .homepage-item-edit-form .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;padding:.35rem .5rem;font-size:.75rem}.admin-portfolio-page .homepage-item-edit-form .form-group textarea{resize:none}.admin-portfolio-page .homepage-item-edit-form .edit-form-actions{justify-content:flex-end;gap:.4rem;margin-top:.5rem;display:flex}.admin-portfolio-page .btn-cancel-small,.admin-portfolio-page .btn-save-small{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .6rem;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-cancel-small{background:var(--bg-secondary);color:var(--text-secondary)}.admin-portfolio-page .btn-save-small{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-portfolio-page .btn-save-small:hover{transform:translateY(-1px)}.admin-portfolio-page .add-media-modal.homepage-modal .modal-header h2{align-items:center;gap:.5rem;display:flex}.admin-portfolio-page .homepage-portfolio-list{flex-direction:column;gap:.75rem;display:flex}.admin-portfolio-page .homepage-media-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.admin-portfolio-page .homepage-media-card:hover{border-color:var(--accent-primary)}.admin-portfolio-page .homepage-media-card.expanded{border-color:var(--accent-primary);box-shadow:0 4px 20px #a855f726}.admin-portfolio-page .homepage-media-card.inactive{opacity:.6}.admin-portfolio-page .hp-item-header{cursor:pointer;align-items:center;gap:1rem;padding:.875rem 1rem;transition:background .2s;display:flex}.admin-portfolio-page .hp-item-header:hover{background:var(--bg-hover)}.admin-portfolio-page .hp-item-thumbnail{border-radius:8px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.admin-portfolio-page .hp-item-thumbnail img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .hp-item-thumbnail .video-thumb{width:100%;height:100%;position:relative}.admin-portfolio-page .hp-item-thumbnail .video-thumb img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .hp-item-thumbnail .video-icon{color:#fff;background:#000000b3;border-radius:4px;padding:3px;position:absolute;bottom:4px;right:4px}.admin-portfolio-page .hp-item-info{flex:1;min-width:0}.admin-portfolio-page .hp-item-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.admin-portfolio-page .hp-item-badges .type-badge{background:var(--accent-primary);color:#fff;border-radius:10px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.admin-portfolio-page .hp-item-badges .category-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:.15rem .5rem;font-size:.7rem}.admin-portfolio-page .hp-item-badges .inactive-badge{color:#ef4444;background:#ef444426;border-radius:10px;padding:.15rem .5rem;font-size:.65rem}.admin-portfolio-page .hp-item-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.admin-portfolio-page .hp-item-stats{flex-shrink:0;gap:1rem;display:flex}.admin-portfolio-page .hp-item-stats span{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.admin-portfolio-page .hp-item-actions{align-items:center;gap:.5rem;display:flex}.admin-portfolio-page .hp-item-actions .action-btn{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-portfolio-page .hp-item-actions .action-btn:hover{background:var(--accent-primary);color:#fff}.admin-portfolio-page .hp-item-actions .action-btn.delete{color:#ef4444}.admin-portfolio-page .hp-item-actions .action-btn.delete:hover{color:#fff;background:#ef4444}.admin-portfolio-page .hp-item-actions .expand-icon{color:var(--text-muted);transition:transform .2s}.admin-portfolio-page .homepage-media-card.expanded .hp-item-actions .expand-icon{transform:rotate(180deg)}.admin-portfolio-page .hp-item-edit-form{border-top:1px solid var(--border-color);background:var(--bg-primary);padding:1.25rem;overflow:hidden}.admin-portfolio-page .hp-edit-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.admin-portfolio-page .hp-edit-column{flex-direction:column;gap:1rem;display:flex}.admin-portfolio-page .hp-edit-column .form-group{flex-direction:column;gap:.375rem;display:flex}.admin-portfolio-page .hp-edit-column .form-group label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;display:flex}.admin-portfolio-page .hp-edit-column .form-group input,.admin-portfolio-page .hp-edit-column .form-group textarea,.admin-portfolio-page .hp-edit-column .form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.admin-portfolio-page .hp-edit-column .form-group input:focus,.admin-portfolio-page .hp-edit-column .form-group textarea:focus,.admin-portfolio-page .hp-edit-column .form-group select:focus{border-color:var(--accent-primary);outline:none}.admin-portfolio-page .hp-edit-column .form-group textarea{resize:none}.admin-portfolio-page .hp-edit-column .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-portfolio-page .hp-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;display:flex}.admin-portfolio-page .btn-save-hp{cursor:pointer;background:var(--bg-tertiary);color:var(--text-muted);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-save-hp.has-changes{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-portfolio-page .btn-save-hp.has-changes:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}@media (max-width:768px){.admin-portfolio-page .hp-item-header{flex-wrap:wrap;gap:.75rem}.admin-portfolio-page .hp-item-stats{order:3;justify-content:flex-start;width:100%}.admin-portfolio-page .hp-item-actions{margin-left:auto}.admin-portfolio-page .hp-edit-grid{grid-template-columns:1fr;gap:1rem}.admin-portfolio-page .hp-edit-column .form-row{grid-template-columns:1fr}.admin-portfolio-page .homepage-portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.admin-portfolio-page .homepage-portfolio-header{flex-direction:column;align-items:stretch}.admin-portfolio-page .btn-add-small{justify-content:center}.admin-portfolio-page .homepage-item-edit-form .edit-form-row{flex-direction:column}}.admin-portfolio-page .thumbnail-selection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;padding:1rem}.admin-portfolio-page .thumbnail-selection>label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.admin-portfolio-page .thumbnail-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.875rem;display:flex}.admin-portfolio-page .thumbnail-loading .spinner{color:var(--accent-primary)}.admin-portfolio-page .thumbnail-grid{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.admin-portfolio-page .thumbnail-item{aspect-ratio:4/5;cursor:pointer;background:var(--bg-tertiary);border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.admin-portfolio-page .thumbnail-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #a855f74d}.admin-portfolio-page .thumbnail-item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #a855f74d}.admin-portfolio-page .thumbnail-item img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .thumbnail-item .time-label{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600;position:absolute;bottom:4px;left:4px}.admin-portfolio-page .thumbnail-item .selected-badge{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px}@media (max-width:768px){.admin-portfolio-page .thumbnail-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.admin-portfolio-page .thumbnail-item .time-label{padding:1px 4px;font-size:.6rem}}.admin-portfolio-page .hp-interactions-section{border-top:1px solid var(--border-color);margin-top:1.25rem;padding-top:1rem}.admin-portfolio-page .interactions-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.admin-portfolio-page .interactions-header h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.admin-portfolio-page .interactions-loading{color:var(--text-secondary);align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.admin-portfolio-page .interactions-empty{text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:8px;padding:1rem;font-size:.85rem}.admin-portfolio-page .likes-list{flex-wrap:wrap;gap:.5rem;display:flex}.admin-portfolio-page .like-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.admin-portfolio-page .like-item .like-number{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex}.admin-portfolio-page .like-item .like-ip{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.admin-portfolio-page .like-item .like-date{color:var(--text-muted);font-size:.7rem}.admin-portfolio-page .more-items{text-align:center;width:100%;color:var(--text-muted);padding:.5rem;font-size:.8rem}.admin-portfolio-page .comments-list{flex-direction:column;gap:.75rem;display:flex}.admin-portfolio-page .comment-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.875rem;transition:all .2s}.admin-portfolio-page .comment-item:hover{border-color:var(--accent-primary)}.admin-portfolio-page .comment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.admin-portfolio-page .comment-user{align-items:center;gap:.5rem;display:flex}.admin-portfolio-page .comment-user svg{color:var(--accent-primary)}.admin-portfolio-page .comment-user .user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.admin-portfolio-page .comment-user .admin-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:10px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.admin-portfolio-page .comment-meta{align-items:center;gap:.75rem;display:flex}.admin-portfolio-page .comment-date{color:var(--text-muted);font-size:.75rem}.admin-portfolio-page .btn-delete-comment{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.admin-portfolio-page .btn-delete-comment:hover{color:#fff;background:#ef4444}.admin-portfolio-page .btn-delete-comment:disabled{opacity:.5;cursor:not-allowed}.admin-portfolio-page .comment-text{color:var(--text-primary);margin:0;font-size:.875rem;line-height:1.5}.admin-portfolio-page .comment-ip{color:var(--text-muted);margin-top:.5rem;font-family:monospace;font-size:.7rem;display:inline-block}.admin-portfolio-page .stat-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:baseline;gap:.5rem;padding:.625rem .875rem;display:flex}.admin-portfolio-page .stat-display .stat-value{color:var(--accent-primary);font-size:1.25rem;font-weight:700}.admin-portfolio-page .stat-display .stat-label{color:var(--text-muted);font-size:.75rem}@media (max-width:768px){.admin-portfolio-page .likes-list{flex-direction:column}.admin-portfolio-page .like-item{width:100%}.admin-portfolio-page .comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-portfolio-page .comment-meta{justify-content:space-between;width:100%}}.admin-portfolio-page .tab-badge.hidden{color:#ef4444;background:#ef444426;border-radius:4px;margin-left:.5rem;padding:2px 6px;font-size:.65rem}.admin-portfolio-page .visibility-card{margin-bottom:1.5rem}.admin-portfolio-page .visibility-card .card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.admin-portfolio-page .visibility-card .card-header h3{margin:0;font-size:1rem;font-weight:600}.admin-portfolio-page .visibility-card .card-content{padding:1.5rem}.admin-portfolio-page .visibility-toggle-wrapper{align-items:center;gap:1.25rem;display:flex}.admin-portfolio-page .toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.admin-portfolio-page .toggle-switch input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.admin-portfolio-page .toggle-slider{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;width:52px;min-width:52px;height:28px;transition:all .3s;display:inline-block;position:relative}.admin-portfolio-page .toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:2px;left:3px;box-shadow:0 2px 4px #0003}.admin-portfolio-page .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-color:var(--accent-primary)}.admin-portfolio-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.admin-portfolio-page .toggle-text-wrapper{flex-direction:column;gap:.25rem;display:flex}.admin-portfolio-page .toggle-label{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.admin-portfolio-page .toggle-hint{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.admin-portfolio-page .stats-items-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:900px){.admin-portfolio-page .stats-items-grid{grid-template-columns:1fr}}.admin-portfolio-page .stat-item-editor{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.admin-portfolio-page .stat-editor-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.admin-portfolio-page .stat-icon-preview{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-portfolio-page .stat-number{color:var(--text-muted);background:var(--bg-tertiary);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.admin-portfolio-page .stat-editor-fields .form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-portfolio-page .stat-editor-fields .form-group{margin-bottom:.75rem}.admin-portfolio-page .stat-editor-fields label{color:var(--text-secondary);align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:flex}.admin-portfolio-page .stat-editor-fields input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.5rem .75rem;font-size:.875rem}.admin-portfolio-page .stat-editor-fields input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.admin-portfolio-page .stat-editor-fields input[type=number]{-moz-appearance:textfield}.admin-portfolio-page .stat-editor-fields input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-portfolio-page .stat-editor-fields input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin-portfolio-page .icon-select-group,.admin-portfolio-page .icon-picker-wrapper{position:relative}.admin-portfolio-page .icon-trigger{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:all .2s;display:flex}.admin-portfolio-page .icon-trigger:hover{border-color:var(--accent-primary)}.admin-portfolio-page .icon-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);z-index:100;border-radius:10px;min-width:200px;padding:.75rem;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 40px #0000004d}.admin-portfolio-page .icon-grid{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.admin-portfolio-page .icon-option{aspect-ratio:1;background:var(--bg-secondary);cursor:pointer;width:100%;color:var(--text-secondary);border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-portfolio-page .icon-option:hover,.admin-portfolio-page .icon-option.selected{background:var(--accent-primary);color:#fff}.admin-portfolio-page .stats-preview .card-content{padding:2rem}.admin-portfolio-page .stats-preview-content{text-align:center}.admin-portfolio-page .preview-label{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;background:#e67e221a;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-portfolio-page .preview-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.admin-portfolio-page .preview-title .gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-portfolio-page .preview-description{color:var(--text-secondary);max-width:500px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.6}.admin-portfolio-page .preview-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (max-width:900px){.admin-portfolio-page .preview-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.admin-portfolio-page .preview-stats-grid{grid-template-columns:1fr}}.admin-portfolio-page .preview-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;display:flex}.admin-portfolio-page .preview-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-portfolio-page .preview-stat-info{text-align:left;flex-direction:column;display:flex}.admin-portfolio-page .preview-stat-value{font-size:1.25rem;font-weight:700}.admin-portfolio-page .preview-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.admin-portfolio-page .team-members-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:1100px){.admin-portfolio-page .team-members-grid{grid-template-columns:1fr}}.admin-portfolio-page .team-member-editor{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s;overflow:hidden}.admin-portfolio-page .team-member-editor:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #a855f71a}.admin-portfolio-page .member-editor-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.admin-portfolio-page .member-number{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.admin-portfolio-page .member-number .number-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.admin-portfolio-page .btn-remove-member{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.admin-portfolio-page .btn-remove-member:hover{color:#fff;background:#ef4444;border-color:#ef4444}.admin-portfolio-page .member-editor-body{padding:1.25rem}.admin-portfolio-page .member-avatar-section{border-bottom:1px solid var(--border-color);align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.admin-portfolio-page .member-image-preview{border:3px solid var(--border-color);background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.admin-portfolio-page .member-image-preview img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .member-emoji-avatar{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.admin-portfolio-page .avatar-actions{flex-direction:column;gap:.5rem;display:flex}.admin-portfolio-page .upload-avatar-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .upload-avatar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}.admin-portfolio-page .upload-avatar-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-portfolio-page .avatar-hint{color:var(--text-muted);margin:0;font-size:.75rem}.admin-portfolio-page .member-editor-fields{flex-direction:column;gap:1rem;display:flex}.admin-portfolio-page .member-editor-fields .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:600px){.admin-portfolio-page .member-editor-fields .form-row{grid-template-columns:1fr}}.admin-portfolio-page .member-editor-fields .form-group{flex-direction:column;gap:.375rem;display:flex}.admin-portfolio-page .member-editor-fields .form-group label{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.admin-portfolio-page .member-editor-fields .form-group input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s}.admin-portfolio-page .member-editor-fields .form-group input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #a855f71a}.admin-portfolio-page .social-links-section{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem}.admin-portfolio-page .social-links-section h5{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.85rem;font-weight:600;display:flex}.admin-portfolio-page .social-links-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:600px){.admin-portfolio-page .social-links-row{grid-template-columns:1fr}}.admin-portfolio-page .social-input-group{flex-direction:column;gap:.375rem;display:flex}.admin-portfolio-page .social-input-group label{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:flex}.admin-portfolio-page .social-input-group label svg{color:var(--accent-primary)}.admin-portfolio-page .social-input-group.linkedin label svg{color:#0077b5}.admin-portfolio-page .social-input-group.instagram label svg{color:#e4405f}.admin-portfolio-page .social-input-group input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:.5rem .75rem;font-size:.8rem;transition:all .2s}.admin-portfolio-page .social-input-group input:focus{border-color:var(--accent-primary);outline:none}.admin-portfolio-page .social-input-group input::placeholder{color:var(--text-muted);font-size:.75rem}.admin-portfolio-page .add-member-card{background:var(--bg-secondary);border:2px dashed var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;transition:all .2s;display:flex}.admin-portfolio-page .add-member-card:hover{border-color:var(--accent-primary);background:#a855f70d}.admin-portfolio-page .add-member-card svg{color:var(--text-muted);margin-bottom:.75rem}.admin-portfolio-page .add-member-card span{color:var(--text-secondary);font-size:.95rem;font-weight:600}.admin-portfolio-page .btn-add-member{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-portfolio-page .btn-add-member:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.admin-portfolio-page .toggle-switch-inline{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.admin-portfolio-page .toggle-switch-inline input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.admin-portfolio-page .toggle-slider-small{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:11px;width:40px;min-width:40px;height:22px;transition:all .3s;display:inline-block;position:relative}.admin-portfolio-page .toggle-slider-small:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:3px;box-shadow:0 1px 3px #0003}.admin-portfolio-page .toggle-switch-inline input:checked+.toggle-slider-small{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-color:var(--accent-primary)}.admin-portfolio-page .toggle-switch-inline input:checked+.toggle-slider-small:before{transform:translate(18px)}.admin-portfolio-page .team-settings-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-portfolio-page .team-settings-header h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.admin-portfolio-page .team-preview .card-content{padding:2rem}.admin-portfolio-page .team-preview-content{text-align:center}.admin-portfolio-page .team-preview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.admin-portfolio-page .preview-member-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem 1rem;transition:all .2s;display:flex}.admin-portfolio-page .preview-member-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.admin-portfolio-page .preview-member-avatar{border:3px solid var(--border-color);background:var(--bg-tertiary);border-radius:50%;width:80px;height:80px;margin-bottom:1rem;overflow:hidden}.admin-portfolio-page .preview-member-avatar img{object-fit:cover;width:100%;height:100%}.admin-portfolio-page .preview-member-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.admin-portfolio-page .preview-member-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.admin-portfolio-page .preview-member-role{color:var(--accent-primary);margin:0 0 .75rem;font-size:.8rem}.admin-portfolio-page .preview-member-socials{gap:.5rem;display:flex}.admin-portfolio-page .preview-member-socials a{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-portfolio-page .preview-member-socials a:hover{background:var(--accent-primary);color:#fff}.admin-portfolio-page .preview-member-socials a.linkedin:hover{background:#0077b5}.admin-portfolio-page .preview-member-socials a.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.admin-portfolio-page .empty-team-state{background:var(--bg-secondary);border:2px dashed var(--border-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.admin-portfolio-page .empty-team-state svg{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.admin-portfolio-page .empty-team-state h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.admin-portfolio-page .empty-team-state p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.admin-testimonials-page{max-width:1400px;margin:0 auto;padding:2rem}.admin-testimonials-page.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-testimonials-page .spinner{animation:1s linear infinite spin}.admin-testimonials-page .toast{z-index:1000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #0000004d}.admin-testimonials-page .toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.admin-testimonials-page .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-testimonials-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-testimonials-page .header-info{align-items:center;gap:1rem;display:flex}.admin-testimonials-page .header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-testimonials-page .header-info h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.admin-testimonials-page .header-info p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.admin-testimonials-page .header-actions{gap:.75rem;display:flex}.admin-testimonials-page .btn-preview,.admin-testimonials-page .btn-save{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-testimonials-page .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-testimonials-page .btn-preview:hover{background:var(--bg-hover)}.admin-testimonials-page .btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-testimonials-page .btn-save:disabled{opacity:.6;cursor:not-allowed}.admin-testimonials-page .testimonials-content{flex-direction:column;gap:1.5rem;display:flex}.admin-testimonials-page .settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.admin-testimonials-page .card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.admin-testimonials-page .card-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.admin-testimonials-page .card-header svg{color:var(--accent-primary)}.admin-testimonials-page .card-content{padding:1.5rem}.admin-testimonials-page .form-group{margin-bottom:1rem}.admin-testimonials-page .form-group:last-child{margin-bottom:0}.admin-testimonials-page .form-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.admin-testimonials-page .form-group input,.admin-testimonials-page .form-group textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.admin-testimonials-page .form-group input:focus,.admin-testimonials-page .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #a855f71a}.admin-testimonials-page .form-group textarea{resize:vertical;min-height:80px}.admin-testimonials-page .form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.admin-testimonials-page .quick-settings-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.admin-testimonials-page .quick-setting-item{align-items:center;gap:.75rem;display:flex}.admin-testimonials-page .quick-setting-icon{background:var(--bg-tertiary);width:36px;height:36px;color:var(--accent-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.admin-testimonials-page .quick-setting-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.admin-testimonials-page .quick-setting-status{color:var(--text-muted);background:var(--bg-tertiary);border-radius:6px;padding:.25rem .625rem;font-size:.8rem;font-weight:600}.admin-testimonials-page .quick-setting-status.active{color:#10b981;background:#10b9811a}.admin-testimonials-page .quick-setting-divider{background:var(--border-color);width:1px;height:32px;margin:0 .5rem}.admin-testimonials-page .toggle-switch-mini{cursor:pointer;align-items:center;display:inline-flex;position:relative}.admin-testimonials-page .toggle-switch-mini input{opacity:0;width:0;height:0;position:absolute}.admin-testimonials-page .toggle-slider-mini{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:11px;width:40px;height:22px;transition:all .3s;display:inline-block;position:relative}.admin-testimonials-page .toggle-slider-mini:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:3px;box-shadow:0 2px 4px #0003}.admin-testimonials-page .toggle-switch-mini input:checked+.toggle-slider-mini{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-color:var(--accent-primary)}.admin-testimonials-page .toggle-switch-mini input:checked+.toggle-slider-mini:before{transform:translate(18px)}.admin-testimonials-page .interval-inline{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.5rem;margin-left:.5rem;padding:.375rem .625rem;font-size:.8rem;display:flex}.admin-testimonials-page .interval-inline input{border:1px solid var(--border-color);background:var(--bg-primary);width:70px;color:var(--text-primary);text-align:center;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.admin-testimonials-page .interval-inline input:focus{border-color:var(--accent-primary);outline:none}.admin-testimonials-page .testimonials-header{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.admin-testimonials-page .testimonials-header h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.admin-testimonials-page .btn-add{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-testimonials-page .btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.admin-testimonials-page .testimonials-list{flex-direction:column;gap:1rem;display:flex}.admin-testimonials-page .testimonial-editor{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s;overflow:hidden}.admin-testimonials-page .testimonial-editor:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #a855f71a}.admin-testimonials-page .editor-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.admin-testimonials-page .editor-number{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:600;display:flex}.admin-testimonials-page .number-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.admin-testimonials-page .btn-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.admin-testimonials-page .btn-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.admin-testimonials-page .editor-body{grid-template-columns:auto 1fr;gap:1.5rem;padding:1.25rem;display:grid}.admin-testimonials-page .avatar-section{flex-direction:column;align-items:center;gap:1rem;min-width:140px;display:flex}.admin-testimonials-page .avatar-preview{border:3px solid var(--border-color);background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.admin-testimonials-page .avatar-preview img{object-fit:cover;width:100%;height:100%}.admin-testimonials-page .avatar-emoji{font-size:3rem}.admin-testimonials-page .avatar-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.admin-testimonials-page .upload-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.admin-testimonials-page .upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}.admin-testimonials-page .emoji-picker-wrapper{position:relative}.admin-testimonials-page .emoji-trigger{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.admin-testimonials-page .emoji-trigger:hover{border-color:var(--accent-primary)}.admin-testimonials-page .emoji-trigger span{font-size:1.25rem}.admin-testimonials-page .emoji-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:200px;padding:.75rem;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.admin-testimonials-page .emoji-grid{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.admin-testimonials-page .emoji-option{aspect-ratio:1;background:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:1.25rem;transition:all .2s;display:flex}.admin-testimonials-page .emoji-option:hover{background:var(--accent-primary);transform:scale(1.1)}.admin-testimonials-page .emoji-option.selected{background:var(--accent-primary)}.admin-testimonials-page .btn-remove-image{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:.5rem;font-size:.75rem;transition:all .2s}.admin-testimonials-page .btn-remove-image:hover{background:#ef44441a}.admin-testimonials-page .info-section{flex:1}.admin-testimonials-page .info-section .form-group{margin-bottom:.75rem}.admin-testimonials-page .info-section .form-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem}.admin-testimonials-page .info-section .form-group input,.admin-testimonials-page .info-section .form-group textarea{padding:.625rem .875rem;font-size:.9rem}.admin-testimonials-page .rating-input{gap:.25rem;display:flex}.admin-testimonials-page .star-btn{cursor:pointer;background:0 0;border:none;padding:.25rem;transition:transform .2s}.admin-testimonials-page .star-btn:hover{transform:scale(1.2)}.admin-testimonials-page .preview-card .card-content{padding:2rem}.admin-testimonials-page .testimonials-preview-content{text-align:center}.admin-testimonials-page .preview-label{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;background:#e67e221a;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-testimonials-page .preview-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.admin-testimonials-page .preview-title .gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-testimonials-page .preview-description{color:var(--text-secondary);max-width:500px;margin:0 auto 1.5rem;font-size:.9rem}.admin-testimonials-page .preview-testimonial{background:var(--bg-primary);border:1px solid var(--border-color);text-align:left;border-radius:16px;max-width:600px;margin:0 auto;padding:2rem;position:relative}.admin-testimonials-page .preview-quote-icon{color:var(--accent-primary);opacity:.3;position:absolute;top:1rem;right:1rem}.admin-testimonials-page .preview-content{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-style:italic;line-height:1.7}.admin-testimonials-page .preview-rating{gap:4px;margin-bottom:1rem;display:flex}.admin-testimonials-page .preview-author{align-items:center;gap:1rem;display:flex}.admin-testimonials-page .preview-author-avatar{border:2px solid var(--accent-primary);background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;overflow:hidden}.admin-testimonials-page .preview-author-avatar img{object-fit:cover;width:100%;height:100%}.admin-testimonials-page .preview-author-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.admin-testimonials-page .preview-author-info p{color:var(--text-secondary);margin:0;font-size:.85rem}@media (max-width:1024px){.admin-testimonials-page .quick-settings-row{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-testimonials-page .quick-setting-divider{width:100%;height:1px;margin:.25rem 0}.admin-testimonials-page .quick-setting-item{flex-wrap:wrap;width:100%}}@media (max-width:768px){.admin-testimonials-page{padding:1rem}.admin-testimonials-page .page-header{flex-direction:column;align-items:flex-start}.admin-testimonials-page .form-row,.admin-testimonials-page .editor-body{grid-template-columns:1fr}.admin-testimonials-page .avatar-section{border-bottom:1px solid var(--border-color);flex-direction:row;width:100%;padding-bottom:1rem}.admin-testimonials-page .avatar-actions{flex:1}}.admin-legal-pages{max-width:1200px;margin:0 auto;padding:2rem}.admin-legal-pages.loading-state{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-legal-pages .spinner{animation:1s linear infinite spin}.admin-legal-pages .toast{z-index:1000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 40px #0000004d}.admin-legal-pages .toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.admin-legal-pages .toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-legal-pages .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-legal-pages .header-info{align-items:center;gap:1rem;display:flex}.admin-legal-pages .header-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-legal-pages .header-info h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.admin-legal-pages .header-info p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.admin-legal-pages .btn-add{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-legal-pages .btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.admin-legal-pages .pages-list{flex-direction:column;gap:1rem;display:flex}.admin-legal-pages .page-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .2s;overflow:hidden}.admin-legal-pages .page-card:hover{border-color:#a855f74d}.admin-legal-pages .page-card.expanded{border-color:var(--accent-primary);box-shadow:0 4px 20px #a855f71a}.admin-legal-pages .page-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.admin-legal-pages .page-card-header:hover{background:var(--bg-tertiary)}.admin-legal-pages .page-info{align-items:center;gap:1rem;display:flex}.admin-legal-pages .page-status{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-legal-pages .page-status.active{color:#10b981;background:#10b9811a}.admin-legal-pages .page-status.inactive{color:#ef4444;background:#ef44441a}.admin-legal-pages .page-details h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.admin-legal-pages .page-slug{color:var(--text-muted);font-family:monospace;font-size:.8rem}.admin-legal-pages .page-actions{align-items:center;gap:.5rem;display:flex}.admin-legal-pages .btn-icon{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-legal-pages .btn-icon:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.admin-legal-pages .btn-icon.preview:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.admin-legal-pages .btn-icon.visibility.active{color:#10b981;background:#10b9811a;border-color:#10b981}.admin-legal-pages .btn-icon.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.admin-legal-pages .expand-icon{color:var(--text-muted);margin-left:.5rem}.admin-legal-pages .page-card-content{border-top:1px solid var(--border-color);overflow:hidden}.admin-legal-pages .editor-section{padding:1.5rem}.admin-legal-pages .form-group{margin-bottom:1rem}.admin-legal-pages .form-group:last-child{margin-bottom:0}.admin-legal-pages .form-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.admin-legal-pages .form-group input,.admin-legal-pages .form-group textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.admin-legal-pages .form-group input:focus,.admin-legal-pages .form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #a855f71a}.admin-legal-pages .form-group input.disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.admin-legal-pages .form-group textarea{resize:vertical;min-height:200px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6}.admin-legal-pages .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-legal-pages .form-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.admin-legal-pages .slug-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;display:flex;overflow:hidden}.admin-legal-pages .slug-prefix{color:var(--text-muted);background:var(--bg-tertiary);border-right:1px solid var(--border-color);padding:.75rem 0 .75rem 1rem}.admin-legal-pages .slug-input input{border:none;border-radius:0;padding-left:.5rem}.admin-legal-pages .slug-input input:focus{box-shadow:none}.admin-legal-pages .editor-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.admin-legal-pages .btn-preview,.admin-legal-pages .btn-save{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-legal-pages .btn-preview{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-legal-pages .btn-preview:hover{background:var(--bg-hover)}.admin-legal-pages .btn-save{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.admin-legal-pages .btn-save:disabled{opacity:.6;cursor:not-allowed}.admin-legal-pages .modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-legal-pages .modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:auto}.admin-legal-pages .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-legal-pages .modal-header h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.admin-legal-pages .modal-header h2 svg{color:var(--accent-primary)}.admin-legal-pages .modal-close{border:1px solid var(--border-color);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-legal-pages .modal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.admin-legal-pages .modal-body{padding:1.5rem}.admin-legal-pages .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.admin-legal-pages .btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.admin-legal-pages .btn-cancel:hover{background:var(--bg-hover)}.admin-legal-pages .btn-create{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.admin-legal-pages .btn-create:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.admin-legal-pages{padding:1rem}.admin-legal-pages .page-header{flex-direction:column;align-items:flex-start}.admin-legal-pages .form-row{grid-template-columns:1fr}.admin-legal-pages .page-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-legal-pages .page-actions{justify-content:flex-end;width:100%}}.admin-page-builder{width:100%;max-width:1200px;margin:0 auto;padding:0 20px 40px}.page-builder-loading{min-height:400px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.page-builder-loading .spinner{animation:1s linear infinite spin}.builder-toast{z-index:1000;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:.9rem;font-weight:500;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 40px #0000004d}.builder-toast.success{color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.builder-toast.error{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.builder-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 0;display:flex}.header-left{align-items:center;gap:20px;display:flex}.back-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;transition:all .3s;display:flex}.back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-title-area h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.page-slug{color:var(--accent-primary);margin-top:4px;font-size:.85rem;display:block}.header-actions{gap:12px;display:flex}.preview-btn,.save-btn,.publish-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.preview-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.preview-btn:hover,.preview-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.save-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.save-btn:hover{background:var(--bg-tertiary)}.publish-btn{background:var(--accent-gradient);color:#fff;border:none}.publish-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e67e2266}.save-btn:disabled,.publish-btn:disabled{opacity:.6;cursor:not-allowed}.wizard-steps{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.wizard-steps .step{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;transition:all .3s;display:flex}.wizard-steps .step:hover{background:var(--bg-tertiary)}.wizard-steps .step.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.wizard-steps .step.completed{color:#2ecc71;border-color:#2ecc71}.step-number{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex}.step.active .step-number{background:#fff3}.step.completed .step-number{color:#fff;background:#2ecc71}.builder-content{min-height:400px}.step-content{max-width:800px;margin:0 auto}.form-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px}.form-card h2{color:var(--text-primary);margin:0 0 24px;font-size:1.3rem;font-weight:600}.form-fields{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.field-group input,.field-group select,.field-group textarea{background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .3s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e67e221a}.field-group textarea{resize:vertical;min-height:100px}.field-hint{color:var(--text-tertiary);font-size:.8rem}.slug-input{align-items:center;display:flex}.slug-prefix{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-tertiary);border-right:none;border-radius:10px 0 0 10px;padding:12px 16px;font-size:.95rem}.slug-input input{border-radius:0 10px 10px 0;flex:1}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-primary)}.step-actions{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.prev-btn,.next-btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.prev-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.prev-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.next-btn{background:var(--accent-gradient);color:#fff;border:none}.next-btn:hover{box-shadow:0 8px 25px #e67e2266}.content-builder{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px}.content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.content-header h2{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.add-block-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.add-block-btn:hover{box-shadow:0 8px 25px #e67e2266}.empty-content{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-content svg{opacity:.5;margin-bottom:16px}.empty-content h3{color:var(--text-secondary);margin:0 0 8px;font-size:1.2rem;font-weight:600}.empty-content p{margin:0 0 24px}.add-first-block-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.add-first-block-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e67e2266}.blocks-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.block-item{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:12px;transition:all .3s;overflow:hidden}.block-item:hover{border-color:var(--accent-primary)}.block-item.active{border-color:var(--accent-primary);box-shadow:0 0 0 3px #e67e221a}.block-header{background:var(--bg-tertiary);cursor:grab;align-items:center;gap:12px;padding:14px 16px;display:flex}.block-drag-handle{color:var(--text-tertiary);cursor:grab}.block-drag-handle:active{cursor:grabbing}.block-type-badge{color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:500}.block-actions{gap:8px;display:flex}.block-action-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.block-action-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.block-action-btn.delete:hover{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c}.block-content{padding:20px;overflow:hidden}.block-fields{flex-direction:column;gap:16px;display:flex}.image-preview{border-radius:10px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;max-height:300px}.change-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .3s;position:absolute;bottom:12px;right:12px}.change-image-btn:hover{background:#000000e6}.image-upload-area{flex-direction:column;gap:16px;display:flex}.upload-label{border:2px dashed var(--glass-border);color:var(--text-tertiary);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;transition:all .3s;display:flex}.upload-label:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.or-divider{text-align:center;color:var(--text-tertiary);font-size:.85rem}.divider-info{color:var(--text-tertiary);text-align:center;padding:20px;font-size:.9rem}.add-block-bottom-btn{border:2px dashed var(--glass-border);width:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-size:.9rem;transition:all .3s;display:flex}.add-block-bottom-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.seo-preview{border-top:1px solid var(--glass-border);margin-top:32px;padding-top:24px}.seo-preview h3{color:var(--text-secondary);margin:0 0 16px;font-size:1rem;font-weight:600}.google-preview{background:#fff;border-radius:12px;padding:20px}.preview-title{color:#1a0dab;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1.1rem;font-weight:500;overflow:hidden}.preview-url{color:#006621;margin-bottom:4px;font-size:.85rem}.preview-description{color:#545454;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-image-preview{border-radius:10px;max-width:300px;position:relative;overflow:hidden}.featured-image-preview img{width:100%;display:block}.featured-image-preview button{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.block-picker-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.block-picker-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:500px;overflow:hidden}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.block-options{flex-direction:column;gap:8px;padding:16px;display:flex}.block-option{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.block-option:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.block-option-icon{background:var(--accent-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.block-option-info{flex-direction:column;gap:4px;display:flex}.block-option-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.block-option-desc{color:var(--text-tertiary);font-size:.85rem}@media (max-width:768px){.builder-header{flex-direction:column;gap:16px}.header-left{flex-direction:column;align-items:flex-start;width:100%}.header-actions{justify-content:stretch;width:100%}.header-actions button{flex:1}.wizard-steps{flex-wrap:wrap}.wizard-steps .step{flex:100%}.field-row{grid-template-columns:1fr}}[data-theme=light] .form-card,[data-theme=light] .content-builder{background:#ffffffe6}[data-theme=light] .field-group input,[data-theme=light] .field-group select,[data-theme=light] .field-group textarea{background:#f8f9fa}[data-theme=light] .block-item{background:#fff}[data-theme=light] .block-header{background:#f8f9fa}[data-theme=light] .block-picker-modal{background:#fff}.builder-header.list-view{margin-bottom:32px}.builder-header.list-view h1{color:var(--text-primary);font-size:1.8rem;font-weight:600}.page-count{color:var(--text-muted);background:var(--glass-bg);border-radius:20px;margin-left:12px;padding:4px 12px;font-size:.9rem}.pages-list-container{min-height:300px}.no-pages{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.no-pages svg{opacity:.4;color:var(--accent-primary)}.no-pages h3{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:600}.no-pages p{margin:0 0 16px}.pages-list{flex-direction:column;gap:12px;display:flex}.page-list-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex}.page-list-item:hover{border-color:var(--accent-primary);box-shadow:0 5px 20px #0003}.page-item-info{flex:1}.page-item-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:6px;font-size:1.1rem;font-weight:600;display:flex}.status-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.status-badge.published{color:#2ecc71;background:#2ecc7126}.status-badge.draft{color:#f1c40f;background:#f1c40f26}.page-item-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:.85rem;display:flex}.page-item-meta .page-slug{color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.page-item-meta .page-menu{color:var(--accent-primary);background:#e67e221a;border-radius:4px;padding:2px 8px}.page-item-actions{align-items:center;gap:8px;display:flex}.action-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.action-btn.view:hover{color:#3498db;background:#3498db1a;border-color:#3498db}.action-btn.edit:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#e67e221a}.action-btn.delete:hover{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.builder-header.list-view,.page-list-item{flex-direction:column;align-items:flex-start;gap:16px}.page-item-actions{justify-content:flex-end;width:100%}}.company-page{padding:0}.company-loading{height:400px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.company-loading .spinner{animation:1s linear infinite spin}.company-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.company-title-area{align-items:center;gap:16px;display:flex}.company-icon-box{background:var(--accent-gradient);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.company-title-area h1{color:var(--text-primary);margin:0 0 4px;font-size:1.8rem;font-weight:800}.company-title-area p{color:var(--text-tertiary);margin:0;font-size:.95rem}.company-header-actions{gap:12px;display:flex}.add-company-btn,.report-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.add-company-btn{background:var(--accent-gradient);color:#fff}.add-company-btn:hover{box-shadow:0 8px 24px #e67e2266}.report-btn{color:#3498db;background:#3498db26;border:1px solid #3498db4d}.report-btn:hover{background:#3498db40}.company-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-value{color:var(--text-primary);font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-tertiary);font-size:.85rem}.company-filters{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.search-box{flex:1;align-items:center;min-width:200px;max-width:400px;display:flex;position:relative}.search-box svg{color:var(--text-tertiary);position:absolute;left:14px}.search-box input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px 12px 44px;font-size:.95rem;transition:all .2s}.search-box input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.filter-group{align-items:center;gap:8px;display:flex;position:relative}.filter-group svg{color:var(--text-tertiary)}.filter-group select{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:12px 16px;font-size:.9rem}.filter-group select:focus{border-color:var(--accent-primary);outline:none}.filter-group select option{color:#fff;background:#1a1a2e;padding:10px 16px}.filter-group select option:hover,.filter-group select option:focus,.filter-group select option:checked{color:#fff;background:#2a2a3e}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.no-companies{text-align:center;color:var(--text-tertiary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.no-companies svg{opacity:.5;margin-bottom:16px}.no-companies h3{color:var(--text-primary);margin:0 0 8px;font-size:1.2rem}.no-companies p{margin:0}.company-card{background:#12121899;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .2s}.company-card:hover{border-color:#fff3;transform:translateY(-2px)}.company-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.company-avatar{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.company-info{flex:1;min-width:0}.company-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1rem;font-weight:700;overflow:hidden}.company-domain{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.85rem;display:flex}.status-badge{border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.company-card-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding-top:16px;display:flex}.company-detail{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.company-detail .detail-label{color:var(--text-tertiary)}.company-detail .detail-value{color:var(--text-secondary);font-weight:500}.company-detail.highlight .detail-value{color:var(--accent-primary);font-weight:700}.company-card-actions{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:16px}.action-dropdown{width:100%;position:relative}.action-dropdown-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.action-dropdown-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.action-dropdown-menu{z-index:100;background:#1e1e28fa;border:1px solid #ffffff26;border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 -10px 40px #0006}.action-dropdown-menu button{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;transition:all .15s;display:flex}.action-dropdown-menu button:hover{color:var(--text-primary);background:#ffffff14}.action-dropdown-menu button svg{opacity:.7;flex-shrink:0}.action-dropdown-menu button:hover svg{opacity:1}.action-dropdown-menu button.delete-option{color:#e74c3c}.action-dropdown-menu button.delete-option:hover{background:#e74c3c26}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden auto}.modal-content.modern{flex-direction:column;width:95%;max-width:680px;max-height:85vh;padding:0;display:flex;position:relative}.modal-content.modern .modal-header-modern{flex-shrink:0;padding:28px 28px 20px}.modal-content.modern .modal-form-modern{flex:1;padding:0 28px 28px;overflow-y:auto}.modal-content.modern.small{max-width:520px}.modal-content.detail-modal{width:95%;max-width:900px}.modal-content.detail-modal-wide{width:95%;max-width:1200px;max-height:none;overflow:visible}.detail-modal-header{background:linear-gradient(135deg,#e67e221f,#d354000f);border-bottom:1px solid #ffffff14;align-items:center;gap:20px;padding:28px 32px;display:flex}.detail-modal-avatar{background:var(--accent-gradient);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:flex;box-shadow:0 8px 24px #e67e224d}.detail-modal-title h2{color:var(--text-primary);margin:0 0 10px;font-size:1.4rem;font-weight:700}.detail-modal-meta{align-items:center;gap:12px;display:flex}.detail-modal-type{color:var(--text-tertiary);background:#ffffff0f;border-radius:8px;padding:5px 12px;font-size:.85rem;font-weight:500}.detail-modal-body{grid-template-columns:1fr 380px;min-height:400px;display:grid}.detail-modal-left{border-right:1px solid #ffffff14;padding:24px 28px}.detail-modal-right{background:#00000026;padding:0}.detail-modal-section{margin-bottom:24px}.detail-modal-section:last-child{margin-bottom:0}.detail-modal-section-title{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.detail-modal-section-title svg{opacity:.8}.detail-modal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-modal-item{background:#ffffff08;border-radius:10px;padding:14px 16px;transition:background .2s}.detail-modal-item:hover{background:#ffffff0d}.detail-modal-item.full-width{grid-column:1/-1}.detail-modal-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.detail-modal-value{color:var(--text-primary);word-break:break-word;font-size:.95rem;font-weight:500;line-height:1.4;display:block}.detail-modal-value.mono{letter-spacing:.5px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85rem}.detail-modal-contract-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-modal-contract-item{text-align:center;background:#ffffff08;border-radius:10px;padding:16px}.detail-modal-contract-item.highlight{background:linear-gradient(135deg,#e67e2226,#d3540014);border:1px solid #e67e2233}.detail-modal-contract-item.highlight .detail-modal-value{color:var(--accent-primary);font-size:1.1rem;font-weight:700}.detail-modal-notes{color:var(--text-secondary);background:#ffffff08;border-radius:10px;margin:0;padding:14px 16px;font-size:.9rem;line-height:1.6}.detail-modal-payments{flex-direction:column;height:100%;display:flex}.detail-modal-payments-header{background:#0000001a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.detail-modal-payments-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;display:flex}.detail-modal-add-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.detail-modal-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e67e2266}.detail-modal-payments-content{flex:1;max-height:420px;padding:20px 24px;overflow-y:auto}.detail-modal-no-payments{text-align:center;height:100%;min-height:200px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.detail-modal-no-payments svg{opacity:.4;margin-bottom:16px}.detail-modal-no-payments p{margin:0;font-size:.95rem}.detail-modal-payments-list{flex-direction:column;gap:12px;display:flex}.detail-modal-payment-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .2s;display:flex}.detail-modal-payment-item:hover{background:#ffffff0f;border-color:#ffffff1a}.detail-modal-payment-info{flex-direction:column;gap:4px;display:flex}.detail-modal-payment-amount{color:var(--text-primary);font-size:1.1rem;font-weight:700}.detail-modal-payment-date{color:var(--text-tertiary);font-size:.8rem}.detail-modal-payment-desc{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.detail-modal-payment-actions{align-items:center;gap:12px;display:flex}.detail-modal-delete-btn{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.detail-modal-delete-btn:hover{background:#e74c3c33;transform:scale(1.05)}[data-theme=light] .detail-modal-header{background:linear-gradient(135deg,#e67e2214,#d354000a);border-bottom-color:#0000000f}[data-theme=light] .detail-modal-title h2{color:#1a1a2e}[data-theme=light] .detail-modal-type{color:#64748b;background:#0000000d}[data-theme=light] .detail-modal-left{border-right-color:#0000000f}[data-theme=light] .detail-modal-right{background:#00000005}[data-theme=light] .detail-modal-section-title{border-bottom-color:#0000000f}[data-theme=light] .detail-modal-item{background:#00000005}[data-theme=light] .detail-modal-item:hover{background:#0000000a}[data-theme=light] .detail-modal-label{color:#64748b}[data-theme=light] .detail-modal-value{color:#1a1a2e}[data-theme=light] .detail-modal-value.mono{color:#64748b}[data-theme=light] .detail-modal-contract-item{background:#00000005}[data-theme=light] .detail-modal-contract-item.highlight{background:linear-gradient(135deg,#e67e221a,#d354000d);border-color:#e67e2226}[data-theme=light] .detail-modal-notes{color:#1a1a2e;background:#00000005}[data-theme=light] .detail-modal-payments-header{background:#00000005;border-bottom-color:#0000000f}[data-theme=light] .detail-modal-payments-header h3{color:#1a1a2e}[data-theme=light] .detail-modal-no-payments{color:#64748b}[data-theme=light] .detail-modal-payment-item{background:#fffc;border-color:#0000000f}[data-theme=light] .detail-modal-payment-item:hover{background:#fff;border-color:#0000001a}[data-theme=light] .detail-modal-payment-amount{color:#1a1a2e}[data-theme=light] .detail-modal-payment-date{color:#64748b}[data-theme=light] .detail-modal-payment-desc{color:#1a1a2e}.modal-content.report-modal{width:95%;max-width:800px}.modal-close-modern{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-modern:hover{color:var(--text-primary);background:#ffffff1a}.modal-header-modern{text-align:center;padding:24px 28px 16px}.modal-icon{background:var(--accent-gradient);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.modal-icon svg{width:22px;height:22px}.modal-header-modern h2{color:var(--text-primary);margin:0 0 4px;font-size:1.3rem;font-weight:700}.modal-header-modern p{color:var(--text-tertiary);margin:0;font-size:.85rem}.modal-form-modern{padding:0 32px 32px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{margin-bottom:14px}.form-field label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:var(--text-tertiary);pointer-events:none;z-index:1;width:16px;height:16px;position:absolute;left:12px}.input-wrapper input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 14px 11px 40px;font-size:.9rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.input-wrapper input::placeholder{color:var(--text-tertiary)}.input-wrapper.textarea-wrapper{align-items:flex-start}.input-wrapper.textarea-wrapper svg{width:16px;height:16px;position:absolute;top:12px}.input-wrapper.textarea-wrapper textarea{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;min-height:50px;padding:11px 14px 11px 40px;font-family:inherit;font-size:.9rem;transition:all .2s}.input-wrapper.textarea-wrapper textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.input-wrapper.textarea-wrapper textarea::placeholder{color:var(--text-tertiary)}.select-wrapper{position:relative}.select-wrapper select{width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 36px 11px 14px;font-size:.9rem;transition:all .2s}.select-wrapper select:focus{border-color:var(--accent-primary);outline:none}.select-wrapper select option{color:#fff;background:#1a1a2e;padding:12px 16px}.select-wrapper select option:hover,.select-wrapper select option:focus,.select-wrapper select option:checked{color:#fff;background:#2a2a3e}.select-wrapper svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.form-field textarea{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-field textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.form-field textarea::placeholder{color:var(--text-tertiary)}.modal-actions-modern{border-top:1px solid #ffffff14;gap:10px;margin-top:6px;padding-top:14px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-cancel{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-cancel:hover{color:var(--text-primary);background:#ffffff1a}.btn-submit{background:var(--accent-gradient);color:#fff;border:none}.btn-submit:hover{box-shadow:0 8px 24px #e67e2266}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.company-detail-header{background:linear-gradient(135deg,#e67e221a,#d354000d);border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding:24px;display:flex}.company-detail-avatar{background:var(--accent-gradient);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:700;display:flex}.company-detail-title h2{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:700}.company-detail-meta{align-items:center;gap:10px;display:flex}.company-detail-type{color:var(--text-tertiary);background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:.8rem}.company-detail-content{max-height:60vh;padding:20px 24px;overflow-y:auto}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section-title{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;margin:0 0 12px;padding-bottom:8px;font-size:.8rem;font-weight:600}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-grid.three-cols{grid-template-columns:repeat(3,1fr)}.detail-item{background:#ffffff08;border-radius:10px;padding:12px 14px}.detail-item.full{grid-column:1/-1}.detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.75rem;display:block}.detail-value{color:var(--text-primary);word-break:break-word;font-size:.9rem;font-weight:500;display:block}.detail-value.mono{letter-spacing:.5px;font-family:Courier New,monospace;font-size:.85rem}.detail-value.highlight{color:var(--accent-primary);font-weight:700}.detail-notes-text{color:var(--text-secondary);background:#ffffff08;border-radius:10px;margin:0;padding:12px 14px;font-size:.9rem;line-height:1.6}.detail-header{border-bottom:1px solid #ffffff14;align-items:center;gap:20px;padding:32px;display:flex}.detail-company-avatar{background:var(--accent-gradient);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:flex}.detail-company-info{flex:1}.detail-company-info h2{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem;font-weight:800}.detail-company-info p{color:var(--text-tertiary);margin:0 0 12px;font-size:.95rem}.detail-info-grid{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px 32px;display:grid}.detail-info-grid.four-cols{grid-template-columns:repeat(4,1fr)}.detail-info-grid.two-cols{grid-template-columns:1fr}.detail-info-item.full-width{grid-column:1/-1}.info-value.iban-value{letter-spacing:1px;font-family:Courier New,monospace}.detail-info-item{flex-direction:column;gap:4px;display:flex}.detail-info-item .info-label{color:var(--text-tertiary);font-size:.85rem}.detail-info-item .info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.detail-info-item .info-value.highlight{color:var(--accent-primary)}.detail-notes{border-bottom:1px solid #ffffff14;padding:24px 32px}.detail-notes h4{color:var(--text-tertiary);margin:0 0 8px;font-size:.9rem;font-weight:600}.detail-notes p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.payments-section{padding:24px 32px}.payments-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.payments-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.add-payment-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.add-payment-btn:hover{box-shadow:0 4px 16px #e67e2266}.no-payments{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-payments svg{opacity:.5;margin-bottom:12px}.no-payments p{margin:0;font-size:.9rem}.payments-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.payment-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.payment-info{flex-direction:column;gap:4px;display:flex}.payment-amount{color:var(--text-primary);font-size:1.1rem;font-weight:700}.payment-date{color:var(--text-tertiary);font-size:.85rem}.payment-desc{color:var(--text-secondary);font-size:.85rem}.payment-actions{align-items:center;gap:12px;display:flex}.delete-payment-btn{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.delete-payment-btn:hover{background:#e74c3c33}.report-filters{border-bottom:1px solid #ffffff14;padding:0 32px 24px}.generate-report-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.generate-report-btn:hover{box-shadow:0 8px 24px #e67e2266}.generate-report-btn:disabled{opacity:.7;cursor:not-allowed}.report-results{padding:24px 32px}.report-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-item{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.summary-item .summary-label{color:var(--text-tertiary);margin-bottom:6px;font-size:.8rem;display:block}.summary-item .summary-value{color:var(--text-primary);font-size:1.2rem;font-weight:700;display:block}.summary-item.success{border-color:#2ecc714d}.summary-item.success .summary-value{color:#2ecc71}.summary-item.warning{border-color:#f1c40f4d}.summary-item.warning .summary-value{color:#f1c40f}.summary-item.info{border-color:#3498db4d}.summary-item.info .summary-value{color:#3498db}.report-table-wrapper{margin-bottom:20px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:12px 16px}.report-table th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.report-table td{color:var(--text-secondary);font-size:.9rem}.report-table tbody tr:hover{background:#ffffff05}.export-btn{color:#2ecc71;cursor:pointer;background:#2ecc7126;border:1px solid #2ecc714d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.export-btn:hover{background:#2ecc7140}.confirm-modal{background:var(--bg-secondary);text-align:center;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:400px;padding:32px}.confirm-icon{background:#e74c3c1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.confirm-icon svg{color:#e74c3c}.confirm-modal h3{color:var(--text-primary);margin:0 0 8px;font-size:1.3rem;font-weight:700}.confirm-modal p{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem}.confirm-actions{gap:12px;display:flex}.cancel-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.cancel-btn:hover{color:var(--text-primary);background:#ffffff1a}.delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.delete-btn:hover{background:#c0392b}.toast-notification{z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:12px;max-width:300px;padding:14px 18px;font-size:.85rem;font-weight:500;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #00000040}.toast-notification .toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-notification svg{flex-shrink:0}.toast-notification.success{color:#fff;background:linear-gradient(135deg,#2ecc71f2,#27ae60f2);border:1px solid #2ecc714d}.toast-notification.success .toast-icon{background:#fff3}.toast-notification.error{color:#fff;background:linear-gradient(135deg,#e74c3cf2,#c0392bf2);border:1px solid #e74c3c4d}.toast-notification.error .toast-icon{background:#fff3}.toast-notification .toast-content{flex-direction:column;gap:2px;display:flex}.toast-notification .toast-title{font-size:.9rem;font-weight:600}.toast-notification .toast-message{opacity:.9;font-size:.8rem;font-weight:400}@media (max-width:1024px){.company-stats,.report-summary{grid-template-columns:repeat(2,1fr)}.modal-content.detail-modal-wide{max-width:95%}.detail-modal-body{grid-template-columns:1fr 320px}.detail-modal-grid,.detail-modal-contract-grid{grid-template-columns:1fr}}@media (max-width:768px){.company-header{flex-direction:column;align-items:flex-start}.company-header-actions{width:100%}.add-company-btn,.report-btn{flex:1;justify-content:center}.company-stats{grid-template-columns:1fr 1fr}.companies-grid,.form-row,.detail-info-grid,.detail-grid,.detail-grid.three-cols{grid-template-columns:1fr}.detail-info-grid.four-cols{grid-template-columns:repeat(2,1fr)}.modal-content{margin:10px}.modal-header-modern{padding:32px 24px 20px}.modal-form-modern,.report-filters,.report-results,.payments-section,.detail-header,.detail-info-grid,.detail-notes{padding-left:24px;padding-right:24px}.modal-content.detail-modal-wide{max-height:90vh;overflow-y:auto}.detail-modal-body{grid-template-columns:1fr}.detail-modal-left{border-bottom:1px solid #ffffff14;border-right:none}.detail-modal-right{min-height:300px}.detail-modal-payments-content{max-height:300px}.detail-modal-header{padding:20px 24px}.detail-modal-avatar{width:52px;height:52px;font-size:1.3rem}.detail-modal-title h2{font-size:1.2rem}.detail-modal-left{padding:20px}.detail-modal-payments-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px}.detail-modal-add-btn{justify-content:center}.detail-modal-payments-content{padding:16px 20px}[data-theme=light] .detail-modal-left{border-bottom-color:#0000000f}}@media (max-width:480px){.company-filters{flex-direction:column}.search-box{max-width:100%}.filter-group,.filter-group select{width:100%}.company-title-area h1{font-size:1.4rem}.report-summary,.detail-info-grid.four-cols{grid-template-columns:1fr}}[data-theme=light] .company-loading{color:#64748b}[data-theme=light] .company-title-area h1{color:#1a1a2e}[data-theme=light] .company-title-area p{color:#64748b}[data-theme=light] .stat-card{background:#fffc;border-color:#0000000f}[data-theme=light] .stat-value{color:#1a1a2e}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .search-box input{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .search-box input::placeholder{color:#94a3b8}[data-theme=light] .filter-group select{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .filter-group select option{color:#1a1a2e;background:#fff;padding:10px 16px}[data-theme=light] .filter-group select option:hover,[data-theme=light] .filter-group select option:focus,[data-theme=light] .filter-group select option:checked{color:#1a1a2e;background:#f0f0f0}[data-theme=light] .company-card{background:#fffc;border-color:#0000000f}[data-theme=light] .company-card:hover{border-color:#0000001f}[data-theme=light] .company-info h4{color:#1a1a2e}[data-theme=light] .company-domain{color:#64748b}[data-theme=light] .company-card-body{border-top-color:#0000000f}[data-theme=light] .company-detail .detail-label{color:#64748b}[data-theme=light] .company-detail .detail-value{color:#1a1a2e}[data-theme=light] .company-card-actions{border-top-color:#0000000f}[data-theme=light] .modal-content{background:#fff;border-color:#0000001a}[data-theme=light] .modal-close-modern{color:#64748b;background:#00000008}[data-theme=light] .modal-close-modern:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .modal-header-modern h2{color:#1a1a2e}[data-theme=light] .modal-header-modern p,[data-theme=light] .form-field label{color:#64748b}[data-theme=light] .input-wrapper input,[data-theme=light] .select-wrapper select,[data-theme=light] .form-field textarea{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .input-wrapper input:focus,[data-theme=light] .select-wrapper select:focus,[data-theme=light] .form-field textarea:focus{background:#0000000d}[data-theme=light] .select-wrapper select option{color:#1a1a2e;background:#fff;padding:12px 16px}[data-theme=light] .select-wrapper select option:hover,[data-theme=light] .select-wrapper select option:focus,[data-theme=light] .select-wrapper select option:checked{color:#1a1a2e;background:#f0f0f0}[data-theme=light] .input-wrapper input::placeholder,[data-theme=light] .form-field textarea::placeholder,[data-theme=light] .input-wrapper.textarea-wrapper textarea::placeholder{color:#94a3b8}[data-theme=light] .input-wrapper.textarea-wrapper textarea{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .input-wrapper.textarea-wrapper textarea:focus{background:#0000000d}[data-theme=light] .modal-actions-modern{border-top-color:#00000014}[data-theme=light] .btn-cancel{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .btn-cancel:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .company-detail-header{background:linear-gradient(135deg,#e67e2214,#d3540008);border-bottom-color:#0000000f}[data-theme=light] .company-detail-title h2{color:#1a1a2e}[data-theme=light] .company-detail-type{color:#64748b;background:#0000000d}[data-theme=light] .detail-section-title{border-bottom-color:#0000000f}[data-theme=light] .detail-item{background:#00000005}[data-theme=light] .detail-label{color:#64748b}[data-theme=light] .detail-value{color:#1a1a2e}[data-theme=light] .detail-notes-text{color:#1a1a2e;background:#00000005}[data-theme=light] .detail-header{border-bottom-color:#0000000f}[data-theme=light] .detail-company-info h2{color:#1a1a2e}[data-theme=light] .detail-company-info p{color:#64748b}[data-theme=light] .detail-info-grid{border-bottom-color:#0000000f}[data-theme=light] .detail-info-item .info-label{color:#64748b}[data-theme=light] .detail-info-item .info-value{color:#1a1a2e}[data-theme=light] .detail-notes{border-bottom-color:#0000000f}[data-theme=light] .detail-notes h4{color:#64748b}[data-theme=light] .detail-notes p,[data-theme=light] .payments-header h3{color:#1a1a2e}[data-theme=light] .no-payments{color:#64748b}[data-theme=light] .payment-item{background:#00000005;border-color:#0000000f}[data-theme=light] .payment-amount{color:#1a1a2e}[data-theme=light] .payment-date{color:#64748b}[data-theme=light] .payment-desc{color:#1a1a2e}[data-theme=light] .report-filters{border-bottom-color:#0000000f}[data-theme=light] .summary-item{background:#00000005;border-color:#0000000f}[data-theme=light] .summary-item .summary-label{color:#64748b}[data-theme=light] .summary-item .summary-value{color:#1a1a2e}[data-theme=light] .report-table th{color:#64748b}[data-theme=light] .report-table td{color:#1a1a2e}[data-theme=light] .report-table th,[data-theme=light] .report-table td{border-bottom-color:#0000000f}[data-theme=light] .report-table tbody tr:hover{background:#00000005}[data-theme=light] .confirm-modal{background:#fff;border-color:#0000001a}[data-theme=light] .confirm-modal h3{color:#1a1a2e}[data-theme=light] .confirm-modal p{color:#64748b}[data-theme=light] .cancel-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .cancel-btn:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .no-companies{color:#64748b}[data-theme=light] .no-companies h3{color:#1a1a2e}.cdp-page{min-height:calc(100vh - 80px);padding:0}.cdp-loading,.cdp-not-found{height:400px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cdp-loading .spinner{animation:1s linear infinite cdp-spin}@keyframes cdp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cdp-not-found svg{opacity:.5;margin-bottom:8px}.cdp-not-found h2{color:var(--text-primary);margin:0}.cdp-not-found button{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-weight:600;display:flex}.cdp-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 0;display:flex}.cdp-header-left{align-items:center;gap:16px;display:flex}.cdp-back-btn{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cdp-back-btn:hover{color:var(--text-primary);background:#ffffff1a}.cdp-company-avatar{background:var(--accent-gradient);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:flex;box-shadow:0 8px 24px #e67e224d}.cdp-company-info h1{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem;font-weight:700}.cdp-company-meta{align-items:center;gap:12px;display:flex}.cdp-status-badge{border:1px solid;border-radius:20px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.cdp-company-type{color:var(--text-tertiary);background:#ffffff0d;border-radius:8px;padding:4px 12px;font-size:.85rem}.cdp-header-actions{gap:12px;display:flex}.cdp-edit-btn,.cdp-delete-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.cdp-edit-btn{color:#3498db;background:#3498db26;border:1px solid #3498db4d}.cdp-edit-btn:hover{background:#3498db40}.cdp-delete-btn{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.cdp-delete-btn:hover{background:#e74c3c40}.cdp-content{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}.cdp-details{flex-direction:column;gap:20px;display:flex}.cdp-card{background:#12121899;border:1px solid #ffffff14;border-radius:16px;padding:24px}.cdp-card-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.cdp-card-header svg{color:var(--accent-primary)}.cdp-card-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.cdp-card-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cdp-info-item{background:#ffffff08;border-radius:10px;padding:14px 16px}.cdp-info-item.full{grid-column:1/-1}.cdp-info-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.cdp-info-value{color:var(--text-primary);word-break:break-word;font-size:.95rem;font-weight:500;display:block}.cdp-info-value.mono{letter-spacing:.5px;font-family:Courier New,monospace;font-size:.85rem}.cdp-info-value a{color:var(--accent-primary);text-decoration:none}.cdp-info-value a:hover{text-decoration:underline}.cdp-contract-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cdp-contract-item{background:#ffffff08;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.cdp-contract-item svg{color:var(--text-tertiary);flex-shrink:0}.cdp-contract-item.highlight{background:linear-gradient(135deg,#e67e2226,#d3540014);border:1px solid #e67e2233}.cdp-contract-item.highlight svg{color:var(--accent-primary)}.cdp-contract-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.cdp-contract-value{color:var(--text-primary);font-size:1rem;font-weight:600;display:block}.cdp-contract-item.highlight .cdp-contract-value{color:var(--accent-primary);font-weight:700}.cdp-notes{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.cdp-payments{background:#12121899;border:1px solid #ffffff14;border-radius:16px;position:sticky;top:100px;overflow:hidden}.cdp-payments-header{background:#0003;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cdp-payments-title{align-items:center;gap:10px;display:flex}.cdp-payments-title svg{color:var(--accent-primary)}.cdp-payments-title h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.cdp-payments-count{background:var(--accent-gradient);color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.cdp-add-payment-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.cdp-add-payment-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e67e2266}.cdp-payments-list{max-height:calc(100vh - 350px);padding:20px 24px;overflow-y:auto}.cdp-no-payments{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.cdp-no-payments svg{opacity:.3;margin-bottom:16px}.cdp-no-payments p{margin:0 0 20px;font-size:.95rem}.cdp-no-payments button{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cdp-no-payments button:hover{color:var(--text-primary);background:#ffffff1a}.cdp-payment-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 18px;transition:all .2s;display:flex}.cdp-payment-item:last-child{margin-bottom:0}.cdp-payment-item:hover{background:#ffffff0d;border-color:#ffffff1a}.cdp-payment-main{flex-direction:column;gap:4px;display:flex}.cdp-payment-amount{color:var(--text-primary);font-size:1.1rem;font-weight:700}.cdp-payment-date{color:var(--text-tertiary);font-size:.8rem}.cdp-payment-desc{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.cdp-payment-actions{align-items:center;gap:12px;display:flex}.cdp-payment-delete{color:#e74c3c;cursor:pointer;background:#e74c3c1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.cdp-payment-delete:hover{background:#e74c3c33;transform:scale(1.05)}.cdp-payment-edit{color:#3498db;cursor:pointer;background:#3498db1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.cdp-payment-edit:hover{background:#3498db33;transform:scale(1.05)}.cdp-contract-totals{flex-direction:column;gap:4px;display:flex}.cdp-contract-totals .cdp-contract-value{display:block}.cdp-pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.cdp-page-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cdp-page-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a}.cdp-page-btn:disabled{opacity:.4;cursor:not-allowed}.cdp-page-numbers{align-items:center;gap:4px;display:flex}.cdp-page-num{min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cdp-page-num:hover:not(.active){color:var(--text-primary);background:#ffffff14}.cdp-page-num.active{background:var(--accent-gradient);color:#fff;border-color:#0000;font-weight:600}.cdp-toast{z-index:9999;border-radius:12px;align-items:center;gap:12px;max-width:300px;padding:14px 18px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #0000004d}.cdp-toast.success{color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60)}.cdp-toast.error{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b)}.cdp-toast-icon{background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cdp-toast-content{flex-direction:column;gap:2px;display:flex}.cdp-toast-title{font-size:.9rem;font-weight:600}.cdp-toast-text{opacity:.9;font-size:.8rem}.cdp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cdp-modal{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;position:relative}.cdp-modal.small{max-width:520px}.cdp-modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.cdp-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.cdp-modal-header{text-align:center;flex-shrink:0;padding:28px 28px 20px}.cdp-modal-icon{background:var(--accent-gradient);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.cdp-modal-header h2{color:var(--text-primary);margin:0 0 4px;font-size:1.3rem;font-weight:700}.cdp-modal-header p{color:var(--text-tertiary);margin:0;font-size:.85rem}.cdp-modal-form{flex:1;padding:0 28px 28px;overflow-y:auto}.cdp-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cdp-form-field{margin-bottom:14px}.cdp-form-field label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.cdp-input-wrapper{align-items:center;display:flex;position:relative}.cdp-input-wrapper svg{color:var(--text-tertiary);pointer-events:none;z-index:1;width:16px;height:16px;position:absolute;left:12px}.cdp-input-wrapper input{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 14px 11px 40px;font-size:.9rem;transition:all .2s}.cdp-input-wrapper input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.cdp-input-wrapper input::placeholder{color:var(--text-tertiary)}.cdp-input-wrapper.textarea{align-items:flex-start}.cdp-input-wrapper.textarea svg{top:12px}.cdp-input-wrapper.textarea textarea{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 14px 11px 40px;font-family:inherit;font-size:.9rem;transition:all .2s}.cdp-input-wrapper.textarea textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.cdp-select-wrapper{position:relative}.cdp-select-wrapper select{width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 36px 11px 14px;font-size:.9rem;transition:all .2s}.cdp-select-wrapper select:focus{border-color:var(--accent-primary);outline:none}.cdp-select-wrapper select option{color:#fff;background:#1a1a2e}.cdp-select-wrapper svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cdp-form-field textarea{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.cdp-form-field textarea:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none}.cdp-modal-actions{border-top:1px solid #ffffff14;gap:10px;margin-top:6px;padding-top:14px;display:flex}.cdp-btn-cancel,.cdp-btn-submit,.cdp-btn-delete{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.cdp-btn-cancel{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.cdp-btn-cancel:hover{color:var(--text-primary);background:#ffffff1a}.cdp-btn-submit{background:var(--accent-gradient);color:#fff;border:none}.cdp-btn-submit:hover{box-shadow:0 8px 24px #e67e2266}.cdp-btn-submit:disabled,.cdp-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.cdp-btn-delete{color:#fff;background:#e74c3c;border:none}.cdp-btn-delete:hover{background:#c0392b}.cdp-confirm-modal{background:var(--bg-secondary);text-align:center;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:400px;padding:32px}.cdp-confirm-icon{background:#e74c3c1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.cdp-confirm-icon svg{color:#e74c3c}.cdp-confirm-modal h3{color:var(--text-primary);margin:0 0 8px;font-size:1.3rem;font-weight:700}.cdp-confirm-modal p{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem}.cdp-confirm-actions{gap:12px;display:flex}@media (max-width:1024px){.cdp-content{grid-template-columns:1fr}.cdp-payments{position:static}.cdp-contract-grid{grid-template-columns:1fr}}@media (max-width:768px){.cdp-header{flex-direction:column;align-items:flex-start}.cdp-header-actions{width:100%}.cdp-edit-btn,.cdp-delete-btn{flex:1;justify-content:center}.cdp-card-grid{grid-template-columns:1fr}.cdp-company-avatar{width:52px;height:52px;font-size:1.3rem}.cdp-company-info h1{font-size:1.2rem}.cdp-form-row{grid-template-columns:1fr}.cdp-payments-header{flex-direction:column;align-items:stretch;gap:12px}.cdp-add-payment-btn{justify-content:center}}[data-theme=light] .cdp-loading,[data-theme=light] .cdp-not-found{color:#64748b}[data-theme=light] .cdp-not-found h2{color:#1a1a2e}[data-theme=light] .cdp-header{border-bottom-color:#0000000f}[data-theme=light] .cdp-back-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .cdp-back-btn:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .cdp-company-info h1{color:#1a1a2e}[data-theme=light] .cdp-company-type{color:#64748b;background:#0000000d}[data-theme=light] .cdp-card{background:#fffc;border-color:#0000000f}[data-theme=light] .cdp-card-header{border-bottom-color:#0000000f}[data-theme=light] .cdp-card-header h3{color:#1a1a2e}[data-theme=light] .cdp-info-item{background:#00000005}[data-theme=light] .cdp-info-label{color:#64748b}[data-theme=light] .cdp-info-value{color:#1a1a2e}[data-theme=light] .cdp-contract-item{background:#00000005}[data-theme=light] .cdp-contract-item svg{color:#64748b}[data-theme=light] .cdp-contract-item.highlight{background:linear-gradient(135deg,#e67e221a,#d354000d);border-color:#e67e2226}[data-theme=light] .cdp-contract-label{color:#64748b}[data-theme=light] .cdp-contract-value,[data-theme=light] .cdp-notes{color:#1a1a2e}[data-theme=light] .cdp-payments{background:#fffc;border-color:#0000000f}[data-theme=light] .cdp-payments-header{background:#00000005;border-bottom-color:#0000000f}[data-theme=light] .cdp-payments-title h3{color:#1a1a2e}[data-theme=light] .cdp-no-payments{color:#64748b}[data-theme=light] .cdp-no-payments button{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .cdp-no-payments button:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .cdp-payment-item{background:#00000005;border-color:#0000000f}[data-theme=light] .cdp-payment-item:hover{background:#0000000a;border-color:#0000001a}[data-theme=light] .cdp-payment-amount{color:#1a1a2e}[data-theme=light] .cdp-payment-date{color:#64748b}[data-theme=light] .cdp-payment-desc{color:#1a1a2e}[data-theme=light] .cdp-modal,[data-theme=light] .cdp-confirm-modal{background:#fff;border-color:#0000001a}[data-theme=light] .cdp-modal-close{color:#64748b;background:#00000008}[data-theme=light] .cdp-modal-close:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .cdp-modal-header h2{color:#1a1a2e}[data-theme=light] .cdp-modal-header p,[data-theme=light] .cdp-form-field label{color:#64748b}[data-theme=light] .cdp-input-wrapper input,[data-theme=light] .cdp-input-wrapper.textarea textarea,[data-theme=light] .cdp-select-wrapper select,[data-theme=light] .cdp-form-field textarea{color:#1a1a2e;background:#00000008;border-color:#0000001a}[data-theme=light] .cdp-input-wrapper input:focus,[data-theme=light] .cdp-input-wrapper.textarea textarea:focus,[data-theme=light] .cdp-select-wrapper select:focus,[data-theme=light] .cdp-form-field textarea:focus{background:#0000000d}[data-theme=light] .cdp-select-wrapper select option{color:#1a1a2e;background:#fff}[data-theme=light] .cdp-modal-actions{border-top-color:#00000014}[data-theme=light] .cdp-btn-cancel{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .cdp-btn-cancel:hover{color:#1a1a2e;background:#0000000f}[data-theme=light] .cdp-confirm-modal h3{color:#1a1a2e}[data-theme=light] .cdp-confirm-modal p{color:#64748b}[data-theme=light] .cdp-pagination{border-top-color:#0000000f}[data-theme=light] .cdp-page-btn{color:#64748b;background:#00000008;border-color:#0000001a}[data-theme=light] .cdp-page-btn:hover:not(:disabled){color:#1a1a2e;background:#0000000f}[data-theme=light] .cdp-page-num{color:#64748b;background:#00000005;border-color:#00000014}[data-theme=light] .cdp-page-num:hover:not(.active){color:#1a1a2e;background:#0000000d}