:root{--bg-main: #060913;--bg-sidebar: #0b0f19;--bg-card: rgba(14, 20, 36, .6);--border-color: rgba(0, 245, 160, .08);--border-hover: rgba(0, 245, 160, .25);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dark: #0f172a;--primary: #00f5a0;--primary-dark: #00b894;--primary-glow: rgba(0, 245, 160, .12);--primary-glow-heavy: rgba(0, 245, 160, .3);--accent: #00d9f5;--success: #00f5a0;--warning: #f59e0b;--error: #f43f5e;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .25s cubic-bezier(.25, .8, .25, 1);--transition-elastic: all .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden;height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(0,245,160,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,217,245,.03) 0%,transparent 40%)}.app-container{display:flex;height:100vh;width:100vw;max-width:1920px;margin:0 auto;box-shadow:0 0 100px #000c}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:35px 24px;flex-shrink:0;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.03)}.sidebar-brand .icon{font-size:22px;filter:drop-shadow(0 0 8px var(--primary-glow-heavy))}.sidebar-brand h1{font-size:20px;font-weight:800;letter-spacing:.5px}.sidebar-brand .highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{display:flex;flex-direction:column;gap:8px;margin-top:30px;flex-grow:1}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 18px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;border-radius:12px;border:1px solid transparent;transition:var(--transition-smooth)}.menu-item:hover{color:#fff;background-color:#ffffff05;border-color:#ffffff08}.menu-item.active{color:var(--bg-main);background:linear-gradient(135deg,var(--primary) 0%,#00d285 100%);font-weight:700;box-shadow:0 4px 20px var(--primary-glow-heavy);transform:translateY(-1px)}.sidebar-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.03)}.user-badge{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--bg-main);font-size:14px;box-shadow:0 4px 10px #00f5a033}.user-info{display:flex;flex-direction:column}.username{font-size:14px;font-weight:700;letter-spacing:-.2px}.status-indicator{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:500}.status-indicator:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--success);box-shadow:0 0 8px var(--primary)}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:40px 50px;overflow-y:auto;height:100vh}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.header-title h2{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.8px;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title p{color:var(--text-muted);font-size:14px;font-weight:500}.header-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;transition:var(--transition-smooth)}.btn:active{transform:scale(.96)!important}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-main);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f5a040}.btn-secondary{background-color:#ffffff05;border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:#ffffff0d;border-color:#ffffff26}.btn-text{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;font-size:13px;transition:var(--transition-smooth)}.btn-text:hover{color:var(--accent)}.btn-icon-only{background:#ffffff05;border:1px solid var(--border-color);color:var(--text-muted);width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.btn-icon-only:active{transform:scale(.93)}.btn-icon-only.active,.btn-icon-only:hover{color:#fff;background:#ffffff0a;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;flex-grow:1}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff08;transition:var(--transition-smooth)}.card:hover{border-color:var(--border-hover)}.card-header{padding:24px 28px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:17px;font-weight:800;letter-spacing:-.3px}.card-body{padding:28px;overflow-y:auto}.badge{background:#00f5a00d;color:var(--primary);border:1px solid rgba(0,245,160,.15);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:5px 12px;border-radius:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-group{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.form-control{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:12px;color:#fff;padding:14px 18px;font-size:14px;font-weight:500;transition:var(--transition-smooth);font-family:inherit;width:100%}.form-control:focus{outline:none;border-color:var(--primary);background-color:#ffffff0a;box-shadow:0 0 15px #00f5a026}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f5a0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:16px;padding-right:45px}textarea.form-control{resize:vertical;line-height:1.5}.divider{height:1px;background-color:var(--border-color);margin:15px 0 25px}.slides-manager{display:flex;flex-direction:column;gap:20px;margin-top:10px}.slide-item-editor{background:#ffffff03;border:1px solid var(--border-color);border-radius:18px;padding:24px;position:relative;transition:var(--transition-smooth);box-shadow:inset 0 1px #ffffff03}.slide-item-editor:hover{border-color:#00f5a033;background:#ffffff05}.slide-title-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slide-title-header h4{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--primary);text-transform:uppercase}.btn-remove-slide{background:none;border:none;color:var(--error);cursor:pointer;font-size:12px;font-weight:700;transition:var(--transition-smooth)}.btn-remove-slide:hover{text-decoration:none;color:#ff4d6d}.btn-add-slide{background:#00f5a005;border:1px dashed rgba(0,245,160,.3);color:var(--primary);border-radius:16px;padding:16px;font-weight:700;font-size:14px;cursor:pointer;text-align:center;transition:var(--transition-smooth);width:100%;margin-top:10px}.btn-add-slide:hover{background:#00f5a00d;border-style:solid;border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.toggle-group{margin-top:10px}.toggle-container{display:flex;align-items:flex-start;gap:16px}.switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff0a;transition:.3s;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.3s}input:checked+.slider{background-color:var(--primary);border-color:var(--primary)}input:checked+.slider:before{transform:translate(24px);background-color:var(--bg-main)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.toggle-label-group{display:flex;flex-direction:column}.toggle-title{font-size:14px;font-weight:700;letter-spacing:-.1px}.toggle-description{font-size:12px;color:var(--text-muted);margin-top:3px;line-height:1.4}.preview-section{display:flex;flex-direction:column;gap:35px}.preview-card{flex-grow:1;display:flex;flex-direction:column;min-height:520px}.preview-container{display:flex;align-items:center;justify-content:center;background-color:#04060b;padding:30px;flex-grow:1;position:relative;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:20px 20px}.device-simulator{width:100%;max-width:400px;background-color:#0a0e17;border-radius:24px;border:10px solid #1e293b;overflow:hidden;box-shadow:0 30px 60px #000c,0 0 40px #00f5a00d;position:relative;transition:var(--transition-smooth)}.device-simulator.square{aspect-ratio:1 / 1}.device-simulator.story{aspect-ratio:9 / 16;max-width:290px}#preview-iframe{width:1080px;height:1080px;border:none;transform:scale(.35);transform-origin:top left;position:absolute;top:0;left:0;background-color:#000}.carousel-indicators-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;background:#0e1424d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,245,160,.2);padding:8px 16px;border-radius:50px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 10px 25px #0006}.nav-arrow{background:none;border:none;color:#fff;cursor:pointer;font-size:11px;padding:2px 6px;transition:var(--transition-smooth)}.nav-arrow:hover{color:var(--primary);transform:scale(1.2)}.html-view-panel{width:100%;height:100%;background-color:#080c14;padding:24px;overflow:auto;position:absolute;top:0;left:0;z-index:50}.html-view-panel pre{color:#34d399;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap}.terminal-card{height:220px}.terminal-body{background-color:#04060a;font-family:Courier New,Courier,monospace;font-size:12px;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;line-height:1.6}.log-line{color:#34d399}.log-line.system{color:#60a5fa;font-weight:700}.log-line.error{color:#fb7185}.log-line.info{color:#e2e8f0}.log-line.warning{color:#fbbf24}.pulse-bullet{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--primary);animation:pulse-animation 1.5s infinite;margin-right:8px}@keyframes pulse-animation{0%{transform:scale(.8);box-shadow:0 0 #00f5a0cc}70%{transform:scale(1);box-shadow:0 0 0 8px #00f5a000}to{transform:scale(.8);box-shadow:0 0 #00f5a000}}.alert-box{background:#00f5a005;border:1px solid rgba(0,245,160,.15);border-radius:16px;padding:18px 24px;margin-bottom:35px;display:flex;gap:16px;align-items:flex-start;box-shadow:inset 0 1px #ffffff03}.alert-icon{font-size:20px;line-height:1;filter:drop-shadow(0 0 6px rgba(0,245,160,.4))}.alert-content{font-size:14px;line-height:1.5;color:#cbd5e1}.alert-content strong{color:#fff}.field-hint{font-size:11px;color:var(--text-muted);margin-top:5px;line-height:1.4}.settings-buttons-group{display:flex;flex-direction:row;align-items:flex-end;gap:12px;margin-bottom:24px}.btn-clear-cred{background:none;border:none;color:var(--error);font-weight:700;cursor:pointer;font-size:13px;transition:var(--transition-smooth)}.btn-clear-cred:hover{text-decoration:underline;color:#ff4d6d}.table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--border-color);background-color:#ffffff03;box-shadow:inset 0 15px 30px #0000001a}.app-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.app-table th{background-color:#00f5a005;padding:18px 24px;font-weight:800;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color)}.app-table td{padding:18px 24px;border-bottom:1px solid var(--border-color);color:#cbd5e1;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.app-table tr:last-child td{border-bottom:none}.app-table tr:hover td{background-color:#00f5a004}.table-empty-cell{text-align:center;color:var(--text-muted)!important;padding:60px 0!important;font-style:italic}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.status-badge.success{color:var(--success)}.status-badge.pending{color:var(--warning)}.table-link{color:var(--primary);text-decoration:none;font-weight:700;transition:var(--transition-smooth)}.table-link:hover{color:var(--accent);text-decoration:underline}.ideas-input-panel{background:#ffffff03;border:1px solid var(--border-color);padding:24px;border-radius:20px;margin-bottom:24px;box-shadow:inset 0 1px #ffffff03}.section-sub-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:35px 0 20px}.ideas-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-top:10px}.ideas-placeholder-msg{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:90px 24px;border:1px dashed var(--border-color);border-radius:20px;font-size:14px;line-height:1.6;font-weight:500}.idea-card{background:#0e142466;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:var(--transition-elastic);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff05}.idea-card:hover{border-color:var(--primary);box-shadow:0 15px 30px #00f5a01a,0 0 1px var(--primary);transform:translateY(-5px)}.idea-card-header{padding:22px 24px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.02)}.idea-card-header h5{font-size:15px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;letter-spacing:-.3px}.idea-card-body{padding:24px;flex-grow:1}.idea-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.idea-bullet-preview{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:12px 16px;background-color:#00f5a005;border-left:3px solid var(--primary);border-radius:0 12px 12px 0}.idea-bullet-preview span{font-size:12px;color:#e2e8f0;font-weight:600}.idea-card-footer{padding:18px 24px 24px;border-top:1px solid rgba(255,255,255,.02);display:flex;justify-content:flex-end}.idea-card-footer .btn{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .45s cubic-bezier(.25,.8,.25,1) forwards}.brand-icon{width:24px;height:24px;color:var(--primary);stroke-width:2.5px;filter:drop-shadow(0 0 8px rgba(0,245,160,.4))}.menu-icon{width:18px;height:18px;stroke-width:2.2px;transition:var(--transition-smooth)}.menu-item:hover .menu-icon{color:#fff}.menu-item.active .menu-icon{color:var(--bg-main);stroke-width:2.5px}.btn-icon{width:16px;height:16px;stroke-width:2.5px}.btn-icon-small{width:14px;height:14px;stroke-width:2.2px;margin-right:4px}.alert-icon{width:24px;height:24px;color:var(--primary);stroke-width:2px;flex-shrink:0}.btn svg,.menu-item svg,.alert-box svg{display:inline-block;vertical-align:middle}