.landing{min-height:100vh}.landing-header{padding:1rem 0;border-bottom:1px solid var(--border)}.landing-nav{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:.5rem;align-items:center}.hero{padding:6rem 0;text-align:center}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-lg{padding:.875rem 2rem;font-size:1rem}.features{padding:5rem 0;background:var(--surface)}.features h2{text-align:center;font-size:2rem;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:var(--text-muted);font-size:.9rem}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.125rem;margin-top:-2rem;margin-bottom:2.5rem}.demo-preview{padding:5rem 0;background:var(--surface)}.demo-preview h2{text-align:center;font-size:2rem;margin-bottom:3rem}.demo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.demo-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-decoration:none;color:var(--text);transition:all .2s}.demo-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.demo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.demo-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.demo-badge-feature_request{background:#8b5cf626;color:#a78bfa}.demo-badge-bug_report{background:#ef444426;color:var(--error)}.demo-badge-improvement{background:#3b82f626;color:var(--info)}.demo-status{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.demo-status-under_review{color:var(--text-muted)}.demo-status-planned{color:var(--info)}.demo-status-in_progress,.demo-status-completed{color:var(--success)}.demo-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.demo-card p{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.demo-card-footer{display:flex;gap:1rem;color:var(--text-muted);font-size:.8125rem}.demo-votes,.demo-comments{display:flex;align-items:center;gap:.375rem}.demo-votes svg,.demo-comments svg{opacity:.7}.demo-loading{text-align:center;color:var(--text-muted);padding:3rem}.demo-cta{text-align:center;margin-top:2.5rem}.cta{padding:5rem 0;text-align:center;background:linear-gradient(135deg,var(--primary-10) 0%,transparent 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta h2{font-size:2rem;margin-bottom:1rem}.cta p{color:var(--text-muted);font-size:1.125rem;margin-bottom:2rem}.pricing{padding:5rem 0}.pricing h2{text-align:center;font-size:2rem;margin-bottom:3rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center}.pricing-card.featured{border-color:var(--primary);position:relative}.pricing-card h3{font-size:1.25rem;margin-bottom:1rem}.price{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-card ul{list-style:none;margin-bottom:2rem}.pricing-card li{padding:.5rem 0;color:var(--text-muted);border-bottom:1px solid var(--border)}.pricing-card li:last-child{border-bottom:none}.pricing-card .btn{width:100%}.landing-footer{padding:2rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted)}@media(max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-buttons{flex-direction:column}.pricing-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:400px}.auth-logo{display:block;text-align:center;font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:2rem}.auth-logo:hover{text-decoration:none}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.auth-box h1{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.auth-box .message{margin-bottom:1rem}.password-input{position:relative}.password-input .input{padding-right:60px}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer}.password-toggle:hover{color:var(--text)}.btn-full{width:100%;margin-top:.5rem}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-muted);font-size:.9rem}.dashboard{min-height:100vh}.dashboard-header{padding:1rem 0;border-bottom:1px solid var(--border)}.dashboard-nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text)}.logo:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:1rem}.plan-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:12px;text-decoration:none;transition:all .2s}.plan-badge.plan-free{background:var(--surface-hover);color:var(--text-muted)}.plan-badge.plan-pro,.plan-badge.plan-business{background:var(--primary-15);color:var(--primary)}.plan-badge:hover{text-decoration:none;opacity:.8}.user-email{color:var(--text-muted);font-size:.875rem}.dashboard-main{padding:2rem 0}.dashboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-title h1{font-size:1.75rem}.dashboard-actions{display:flex;align-items:center;gap:1rem}.boards-count{font-size:.875rem;color:var(--text-muted)}.plan-limit{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.upgrade-link{color:var(--primary);font-weight:500}.loading{color:var(--text-muted);text-align:center;padding:3rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;border:1px dashed var(--border)}.empty-state h2{margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.board-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s;color:var(--text)}.board-card:hover{border-color:var(--primary);text-decoration:none}.board-card h3{margin-bottom:.5rem}.board-card p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.board-url{font-size:.75rem;color:var(--primary);background:var(--primary-10);padding:.25rem .5rem;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:450px}.modal h2{margin-bottom:1.5rem}.modal .message{margin-bottom:1rem}.slug-input{display:flex;align-items:center;background:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden}.slug-prefix{padding:.625rem .75rem;color:var(--text-muted);font-size:.875rem;background:var(--surface);border-right:1px solid var(--border)}.slug-input .input{border:none;border-radius:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.feedback-card{display:flex;gap:1rem;background:var(--surface);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem;transition:background .2s}.feedback-card:hover{background:var(--surface-hover)}.feedback-content{flex:1;color:var(--text);text-decoration:none;min-width:0}.feedback-content:hover{text-decoration:none}.feedback-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ticket-number{color:var(--text-muted);font-weight:400;font-size:.875rem}.feedback-description{color:var(--text-muted);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.feedback-image{margin-bottom:.75rem;border-radius:8px;overflow:hidden;max-width:200px}.feedback-image img{width:100%;height:auto;max-height:120px;object-fit:cover;display:block}.feedback-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.feedback-meta{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-muted)}.feedback-time{color:var(--text-muted)}.feedback-comments{display:flex;align-items:center;gap:.25rem}.feedback-comments svg{opacity:.7}.feedback-status-row{display:flex;align-items:center;gap:.75rem}.status-indicator{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-indicator.status-under-review:before{background:var(--text-muted)}.status-indicator.status-considering:before{background:var(--warning)}.status-indicator.status-planned:before{background:var(--info)}.status-indicator.status-in-progress:before{background:var(--success)}.status-indicator.status-completed:before{background:var(--success)}.status-indicator.status-declined:before{background:var(--error)}.priority-indicator{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;background:var(--primary-20);color:var(--primary);text-transform:capitalize}.priority-indicator.priority-high{background:#ef444433;color:var(--error)}.priority-indicator.priority-medium{background:#f59e0b33;color:var(--warning)}.priority-indicator.priority-low{background:#22c55e33;color:var(--success)}.vote-section{display:flex;align-items:flex-start;padding-top:.25rem}.vote-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.vote-btn:hover{border-color:var(--primary);color:var(--primary)}.vote-btn.active{background:var(--primary-15);border-color:var(--primary);color:var(--primary)}.vote-btn svg{flex-shrink:0}@media(max-width:480px){.feedback-card{flex-direction:column;gap:.75rem}.vote-section{padding-top:0}.vote-btn{width:fit-content}}.feedback-form-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--text)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.category-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.category-btn{padding:.5rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--surface-hover);color:var(--text)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-text, #FFFFFF)}.login-hint{font-size:.875rem;color:var(--text-muted);text-align:center;margin-bottom:1rem;padding:.75rem;background:var(--background);border-radius:6px}.login-hint a{color:var(--primary);font-weight:500}.image-upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1.5rem;background:var(--background);border:2px dashed var(--border);border-radius:8px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.image-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-05)}.image-preview-container{position:relative;display:inline-block;max-width:100%}.image-preview{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border)}.image-remove-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.image-remove-btn:hover{background:var(--error)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:8px;font-size:14px;max-width:360px;pointer-events:auto;animation:toast-in .3s ease-out;box-shadow:0 4px 12px #0000004d}.toast-error{background:var(--error);color:#fff}.toast-success{background:var(--success);color:#fff}.toast-info{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border-light)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.slide-panel{position:fixed;top:0;right:0;width:100%;max-width:600px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:1001;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.panel-more-btn,.panel-close-btn{background:none;border:none;color:var(--text-muted);padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s}.panel-more-btn:hover,.panel-close-btn:hover{background:var(--surface-hover);color:var(--text)}.panel-close-btn svg{width:24px;height:24px}.panel-content{flex:1;overflow-y:auto;padding:1.5rem}.panel-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.ticket-number{color:var(--text-muted);font-weight:400}.panel-meta{margin-bottom:1.5rem}.meta-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.meta-row:last-child{border-bottom:none}.meta-label{width:100px;color:var(--text-muted);font-size:.875rem}.meta-value{flex:1;font-size:.875rem}.meta-value .empty{color:var(--text-muted)}.voter-avatars{display:flex;gap:-8px}.voter-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--primary-text, #FFFFFF);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;border:2px solid var(--surface);margin-left:-8px}.voter-avatar:first-child{margin-left:0}.voter-avatar.more{background:var(--surface-hover);color:var(--text-muted)}.voter-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.voters-wrapper{position:relative}.voter-avatars-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0}.voter-avatars-btn:hover .voters-count{color:var(--primary)}.voters-count{font-size:.8125rem;color:var(--text-muted);transition:color .2s}.voters-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.voters-list-popover{position:absolute;top:calc(100% + .5rem);left:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:200px;max-width:280px;z-index:11}.voters-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem;font-weight:500}.voters-list-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex}.voters-list-header button:hover{color:var(--text)}.voters-list-content{max-height:200px;overflow-y:auto}.voter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.voter-item:hover{background:var(--surface-hover)}.voter-item-avatar{width:24px;height:24px;border-radius:50%;background:var(--primary);color:var(--primary-text, #FFFFFF);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;flex-shrink:0}.voter-item-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.voter-item-name{flex:1;font-size:.8125rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voter-item-type{font-size:.75rem;font-weight:500}.voter-item-type.upvote{color:var(--success)}.voter-item-type.downvote{color:var(--error)}.status-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;cursor:pointer;padding:.375rem .5rem}.status-select:focus{outline:none;border-color:var(--primary)}.priority-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;cursor:pointer;padding:.375rem .5rem}.priority-select:focus{outline:none;border-color:var(--primary)}.status-select option,.priority-select option{background:var(--surface);color:var(--text)}.priority-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;text-transform:capitalize}.priority-badge.priority-low{background:#22c55e33;color:var(--success)}.priority-badge.priority-medium{background:#f59e0b33;color:var(--warning)}.priority-badge.priority-high{background:#ef444433;color:var(--error)}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot.in-progress,.status-dot.completed{background:var(--success)}.visibility-public{display:flex;align-items:center;gap:.375rem;color:var(--text)}.visibility-public svg{color:var(--text-muted)}.panel-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--primary);color:var(--primary)}.action-btn.active,.action-btn.subscribed{background:var(--primary-10);border-color:var(--primary);color:var(--primary)}.panel-description{margin-bottom:1.5rem}.panel-description p{font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.panel-image{margin-bottom:1rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.panel-image img{width:100%;max-height:300px;object-fit:contain;background:var(--background);cursor:pointer;transition:opacity .2s}.panel-image img:hover{opacity:.9}.description-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8125rem}.panel-comments{margin-bottom:1rem}.comment-item{display:flex;gap:.75rem;padding:1rem 0}.comment-avatar .avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;position:relative}.comment-avatar .avatar.admin{background:var(--primary);color:var(--primary-text, #FFFFFF)}.comment-avatar .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.admin-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success);border-radius:50%;border:2px solid var(--surface)}.comment-body{flex:1}.comment-text{font-size:.9375rem;line-height:1.5;margin-bottom:.5rem}.comment-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8125rem}.comment-author{color:var(--text-secondary)}.comment-like,.comment-more{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center}.comment-like:hover,.comment-more:hover{color:var(--text)}.comment-like{display:flex;align-items:center;gap:.25rem}.comment-like.liked,.comment-like.liked:hover{color:var(--error)}.panel-comment-form{flex-shrink:0;padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border)}.comment-input{width:100%;padding:.75rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.875rem}.comment-input:focus{outline:none;border-color:var(--primary)}.comment-input::placeholder{color:var(--text-muted)}.login-prompt{text-align:center;color:var(--text-muted);padding:.75rem}.panel-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.comment-image{margin:.5rem 0;border-radius:8px;overflow:hidden;max-width:300px}.comment-image img{width:100%;max-height:200px;object-fit:cover;cursor:pointer;border-radius:8px;border:1px solid var(--border)}.comment-image img:hover{opacity:.9}.comment-input-row{display:flex;gap:.5rem;align-items:center}.comment-input-row .comment-input{flex:1}.comment-image-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.comment-image-btn:hover{color:var(--primary);border-color:var(--primary)}.comment-image-preview{position:relative;margin-bottom:.75rem;max-width:200px}.comment-image-preview img{width:100%;max-height:150px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:var(--error)}.comment-submit-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);border:none;border-radius:8px;color:var(--primary-text, #FFFFFF);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.comment-submit-btn:hover:not(:disabled){opacity:.9}.comment-submit-btn:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;cursor:zoom-out}.image-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.image-modal-close:hover{background:#fff3}.image-modal-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;height:80vh;max-height:600px;background:var(--surface);border:1px solid var(--border);border-radius:12px;z-index:1001;display:flex;flex-direction:column;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.settings-modal-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text)}.settings-modal-actions{display:flex;align-items:center;gap:.5rem}.settings-save-btn{padding:.5rem 1rem;background:var(--primary);color:var(--primary-text, #FFFFFF);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-save-btn:hover{background:var(--primary-hover)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-close-btn{background:none;border:none;color:var(--text-muted);padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s}.settings-close-btn:hover{background:var(--surface-hover);color:var(--text)}.settings-modal-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:220px;border-right:1px solid var(--border);padding:1rem;overflow-y:auto}.settings-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;color:var(--text-muted);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s}.settings-menu-item:hover{background:var(--surface-hover);color:var(--text)}.settings-menu-item.active{background:var(--primary);color:var(--primary-text, #FFFFFF)}.settings-main{flex:1;overflow-y:auto;padding:1.5rem}.settings-content{max-width:500px}.settings-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text)}.settings-error{background:#ef44441a;color:var(--error);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.settings-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-label{display:flex;flex-direction:column;gap:.25rem}.label-title{font-size:.875rem;font-weight:500;color:var(--text)}.label-desc{font-size:.8125rem;color:var(--text-muted)}.settings-value{margin-top:.5rem}.settings-input{width:100%;padding:.625rem .875rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;transition:all .2s}.settings-input:focus{outline:none;border-color:var(--primary)}.settings-textarea{resize:vertical;min-height:80px}.settings-select{width:100%;padding:.625rem .875rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s}.settings-select:focus{outline:none;border-color:var(--primary)}.color-options{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.color-option{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.color-picker{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background:none;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:2px solid var(--border);border-radius:50%}.theme-options{display:flex;gap:.5rem}.theme-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.theme-option:hover{border-color:var(--text-muted);color:var(--text)}.theme-option.active{background:var(--primary);border-color:var(--primary);color:var(--primary-text, #FFFFFF)}.theme-option svg{flex-shrink:0}.logo-edit-section{display:flex;align-items:center;gap:1rem}.logo-preview{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--primary-text, #FFFFFF);overflow:hidden;flex-shrink:0}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-actions{display:flex;flex-direction:column;gap:.5rem}.btn-secondary:hover{background:var(--border)}.btn-text-danger{padding:.25rem .5rem;background:none;border:none;color:var(--error);font-size:.8125rem;cursor:pointer;transition:all .2s}.settings-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.875rem}.domain-instructions{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:1rem}.domain-instructions h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.domain-instructions p{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.dns-record{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.dns-row{display:flex;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.dns-row:last-child{border-bottom:none}.dns-label{width:60px;font-size:.75rem;color:var(--text-muted);font-weight:500}.dns-value{flex:1;font-size:.75rem;color:var(--text);font-family:monospace}.dns-note{font-size:.75rem;color:var(--text-muted);margin-top:.75rem;margin-bottom:0}.settings-row.danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--error)}.label-title.danger{color:var(--error)}.delete-board-btn{padding:.5rem 1rem;background:transparent;color:var(--error);border:1px solid var(--error);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-board-btn:hover,.delete-board-btn.confirm{background:var(--error);color:#fff}.delete-board-btn:disabled{opacity:.6;cursor:not-allowed}.delete-actions{display:flex;gap:.5rem}.cancel-delete-btn{padding:.5rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-delete-btn:hover{background:var(--surface-hover);color:var(--text)}.cancel-delete-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.settings-modal{width:95%;height:90vh;max-height:none}.settings-modal-body{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:.5rem;overflow-x:auto;overflow-y:hidden;display:flex;gap:.5rem}.settings-menu-item{white-space:nowrap;padding:.5rem .75rem}}.account-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.account-modal{background:var(--surface);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.account-modal-header h2{font-size:1.125rem;font-weight:600;margin:0}.account-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;transition:all .2s}.account-modal-close:hover{background:var(--surface-hover);color:var(--text)}.account-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.account-field{margin-bottom:1.5rem}.account-field:last-child{margin-bottom:0}.account-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.account-input{width:100%;padding:.75rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9375rem;transition:border-color .2s}.account-input:focus{outline:none;border-color:var(--primary)}.account-input.readonly{opacity:.7;cursor:not-allowed}.account-input::placeholder{color:var(--text-muted)}.field-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.avatar-edit-section{display:flex;align-items:center;gap:1.25rem}.avatar-preview-large{width:80px;height:80px;border-radius:50%;background:var(--primary);color:var(--primary-text, #FFFFFF);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;overflow:hidden;flex-shrink:0}.avatar-preview-large img{width:100%;height:100%;object-fit:cover}.avatar-actions{display:flex;flex-direction:column;gap:.5rem}.btn-secondary{padding:.5rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-text-danger{background:none;border:none;color:var(--error);font-size:.875rem;cursor:pointer;padding:.25rem 0;text-align:left}.btn-text-danger:hover{text-decoration:underline}.account-message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-top:1rem}.account-message.success{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.account-message.error{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.account-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.btn-primary{padding:.5rem 1.25rem;background:var(--primary);border:none;border-radius:6px;color:var(--primary-text, #FFFFFF);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.account-modal{max-height:100vh;border-radius:0}.avatar-edit-section{flex-direction:column;align-items:flex-start}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.board-page{min-height:100vh;background:var(--background);color:var(--text)}.board-page[data-theme=light]{color-scheme:light;--background: #F8F9FB;--surface: #ffffff;--surface-hover: #F1F3F8;--surface-elevated: #ffffff;--border: #E2E6EF;--border-light: #CBD2DE;--text: #1A1F36;--text-muted: #6b7280;--text-secondary: #4b5563}.board-page[data-theme=dark]{color-scheme:dark;--background: #0F1419;--surface: #1A2332;--surface-hover: #243044;--surface-elevated: #1E2A3A;--border: #2A3A4E;--border-light: #344B63;--text: #F1F5F9;--text-muted: #8899A6;--text-secondary: #A8B9C8}.board-page{--primary-05: color-mix(in srgb, var(--primary) 5%, transparent);--primary-10: color-mix(in srgb, var(--primary) 10%, transparent);--primary-15: color-mix(in srgb, var(--primary) 15%, transparent);--primary-20: color-mix(in srgb, var(--primary) 20%, transparent);--primary-hover: color-mix(in srgb, var(--primary) 85%, black)}.top-nav{position:fixed;top:0;left:0;right:0;height:56px;background:var(--background);border-bottom:1px solid var(--border);z-index:100}.top-nav-content{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.top-nav-left{display:flex;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--primary);text-decoration:none}.top-nav-right{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.875rem;padding:.5rem;background:none;border:none;cursor:pointer;transition:color .2s}.nav-link:hover{color:var(--text)}.profile-menu-wrapper{position:relative}.profile-btn{background:none;border:none;cursor:pointer;padding:0}.profile-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--surface-hover);color:var(--text);font-size:.875rem;font-weight:600}.profile-avatar-img{width:32px;height:32px;border-radius:8px;object-fit:cover}.profile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.profile-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:100;overflow:hidden}.profile-menu-header{padding:.75rem 1rem}.profile-email{font-size:.8125rem;color:var(--text-muted)}.profile-menu-divider{height:1px;background:var(--border)}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text);font-size:.875rem;text-decoration:none;cursor:pointer;transition:background .2s}.profile-menu-item:hover{background:var(--surface-hover)}.profile-menu-item svg{color:var(--text-muted)}.board-header-wrapper{padding-top:80px;padding-bottom:1rem}.board-header-card{display:flex;gap:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.board-logo{display:flex;align-items:center;justify-content:center;min-width:80px;height:80px;border-radius:12px;font-size:2rem;font-weight:700;color:var(--primary-text, #FFFFFF);flex-shrink:0;overflow:hidden}.board-logo-img{height:100%;width:auto;object-fit:contain}.board-info h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.board-info p{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.board-toolbar-wrapper{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:56px;z-index:50}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0}.toolbar-left{display:flex;align-items:center;gap:1rem}.sort-dropdown{display:flex;align-items:center;gap:.375rem;color:var(--text);cursor:pointer}.sort-select{background:none;border:none;color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sort-select:focus{outline:none}.search-box{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s;min-width:100px}.search-box:hover{background:var(--surface-hover)}.search-box.active{background:var(--surface-hover);min-width:200px}.search-input{background:none;border:none;color:var(--text);font-size:.875rem;width:100%;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.search-clear:hover{background:var(--border);color:var(--text)}.board-main{padding:0}.loading-text{text-align:center;color:var(--text-muted);padding:3rem}.empty-posts{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;border:1px dashed var(--border);margin-top:1rem}.empty-posts h2{margin-bottom:.5rem}.empty-posts p{color:var(--text-muted);margin-bottom:1.5rem}.posts-list{display:flex;flex-direction:column;background:var(--surface);border-radius:0 0 12px 12px}.posts-list>*:first-child{border-top:none}@media(max-width:768px){.top-nav-content{padding:0 1rem}.board-header-wrapper{padding-top:72px}.board-header-card{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.board-logo{min-width:64px;height:64px;font-size:1.5rem}.board-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.toolbar-left{justify-content:space-between}}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found h1{font-size:6rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.not-found p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--primary: #6366F1;--primary-hover: #4F46E5;--primary-text: #FFFFFF;--primary-05: rgba(99, 102, 241, .05);--primary-10: rgba(99, 102, 241, .1);--primary-15: rgba(99, 102, 241, .15);--primary-20: rgba(99, 102, 241, .2);--background: #0F1419;--surface: #1A2332;--surface-hover: #243044;--surface-elevated: #1E2A3A;--border: #2A3A4E;--border-light: #344B63;--text: #F1F5F9;--text-muted: #8899A6;--text-secondary: #A8B9C8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--pink: #ec4899;--considering: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--background);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s;border:none}.btn-primary{background:var(--primary);color:var(--primary-text, #FFFFFF)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.625rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.875rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.considering{background:var(--warning)}.status-dot.in-progress{background:var(--success)}.status-dot.planned{background:var(--info)}.status-dot.completed{background:var(--success)}.status-dot.declined{background:var(--error)}.status-dot.under-review{background:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-feature{background:#8b5cf633;color:#a78bfa}.badge-bug{background:#ef444433;color:#f87171}.badge-improvement{background:#3b82f633;color:#60a5fa}.badge-under-review{background:#94a3b833;color:#94a3b8}.badge-planned{background:#3b82f633;color:#60a5fa}.badge-in-progress,.badge-completed{background:#22c55e33;color:#4ade80}.badge-declined{background:#ef444433;color:#f87171}.badge-considering{background:#f59e0b33;color:#fbbf24}.badge-high{background:#ec489933;color:var(--pink)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text)}.form-error{color:var(--error);font-size:.75rem;margin-top:.25rem}.message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.message-error{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.3)}.message-success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1100;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;max-height:calc(100vh - 4rem);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem}.login-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:360px;text-align:center}.login-modal h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.login-modal p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.login-modal-actions{display:flex;gap:.75rem;justify-content:center}.login-modal-actions button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.login-modal-actions .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.login-modal-actions .btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.login-modal-actions .btn-primary{background:var(--primary, #6366F1);border:none;color:var(--primary-text, #FFFFFF)}.login-modal-actions .btn-primary:hover{background:var(--primary-hover, #4F46E5)}.slide-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.slide-panel{position:fixed;top:0;right:0;width:100%;max-width:700px;height:100vh;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;z-index:1001}.vote-btn-check{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.vote-btn-check:hover{border-color:var(--primary);color:var(--primary)}.vote-btn-check.active{background:var(--primary-10);border-color:var(--primary);color:var(--primary)}.vote-btn-check svg{width:16px;height:16px}