@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-canvas: #f8fafc;--bg-card: #ffffff;--bg-header: #ffffff;--bg-column: #f1f5f9;--border-color: #e2e8f0;--border-color-active: #cbd5e1;--color-primary: #4f46e5;--color-primary-light: #e0e7ff;--color-secondary: #8b5cf6;--color-secondary-light: #f5f3ff;--color-accent: #0d9488;--color-accent-light: #f0fdfa;--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-dark: #64748b;--tofu-color: #2563eb;--tofu-bg: #eff6ff;--mofu-color: #d97706;--mofu-bg: #fffbeb;--bofu-color: #dc2626;--bofu-bg: #fef2f2;--transition-fast: all .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-canvas);color:var(--color-text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}header{padding:1rem 2rem;background:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #00000005}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{background:var(--color-primary);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.brand-title h1{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-main)}.brand-title p{font-size:.7rem;color:var(--color-text-dark);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.header-controls{display:flex;align-items:center;gap:.75rem}.db-status{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:99px;font-size:.75rem;font-weight:600;background:#f1f5f9;border:1px solid var(--border-color)}.db-status.local{color:var(--color-accent);background:var(--color-accent-light);border-color:#0d948833}.db-status.firebase{color:var(--color-primary);background:var(--color-primary-light);border-color:#4f46e533}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-family:var(--font-body);font-size:.85rem;font-weight:550;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#fff;border-color:var(--border-color);color:var(--color-text-main)}.btn-secondary:hover{background:#f8fafc;border-color:var(--border-color-active)}.btn-icon{padding:.5rem;font-size:.95rem}main{flex:1;padding:1.5rem;display:flex;flex-direction:column}.board-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;flex:1;align-items:start}@media (max-width: 1024px){.board-container{grid-template-columns:1fr;gap:1.5rem}}.column{background:var(--bg-column);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;max-height:82vh}.column-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:#fff6;border-top-left-radius:12px;border-top-right-radius:12px}.column-title-wrap{display:flex;align-items:center;gap:.5rem}.column-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;letter-spacing:.02em;color:#fff}.column-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-text-main)}.column-count{background:#0000000d;padding:.15rem .5rem;border-radius:99px;font-size:.75rem;font-weight:600;color:var(--color-text-dark)}.column-tofu{border-top:3px solid var(--tofu-color)}.column-tofu .column-badge{background:var(--tofu-color)}.column-mofu{border-top:3px solid var(--mofu-color)}.column-mofu .column-badge{background:var(--mofu-color)}.column-bofu{border-top:3px solid var(--bofu-color)}.column-bofu .column-badge{background:var(--bofu-color)}.cards-container{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:200px}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-dark);font-size:.8rem;border:1px dashed var(--border-color-active);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff}.empty-state-icon{font-size:1.5rem;opacity:.5}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.85rem;position:relative;box-shadow:0 1px 3px #0000000a;transition:var(--transition-fast)}.card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.competitor-info{display:flex;flex-direction:column}.competitor-name{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--color-text-main);line-height:1.2}.card-date{font-size:.7rem;color:var(--color-text-dark);margin-top:.1rem}.card-actions-menu{display:flex;gap:.15rem}.card-action-btn{background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;padding:.25rem;border-radius:4px;transition:var(--transition-fast)}.card-action-btn:hover{color:var(--color-text-main);background:#f1f5f9}.card-action-btn.delete:hover{color:var(--bofu-color);background:var(--bofu-bg)}.media-carousel{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9;background:#e2e8f0;border:1px solid var(--border-color)}.carousel-viewport{width:100%;height:100%;display:flex;position:relative}.carousel-slide{min-width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .25s ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer}.carousel-slide.active{opacity:1;z-index:2}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-slide video{width:100%;height:100%;object-fit:cover}.video-indicator{position:absolute;top:8px;right:8px;background:#000000b3;padding:.15rem .4rem;border-radius:4px;font-size:.65rem;display:flex;align-items:center;gap:.2rem;color:#fff}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffd9;border:1px solid var(--border-color);color:var(--color-text-main);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:var(--transition-fast)}.carousel-btn:hover{background:#fff;color:var(--color-primary)}.carousel-btn-prev{left:6px}.carousel-btn-next{right:6px}.carousel-indicators{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:3px;background:#fffc;padding:3px 6px;border-radius:99px;box-shadow:0 1px 2px #0000000d}.indicator-dot{width:5px;height:5px;border-radius:50%;background:#94a3b8;transition:var(--transition-fast)}.indicator-dot.active{background:var(--color-primary);width:10px}.post-content-container{display:flex;flex-direction:column;gap:.4rem}.post-content{font-size:.8rem;color:var(--color-text-main);white-space:pre-wrap;word-break:break-word;overflow:hidden;max-height:70px;position:relative}.post-content.expanded{max-height:none}.post-content-fade{position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fff);pointer-events:none}.post-content.expanded .post-content-fade{display:none}.toggle-post-btn{background:transparent;border:none;color:var(--color-primary);font-size:.7rem;font-weight:600;cursor:pointer;align-self:flex-start}.toggle-post-btn:hover{text-decoration:underline}.targeting-container{background:#f8fafc;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.targeting-header{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);letter-spacing:.02em;border-bottom:1px solid var(--border-color);padding-bottom:.25rem;display:flex;align-items:center;gap:.3rem}.targeting-grid{display:flex;flex-direction:column;gap:.4rem}.targeting-item{display:flex;flex-direction:column;gap:.1rem}.targeting-label{font-size:.65rem;color:var(--color-text-dark);font-weight:600}.targeting-value{font-size:.75rem;color:var(--color-text-main);background:#fff;padding:.25rem .4rem;border-radius:4px;border:1px solid var(--border-color);word-break:break-word}.stage-flow{display:flex;border-top:1px solid var(--border-color);padding-top:.6rem;justify-content:space-between;gap:.4rem}.stage-btn{flex:1;background:#fff;border:1px solid var(--border-color);color:var(--color-text-muted);font-size:.65rem;padding:.35rem 0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.2rem;transition:var(--transition-fast)}.stage-btn:hover{background:#f1f5f9;color:var(--color-text-main);border-color:var(--border-color-active)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:1.5rem}.modal-overlay.active{opacity:1;pointer-events:all}.modal-window{background:#fff;border:1px solid var(--border-color-active);box-shadow:0 10px 25px #00000014;border-radius:16px;width:100%;max-width:550px;max-height:85vh;overflow-y:auto;transform:scale(.97);transition:transform .2s ease;display:flex;flex-direction:column}.modal-overlay.active .modal-window{transform:scale(1)}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-text-main)}.modal-close{background:transparent;border:none;color:var(--color-text-dark);font-size:1.35rem;cursor:pointer}.modal-close:hover{color:#000}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.form-group label span{font-weight:400;font-size:.7rem}.form-control{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--color-text-main);padding:.6rem .8rem;font-family:var(--font-body);font-size:.85rem;outline:none;transition:var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}textarea.form-control{resize:vertical;min-height:80px}select.form-control{-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='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1.1rem;padding-right:2.2rem}.config-guide{background:#f1f5f9;border:1px solid var(--border-color);border-radius:8px;padding:.85rem;font-size:.75rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.4rem}.config-guide a{color:var(--color-primary);text-decoration:none}.config-guide a:hover{text-decoration:underline}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s ease}.lightbox-overlay.active{opacity:1;pointer-events:all}.lightbox-content{width:90vw;height:80vh;display:flex;align-items:center;justify-content:center;position:relative}.lightbox-media{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.lightbox-close{position:absolute;top:-36px;right:0;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer}.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem}.lightbox-btn:hover{background:var(--color-primary)}.lightbox-btn-prev{left:-50px}.lightbox-btn-next{right:-50px}@media (max-width: 768px){.lightbox-btn-prev{left:5px}.lightbox-btn-next{right:5px}.lightbox-close{top:5px;right:5px}}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-canvas);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1.5rem;transition:opacity .25s ease,visibility .25s ease}.login-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.25rem 2rem;width:100%;max-width:400px;box-shadow:0 4px 20px #0000000a}.fb-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.fb-verified{width:14px;height:14px;fill:#1877f2;color:#fff;flex-shrink:0}.fb-reactions-bar{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-dark);padding:.4rem .1rem;border-bottom:1px solid var(--border-color)}.fb-reactions-left{display:flex;align-items:center;gap:.35rem}.fb-emoji-stack{display:inline-flex;align-items:center}.fb-emoji{margin-right:-4px;font-size:.8rem;background:#fff;border-radius:50%;box-shadow:0 1px 1px #0000001a;padding:1px;display:inline-block;line-height:1}.fb-reactions-count{font-weight:500;color:var(--color-text-muted)}.fb-reactions-right{display:flex;gap:.4rem}.fb-action-buttons{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid var(--border-color)}.fb-action-btn{flex:1;background:transparent;border:none;color:var(--color-text-dark);font-size:.75rem;font-weight:600;padding:.4rem 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;border-radius:4px;transition:var(--transition-fast)}.fb-action-btn:hover{background:#f1f5f9;color:var(--color-text-main)}.fb-action-btn i{width:14px;height:14px}.fb-action-btn.like-btn.liked{color:#1877f2}.fb-action-btn.like-btn.liked i{fill:#1877f2;color:#1877f2}