@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--auth-primary:#6366f1;--auth-primary-dark:#4f46e5;--auth-primary-light:#818cf8;--auth-accent:#f472b6;--auth-bg-dark:#0f0f23;--auth-bg-card:#ffffff08;--auth-border:#ffffff14;--auth-text:#e2e8f0;--auth-text-muted:#94a3b8;--auth-input-bg:#ffffff0d;--auth-success:#10b981;--auth-error:#ef4444}.auth-page{align-items:center;background:#0f0f23;background:var(--auth-bg-dark);display:flex;font-family:Outfit,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 20%,#f472b61f 0,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f614 0,#0000 40%);height:200%;left:-50%;top:-50%;width:200%}.auth-page:after,.auth-page:before{content:"";position:absolute;z-index:0}.auth-page:after{background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:40px 40px;inset:0}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.auth-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--auth-bg-card);border:1px solid #ffffff14;border:1px solid var(--auth-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d;margin:1rem;max-width:420px;padding:3rem;position:relative;width:100%;z-index:1}.auth-logo{align-items:center;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#f472b6);background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));border-radius:16px;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.auth-title{color:#e2e8f0;color:var(--auth-text);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:#94a3b8;color:var(--auth-text-muted);font-size:.95rem;margin:0 0 2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{position:relative}.auth-label{color:#94a3b8;color:var(--auth-text-muted);display:block;font-size:.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.auth-input{background:#ffffff0d;background:var(--auth-input-bg);border:1px solid #ffffff14;border:1px solid var(--auth-border);border-radius:12px;box-sizing:border-box;color:#e2e8f0;color:var(--auth-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.auth-input::placeholder{color:#94a3b8;color:var(--auth-text-muted);opacity:.6}.auth-input:hover{background:#ffffff12;border-color:#ffffff26}.auth-input:focus{background:#6366f114;border-color:#6366f1;border-color:var(--auth-primary);box-shadow:0 0 0 3px #6366f126}.auth-input-icon{color:#94a3b8;color:var(--auth-text-muted);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.auth-input:focus+.auth-input-icon{color:#6366f1;color:var(--auth-primary)}.auth-button{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--auth-primary),var(--auth-primary-dark));border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.auth-button:before{background:linear-gradient(135deg,#818cf8,#f472b6);background:linear-gradient(135deg,var(--auth-primary-light),var(--auth-accent));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.auth-button:hover{box-shadow:0 10px 40px -10px #6366f180;transform:translateY(-2px)}.auth-button:hover:before{opacity:1}.auth-button:active{transform:translateY(0)}.auth-button span{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative;z-index:1}.auth-divider{align-items:center;color:#94a3b8;color:var(--auth-text-muted);display:flex;font-size:.85rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#ffffff14;background:var(--auth-border);content:"";flex:1 1;height:1px}.auth-divider span{padding:0 1rem}.auth-link{color:#818cf8;color:var(--auth-primary-light);font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#f472b6;color:var(--auth-accent)}.auth-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--auth-border);color:#94a3b8;color:var(--auth-text-muted);font-size:.9rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-input-group.focused .auth-label{color:#818cf8;color:var(--auth-primary-light)}.auth-button.loading{opacity:.8;pointer-events:none}.auth-button.loading span{visibility:hidden}.auth-button.loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.auth-error{align-items:center;color:#ef4444;color:var(--auth-error);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}@media (max-width:480px){.auth-card{border-radius:20px;margin:1rem;padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.auth-input{padding:.875rem 1rem}}.auth-form>*{animation:fadeInUp .5s ease backwards}.auth-form>:first-child{animation-delay:.1s}.auth-form>:nth-child(2){animation-delay:.2s}.auth-form>:nth-child(3){animation-delay:.3s}.auth-form>:nth-child(4){animation-delay:.4s}.auth-form>:nth-child(5){animation-delay:.5s}:root{--modal-primary:#6366f1;--modal-primary-dark:#4f46e5;--modal-primary-light:#818cf8;--modal-danger:#ef4444;--modal-danger-dark:#dc2626;--modal-bg-overlay:#000000b3;--modal-bg-card:#171723f2;--modal-border:#ffffff1a;--modal-text:#e2e8f0;--modal-text-muted:#94a3b8}.modal-overlay{animation:fadeIn .2s ease;background:#000000b3;background:var(--modal-bg-overlay);inset:0;padding:1rem}.modal-card{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#171723f2;background:var(--modal-bg-card);border:1px solid #ffffff1a;border:1px solid var(--modal-border);border-radius:20px;box-shadow:0 25px 60px -15px #00000080,inset 0 0 0 1px #ffffff0d;font-family:Outfit,sans-serif;max-width:420px;padding:2rem;position:relative;width:100%}.modal-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:#ef444426;border:1px solid #ef44444d;border-radius:50%;display:flex;font-size:1.5rem;height:56px;justify-content:center;margin:0 auto 1.25rem;width:56px}.modal-icon.warning{background:#fbbf2426;border-color:#fbbf244d}.modal-icon.info{background:#6366f126;border-color:#6366f14d}.modal-icon.success{background:#10b98126;border-color:#10b9814d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-content{margin-bottom:1.75rem;text-align:center}.modal-title{color:#e2e8f0;color:var(--modal-text);font-size:1.375rem;letter-spacing:-.01em;margin:0 0 .5rem}.modal-message{color:#94a3b8;color:var(--modal-text-muted);font-size:.95rem;line-height:1.6;margin:0}.modal-actions{display:flex;gap:.75rem}.modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.modal-btn-cancel{background:#ffffff14;border:1px solid #ffffff1a;border:1px solid var(--modal-border);color:#e2e8f0;color:var(--modal-text)}.modal-btn-cancel:hover{background:#ffffff1f;border-color:#fff3}.modal-btn-cancel:active{transform:scale(.98)}.modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--modal-danger),var(--modal-danger-dark));box-shadow:0 4px 15px -3px #ef444466;color:#fff}.modal-btn-confirm:hover{box-shadow:0 8px 25px -5px #ef444480;transform:translateY(-2px)}.modal-btn-confirm:active{transform:translateY(0)}.modal-btn-confirm.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--modal-primary),var(--modal-primary-dark));box-shadow:0 4px 15px -3px #6366f166}.modal-btn-confirm.primary:hover{box-shadow:0 8px 25px -5px #6366f180}.modal-close{border:none;border-radius:8px;color:var(--modal-text-muted);height:32px;position:absolute;right:1rem;top:1rem;width:32px}.modal-close:hover{background:#ffffff1a;color:#e2e8f0;color:var(--modal-text)}@media (max-width:480px){.modal-card{margin:.5rem;padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%}}:root{--pl-primary:#6366f1;--pl-primary-dark:#4f46e5;--pl-primary-light:#818cf8;--pl-accent:#22d3ee;--pl-accent-pink:#f472b6;--pl-accent-orange:#fb923c;--pl-bg-dark:#08080f;--pl-bg-surface:#ffffff05;--pl-border:#ffffff0f;--pl-text:#f1f5f9;--pl-text-muted:#94a3b8;--pl-danger:#ef4444;--pl-success:#10b981}.projects-page{background:#08080f;background:var(--pl-bg-dark);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.projects-page:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,#6366f126,#0000),radial-gradient(ellipse 60% 40% at 100% 0,#22d3ee14,#0000),radial-gradient(ellipse 50% 30% at 0 100%,#f472b614,#0000);content:"";height:100%;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.projects-container{margin:0 auto;max-width:1400px;padding:3rem 2rem;position:relative;z-index:1}.projects-header{animation:fadeIn .6s ease;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.projects-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.projects-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.projects-title-group{display:flex;flex-direction:column;gap:.5rem}.projects-title{align-items:center;color:#f1f5f9;color:var(--pl-text);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;letter-spacing:-.03em;margin:0}.projects-title-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#22d3ee);background:linear-gradient(135deg,var(--pl-primary),var(--pl-accent));border-radius:16px;box-shadow:0 10px 40px -10px #6366f180;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.projects-subtitle{color:#94a3b8;color:var(--pl-text-muted);font-size:1.1rem;margin:0}.nav-link-btn{background:var(--pl-bg-surface);border:1px solid var(--pl-border);color:var(--pl-text)}.nav-link-btn:hover{background:#22d3ee0d;border-color:#22d3ee;border-color:var(--pl-accent);box-shadow:0 5px 20px -5px #22d3ee4d}.projects-create-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--pl-primary),var(--pl-primary-dark));border:none;border-radius:14px;box-shadow:0 4px 20px -5px #6366f166;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;text-decoration:none;transition:all .3s ease}.projects-create-btn:hover{box-shadow:0 10px 40px -10px #6366f199;transform:translateY(-3px)}.projects-create-btn:active{transform:translateY(-1px)}.projects-search-bar{max-width:500px;position:relative}.projects-search-icon{color:#94a3b8;color:var(--pl-text-muted);font-size:1.1rem;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.projects-search-input{background:#ffffff05;background:var(--pl-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pl-border);border-radius:14px;box-sizing:border-box;color:#f1f5f9;color:var(--pl-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:1rem 1.25rem 1rem 3.25rem;transition:all .3s ease;width:100%}.projects-search-input::placeholder{color:#94a3b8;color:var(--pl-text-muted);opacity:.6}.projects-search-input:hover{background:#ffffff0a;border-color:#ffffff1a}.projects-search-input:focus{background:#6366f10d;border-color:#6366f1;border-color:var(--pl-primary);box-shadow:0 0 0 3px #6366f11a}.projects-search-input:focus+.projects-search-icon{color:#818cf8;color:var(--pl-primary-light)}.projects-stats{display:flex;flex-wrap:wrap;gap:1rem}.projects-stat{align-items:center;background:#ffffff05;background:var(--pl-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pl-border);border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.projects-stat-icon{font-size:1.25rem}.projects-stat-value{color:#f1f5f9;color:var(--pl-text);font-size:1.25rem;font-weight:700}.projects-stat-label{color:#94a3b8;color:var(--pl-text-muted);font-size:.85rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.project-card{animation:cardAppear .5s ease backwards;background:#ffffff05;background:var(--pl-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pl-border);border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card:hover{border-color:#ffffff1f;box-shadow:0 25px 50px -15px #00000080,inset 0 0 0 1px #ffffff0d;transform:translateY(-8px)}.project-card:first-child{animation-delay:.05s}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.3s}.project-card:nth-child(7){animation-delay:.35s}.project-card:nth-child(8){animation-delay:.4s}.project-card-accent{background:linear-gradient(90deg,#6366f1,#22d3ee,#f472b6);background:linear-gradient(90deg,var(--pl-primary),var(--pl-accent),var(--pl-accent-pink));background-size:200% 100%;height:4px;transition:background-position .5s ease}.project-card:hover .project-card-accent{background-position:100% 0}.project-card-content{padding:1.75rem}.project-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.project-card-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.project-card-menu{position:relative}.project-card-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--pl-text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.project-card-menu-btn:hover{background:#ffffff14;color:#f1f5f9;color:var(--pl-text)}.project-card-title{color:#f1f5f9;color:var(--pl-text);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}.project-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--pl-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;min-height:2.9em;overflow:hidden}.project-card-meta{border-top:1px solid #ffffff0f;border-top:1px solid var(--pl-border);display:flex;gap:1rem;margin-top:1.25rem;padding-top:1.25rem}.project-card-meta-item{align-items:center;color:#94a3b8;color:var(--pl-text-muted);display:flex;font-size:.8rem;gap:.4rem}.project-card-meta-icon{font-size:.9rem}.project-card-actions{display:flex;gap:.75rem;margin-top:1.5rem}.project-card-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.project-card-btn-view{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--pl-primary),var(--pl-primary-dark));color:#fff}.project-card-btn-view:hover{box-shadow:0 5px 20px -5px #6366f180;transform:translateY(-2px)}.project-card-btn-delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pl-danger)}.project-card-btn-delete:hover{background:#ef444433;border-color:#ef44444d}.projects-empty{align-items:center;animation:fadeIn .6s ease;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.projects-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.projects-empty-title{color:#f1f5f9;color:var(--pl-text);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.projects-empty-text{color:#94a3b8;color:var(--pl-text-muted);font-size:1rem;margin:0 0 2rem;max-width:400px}@media (max-width:768px){.projects-container{padding:2rem 1rem}.projects-header-top{align-items:stretch;flex-direction:column}.projects-title{font-size:1.75rem}.projects-title-icon{font-size:1.25rem;height:44px;width:44px}.projects-create-btn{justify-content:center}.projects-grid{grid-template-columns:1fr}.projects-stats{flex-direction:column}}@media (max-width:480px){.project-card-content{padding:1.25rem}.project-card-actions{flex-direction:column}.project-card-btn{width:100%}}:root{--cp-primary:#6366f1;--cp-primary-dark:#4f46e5;--cp-primary-light:#818cf8;--cp-accent:#22d3ee;--cp-accent-secondary:#a855f7;--cp-bg-dark:#0a0a1a;--cp-bg-card:#ffffff08;--cp-border:#ffffff14;--cp-text:#e2e8f0;--cp-text-muted:#94a3b8;--cp-input-bg:#ffffff0d;--cp-success:#10b981}.create-project-page{align-items:center;background:#0a0a1a;background:var(--cp-bg-dark);display:flex;font-family:Outfit,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.create-project-page:before{animation:float1 15s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-200px;top:-200px;width:600px}.create-project-page:after{animation:float2 18s ease-in-out infinite;background:radial-gradient(circle,#22d3ee1a 0,#0000 70%);border-radius:50%;bottom:-150px;content:"";height:500px;left:-150px;position:absolute;width:500px}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}.create-project-page .grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;inset:0;position:absolute;z-index:0}.create-project-card{animation:cardSlide .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--cp-bg-card);border:1px solid #ffffff14;border:1px solid var(--cp-border);border-radius:28px;box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #ffffff0d;max-width:560px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes cardSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.create-project-header{background:linear-gradient(135deg,#6366f11a,#a855f70d);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--cp-border);padding:2.5rem 2.5rem 2rem;position:relative}.create-project-header:before{background:linear-gradient(90deg,#6366f1,#22d3ee,#a855f7);background:linear-gradient(90deg,var(--cp-primary),var(--cp-accent),var(--cp-accent-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.create-project-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--cp-primary),var(--cp-accent-secondary));border-radius:16px;box-shadow:0 10px 30px -10px #6366f180;display:flex;font-size:1.75rem;height:60px;justify-content:center;margin-bottom:1.25rem;width:60px}.create-project-title{color:#e2e8f0;color:var(--cp-text);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.create-project-subtitle{color:#94a3b8;color:var(--cp-text-muted);font-size:.95rem;line-height:1.5;margin:0}.create-project-body{padding:2rem 2.5rem 2.5rem}.create-project-form{display:flex;flex-direction:column;gap:1.5rem}.cp-input-group{position:relative}.cp-label{align-items:center;color:#94a3b8;color:var(--cp-text-muted);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:.625rem;text-transform:uppercase}.cp-label-icon{font-size:.9rem}.cp-input{background:#ffffff0d;background:var(--cp-input-bg);border:1px solid #ffffff14;border:1px solid var(--cp-border);border-radius:14px;box-sizing:border-box;color:#e2e8f0;color:var(--cp-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.cp-input::placeholder{color:#94a3b8;color:var(--cp-text-muted);opacity:.5}.cp-input:hover{background:#ffffff12;border-color:#ffffff26}.cp-input:focus{background:#6366f114;border-color:#6366f1;border-color:var(--cp-primary);box-shadow:0 0 0 3px #6366f126}.cp-textarea{line-height:1.6;min-height:100px;resize:vertical}.cp-select{-webkit-appearance:none;appearance:none;background:#ffffff0d;background:var(--cp-input-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:18px;border:1px solid #ffffff14;border:1px solid var(--cp-border);border-radius:14px;box-sizing:border-box;color:#e2e8f0;color:var(--cp-text);cursor:pointer;font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:1rem 3rem 1rem 1.25rem;transition:all .3s ease;width:100%}.cp-select:hover{background-color:#ffffff12;border-color:#ffffff26}.cp-select:focus{background-color:#6366f114;border-color:#6366f1;border-color:var(--cp-primary);box-shadow:0 0 0 3px #6366f126}.cp-select option{background:#1a1a2e;color:#e2e8f0;color:var(--cp-text);padding:.5rem}.cp-hint{color:#94a3b8;color:var(--cp-text-muted);font-size:.8rem;margin-top:.5rem;opacity:.7}.create-project-actions{display:flex;gap:1rem;margin-top:.5rem}.cp-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.cp-btn-secondary{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--cp-border);color:#e2e8f0;color:var(--cp-text)}.cp-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.cp-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-dark));color:#fff;overflow:hidden;position:relative}.cp-btn-primary:before{background:linear-gradient(135deg,#22d3ee,#818cf8);background:linear-gradient(135deg,var(--cp-accent),var(--cp-primary-light));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.cp-btn-primary:hover{box-shadow:0 15px 35px -10px #6366f180;transform:translateY(-2px)}.cp-btn-primary:hover:before{opacity:1}.cp-btn-primary:active{transform:translateY(0)}.cp-btn-primary span{align-items:center;display:flex;gap:.5rem;position:relative;z-index:1}.cp-btn-primary.loading{opacity:.8;pointer-events:none}.cp-btn-primary.loading span{visibility:hidden}.cp-btn-primary.loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:22px;position:absolute;width:22px}.cp-back-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--cp-border);border-radius:12px;color:#94a3b8;color:var(--cp-text-muted);display:flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;left:2rem;padding:.75rem 1.25rem;position:absolute;text-decoration:none;top:2rem;transition:all .3s ease;z-index:2}.cp-back-link:hover{background:#ffffff1a;border-color:#fff3;color:#e2e8f0;color:var(--cp-text);transform:translateX(-3px)}.create-project-form>*{animation:fadeInUp .5s ease backwards}.create-project-form>:first-child{animation-delay:.1s}.create-project-form>:nth-child(2){animation-delay:.2s}.create-project-form>:nth-child(3){animation-delay:.3s}.create-project-form>:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.create-project-page{padding:1rem}.create-project-card{border-radius:20px}.create-project-body,.create-project-header{padding:1.5rem}.create-project-title{font-size:1.5rem}.create-project-actions{flex-direction:column-reverse}.cp-back-link{font-size:.85rem;left:1rem;padding:.5rem 1rem;top:1rem}}.cp-error{align-items:center;color:red;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}:root{--pv-primary:#6366f1;--pv-primary-dark:#4f46e5;--pv-primary-light:#818cf8;--pv-accent:#22d3ee;--pv-accent-pink:#f472b6;--pv-accent-green:#10b981;--pv-accent-orange:#fb923c;--pv-bg-dark:#08080f;--pv-bg-surface:#ffffff05;--pv-bg-card:#ffffff08;--pv-border:#ffffff0f;--pv-text:#f1f5f9;--pv-text-muted:#94a3b8;--pv-danger:#ef4444}.project-view-page{background:#08080f;background:var(--pv-bg-dark);font-family:Outfit,sans-serif;min-height:100vh;position:relative}.project-view-page:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,#6366f11f,#0000),radial-gradient(ellipse 60% 40% at 100% 50%,#22d3ee0f,#0000);content:"";height:100%;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.project-view-container{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.project-view-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{border:3px solid var(--pv-border);border-top-color:var(--pv-primary)}.loading-text{color:var(--pv-text-muted)}.project-view-back{align-items:center;background:#ffffff05;background:var(--pv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:12px;color:#94a3b8;color:var(--pv-text-muted);display:inline-flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.project-view-back:hover{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9;color:var(--pv-text);transform:translateX(-5px)}.project-view-header{animation:slideUp .5s ease;background:#ffffff08;background:var(--pv-bg-card);border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:24px;margin-bottom:2rem;overflow:hidden;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-view-header-accent{background:linear-gradient(90deg,#6366f1,#22d3ee,#f472b6);background:linear-gradient(90deg,var(--pv-primary),var(--pv-accent),var(--pv-accent-pink));height:4px}.project-view-header-content{padding:2.5rem}.project-view-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.project-view-title-group{align-items:flex-start;display:flex;gap:1.5rem}.project-view-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#22d3ee);background:linear-gradient(135deg,var(--pv-primary),var(--pv-accent));border-radius:20px;box-shadow:0 15px 40px -10px #6366f166;display:flex;flex-shrink:0;font-size:2rem;height:72px;justify-content:center;width:72px}.project-view-title-text{display:flex;flex-direction:column;gap:.5rem}.project-view-title{color:#f1f5f9;color:var(--pv-text);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0}.project-view-description{color:#94a3b8;color:var(--pv-text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:600px}.project-view-actions{display:flex;gap:.75rem}.pv-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.pv-action-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--pv-primary),var(--pv-primary-dark));box-shadow:0 4px 15px -3px #6366f166;color:#fff}.pv-action-btn-primary:hover{box-shadow:0 8px 25px -5px #6366f180;transform:translateY(-2px)}.pv-action-btn-secondary{background:#ffffff0d;border:1px solid #ffffff0f;border:1px solid var(--pv-border);color:#f1f5f9;color:var(--pv-text)}.pv-action-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.pv-action-btn-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pv-danger)}.pv-action-btn-danger:hover{background:#ef444426;border-color:#ef44444d}.pv-action-btn-export{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--pv-accent-green)}.pv-action-btn-export:hover{background:#10b98133;border-color:#10b98166;transform:translateY(-2px)}.pv-action-btn-export:disabled{cursor:not-allowed;opacity:.6;transform:none}.export-chevron{font-size:.7rem;margin-left:.25rem;transition:transform .2s ease}.export-dropdown{position:relative}.export-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#141423fa;border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:12px;box-shadow:0 10px 40px -10px #00000080;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#f1f5f9;color:var(--pv-text);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.export-dropdown-menu button:hover{background:#10b98126;color:#10b981;color:var(--pv-accent-green)}.export-dropdown-menu button:disabled{cursor:not-allowed;opacity:.5}.export-dropdown-menu button span{font-size:1rem}.project-view-meta{border-top:1px solid #ffffff0f;border-top:1px solid var(--pv-border);display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:2rem}.project-view-meta-item{display:flex;flex-direction:column;gap:.25rem}.project-view-meta-label{color:#94a3b8;color:var(--pv-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-view-meta-value{align-items:center;color:#f1f5f9;color:var(--pv-text);display:flex;font-size:1rem;font-weight:500;gap:.5rem}.project-view-meta-icon{font-size:1.1rem}.project-view-status{align-items:center;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.project-view-status.active{background:#10b98126;color:#10b981;color:var(--pv-accent-green)}.project-view-status.draft{background:#fb923c26;color:#fb923c;color:var(--pv-accent-orange)}.project-view-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 380px}.project-view-section{animation:slideUp .5s ease backwards;background:#ffffff08;background:var(--pv-bg-card);border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:20px;overflow:hidden}.project-view-section:first-child{animation-delay:.1s}.project-view-section:nth-child(2){animation-delay:.2s}.project-view-section-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--pv-border);display:flex;justify-content:space-between;padding:1.5rem 1.75rem}.project-view-section-title{align-items:center;color:#f1f5f9;color:var(--pv-text);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin:0}.project-view-section-icon{font-size:1.25rem}.project-view-section-badge{background:#6366f126;border-radius:6px;font-size:.8rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 .5rem}.project-view-section-action,.project-view-section-badge{align-items:center;color:#818cf8;color:var(--pv-primary-light);display:flex}.project-view-section-action{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.project-view-section-action:hover{background:#6366f133;border-color:#6366f14d}.project-view-section-content{padding:1.5rem 1.75rem}.pages-list{display:flex;flex-direction:column;gap:.75rem}.page-item{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease}.page-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateX(5px)}.page-item-icon{align-items:center;background:#6366f11a;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.page-item-info{flex:1 1;min-width:0}.page-item-name{color:#f1f5f9;color:var(--pv-text);font-size:.95rem;font-weight:500;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item-meta{font-size:.8rem}.page-item-arrow,.page-item-meta{color:#94a3b8;color:var(--pv-text-muted)}.page-item-arrow{transition:transform .2s ease}.page-item:hover .page-item-arrow{color:#818cf8;color:var(--pv-primary-light);transform:translateX(3px)}.pages-empty{align-items:center;display:flex;flex-direction:column;padding:3rem 2rem;text-align:center}.pages-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.pages-empty-title{color:#f1f5f9;color:var(--pv-text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.pages-empty-text{color:#94a3b8;color:var(--pv-text-muted);font-size:.9rem;margin:0 0 1.5rem}.project-view-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#ffffff08;background:var(--pv-bg-card);border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:16px;padding:1.5rem}.info-card-title{align-items:center;color:#f1f5f9;color:var(--pv-text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem}.info-card-icon{font-size:1rem}.screen-preview{align-items:center;display:flex;flex-direction:column;gap:1rem}.screen-preview-box{align-items:center;aspect-ratio:16/9;aspect-ratio:var(--screen-ratio,16/9);background:linear-gradient(135deg,#6366f11a,#22d3ee1a);border:2px solid #ffffff0f;border:2px solid var(--pv-border);border-radius:8px;display:flex;justify-content:center;max-width:200px;position:relative;width:100%}.screen-preview-label{color:#94a3b8;color:var(--pv-text-muted);font-size:.8rem;font-weight:600}.screen-preview-dimensions{color:#f1f5f9;color:var(--pv-text);font-size:1.1rem;font-weight:600}.info-list{display:flex;flex-direction:column;gap:1rem}.info-list-item{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--pv-border);display:flex;justify-content:space-between;padding-bottom:1rem}.info-list-item:last-child{border-bottom:none;padding-bottom:0}.info-list-label{color:#94a3b8;color:var(--pv-text-muted);font-size:.85rem}.info-list-value{color:#f1f5f9;color:var(--pv-text);font-size:.9rem;font-weight:500}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--pv-border);border-radius:10px;color:#f1f5f9;color:var(--pv-text);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.quick-action-btn:hover{background:#ffffff0f;border-color:#ffffff1f}.quick-action-icon{font-size:1.1rem}@media (max-width:1024px){.project-view-grid{grid-template-columns:1fr}.project-view-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.project-view-container{padding:1rem}.project-view-header-content{padding:1.5rem}.project-view-header-top{align-items:stretch;flex-direction:column}.project-view-title-group{align-items:flex-start;flex-direction:column}.project-view-title{font-size:1.5rem}.project-view-actions{flex-wrap:wrap}.pv-action-btn{flex:1 1;justify-content:center;min-width:140px}.project-view-meta{gap:1.5rem}.project-view-sidebar{grid-template-columns:1fr}}.project-view-grid-colors{gap:2rem;margin-top:2rem}.color-item-btn{background:#6366f1;background:var(--pv-primary);border:none;border-radius:8px;color:#f1f5f9;color:var(--pv-text);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.color-item-color{border:none;border-radius:8px;height:40px;margin:1rem 0;width:40px}.color-item-btn:hover{background:#4f46e5;background:var(--pv-primary-dark)}.colors-list{display:flex;flex-direction:row;gap:1rem}.color-item{align-items:center;display:flex;gap:1rem}.color-item-btn-delete{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--pv-danger);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.color-item-btn-delete:hover{background:#ef444433;border-color:#ef44444d}.quick-action-btn.stats-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--pv-primary),#7c3aed);border-color:#6366f1;border-color:var(--pv-primary);color:#fff}.quick-action-btn.stats-btn:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);background:linear-gradient(135deg,#7c3aed,var(--pv-primary));box-shadow:0 8px 20px -5px #6366f166;transform:translateY(-2px)}.quick-action-btn.deploy-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.quick-action-btn.deploy-btn:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 20px -5px #10b98166;transform:translateY(-2px)}.pv-action-btn-green-light{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.pv-action-btn-green-light:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 20px -5px #10b98166;transform:translateY(-2px)}:root{--stats-bg:#0f0f1a;--stats-card:#1a1a2e;--stats-border:#6366f133;--stats-primary:#6366f1;--stats-accent:#22d3ee;--stats-text:#e5e7eb;--stats-text-muted:#9ca3af;--stats-success:#10b981}.stats-page{background:#0f0f1a;background:var(--stats-bg);background-image:radial-gradient(ellipse at top left,#6366f114 0,#0000 50%),radial-gradient(ellipse at bottom right,#22d3ee0d 0,#0000 50%);color:#e5e7eb;color:var(--stats-text);font-family:Outfit,sans-serif;min-height:100vh;padding:2rem}.stats-container{margin:0 auto;max-width:1600px}.stats-error,.stats-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{border:3px solid #6366f133;border-top:3px solid var(--stats-primary);height:50px;width:50px}.stats-error .error-icon{font-size:3rem}.back-link{color:#6366f1;color:var(--stats-primary);text-decoration:none;transition:color .2s}.back-link:hover{color:#22d3ee;color:var(--stats-accent)}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.stats-header-left{align-items:center;display:flex;gap:1.5rem}.back-btn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border:1px solid var(--stats-border);border-radius:10px;color:#e5e7eb;color:var(--stats-text);display:inline-flex;font-size:.9rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:#6366f133;border-color:#6366f1;border-color:var(--stats-primary)}.stats-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e5e7eb,#6366f1);background:linear-gradient(135deg,var(--stats-text),var(--stats-primary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.project-name{background:#6366f126;border-radius:20px;color:#6366f1;color:var(--stats-primary);font-size:.9rem;padding:.4rem 1rem}.stats-header-right{display:flex;gap:.75rem}.export-btn{align-items:center;background:linear-gradient(135deg,#374151,#1f2937);border:1px solid #4b556380;border-radius:10px;color:#e5e7eb;color:var(--stats-text);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.export-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px)}.export-btn.stats{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--stats-primary),#4f46e5);border-color:#6366f1;border-color:var(--stats-primary)}.export-btn.stats:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);background:linear-gradient(135deg,#7c3aed,var(--stats-primary))}.stats-summary{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#1a1a2ecc);background:linear-gradient(135deg,var(--stats-card),#1a1a2ecc);border:1px solid #6366f133;border:1px solid var(--stats-border);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.summary-card:hover{border-color:#6366f1;border-color:var(--stats-primary);box-shadow:0 10px 40px -10px #6366f14d;transform:translateY(-4px)}.summary-icon{font-size:2.5rem;line-height:1}.summary-content{display:flex;flex-direction:column}.summary-value{color:#e5e7eb;color:var(--stats-text);font-size:2rem;font-weight:700;line-height:1.2}.summary-label{color:#9ca3af;color:var(--stats-text-muted);font-size:.85rem}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.chart-card{background:#1a1a2e;background:var(--stats-card);border:1px solid #6366f133;border:1px solid var(--stats-border);border-radius:16px;padding:1.5rem;transition:all .3s}.chart-card:hover{border-color:#6366f166}.chart-card.large{grid-column:span 2}.chart-card h3{color:#e5e7eb;color:var(--stats-text);font-size:1.1rem;font-weight:600;margin:0 0 1.25rem}.chart-wrapper{height:280px;position:relative}.chart-wrapper.doughnut{height:260px}.chart-card.large .chart-wrapper{height:320px}.no-data{align-items:center;color:#9ca3af;color:var(--stats-text-muted);display:flex;font-style:italic;height:100%;justify-content:center}.tables-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.data-table-card{background:#1a1a2e;background:var(--stats-card);border:1px solid #6366f133;border:1px solid var(--stats-border);border-radius:16px;overflow:hidden;padding:1.5rem}.data-table-card h3{color:#e5e7eb;color:var(--stats-text);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.table-wrapper{overflow-x:auto}.data-table-card table{border-collapse:collapse;width:100%}.data-table-card td,.data-table-card th{border-bottom:1px solid #4b55634d;padding:.75rem 1rem;text-align:left}.data-table-card th{color:#9ca3af;color:var(--stats-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.data-table-card td.rank{color:#6366f1;color:var(--stats-primary);font-weight:600;width:40px}.data-table-card td.name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-card td.count{font-weight:600;text-align:center;width:100px}.data-table-card td.percent{width:150px}.percent-bar{align-items:center;display:flex;gap:.5rem;position:relative}.percent-fill{background:linear-gradient(90deg,#6366f1,#22d3ee);background:linear-gradient(90deg,var(--stats-primary),var(--stats-accent));border-radius:3px;flex-shrink:0;height:6px;min-width:4px}.percent-fill.device{background:linear-gradient(90deg,#22d3ee,#10b981);background:linear-gradient(90deg,var(--stats-accent),var(--stats-success))}.percent-bar span{color:#9ca3af;color:var(--stats-text-muted);font-size:.8rem;white-space:nowrap}.data-table-card tbody tr:hover{background:#6366f10d}.data-table-card tbody tr:last-child td{border-bottom:none}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}}@media (max-width:900px){.stats-page{padding:1rem}.tables-grid{grid-template-columns:1fr}.stats-header{align-items:flex-start;flex-direction:column}.stats-header-left{flex-wrap:wrap}}@media (max-width:600px){.stats-summary{grid-template-columns:1fr}.summary-card{padding:1rem}.stats-header h1,.summary-value{font-size:1.5rem}.stats-header-right{flex-direction:column;width:100%}.export-btn{justify-content:center}}.movable-resizable{border:2px solid #94a3b8!important;border-radius:4px;cursor:move;position:absolute;transition:border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;z-index:1}.movable-resizable:hover{border-color:#6366f166}.movable-resizable.selected{border-color:#6366f1;box-shadow:0 0 0 1px #6366f14d;z-index:10}.movable-resizable.dragging{cursor:grabbing;opacity:.9;z-index:100}.movable-resizable.resizing{z-index:100}.movable-content{border-radius:2px;height:100%;overflow:hidden;pointer-events:none;width:100%}.resize-handle{background:#6366f1;border:2px solid #fff;border-radius:50%;position:absolute;transition:transform .1s ease,background .1s ease;z-index:20}.resize-handle:hover{background:#4f46e5;transform:scale(1.2)}.resize-handle-ne,.resize-handle-nw,.resize-handle-se,.resize-handle-sw{height:12px;width:12px}.resize-handle-nw{cursor:nw-resize;left:-6px;top:-6px}.resize-handle-ne{cursor:ne-resize;right:-6px;top:-6px}.resize-handle-sw{bottom:-6px;cursor:sw-resize;left:-6px}.resize-handle-se{bottom:-6px;cursor:se-resize;right:-6px}.resize-handle-e,.resize-handle-n,.resize-handle-s,.resize-handle-w{height:8px;width:8px}.resize-handle-n{cursor:n-resize;top:-4px}.resize-handle-n,.resize-handle-s{left:50%;transform:translateX(-50%)}.resize-handle-s{bottom:-4px;cursor:s-resize}.resize-handle-w{cursor:w-resize;left:-4px}.resize-handle-e,.resize-handle-w{top:50%;transform:translateY(-50%)}.resize-handle-e{cursor:e-resize;right:-4px}.resize-handle-n:hover,.resize-handle-s:hover{transform:translateX(-50%) scale(1.3)}.resize-handle-e:hover,.resize-handle-w:hover{transform:translateY(-50%) scale(1.3)}.size-tooltip{background:#000c;bottom:-28px;font-family:JetBrains Mono,monospace;font-weight:500;left:50%;padding:.25rem .5rem;transform:translateX(-50%)}.cell-type-badge,.size-tooltip{border-radius:4px;color:#fff;font-size:.7rem;pointer-events:none;position:absolute;white-space:nowrap;z-index:30}.cell-type-badge{background:#6366f1;font-family:Outfit,sans-serif;font-weight:600;left:0;padding:.2rem .5rem;text-transform:capitalize;top:-28px}.movable-content:empty:after{align-items:center;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 0,#f1f5f9 20px);color:#94a3b8;content:"Cellule vide";display:flex;font-size:.8rem;height:100%;justify-content:center;width:100%}.movable-resizable.dragging .movable-content{background:#6366f10d}@keyframes selectPulse{0%,to{box-shadow:0 0 0 1px #6366f14d}50%{box-shadow:0 0 0 3px #6366f133}}.movable-resizable.selected{animation:selectPulse 2s ease-in-out infinite}.movable-resizable.selected.dragging,.movable-resizable.selected.resizing{animation:none}.add-page-btn{align-items:center;background:#0000;border:1px dashed #ffffff26;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:.75rem;padding:.75rem;transition:all .2s ease;width:100%}.add-page-btn:hover{background:#6366f11a;border-color:#6366f166;border-style:solid;color:#f1f5f9}.add-page-icon{align-items:center;background:#6366f126;border-radius:6px;color:#6366f1;display:flex;font-size:1rem;font-weight:600;height:24px;justify-content:center;transition:all .2s ease;width:24px}.add-page-btn:hover .add-page-icon{background:#6366f140;transform:scale(1.1)}.add-page-text{flex:1 1;text-align:left}.add-page-form-wrapper{animation:slideDown .2s ease;margin-bottom:.75rem}.add-page-form{background:#6366f114;border:1px solid #6366f140;border-radius:12px;padding:1rem}.add-page-form-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.add-page-form-icon{font-size:1rem}.add-page-form-title{color:#f1f5f9;font-size:.85rem;font-weight:600}.add-page-input{background:#0003;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#f1f5f9;font-family:Outfit,sans-serif;font-size:.9rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.add-page-input::placeholder{color:#64748b}.add-page-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.add-page-input:disabled{cursor:not-allowed;opacity:.6}.add-page-actions{display:flex;gap:.5rem;margin-top:.75rem}.add-page-cancel-btn,.add-page-submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;gap:.35rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.add-page-cancel-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.add-page-cancel-btn:hover{background:#ffffff14;color:#f1f5f9}.add-page-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.add-page-submit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.add-page-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px -2px #6366f166;transform:translateY(-1px)}.add-page-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.add-page-submit-btn.loading{pointer-events:none}.add-page-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:320px){.add-page-actions{flex-direction:column}}.page-context-menu{animation:menuSlide .15s ease;background:#1e1e27;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px -10px #00000080,inset 0 0 0 1px #ffffff0d;min-width:180px;overflow:hidden;position:fixed;z-index:1000}@keyframes menuSlide{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pcm-header{padding:.75rem 1rem}.pcm-page-name{color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pcm-divider{background:#ffffff0f;height:1px;margin:0}.pcm-item{align-items:center;background:#0000;border:none;color:#f1f5f9;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease;width:100%}.pcm-item:hover{background:#ffffff0f}.pcm-item-icon{font-size:.95rem;text-align:center;width:20px}.pcm-item-text{flex:1 1}.pcm-item-danger{color:#ef4444}.pcm-item-danger:hover{background:#ef44441a}.pcm-item-duplicate{cursor:not-allowed;opacity:.5}.pcm-item-duplicate:hover{background:#0000}.pcm-rename-form{align-items:center;display:flex;gap:.5rem;padding:.75rem}.pcm-rename-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#f1f5f9;flex:1 1;font-family:Outfit,sans-serif;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:all .2s ease}.pcm-rename-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.pcm-rename-actions{display:flex;gap:.25rem}.pcm-rename-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.pcm-rename-cancel{background:#ffffff0d;color:#94a3b8}.pcm-rename-cancel:hover{background:#ffffff1a;color:#f1f5f9}.pcm-rename-confirm{background:#6366f1;color:#fff}.pcm-rename-confirm:hover:not(:disabled){background:#4f46e5}.pcm-rename-confirm:disabled{cursor:not-allowed;opacity:.5}.pcm-confirm{padding:1rem;text-align:center}.pcm-confirm-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.pcm-confirm-text{color:#f1f5f9;display:block;font-size:.9rem;margin-bottom:1rem}.pcm-confirm-actions{display:flex;gap:.5rem}.pcm-confirm-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;padding:.5rem .75rem;transition:all .15s ease}.pcm-confirm-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.pcm-confirm-cancel:hover{background:#ffffff1a;color:#f1f5f9}.pcm-confirm-delete{background:#ef4444;color:#fff}.pcm-confirm-delete:hover{background:#dc2626}:root{--ed-primary:#6366f1;--ed-primary-dark:#4f46e5;--ed-primary-light:#818cf8;--ed-accent:#22d3ee;--ed-accent-pink:#f472b6;--ed-accent-green:#10b981;--ed-accent-orange:#fb923c;--ed-bg-dark:#0d0d12;--ed-bg-panel:#16161d;--ed-bg-surface:#1e1e27;--ed-bg-hover:#252530;--ed-border:#ffffff14;--ed-border-light:#ffffff1f;--ed-text:#f1f5f9;--ed-text-muted:#94a3b8;--ed-text-dim:#64748b;--ed-danger:#ef4444;--ed-canvas-bg:#0a0a0e;--ed-grid-color:#ffffff08;--ed-selection:#6366f14d}.editor-page{background:#0d0d12;background:var(--ed-bg-dark);color:#f1f5f9;color:var(--ed-text);font-family:Outfit,sans-serif;height:100vh;overflow:hidden}.editor-loading,.editor-page{display:flex;flex-direction:column}.editor-loading{align-items:center;gap:1.5rem;height:100%;justify-content:center}.loading-spinner{border:3px solid #ffffff14;border-top-color:#6366f1;border:3px solid var(--ed-border);border-top-color:var(--ed-primary)}.loading-text{color:#94a3b8;color:var(--ed-text-muted);font-size:1rem}.editor-header{align-items:center;background:#16161d;background:var(--ed-bg-panel);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ed-border);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 1rem}.editor-header-left{align-items:center;display:flex;gap:1rem}.editor-back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--ed-text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.editor-back-btn:hover{background:#252530;background:var(--ed-bg-hover);color:#f1f5f9;color:var(--ed-text)}.editor-project-name{align-items:center;display:flex;gap:.75rem}.editor-project-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#22d3ee);background:linear-gradient(135deg,var(--ed-primary),var(--ed-accent));border-radius:8px;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.editor-project-title{color:#f1f5f9;color:var(--ed-text);font-size:.95rem;font-weight:600}.editor-header-center{align-items:center;display:flex;gap:.5rem}.editor-tool-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#94a3b8;color:var(--ed-text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.editor-tool-btn:hover{background:#252530;background:var(--ed-bg-hover);color:#f1f5f9;color:var(--ed-text)}.editor-tool-btn.active{background:#6366f126;border-color:#6366f14d;color:#818cf8;color:var(--ed-primary-light)}.editor-tool-divider{background:#ffffff14;background:var(--ed-border);height:24px;margin:0 .5rem;width:1px}.editor-header-right{align-items:center;display:flex;gap:.75rem}.editor-zoom-control{align-items:center;background:#1e1e27;background:var(--ed-bg-surface);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.editor-zoom-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--ed-text-muted);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.editor-zoom-btn:hover{background:#252530;background:var(--ed-bg-hover);color:#f1f5f9;color:var(--ed-text)}.editor-zoom-value{color:#f1f5f9;color:var(--ed-text);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;min-width:50px;text-align:center}.editor-save-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--ed-primary),var(--ed-primary-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.editor-save-btn:hover{box-shadow:0 4px 15px -3px #6366f166;transform:translateY(-1px)}.editor-container{display:flex;flex:1 1;overflow:hidden}.editor-sidebar{background:#16161d;background:var(--ed-bg-panel);border-right:1px solid #ffffff14;border-right:1px solid var(--ed-border);display:flex;flex-direction:column;flex-shrink:0;width:260px}.editor-sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ed-border);display:flex;justify-content:space-between;padding:1rem 1rem .75rem}.editor-sidebar-title{color:#94a3b8;color:var(--ed-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.editor-sidebar-content{flex:1 1;overflow-y:auto;padding:.75rem}.editor-sidebar-content::-webkit-scrollbar{width:6px}.editor-sidebar-content::-webkit-scrollbar-track{background:#0000}.editor-sidebar-content::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--ed-border);border-radius:3px}.editor-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff1f;background:var(--ed-border-light)}.pages-nav{display:flex;flex-direction:column;gap:.5rem}.page-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.page-nav-item:hover{background:#252530;background:var(--ed-bg-hover)}.page-nav-item.active{background:#6366f11a;border-color:#6366f14d}.page-nav-thumbnail{align-items:center;background:#1e1e27;background:var(--ed-bg-surface);border:1px solid #ffffff14;border:1px solid var(--ed-border);border-radius:6px;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;width:40px}.page-nav-item.active .page-nav-thumbnail{border-color:#6366f1;border-color:var(--ed-primary)}.page-nav-info{flex:1 1;min-width:0}.page-nav-name{color:#f1f5f9;color:var(--ed-text);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-nav-meta{color:#64748b;color:var(--ed-text-dim);font-size:.75rem;margin-top:.15rem}.page-nav-menu{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;color:var(--ed-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.page-nav-item:hover .page-nav-menu{opacity:1}.page-nav-menu:hover{background:#1e1e27;background:var(--ed-bg-surface);color:#f1f5f9;color:var(--ed-text)}.editor-main{background:#0a0a0e;background:var(--ed-canvas-bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.editor-canvas-wrapper{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-image:linear-gradient(var(--ed-grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--ed-grid-color) 1px,#0000 1px);background-size:20px 20px;flex:1 1;overflow:auto;padding:2rem}.editor-canvas-wrapper,.page-preview{align-items:center;display:flex;justify-content:center}#preview-screen,.page-preview{position:relative}#preview-screen{background:#fff;border-radius:4px;box-shadow:0 0 0 1px #0000001a,0 25px 80px -15px #00000080;overflow:hidden;transition:box-shadow .3s ease}#preview-screen:hover{box-shadow:0 0 0 2px #6366f1,0 30px 100px -20px #0009;box-shadow:0 0 0 2px var(--ed-primary),0 30px 100px -20px #0009}.editor-no-page{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem;text-align:center}.editor-no-page-icon{font-size:3rem;opacity:.4}.editor-no-page-text{color:#94a3b8;color:var(--ed-text-muted);font-size:1rem}.editor-no-page-hint{font-size:.85rem}.editor-footer,.editor-no-page-hint{color:#64748b;color:var(--ed-text-dim)}.editor-footer{align-items:center;background:#16161d;background:var(--ed-bg-panel);border-top:1px solid #ffffff14;border-top:1px solid var(--ed-border);display:flex;font-size:.75rem;height:32px;justify-content:space-between;padding:0 1rem}.editor-footer-left,.editor-footer-right{align-items:center;display:flex;gap:1rem}.editor-footer-item{align-items:center;display:flex;gap:.4rem}.editor-footer-dot{background:#10b981;background:var(--ed-accent-green);border-radius:50%;height:6px;width:6px}.editor-properties{background:#16161d;background:var(--ed-bg-panel);border-left:1px solid #ffffff14;border-left:1px solid var(--ed-border);display:flex;flex-direction:column;flex-shrink:0;width:280px}.editor-properties-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ed-border);padding:1rem}.editor-properties-title{color:#94a3b8;color:var(--ed-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.editor-properties-content{flex:1 1;overflow-y:auto;padding:1rem}.property-section{margin-bottom:1.5rem}.property-section-title{color:#64748b;color:var(--ed-text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.property-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.property-label{color:#94a3b8;color:var(--ed-text-muted);font-size:.8rem;width:60px}.property-input{background:#1e1e27;background:var(--ed-bg-surface);border:1px solid #ffffff14;border:1px solid var(--ed-border);border-radius:6px;color:#f1f5f9;color:var(--ed-text);flex:1 1;font-family:JetBrains Mono,monospace;font-size:.8rem;outline:none;padding:.5rem .75rem;transition:all .2s ease}.property-input:focus{border-color:#6366f1;border-color:var(--ed-primary);box-shadow:0 0 0 2px #6366f126}.property-input-small{width:60px}.editor-container{animation:fadeIn .3s ease}@media (max-width:1200px){.editor-properties{display:none}}@media (max-width:900px){.editor-sidebar{width:200px}.editor-header-center{display:none}}@media (max-width:600px){.editor-sidebar{display:none}}.cell-nav-thumbnail{align-items:center;background:#1e1e27;background:var(--ed-bg-surface);border:1px solid #ffffff14;border:1px solid var(--ed-border);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;margin-bottom:.5rem;transition:all .2s ease}.cell-nav-thumbnail:hover{background:#252530;background:var(--ed-bg-hover);border-color:#6366f1;border-color:var(--ed-primary)}.editor-sidebar-title.active{color:#6366f1;color:var(--ed-primary)}.editor-sidebar-title:hover{color:#f1f5f9;color:var(--ed-text);cursor:pointer}.property-button-delete{background:#ef4444;background:var(--ed-danger)}.property-button-center,.property-button-delete{border:none;border-radius:6px;color:#f1f5f9;color:var(--ed-text);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.property-button-center{background:#6366f1;background:var(--ed-primary)}.property-button-center:hover{background:#4f46e5;background:var(--ed-primary-dark)}.property-button-add,.property-button-edit{background:#6366f1;background:var(--ed-primary);border:none;border-radius:6px;color:#f1f5f9;color:var(--ed-text);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}:root{--cell-transition-duration:0.3s;--cell-transition-timing:ease-in-out}.cell-wrapper{box-sizing:border-box;height:100%;position:relative;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity var(--cell-transition-duration) var(--cell-transition-timing),transform var(--cell-transition-duration) var(--cell-transition-timing);width:100%}.button-cell,.cell-wrapper--clickable{cursor:pointer}.button-cell{align-items:center;border:none;box-sizing:border-box;display:inline-flex;font-family:inherit;font-size:1rem;height:100%;justify-content:center;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--cell-transition-duration) var(--cell-transition-timing);width:100%}.button-cell:disabled{cursor:not-allowed;opacity:.5}.button-cell:focus{outline:2px solid currentColor;outline-offset:2px}.video-cell{height:100%;overflow:hidden;position:relative;width:100%}.video-cell__video{height:100%;object-fit:cover;width:100%}.video-cell__video--contain{object-fit:contain}.image-cell{height:100%;overflow:hidden;position:relative;width:100%}.image-cell__image{height:100%;object-fit:cover;transition:transform .3s ease-in-out;transition:transform var(--cell-transition-duration) var(--cell-transition-timing);width:100%}.image-cell__image--contain{object-fit:contain}.image-cell__image--fill{object-fit:fill}.image-cell--clickable:hover .image-cell__image{transform:scale(1.02)}.iframe-cell{height:100%;overflow:hidden;position:relative;width:100%}.iframe-cell__iframe{border:none;height:100%;width:100%}.header-cell{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 16px;width:100%}.header-cell__logo{height:40px;object-fit:contain;width:auto}.header-cell__nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.header-cell__item{background:#0000;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:8px 16px;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--cell-transition-duration) var(--cell-transition-timing)}.header-cell__item:hover{opacity:.8}@media (max-width:768px){.header-cell{flex-direction:column;gap:12px;padding:12px}.header-cell__nav{justify-content:center;width:100%}.header-cell__item{font-size:.9rem;padding:6px 12px}}.html-cell{overflow:auto}.html-cell,.html-cell__content,.text-cell{height:100%;width:100%}.text-cell{align-items:center;display:flex;justify-content:center}.text-cell__content{word-wrap:break-word;margin:0;overflow-wrap:break-word}.form-cell{height:100%}.form-cell,.form-cell__form{display:flex;flex-direction:column;width:100%}.form-cell__form{gap:16px}.form-cell__field{display:flex;flex-direction:column;gap:4px}.form-cell__label{font-size:.9rem;font-weight:500}.form-cell__input,.form-cell__select,.form-cell__textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;padding:10px 12px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;transition:border-color var(--cell-transition-duration) var(--cell-transition-timing),box-shadow var(--cell-transition-duration) var(--cell-transition-timing)}.form-cell__input:focus,.form-cell__select:focus,.form-cell__textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-cell__textarea{min-height:100px;resize:vertical}.form-cell__checkbox-group,.form-cell__radio-group{display:flex;flex-direction:column;gap:8px}.form-cell__checkbox-item,.form-cell__radio-item{align-items:center;cursor:pointer;display:flex;gap:8px}.form-cell__submit{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:1rem;margin-top:8px;padding:12px 24px;transition:all .3s ease-in-out;transition:all var(--cell-transition-duration) var(--cell-transition-timing)}.form-cell__submit:hover{opacity:.9}@media (max-width:480px){.form-cell__form{gap:12px}.form-cell__input,.form-cell__select,.form-cell__textarea{font-size:.95rem;padding:8px 10px}}.carousel-cell{height:100%;overflow:hidden;position:relative;width:100%}.carousel-cell__track{display:flex;height:100%;transition:transform .5s ease-in-out}.carousel-cell__slide{flex:0 0 100%;height:100%;position:relative;width:100%}.carousel-cell__slide-image,.carousel-cell__slide-video{height:100%;object-fit:cover;width:100%}.carousel-cell__slide-text{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.carousel-cell__controls{display:flex;justify-content:space-between;left:0;padding:0 10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.carousel-cell__control{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;pointer-events:auto;transition:all .3s ease-in-out;transition:all var(--cell-transition-duration) var(--cell-transition-timing);width:40px}.carousel-cell__control:hover{background:#fff;transform:scale(1.1)}.carousel-cell__indicators{bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.carousel-cell__indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease-in-out;transition:all var(--cell-transition-duration) var(--cell-transition-timing);width:10px}.carousel-cell__indicator--active{background:#fff;transform:scale(1.2)}@media (max-width:768px){.carousel-cell__control{font-size:1rem;height:32px;width:32px}.carousel-cell__indicator{height:8px;width:8px}}.project{overflow:hidden;position:relative}.project--empty{align-items:center;background:#1a1a2e;color:#64748b;display:flex;justify-content:center}.project__page-container{animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}.project__page-container--in{animation-name:pageFadeIn}.project__page-container--out{animation-name:pageFadeOut}@keyframes pageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pageFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.project__page-container--slide-in{animation-name:pageSlideIn}.project__page-container--slide-out{animation-name:pageSlideOut}@keyframes pageSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pageSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.page{overflow:hidden;position:relative}.cell--responsive{max-width:100%}.cell--full-width{width:100%}.cell--full-height{height:100%}.cell--centered{align-items:center;display:flex;justify-content:center}.color-picker-container{display:inline-block;position:relative}.color-picker-trigger{align-items:center;background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:8px;min-width:130px;padding:6px 12px;transition:all .2s ease}.color-picker-trigger:hover{border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf61a}.color-picker-preview{border:2px solid #fff3;border-radius:4px;box-shadow:inset 0 1px 2px #0000004d,0 1px 0 #ffffff0d;height:20px;width:20px}.color-picker-value{color:#e2e8f0;flex:1 1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.color-picker-overlay{animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.color-picker-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#1e1e2e,#12121a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #ffffff0d,0 0 80px #8b5cf61a;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:420px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.color-picker-header{align-items:center;background:#8b5cf60d;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.color-picker-title{align-items:center;color:#f1f5f9;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.color-picker-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.color-picker-close:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.color-picker-content{flex:1 1;overflow-y:auto;padding:20px}.color-picker-preview-large{align-items:center;background:#0000004d;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.color-picker-preview-info{display:flex;flex-direction:column;gap:4px}.color-picker-preview-hex{color:#f1f5f9;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.25rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.color-picker-preview-label{color:#64748b;font-size:.75rem}.color-picker-section{margin-bottom:20px}.color-picker-section:last-child{margin-bottom:0}.color-picker-custom{align-items:center;display:flex;gap:8px}.color-picker-input-native{background:#0000;border:none;border-radius:10px;cursor:pointer;height:48px;overflow:hidden;padding:0;width:48px}.color-picker-input-native::-webkit-color-swatch-wrapper{padding:0}.color-picker-input-native::-webkit-color-swatch{border:2px solid #fff3;border-radius:8px}.color-picker-input-text{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#e2e8f0;flex:1 1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;padding:12px 14px;text-transform:uppercase;transition:all .2s ease}.color-picker-input-text:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.color-picker-save-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.color-picker-save-btn:hover{background:#8b5cf633;border-color:#8b5cf64d;transform:scale(1.05)}.color-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(10,1fr)}.color-picker-grid.project-grid{grid-template-columns:repeat(8,1fr)}.color-picker-swatch{aspect-ratio:1;border:2px solid #0000;border-radius:6px;cursor:pointer;min-width:28px;position:relative;transition:all .15s ease;width:100%}.color-picker-swatch:hover{box-shadow:0 4px 12px #0006;transform:scale(1.15);z-index:1}.color-picker-swatch.selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #1e1e2e,0 0 0 4px #8b5cf6,0 4px 12px #8b5cf64d;transform:scale(1.1)}.color-picker-swatch.selected:after{color:#fff;content:"✓";font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #000000b3;top:50%;transform:translate(-50%,-50%)}.color-picker-swatch.project-color{border-radius:8px}.color-picker-loading{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:10px;justify-content:center;padding:16px}.color-picker-spinner{animation:colorPickerSpin .8s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:18px;width:18px}@keyframes colorPickerSpin{to{transform:rotate(1turn)}}.color-picker-footer{background:#0003;border-top:1px solid #ffffff14;display:flex;gap:12px;padding:16px 20px}.color-picker-btn{border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.color-picker-btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.color-picker-btn-cancel:hover{background:#ffffff1a;color:#f1f5f9}.color-picker-btn-apply{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.color-picker-btn-apply:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.color-picker-btn-apply:active{transform:translateY(0)}.color-picker-opacity-badge{background:#8b5cf64d;border-radius:4px;color:#a78bfa;font-size:.65rem;font-weight:600;padding:2px 6px}.color-picker-preview-box{border:3px solid #ffffff26;border-radius:12px;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff1a;height:64px;overflow:hidden;position:relative;width:64px}.color-picker-checkerboard{background-color:#404040;background-image:linear-gradient(45deg,grey 25%,#0000 0),linear-gradient(-45deg,grey 25%,#0000 0),linear-gradient(45deg,#0000 75%,grey 0),linear-gradient(-45deg,#0000 75%,grey 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;inset:0;position:absolute}.color-picker-preview-overlay{inset:0;position:absolute}.color-picker-opacity{align-items:center;display:flex;gap:12px}.color-picker-label{align-items:center;color:#8b5cf6;display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.color-picker-opacity-value{background:#8b5cf626;border-radius:4px;color:#a78bfa;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;padding:2px 8px}.color-picker-opacity-slider{-webkit-appearance:none;appearance:none;background-color:#333;background-image:linear-gradient(45deg,#555 25%,#0000 0),linear-gradient(-45deg,#555 25%,#0000 0),linear-gradient(45deg,#0000 75%,#555 0),linear-gradient(-45deg,#0000 75%,#555 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;flex:1 1;height:12px;position:relative}.color-picker-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:3px solid #1e1e2e;border-radius:50%;box-shadow:0 2px 8px #0006;cursor:pointer;height:20px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:20px}.color-picker-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.color-picker-opacity-slider::-moz-range-thumb{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:3px solid #1e1e2e;border-radius:50%;box-shadow:0 2px 8px #0006;cursor:pointer;height:20px;width:20px}.color-picker-opacity-input-wrapper{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:2px;padding:8px 10px}.color-picker-opacity-input{-moz-appearance:textfield;background:#0000;border:none;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;text-align:right;width:40px}.color-picker-opacity-input::-webkit-inner-spin-button,.color-picker-opacity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker-opacity-input:focus{outline:none}.color-picker-opacity-unit{color:#64748b;font-size:.8rem}@media (max-width:480px){.color-picker-modal{max-height:85vh;width:95%}.color-picker-grid{gap:5px;grid-template-columns:repeat(8,1fr)}.color-picker-preview-box{height:50px;width:50px}.color-picker-preview-hex{font-size:1rem}.color-picker-opacity{flex-direction:column;gap:8px}.color-picker-opacity-slider{width:100%}.color-picker-opacity-input-wrapper{align-self:flex-end}}.image-picker-container{display:inline-block;position:relative}.image-picker-trigger{align-items:center;background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;max-width:250px;min-width:160px;padding:6px 12px;transition:all .2s ease}.image-picker-trigger:hover{border-color:#22d3ee80;box-shadow:0 0 0 2px #22d3ee1a}.image-picker-preview{align-items:center;background:#0000004d;border:2px solid #ffffff26;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.image-picker-preview img{height:100%;object-fit:cover;width:100%}.image-picker-placeholder{font-size:.9rem;opacity:.6}.image-picker-value{color:#e2e8f0;flex:1 1;font-size:.75rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.image-picker-overlay{animation:imgOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes imgOverlayFadeIn{0%{opacity:0}to{opacity:1}}.image-picker-modal{animation:imgModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#1e1e2e,#12121a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #ffffff0d,0 0 80px #22d3ee14;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:480px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes imgModalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.image-picker-header{align-items:center;background:#22d3ee0d;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.image-picker-title{align-items:center;color:#f1f5f9;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.image-picker-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.image-picker-close:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.image-picker-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:8px;padding:12px 20px 0}.image-picker-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 16px;transition:all .2s ease}.image-picker-tab:hover{color:#94a3b8}.image-picker-tab.active{border-bottom-color:#22d3ee;color:#22d3ee}.image-picker-tab .tab-icon{font-size:.9rem}.image-picker-content{flex:1 1;overflow-y:auto;padding:20px}.image-picker-preview-large{align-items:center;background:linear-gradient(45deg,#1a1a2e 25%,#0000 0),linear-gradient(-45deg,#1a1a2e 25%,#0000 0),linear-gradient(45deg,#0000 75%,#1a1a2e 0),linear-gradient(-45deg,#0000 75%,#1a1a2e 0);background-color:#0f0f1a;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:2px dashed #ffffff1a;border-radius:12px;display:flex;height:180px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.image-picker-preview-large img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.image-picker-no-preview{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px}.no-preview-icon{font-size:2.5rem}.image-picker-section{margin-bottom:16px}.image-picker-label{color:#22d3ee;display:block;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.image-picker-url-input{align-items:center;display:flex;gap:8px}.image-picker-input-text{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#e2e8f0;flex:1 1;font-size:.85rem;padding:12px 14px;transition:all .2s ease}.image-picker-input-text:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33;outline:none}.image-picker-input-text::placeholder{color:#475569}.image-picker-preview-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.image-picker-preview-btn:hover{background:#22d3ee33;border-color:#22d3ee4d;transform:scale(1.05)}.image-picker-dropzone{background:#0003;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;padding:32px 20px;text-align:center;transition:all .3s ease}.image-picker-dropzone:hover{background:#22d3ee0d;border-color:#22d3ee66}.image-picker-dropzone.dragging{background:#22d3ee1a;border-color:#22d3ee;box-shadow:0 0 30px #22d3ee26;transform:scale(1.02)}.dropzone-icon{animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.image-picker-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;display:flex;font-size:.85rem;gap:8px;margin-top:12px;padding:10px 14px}.image-picker-footer{align-items:center;background:#0003;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.image-picker-footer-right{display:flex;gap:10px}.image-picker-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.image-picker-btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.image-picker-btn-cancel:hover{background:#ffffff1a;color:#f1f5f9}.image-picker-btn-apply{background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;box-shadow:0 4px 12px #22d3ee4d;color:#0f172a}.image-picker-btn-apply:hover{box-shadow:0 6px 16px #22d3ee66;transform:translateY(-1px)}.image-picker-btn-apply:active{transform:translateY(0)}.image-picker-btn-clear{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.image-picker-btn-clear:hover{background:#ef444433;border-color:#ef444480}@media (max-width:480px){.image-picker-modal{max-height:85vh;width:95%}.image-picker-preview-large{height:140px}.image-picker-dropzone{padding:24px 16px}.dropzone-icon{font-size:2rem}.image-picker-footer{flex-direction:column;gap:10px}.image-picker-footer-right{width:100%}.image-picker-footer-right .image-picker-btn{flex:1 1;justify-content:center}.image-picker-btn-clear{justify-content:center;width:100%}}.video-picker-container{display:inline-block;position:relative}.video-picker-trigger{align-items:center;background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;max-width:250px;min-width:160px;padding:6px 12px;transition:all .2s ease}.video-picker-trigger:hover{border-color:#fb923c80;box-shadow:0 0 0 2px #fb923c1a}.video-picker-preview{align-items:center;background:#0006;border:2px solid #ffffff26;border-radius:4px;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;position:relative;width:40px}.video-picker-preview video{height:100%;object-fit:cover;width:100%}.video-picker-placeholder{font-size:.9rem;opacity:.6}.video-picker-play-icon{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:16px;justify-content:center;opacity:.8;position:absolute;width:16px}.video-picker-value{color:#e2e8f0;flex:1 1;font-size:.75rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.video-picker-overlay{animation:vidOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes vidOverlayFadeIn{0%{opacity:0}to{opacity:1}}.video-picker-modal{animation:vidModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#1e1e2e,#12121a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #ffffff0d,0 0 80px #fb923c14;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:520px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes vidModalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.video-picker-header{align-items:center;background:#fb923c0d;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.video-picker-title{align-items:center;color:#f1f5f9;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.video-picker-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.video-picker-close:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.video-picker-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:8px;padding:12px 20px 0}.video-picker-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:-1px;padding:10px 16px;transition:all .2s ease}.video-picker-tab:hover{color:#94a3b8}.video-picker-tab.active{border-bottom-color:#fb923c;color:#fb923c}.video-picker-tab .tab-icon{font-size:.9rem}.video-picker-content{flex:1 1;overflow-y:auto;padding:20px}.video-picker-preview-large{aspect-ratio:16/9;background:#0a0a0f;border:2px dashed #ffffff1a;border-radius:12px;margin-bottom:20px;overflow:hidden}.video-picker-preview-large,.video-preview-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.video-preview-wrapper{height:100%}.video-preview-wrapper video{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.video-play-button{align-items:center;background:#fb923ce6;border:none;border-radius:50%;box-shadow:0 4px 20px #fb923c66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:absolute;transition:all .3s ease;width:60px}.video-play-button:hover{background:#fb923c;transform:scale(1.1)}.video-play-button.playing{opacity:0}.video-preview-wrapper:hover .video-play-button.playing{opacity:1}.video-picker-no-preview{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px}.no-preview-icon{font-size:3rem;opacity:.5}.no-preview-text{font-size:.85rem}.video-picker-section{margin-bottom:16px}.video-picker-label{color:#fb923c;display:block;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.video-picker-url-input{align-items:center;display:flex;gap:8px}.video-picker-input-text{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#e2e8f0;flex:1 1;font-size:.85rem;padding:12px 14px;transition:all .2s ease}.video-picker-input-text:focus{border-color:#fb923c;box-shadow:0 0 0 3px #fb923c33;outline:none}.video-picker-input-text::placeholder{color:#475569}.video-picker-url-hint{color:#64748b;font-size:.75rem;margin-top:8px}.video-picker-preview-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.video-picker-preview-btn:hover{background:#fb923c33;border-color:#fb923c4d;transform:scale(1.05)}.video-picker-dropzone{background:#0003;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;padding:32px 20px;text-align:center;transition:all .3s ease}.video-picker-dropzone:hover{background:#fb923c0d;border-color:#fb923c66}.video-picker-dropzone.dragging{background:#fb923c1a;border-color:#fb923c;box-shadow:0 0 30px #fb923c26;transform:scale(1.02)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:8px}.dropzone-icon{animation:floatVidIcon 3s ease-in-out infinite;font-size:2.5rem}@keyframes floatVidIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dropzone-text{color:#94a3b8;font-size:.9rem}.dropzone-hint{color:#475569;font-size:.75rem}.video-picker-file-info{background:#0003;border-radius:10px;margin-top:12px;padding:12px 16px}.file-info-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:6px 0}.file-info-item:last-child{border-bottom:none}.file-info-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.file-info-value{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-picker-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;display:flex;font-size:.85rem;gap:8px;margin-top:12px;padding:10px 14px}.video-picker-footer{align-items:center;background:#0003;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.video-picker-footer-right{display:flex;gap:10px}.video-picker-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.video-picker-btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.video-picker-btn-cancel:hover{background:#ffffff1a;color:#f1f5f9}.video-picker-btn-apply{background:linear-gradient(135deg,#fb923c,#f97316);border:none;box-shadow:0 4px 12px #fb923c4d;color:#0f172a}.video-picker-btn-apply:hover{box-shadow:0 6px 16px #fb923c66;transform:translateY(-1px)}.video-picker-btn-apply:active{transform:translateY(0)}.video-picker-btn-clear{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.video-picker-btn-clear:hover{background:#ef444433;border-color:#ef444480}@media (max-width:480px){.video-picker-modal{max-height:85vh;width:95%}.video-picker-preview-large{aspect-ratio:16/10}.video-picker-dropzone{padding:24px 16px}.dropzone-icon{font-size:2rem}.video-picker-footer{flex-direction:column;gap:10px}.video-picker-footer-right{width:100%}.video-picker-footer-right .video-picker-btn{flex:1 1;justify-content:center}.video-picker-btn-clear{justify-content:center;width:100%}.video-play-button{font-size:1.2rem;height:50px;width:50px}}.html-picker-container{position:relative}.html-picker-trigger{align-items:center;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;color:#d4d4d4;cursor:pointer;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;gap:8px;padding:8px 12px;transition:all .2s ease;width:100%}.html-picker-trigger:hover{background:#2d2d2d;border-color:#007acc}.html-picker-icon{color:#569cd6;font-size:1rem;font-weight:700}.html-picker-label{color:#9cdcfe}.html-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.html-picker-modal{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:12px;box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;height:85vh;left:50%;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1001}.html-picker-header{align-items:center;background:#252526;border-bottom:1px solid #3c3c3c;display:flex;justify-content:space-between;padding:16px 20px}.html-picker-title{align-items:center;color:#ccc;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.html-picker-title-icon{color:#e06c75;font-family:JetBrains Mono,monospace;font-size:1.2rem}.html-picker-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#858585;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.html-picker-close:hover{background:#3c3c3c;color:#fff}.html-picker-editor{border-bottom:1px solid #3c3c3c;flex:1 1;min-height:0}.html-picker-preview-section{background:#252526;border-bottom:1px solid #3c3c3c;display:flex;flex-direction:column;height:150px}.html-picker-preview-header{background:#2d2d2d;border-bottom:1px solid #3c3c3c;color:#858585;font-size:.8rem;font-weight:500;padding:8px 16px}.html-picker-preview{background:#fff;border:none;color:#000;flex:1 1;width:100%}.html-picker-footer{align-items:center;background:#252526;border-top:1px solid #3c3c3c;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.html-picker-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.html-picker-btn-cancel{background:#3c3c3c;color:#ccc}.html-picker-btn-cancel:hover{background:#4a4a4a}.html-picker-btn-apply{background:#0e639c;color:#fff}.html-picker-btn-apply:hover{background:#17b}@media (max-width:768px){.html-picker-modal{height:90vh;width:95vw}.html-picker-preview-section{height:120px}}.ai-picker-container{display:inline-block}.ai-picker-trigger{align-items:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid #8b5cf64d;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.ai-picker-trigger:hover{background:linear-gradient(135deg,#8b5cf640,#6366f133);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-1px)}.ai-picker-trigger-icon{font-size:1rem}.ai-picker-trigger-label{color:#f1f5f9}.ai-picker-overlay{align-items:center;animation:aiPickerFadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes aiPickerFadeIn{0%{opacity:0}to{opacity:1}}.ai-picker-modal{animation:aiPickerSlideUp .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#141423fa,#0f0f19fa);border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 30px 80px -20px #8b5cf64d,inset 0 0 0 1px #ffffff0d,0 0 120px -40px #8b5cf666;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;max-height:85vh;max-width:640px;overflow:hidden;position:relative;width:100%}@keyframes aiPickerSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-picker-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border-bottom:1px solid #8b5cf626;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ai-picker-title{color:#f1f5f9;font-weight:600;gap:.75rem;margin:0}.ai-picker-title,.ai-picker-title-icon{align-items:center;display:flex;font-size:1.125rem}.ai-picker-title-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;box-shadow:0 4px 15px #8b5cf666;height:36px;justify-content:center;width:36px}.ai-picker-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.125rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ai-picker-close:hover{background:#ef444433;border-color:#ef444466;color:#f1f5f9}.ai-picker-content{max-height:calc(85vh - 80px);overflow-y:auto;padding:1.5rem}.ai-picker-content::-webkit-scrollbar{width:6px}.ai-picker-content::-webkit-scrollbar-track{background:#ffffff05}.ai-picker-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.ai-picker-form{gap:1.25rem}.ai-picker-field,.ai-picker-form{display:flex;flex-direction:column}.ai-picker-field{gap:.5rem}.ai-picker-label{color:#94a3b8;font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.ai-picker-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;text-transform:none}.ai-picker-checkbox-label input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:16px;width:16px}.ai-picker-input,.ai-picker-select,.ai-picker-textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#f1f5f9;font-family:inherit;font-size:.9375rem;outline:none;padding:.875rem 1rem;transition:all .2s ease}.ai-picker-input:focus,.ai-picker-select:focus,.ai-picker-textarea:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf626}.ai-picker-input::placeholder,.ai-picker-textarea::placeholder{color:#64748b}.ai-picker-textarea{min-height:100px;resize:vertical}.ai-picker-select{cursor:pointer}.ai-picker-select option{background:#1e1e2e;color:#f1f5f9}.ai-picker-options-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ai-picker-image-upload{align-items:center;background:#0003;border:2px dashed #8b5cf64d;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:120px;padding:1.25rem;position:relative;transition:all .2s ease}.ai-picker-image-upload:hover{background:#8b5cf60d;border-color:#8b5cf680}.ai-picker-image-upload.has-image{border-color:#22c55e66;border-style:solid}.ai-picker-upload-icon{font-size:1.75rem;opacity:.6}.ai-picker-upload-text{color:#94a3b8;font-size:.875rem;text-align:center}.ai-picker-upload-input{cursor:pointer;inset:0;opacity:0;position:absolute}.ai-picker-preview-image{border-radius:8px;max-height:120px;max-width:100%;object-fit:contain}.ai-picker-submit{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 20px #8b5cf666;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .25s ease}.ai-picker-submit:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf680;transform:translateY(-2px)}.ai-picker-submit:disabled{cursor:not-allowed;opacity:.6}.ai-picker-submit-secondary{background:#ffffff1a;box-shadow:none;margin-top:1rem}.ai-picker-submit-secondary:hover:not(:disabled){background:#ffffff26;box-shadow:none}.ai-picker-submit-icon{font-size:1rem}.ai-picker-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.ai-picker-spinner{animation:aiPickerSpin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:44px;width:44px}@keyframes aiPickerSpin{to{transform:rotate(1turn)}}.ai-picker-loading-text{animation:aiPickerPulse 1.5s ease-in-out infinite;color:#94a3b8;font-size:.9375rem}@keyframes aiPickerPulse{0%,to{opacity:.6}50%{opacity:1}}.ai-picker-result{display:flex;flex-direction:column;gap:1rem}.ai-picker-result-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.ai-picker-result-title{align-items:center;color:#22c55e;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.ai-picker-result-actions{display:flex;gap:.5rem}.ai-picker-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.ai-picker-action-btn:hover{background:#ffffff1a}.ai-picker-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.ai-picker-action-btn.primary:hover{opacity:.9}.ai-picker-text-result{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;color:#e2e8f0;font-size:.9375rem;line-height:1.7;max-height:250px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.ai-picker-image-result{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.ai-picker-generated-image{border-radius:12px;box-shadow:0 8px 30px #0006;max-height:350px;max-width:100%}.ai-picker-component-result{display:flex;flex-direction:column;gap:1rem}.ai-picker-code-tabs{background:#0000004d;border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.ai-picker-code-tab{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:500;padding:.5rem;transition:all .2s ease}.ai-picker-code-tab:hover{color:#e2e8f0}.ai-picker-code-tab.active{background:#8b5cf633;color:#f1f5f9}.ai-picker-code-block{background:#0006;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;position:relative}.ai-picker-code-block pre{color:#e2e8f0;font-family:Fira Code,Monaco,monospace;font-size:.8125rem;line-height:1.6;margin:0;max-height:250px;overflow-x:auto;padding:1rem}.ai-picker-copy-btn{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.75rem;padding:.375rem .625rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.ai-picker-copy-btn:hover{background:#8b5cf64d;color:#f1f5f9}.ai-picker-preview{background:#fff;border-radius:12px;min-height:180px;overflow:hidden}.ai-picker-preview iframe{border:none;height:250px;width:100%}.ai-picker-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#fca5a5;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.ai-picker-error-icon{font-size:1.25rem}.ai-picker-streaming-cursor{animation:aiPickerBlink .8s infinite;background:#8b5cf6;display:inline-block;height:1.2em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes aiPickerBlink{0%,50%{opacity:1}51%,to{opacity:0}}.scheduled-event-overlay{animation:schedOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes schedOverlayFadeIn{0%{opacity:0}to{opacity:1}}.scheduled-event-modal{animation:schedModalSlideIn .35s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(165deg,#1a1a2e,#0f0f1a);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 30px 60px #0009,inset 0 0 0 1px #ffffff0d,0 0 100px #a855f714;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:520px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:92%;z-index:9999}@keyframes schedModalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.scheduled-event-header{align-items:center;background:linear-gradient(135deg,#a855f71a,#8b5cf60d);border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:18px 24px}.scheduled-event-title{align-items:center;color:#f1f5f9;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.scheduled-event-title .title-icon{filter:drop-shadow(0 2px 4px rgba(168,85,247,.3));font-size:1.3rem}.scheduled-event-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:1rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.scheduled-event-close:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.scheduled-event-content{flex:1 1;overflow-y:auto;padding:24px}.scheduled-event-section{margin-bottom:20px}.scheduled-event-label{align-items:center;color:#a78bfa;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.scheduled-event-label .label-icon{font-size:.85rem}.scheduled-event-label .required{color:#f87171;font-weight:700}.scheduled-event-logo-section{background:#a855f70d;border:1px solid #a855f726;border-radius:14px;margin-bottom:24px;padding:16px}.scheduled-event-logo-picker{display:flex;justify-content:center}.scheduled-event-input{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:.9rem;padding:14px 16px;transition:all .25s ease;width:100%}.scheduled-event-input:focus{background:#00000073;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;outline:none}.scheduled-event-input::placeholder{color:#475569}.scheduled-event-input.error{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.scheduled-event-input[type=datetime-local]{color-scheme:dark}.scheduled-event-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8);-webkit-transition:transform .2s ease;transition:transform .2s ease}.scheduled-event-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}.scheduled-event-textarea{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#e2e8f0;font-family:inherit;font-size:.9rem;min-height:80px;padding:14px 16px;resize:vertical;transition:all .25s ease;width:100%}.scheduled-event-textarea:focus{background:#00000073;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;outline:none}.scheduled-event-textarea::placeholder{color:#475569}.scheduled-event-dates{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.scheduled-event-error{animation:errorShake .3s ease;color:#f87171;display:block;font-size:.78rem;margin-top:6px}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.scheduled-event-submit-error{align-items:center;animation:errorFadeIn .3s ease;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;color:#f87171;display:flex;font-size:.88rem;gap:10px;margin-top:8px;padding:14px 16px}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.scheduled-event-footer{background:#00000040;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:18px 24px}.scheduled-event-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:12px 22px;transition:all .25s ease}.scheduled-event-btn:disabled{cursor:not-allowed;opacity:.6}.scheduled-event-btn-cancel{background:#ffffff0f;border:1px solid #ffffff1f;color:#94a3b8}.scheduled-event-btn-cancel:not(:disabled):hover{background:#ffffff1a;border-color:#fff3;color:#f1f5f9}.scheduled-event-btn-save{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;box-shadow:0 4px 16px #8b5cf659;color:#fff}.scheduled-event-btn-save:not(:disabled):hover{box-shadow:0 6px 24px #8b5cf680;transform:translateY(-2px)}.scheduled-event-btn-save:not(:disabled):active{box-shadow:0 4px 16px #8b5cf659;transform:translateY(0)}.btn-spinner{animation:btnSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes btnSpin{to{transform:rotate(1turn)}}@media (max-width:560px){.scheduled-event-modal{border-radius:16px;max-height:88vh;width:96%}.scheduled-event-footer,.scheduled-event-header{padding:16px 18px}.scheduled-event-content{padding:18px}.scheduled-event-dates{gap:12px;grid-template-columns:1fr}.scheduled-event-footer{flex-direction:column-reverse}.scheduled-event-btn{justify-content:center;width:100%}}:root{--dv-primary:#6366f1;--dv-primary-dark:#4f46e5;--dv-primary-light:#818cf8;--dv-accent:#22d3ee;--dv-accent-green:#10b981;--dv-accent-orange:#fb923c;--dv-bg-dark:#08080f;--dv-bg-surface:#ffffff05;--dv-border:#ffffff0f;--dv-text:#f1f5f9;--dv-text-muted:#94a3b8;--dv-danger:#ef4444;--dv-success:#10b981}.devices-page{background:#08080f;background:var(--dv-bg-dark);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.devices-page:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,#10b98126,#0000),radial-gradient(ellipse 60% 40% at 100% 0,#22d3ee14,#0000),radial-gradient(ellipse 50% 30% at 0 100%,#6366f114,#0000);content:"";height:100%;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.devices-container{margin:0 auto;max-width:1400px;padding:3rem 2rem;position:relative;z-index:1}.devices-header{animation:fadeIn .6s ease;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.devices-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.devices-title-group{display:flex;flex-direction:column;gap:.5rem}.devices-title{align-items:center;color:#f1f5f9;color:var(--dv-text);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;letter-spacing:-.03em;margin:0}.devices-title-icon{align-items:center;background:linear-gradient(135deg,#10b981,#22d3ee);background:linear-gradient(135deg,var(--dv-accent-green),var(--dv-accent));border-radius:16px;box-shadow:0 10px 40px -10px #10b98180;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.devices-subtitle{color:#94a3b8;color:var(--dv-text-muted);font-size:1.1rem;margin:0}.devices-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.nav-link-btn{align-items:center;background:#ffffff05;background:var(--dv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:14px;color:#f1f5f9;color:var(--dv-text);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;gap:.6rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link-btn:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link-btn:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--dv-primary);box-shadow:0 5px 20px -5px #6366f14d;transform:translateY(-2px)}.nav-link-btn:hover:before{left:100%}.nav-link-btn span{font-size:1.1rem}.devices-create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--dv-accent-green),#059669);border:none;border-radius:14px;box-shadow:0 4px 20px -5px #10b98166;color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.75rem;text-decoration:none;transition:all .3s ease}.devices-create-btn:hover{box-shadow:0 10px 40px -10px #10b98199;transform:translateY(-3px)}.devices-create-btn.secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--dv-primary),var(--dv-primary-dark));box-shadow:0 4px 20px -5px #6366f166}.devices-create-btn.secondary:hover{box-shadow:0 10px 40px -10px #6366f199}.devices-search-bar{max-width:500px;position:relative}.devices-search-icon{color:#94a3b8;color:var(--dv-text-muted);font-size:1.1rem;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.devices-search-input{background:#ffffff05;background:var(--dv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:14px;box-sizing:border-box;color:#f1f5f9;color:var(--dv-text);font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:1rem 1.25rem 1rem 3.25rem;transition:all .3s ease;width:100%}.devices-search-input::placeholder{color:#94a3b8;color:var(--dv-text-muted);opacity:.6}.devices-search-input:focus{background:#10b9810d;border-color:#10b981;border-color:var(--dv-accent-green);box-shadow:0 0 0 3px #10b9811a}.devices-stats{display:flex;flex-wrap:wrap;gap:1rem}.devices-stat{align-items:center;background:#ffffff05;background:var(--dv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.devices-stat-icon{font-size:1.25rem}.devices-stat-value{color:#f1f5f9;color:var(--dv-text);font-size:1.25rem;font-weight:700}.devices-stat-label{color:#94a3b8;color:var(--dv-text-muted);font-size:.85rem}.devices-groups-list{display:flex;flex-direction:column;gap:1rem}.device-group-card{animation:cardAppear .5s ease backwards;background:#ffffff05;background:var(--dv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.device-group-card:hover{border-color:#ffffff1a}.device-group-card.expanded{border-color:#10b9814d;box-shadow:0 0 30px -10px #10b98133}.device-group-card:first-child{animation-delay:.05s}.device-group-card:nth-child(2){animation-delay:.1s}.device-group-card:nth-child(3){animation-delay:.15s}.device-group-card:nth-child(4){animation-delay:.2s}.device-group-card:nth-child(5){animation-delay:.25s}.device-group-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .2s ease}.device-group-header:hover{background:#ffffff05}.device-group-info{align-items:center;display:flex;gap:1rem}.device-group-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.device-group-details{display:flex;flex-direction:column;gap:.25rem}.device-group-name{color:#f1f5f9;color:var(--dv-text);font-size:1.1rem;font-weight:600;margin:0}.device-group-description{color:#94a3b8;color:var(--dv-text-muted);font-size:.85rem;margin:0}.device-group-meta{align-items:center;display:flex;gap:1rem}.device-group-count{background:#10b9811a;border-radius:20px;color:#94a3b8;color:var(--dv-text-muted);font-size:.85rem;padding:.35rem .75rem}.device-group-actions{display:flex;gap:.5rem}.device-group-action-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.device-group-action-btn:hover{background:#ffffff0d}.device-group-action-btn.edit:hover{background:#6366f126;border-color:#6366f14d}.device-group-action-btn.add:hover{background:#10b98126;border-color:#10b9814d}.device-group-action-btn.delete:hover{background:#ef444426;border-color:#ef44444d}.device-group-chevron{color:#94a3b8;color:var(--dv-text-muted);font-size:.75rem;transition:transform .3s ease}.device-group-chevron.expanded{transform:rotate(180deg)}.device-group-content{animation:slideDown .3s ease;background:#0003;border-top:1px solid #ffffff0f;border-top:1px solid var(--dv-border);padding:1rem 1.5rem 1.5rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.devices-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.device-card{align-items:flex-start;background:#ffffff05;background:var(--dv-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.device-card:hover{background:#10b98108;border-color:#10b9814d}.device-card-icon{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.device-card-info{flex:1 1;min-width:0}.device-card-name{color:#f1f5f9;color:var(--dv-text);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.device-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--dv-text-muted);display:-webkit-box;font-size:.8rem;margin:0 0 .5rem;overflow:hidden}.device-card-id{color:#94a3b8;color:var(--dv-text-muted);font-size:.7rem;margin:0}.device-card-id code{background:#0000004d;border-radius:4px;font-family:monospace;font-size:.65rem;padding:.1rem .4rem}.device-card-project{align-items:center;background:linear-gradient(135deg,#10b98126,#22d3ee1a);border:1px solid #10b9814d;border-radius:20px;color:#10b981;color:var(--dv-accent-green);display:inline-flex;font-size:.75rem;font-weight:500;gap:.4rem;margin-top:.5rem;padding:.35rem .75rem;transition:all .2s ease}.device-card-project:hover{background:linear-gradient(135deg,#10b98140,#22d3ee26);transform:translateY(-1px)}.device-card-project-icon{font-size:.7rem}.device-card-project.no-project{background:#ffffff08;border-color:#ffffff0f;border-color:var(--dv-border);color:#94a3b8;color:var(--dv-text-muted)}.device-card-project.no-project:hover{background:#ffffff0d}.device-card-actions{display:flex;flex-direction:column;gap:.5rem}.device-card-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.device-card-btn.edit:hover{background:#6366f126;border-color:#6366f14d}.device-card-btn.delete:hover{background:#ef444426;border-color:#ef44444d}.devices-empty,.devices-empty-group{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.devices-empty{animation:fadeIn .6s ease;padding:5rem 2rem}.devices-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.devices-empty-title{color:#f1f5f9;color:var(--dv-text);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.devices-empty-text{color:#94a3b8;color:var(--dv-text-muted);font-size:1rem;margin:0 0 2rem;max-width:400px}.devices-empty-group span{font-size:2rem;margin-bottom:.5rem;opacity:.5}.devices-empty-group p{color:#94a3b8;color:var(--dv-text-muted);font-size:.9rem;margin:0 0 1rem}.devices-add-btn{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;color:var(--dv-accent-green);cursor:pointer;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.devices-add-btn:hover{background:#10b98133}.form-modal{max-width:480px;width:90%}.modal-form{gap:1.25rem;margin-top:1.5rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#f1f5f9;color:var(--dv-text);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #ffffff0f;border:1px solid var(--dv-border);border-radius:10px;color:#f1f5f9;color:var(--dv-text);font-family:Outfit,sans-serif;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;color:var(--dv-text-muted);opacity:.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--dv-primary);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{min-height:80px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#1a1a2e;color:#f1f5f9;color:var(--dv-text)}@media (max-width:768px){.devices-container{padding:2rem 1rem}.devices-header-top{align-items:stretch}.devices-header-actions,.devices-header-top{flex-direction:column}.devices-title{font-size:1.75rem}.devices-title-icon{font-size:1.25rem;height:44px;width:44px}.device-group-header{align-items:flex-start;flex-direction:column;gap:1rem}.device-group-meta{justify-content:space-between;width:100%}.devices-grid{grid-template-columns:1fr}.devices-stats{flex-direction:column}}@media (max-width:480px){.device-card{align-items:stretch;flex-direction:column}.device-card-actions{flex-direction:row;justify-content:flex-end;margin-top:.5rem}}:root{--pr-primary:#6366f1;--pr-primary-dark:#4f46e5;--pr-primary-light:#818cf8;--pr-accent:#22d3ee;--pr-accent-green:#10b981;--pr-accent-orange:#f97316;--pr-accent-pink:#f472b6;--pr-bg-dark:#08080f;--pr-bg-surface:#ffffff05;--pr-bg-card:#ffffff08;--pr-border:#ffffff0f;--pr-text:#f1f5f9;--pr-text-muted:#94a3b8;--pr-danger:#ef4444;--pr-success:#10b981;--pr-warning:#f59e0b}.products-page{background:#08080f;background:var(--pr-bg-dark);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.products-page:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,#10b9811f,#0000),radial-gradient(ellipse 60% 40% at 100% 0,#f9731614,#0000),radial-gradient(ellipse 50% 30% at 0 100%,#6366f114,#0000);content:"";height:100%;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.products-container{margin:0 auto;max-width:1600px;padding:2rem;position:relative;z-index:1}.products-back{align-items:center;color:#94a3b8;color:var(--pr-text-muted);display:inline-flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s ease}.products-back:hover{color:#22d3ee;color:var(--pr-accent)}.products-header{animation:fadeIn .6s ease;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.products-header-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.products-title-group{align-items:center;display:flex;gap:1rem}.products-title-icon{align-items:center;background:linear-gradient(135deg,#10b981,#f97316);background:linear-gradient(135deg,var(--pr-accent-green),var(--pr-accent-orange));border-radius:16px;box-shadow:0 10px 40px -10px #10b98180;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.products-title{color:#f1f5f9;color:var(--pr-text);font-size:2rem;font-weight:700;letter-spacing:-.03em;margin:0}.products-subtitle{color:#94a3b8;color:var(--pr-text-muted);font-size:1rem;margin:.25rem 0 0}.products-header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.products-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;gap:.6rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.products-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--pr-accent-green),#059669);box-shadow:0 4px 20px -5px #10b98166;color:#fff}.products-btn-primary:hover{box-shadow:0 8px 30px -5px #10b98180;transform:translateY(-2px)}.products-btn-secondary{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);color:#f1f5f9;color:var(--pr-text)}.products-btn-secondary:hover{background:#22d3ee0d;border-color:#22d3ee;border-color:var(--pr-accent)}.products-search{max-width:400px;position:relative}.products-search-icon{color:#94a3b8;color:var(--pr-text-muted);font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.products-search-input{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:12px;box-sizing:border-box;color:#f1f5f9;color:var(--pr-text);font-family:Outfit,sans-serif;font-size:.95rem;outline:none;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;width:100%}.products-search-input::placeholder{color:#94a3b8;color:var(--pr-text-muted);opacity:.6}.products-search-input:focus{background:#6366f10d;border-color:#6366f1;border-color:var(--pr-primary);box-shadow:0 0 0 3px #6366f11a}.products-tabs{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:16px;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.products-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.products-tab:hover{background:#ffffff0d;color:#f1f5f9;color:var(--pr-text)}.products-tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--pr-primary),var(--pr-primary-dark));box-shadow:0 4px 15px -5px #6366f166;color:#fff}.products-tab-count{background:#ffffff1a;border-radius:6px;font-size:.75rem;font-weight:600;padding:.15rem .5rem}.products-tab.active .products-tab-count{background:#fff3}.products-tab-add{border:1px dashed #10b9814d}.products-tab-add,.products-tab-add:hover{color:#10b981;color:var(--pr-accent-green)}.products-tab-add:hover{background:#10b9811a;border-color:#10b981;border-color:var(--pr-accent-green)}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{animation:cardAppear .5s ease backwards;background:#ffffff08;background:var(--pr-bg-card);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.product-card:hover{border-color:#ffffff1f;box-shadow:0 25px 50px -15px #00000080,inset 0 0 0 1px #ffffff0d;transform:translateY(-8px)}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-card:first-child{animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card-image{background:linear-gradient(135deg,#6366f11a,#10b9811a);height:180px;overflow:hidden;position:relative}.product-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-image-placeholder{align-items:center;display:flex;font-size:3rem;height:100%;justify-content:center;opacity:.3;width:100%}.product-card-badges{display:flex;flex-wrap:wrap;gap:.4rem;left:.75rem;position:absolute;top:.75rem}.product-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.3rem .6rem;text-transform:uppercase}.product-badge-highlight{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--pr-accent-orange),#ea580c);color:#fff}.product-badge-active{background:#10b981e6;color:#fff}.product-badge-inactive{background:#ef4444e6;color:#fff}.product-badge-score{background:#0009;color:#fff;font-weight:700}.product-card-menu{position:absolute;right:.75rem;top:.75rem}.product-card-menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.product-card-menu-btn:hover{background:#000000b3}.product-card-content{padding:1.5rem}.product-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.product-card-title{color:#f1f5f9;color:var(--pr-text);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.product-card-price{color:#10b981;color:var(--pr-accent-green);font-size:1.25rem;font-weight:700;white-space:nowrap}.product-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;color:var(--pr-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.product-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.product-tag{background:#ffffff0d;border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:6px;color:#94a3b8;color:var(--pr-text-muted);font-size:.75rem;padding:.25rem .6rem}.product-tag-allergen{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b;color:var(--pr-warning)}.product-card-availability{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.product-card-availability-icon{font-size:1rem}.product-card-availability-text{color:#94a3b8;color:var(--pr-text-muted);font-size:.8rem}.product-card-actions{display:flex;gap:.5rem}.product-card-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;padding:.75rem;transition:all .2s ease}.product-card-btn-edit{background:#6366f11a;border:1px solid #6366f133;color:#f1f5f9;color:var(--pr-text)}.product-card-btn-edit:hover{background:#6366f133;border-color:#6366f1;border-color:var(--pr-primary)}.product-card-btn-delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--pr-danger);flex:0 1;padding:.75rem}.product-card-btn-delete:hover{background:#ef444433;border-color:#ef4444;border-color:var(--pr-danger)}.products-empty{align-items:center;animation:fadeIn .6s ease;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.products-empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.4}.products-empty-title{color:#f1f5f9;color:var(--pr-text);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.products-empty-text{color:#94a3b8;color:var(--pr-text-muted);font-size:1rem;margin:0 0 2rem;max-width:400px}.products-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff0f;border-top-color:#10b981;border:3px solid var(--pr-border);border-radius:50%;border-top-color:var(--pr-accent-green);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.products-loading p{color:#94a3b8;color:var(--pr-text-muted);font-size:1rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalAppear .4s cubic-bezier(.16,1,.3,1);background:#0f0f18;border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:24px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--pr-border);justify-content:space-between;padding:1.5rem 2rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#f1f5f9;color:var(--pr-text);font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.modal-close{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:10px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--pr-danger);color:#ef4444;color:var(--pr-danger)}.modal-body{padding:2rem}.modal-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--pr-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem 2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-label{color:#f1f5f9;color:var(--pr-text);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-label-optional{color:#94a3b8;color:var(--pr-text-muted);font-weight:400}.form-input,.form-select,.form-textarea{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:12px;box-sizing:border-box;color:#f1f5f9;color:var(--pr-text);font-family:Outfit,sans-serif;font-size:.95rem;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--pr-primary);box-shadow:0 0 0 3px #6366f11a}.form-textarea{min-height:100px;resize:vertical}.form-input-small{max-width:150px}.form-checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.form-checkbox-label{align-items:center;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:8px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.form-checkbox-label:hover{border-color:#818cf8;border-color:var(--pr-primary-light)}.form-checkbox-label.active{background:#6366f11a;border-color:#6366f1;border-color:var(--pr-primary);color:#f1f5f9;color:var(--pr-text)}.form-checkbox{display:none}.form-tags{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:50px;padding:.75rem}.form-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#f1f5f9;color:var(--pr-text);font-size:.85rem;gap:.4rem;padding:.35rem .75rem}.form-tag,.form-tag-remove{align-items:center;display:flex}.form-tag-remove{background:#0000;border:none;border-radius:4px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;font-size:.8rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.form-tag-remove:hover{background:#ef444433;color:#ef4444;color:var(--pr-danger)}.form-tags-input{background:#0000;border:none;color:#f1f5f9;color:var(--pr-text);flex:1 1;font-family:Outfit,sans-serif;font-size:.9rem;min-width:100px;outline:none;padding:.35rem}.form-tags-input::placeholder{color:#94a3b8;color:var(--pr-text-muted);opacity:.5}.form-toggle{align-items:center;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.form-toggle:hover{border-color:#818cf8;border-color:var(--pr-primary-light)}.form-toggle-text{display:flex;flex-direction:column;gap:.2rem}.form-toggle-label{color:#f1f5f9;color:var(--pr-text);font-size:.95rem;font-weight:500}.form-toggle-description{color:#94a3b8;color:var(--pr-text-muted);font-size:.8rem}.form-toggle-switch{background:#ffffff1a;border-radius:13px;height:26px;position:relative;transition:background .3s ease;width:48px}.form-toggle-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.form-toggle.active .form-toggle-switch{background:#10b981;background:var(--pr-accent-green)}.form-toggle.active .form-toggle-switch:after{transform:translateX(22px)}.form-section-title{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--pr-border);color:#f1f5f9;color:var(--pr-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:2rem 0 1rem;padding-bottom:.5rem}.form-section-title:first-child{margin-top:0}.form-images{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-image-item{aspect-ratio:1;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:12px;overflow:hidden;position:relative}.form-image-item img{height:100%;object-fit:cover;width:100%}.form-image-item.is-default{border:2px solid #10b981;border:2px solid var(--pr-accent-green)}.form-image-default-badge{background:#10b981;background:var(--pr-accent-green);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;left:.4rem;padding:.2rem .5rem;position:absolute;top:.4rem}.form-image-actions{display:flex;gap:.25rem;opacity:0;position:absolute;right:.4rem;top:.4rem;transition:opacity .2s ease}.form-image-item:hover .form-image-actions{opacity:1}.form-image-remove,.form-image-set-default{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.form-image-set-default{background:#6366f1e6}.form-image-set-default:hover{background:#6366f1;background:var(--pr-primary)}.form-image-remove{background:#ef4444e6}.form-image-remove:hover{background:#ef4444;background:var(--pr-danger)}.form-image-add{align-items:center;aspect-ratio:1;background:#ffffff05;background:var(--pr-bg-surface);border:2px dashed #ffffff0f;border:2px dashed var(--pr-border);border-radius:12px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:.4rem;justify-content:center;transition:all .2s ease}.form-image-add:hover{background:#10b9810d;border-color:#10b981;border-color:var(--pr-accent-green);color:#10b981;color:var(--pr-accent-green)}.form-image-add-icon{font-size:1.5rem}.form-image-add-picker{grid-column:span 2}.form-image-add-picker .image-picker-container{width:100%}.form-image-add-picker .image-picker-trigger{background:#ffffff05;background:var(--pr-bg-surface);border:2px dashed #ffffff0f;border:2px dashed var(--pr-border);border-radius:12px;justify-content:center;padding:1rem;width:100%}.form-image-add-picker .image-picker-trigger:hover{background:#10b9810d;border-color:#10b981;border-color:var(--pr-accent-green)}.form-prices{display:flex;flex-direction:column;gap:.75rem}.form-price-item{align-items:center;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.form-price-value{color:#10b981;color:var(--pr-accent-green);font-size:1.1rem;font-weight:600}.form-price-label{color:#94a3b8;color:var(--pr-text-muted);flex:1 1;font-size:.9rem}.form-price-default{background:#6366f11a;border-radius:4px;color:#818cf8;color:var(--pr-primary-light);font-size:.7rem;font-weight:600;padding:.25rem .6rem}.form-price-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.form-price-remove:hover{background:#ef44441a;color:#ef4444;color:var(--pr-danger)}.form-price-set-default{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#818cf8;color:var(--pr-primary-light);cursor:pointer;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.form-price-set-default:hover{background:#6366f133;border-color:#6366f1;border-color:var(--pr-primary)}.form-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.form-category-item{align-items:center;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:10px;color:#94a3b8;color:var(--pr-text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.form-category-item:hover{background:#6366f10d;border-color:#818cf8;border-color:var(--pr-primary-light)}.form-category-item.active{background:#10b9811a;border-color:#10b981;border-color:var(--pr-accent-green);color:#f1f5f9;color:var(--pr-text)}.form-category-checkbox{align-items:center;background:#ffffff0f;background:var(--pr-border);border-radius:4px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.form-category-item.active .form-category-checkbox{background:#10b981;background:var(--pr-accent-green)}.form-category-name{font-weight:500}.form-price-item.is-default{background:#10b9810d;border-color:#10b98133}.form-price-add{align-items:center;display:flex;gap:.5rem}.form-price-add-input{background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:10px;color:#f1f5f9;color:var(--pr-text);flex:1 1;font-family:Outfit,sans-serif;font-size:.95rem;outline:none;padding:.75rem 1rem}.form-price-add-btn{background:#10b981;background:var(--pr-accent-green);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.form-price-add-btn:hover{background:#059669}.category-modal .modal{max-width:500px}.form-allergens{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:.75rem}.form-allergen-item{align-items:center;background:#ffffff05;background:var(--pr-bg-surface);border:1px solid #ffffff0f;border:1px solid var(--pr-border);border-radius:10px;cursor:pointer;display:flex;gap:.6rem;padding:.7rem 1rem;transition:all .2s ease}.form-allergen-item:hover{background:#ffffff0a;border-color:#ffffff1a}.form-allergen-item.active{background:#ef444414;border-color:#ef44444d}.form-allergen-checkbox{align-items:center;background:#0000;border:2px solid #ffffff0f;border:2px solid var(--pr-border);border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.form-allergen-item.active .form-allergen-checkbox{background:#ef4444;background:var(--pr-danger);border-color:#ef4444;border-color:var(--pr-danger)}.form-allergen-icon{flex-shrink:0;font-size:1.2rem}.form-allergen-name{color:#f1f5f9;color:var(--pr-text);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-allergens-count{color:#f59e0b;color:var(--pr-warning);font-size:.85rem;font-weight:500;margin:0}@media (max-width:768px){.products-container{padding:1rem}.products-header-top{align-items:stretch;flex-direction:column}.products-title{font-size:1.5rem}.products-grid{grid-template-columns:1fr}.products-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.2e01c855.css.map*/