:root{color-scheme:dark;--bg: #0a0a0a;--bg-elevated: #111111;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #fafafa;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .35);--blue: #3b82f6;--blue-light: #60a5fa;--blue-dark: #2563eb;--green: #22c55e;--neon: #00ff88;--cyan: #22d3ee;--purple: #a855f7;--pink: #ec4899;--orange: #f97316;--yellow: #eab308;--red: #ef4444;--beige: #f5f0e8;--warm: #ff9f43;--gradient-blue: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-green: linear-gradient(135deg, #00ff88, #22d3ee);--gradient-warm: linear-gradient(135deg, #f97316, #ec4899);--gradient-purple: linear-gradient(135deg, #a855f7, #ec4899);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.sidebar-logo-icon{width:38px;height:38px;background:var(--gradient-blue);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.sidebar-logo-text h2{font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.sidebar-logo-text span{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem}.nav-section{margin-bottom:1.25rem}.nav-section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 .75rem;margin-bottom:.375rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-size:.85rem;color:var(--text-secondary);border:1px solid transparent;width:100%;background:none;text-align:left;font-family:inherit}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{background:#3b82f61a;color:var(--blue-light);border-color:#3b82f626}.nav-item svg{width:17px;height:17px;flex-shrink:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border)}.user-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);background:var(--bg-card)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.user-name{font-size:.8rem;font-weight:600}.user-plan{font-size:.65rem;color:var(--neon)}.main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding:2rem;max-width:1200px}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:40px;height:40px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;justify-content:center}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.gradient-text{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:.9rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}.glass-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.glass-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.glass-card-title{font-size:1rem;font-weight:600}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bento-item{min-height:160px}.bento-item.span-2{grid-column:span 2}.bento-item.span-3{grid-column:span 3}.bento-item.span-row-2{grid-row:span 2}.stat-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.stat-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.stat-icon.blue{background:#3b82f626;color:var(--blue)}.stat-icon.green{background:#22c55e26;color:var(--green)}.stat-icon.purple{background:#a855f726;color:var(--purple)}.stat-icon.orange{background:#f9731626;color:var(--orange)}.stat-icon.pink{background:#ec489926;color:var(--pink)}.stat-icon.cyan{background:#22d3ee26;color:var(--cyan)}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-secondary)}.stat-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;margin-top:.5rem;padding:.125rem .5rem;border-radius:20px}.stat-change.positive{background:#22c55e26;color:var(--green)}.stat-change.negative{background:#ef444426;color:var(--red)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;font-family:inherit;transition:all .15s ease;outline:none}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61f}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:90px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:0 2px 12px #3b82f64d}.btn-primary:hover{box-shadow:0 4px 20px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text)}.btn-sm{padding:.35rem .75rem;font-size:.78rem}.btn-lg{padding:.8rem 1.75rem;font-size:.95rem}.btn-icon{width:34px;height:34px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}.tab{padding:.5rem .875rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border:none;background:none;font-family:inherit;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{background:var(--blue);color:#fff}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:20px;font-size:.68rem;font-weight:500}.badge-blue{background:#3b82f626;color:var(--blue-light)}.badge-green{background:#22c55e26;color:var(--green)}.badge-purple{background:#a855f726;color:var(--purple)}.badge-orange{background:#f9731626;color:var(--orange)}.badge-pink{background:#ec489926;color:var(--pink)}.badge-cyan{background:#22d3ee26;color:var(--cyan)}.badge-neon{background:#00ff881a;color:var(--neon)}.progress-bar{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease;background:var(--gradient-blue)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.625rem .75rem;border-bottom:1px solid var(--border)}.data-table td{padding:.625rem .75rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:hover td{background:#ffffff05}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 10rem);max-height:650px}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.chat-message{display:flex;gap:.625rem;max-width:85%;animation:fadeIn .3s ease}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem}.chat-message.ai .chat-avatar{background:var(--gradient-blue)}.chat-message.user .chat-avatar{background:var(--gradient-purple)}.chat-bubble{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.85rem;line-height:1.6}.chat-message.ai .chat-bubble{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-message.user .chat-bubble{background:var(--blue);color:#fff;border-bottom-right-radius:4px}.chat-input-area{padding:.875rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:.625rem}.chat-input{flex:1;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:all .15s ease}.chat-input:focus{border-color:var(--blue)}.suggestions{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 1.25rem .75rem}.suggestion-chip{padding:.3rem .625rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.suggestion-chip:hover{background:#3b82f61a;border-color:#3b82f64d;color:var(--blue-light)}.loading-dots{display:flex;gap:4px;align-items:center;padding:.5rem 0}.loading-dots span{width:6px;height:6px;background:var(--blue);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.06) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);height:80px}.idea-card{position:relative;overflow:hidden}.idea-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.idea-card.blue:before{background:var(--gradient-blue)}.idea-card.green:before{background:var(--gradient-green)}.idea-card.purple:before{background:var(--gradient-purple)}.idea-card.warm:before{background:var(--gradient-warm)}.idea-card-title{font-size:1rem;font-weight:600;margin-bottom:.375rem}.idea-card-desc{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.idea-card-meta{display:flex;flex-wrap:wrap;gap:.375rem}.brand-preview{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:2rem;text-align:center;border:1px solid var(--border)}.brand-logo-placeholder{width:90px;height:90px;border-radius:50%;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff}.brand-name{font-size:1.5rem;font-weight:700;margin-bottom:.375rem}.brand-slogan{font-size:.95rem;color:var(--text-secondary);font-style:italic;margin-bottom:1.25rem}.color-palette{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);position:relative}.color-swatch-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--text-muted);white-space:nowrap}.font-preview{text-align:left;padding:1rem;background:var(--bg-card);border-radius:var(--radius);margin-top:.5rem}.content-output{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:1rem;position:relative;white-space:pre-wrap;font-size:.875rem;line-height:1.7;color:var(--text-secondary)}.copy-btn{position:absolute;top:.625rem;right:.625rem}.template-card{cursor:pointer;position:relative;overflow:hidden}.template-card-icon{font-size:2rem;margin-bottom:.75rem}.template-card-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.template-card-desc{font-size:.78rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.template-features{list-style:none;padding:0}.template-features li{font-size:.78rem;color:var(--text-secondary);padding:.2rem 0;display:flex;align-items:center;gap:.375rem}.template-features li:before{content:"✓";color:var(--green);font-weight:600;font-size:.7rem}.chart-container{width:100%;height:220px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.section{margin-bottom:1.5rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem}.timeline{position:relative;padding-left:1.75rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:1.25rem}.timeline-item:before{content:"";position:absolute;left:-1.75rem;top:.25rem;width:8px;height:8px;border-radius:50%;background:var(--blue);border:2px solid var(--bg);transform:translate(-3px)}.timeline-item.completed:before{background:var(--green)}.timeline-item.pending:before{background:var(--text-muted)}.timeline-title{font-size:.85rem;font-weight:600;margin-bottom:.125rem}.timeline-desc{font-size:.78rem;color:var(--text-secondary)}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kanban-column{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);padding:.875rem}.kanban-column-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.375rem}.kanban-count{background:var(--bg-card);padding:.1rem .4rem;border-radius:10px;font-size:.65rem}.kanban-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem;margin-bottom:.375rem;cursor:pointer;transition:all .15s ease}.kanban-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.kanban-card-title{font-size:.82rem;font-weight:500;margin-bottom:.125rem}.kanban-card-desc{font-size:.72rem;color:var(--text-muted)}.kanban-card-xp{font-size:.65rem;color:var(--neon);margin-top:.375rem}.feed-item{padding:1rem;border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:none}.feed-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.feed-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.feed-user-name{font-size:.85rem;font-weight:600}.feed-time{font-size:.7rem;color:var(--text-muted)}.feed-content{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.625rem}.feed-actions{display:flex;gap:.875rem}.feed-action{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease;background:none;border:none;font-family:inherit}.feed-action:hover{color:var(--blue)}.feed-action.liked{color:var(--pink)}.xp-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.xp-level{font-size:.85rem;font-weight:600}.xp-progress{font-size:.7rem;color:var(--text-muted)}.badge-grid{display:flex;flex-wrap:wrap;gap:.5rem}.badge-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem}.badge-item-icon{font-size:1rem}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-action{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;font-family:inherit;color:var(--text);font-size:.82rem}.quick-action:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.quick-action svg{color:var(--blue)}.result-section{margin-top:1.5rem;animation:fadeIn .4s ease}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.result-title{font-size:1.1rem;font-weight:600}.input-row{display:flex;gap:.75rem;align-items:flex-end}.input-row .form-group{flex:1;margin-bottom:0}.tag-list{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.tag-item{padding:.25rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:.72rem;color:var(--text-secondary)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.metric-label{font-size:.82rem;color:var(--text-secondary)}.metric-value{font-size:.82rem;font-weight:600}.info-box{background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius);padding:.875rem;font-size:.82rem;color:var(--blue-light);line-height:1.6}.warning-box{background:#f9731614;border:1px solid rgba(249,115,22,.15);border-radius:var(--radius);padding:.875rem;font-size:.82rem;color:var(--orange);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeIn .35s ease}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item.span-3{grid-column:span 2}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.overlay.open{display:block}.main{margin-left:0;padding:3.5rem 1rem 1rem}.mobile-toggle{display:flex}.bento-grid{grid-template-columns:1fr}.bento-item.span-2,.bento-item.span-3{grid-column:span 1}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header h1{font-size:1.3rem}.input-row{flex-direction:column}.quick-actions{grid-template-columns:1fr}}