@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--color-primary:#064e3b;--color-primary-hover:#065f46;--color-primary-dark:#022c22;--color-primary-light:#d1fae5;--color-primary-subtle:#ecfdf5;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:150ms ease;--transition-normal:250ms ease}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.top-nav{justify-content:space-between;height:56px;padding:0 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-nav,.top-nav__logo{display:flex;align-items:center}.top-nav__logo{gap:10px;font-weight:700;font-size:18px;color:var(--color-primary)}.top-nav__logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}.top-nav__menu{display:flex;align-items:center;gap:4px;list-style:none}.top-nav__item{position:relative}.top-nav__link{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.top-nav__link--active,.top-nav__link:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.top-nav__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.top-nav__item:hover .top-nav__link svg{transform:rotate(180deg)}.top-nav__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-normal);z-index:200}.top-nav__item:hover .top-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.top-nav__dropdown-link{display:block;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);transition:all var(--transition-fast)}.top-nav__dropdown-link:hover{background:var(--color-primary-subtle);color:var(--color-primary)}.top-nav__right{display:flex;align-items:center;gap:12px}.top-nav__search{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted);min-width:200px}.top-nav__search input{border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:var(--color-text);width:100%}.top-nav__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.main-area{display:flex;flex:1 1}.sidebar{width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:16px 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;transition:width var(--transition-normal)}.sidebar__title{padding:0 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.sidebar__list{list-style:none;padding:0 8px}.sidebar__item{margin-bottom:2px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.sidebar__link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.sidebar__link-emoji{font-size:16px;width:22px;text-align:center}.sidebar__link-count{margin-left:auto;font-size:11px;font-weight:600;background:var(--color-bg);padding:2px 7px;border-radius:10px;color:var(--color-text-muted)}.sidebar__link--active .sidebar__link-count{background:var(--color-primary-light);color:var(--color-primary)}.content{flex:1 1;padding:24px 28px;max-width:100%;width:100%;min-width:0}.content__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.content__title{font-size:22px;font-weight:700;color:var(--color-text)}.content__subtitle{font-size:13px;color:var(--color-text-muted);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;transition:box-shadow var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.stat-card__value{font-size:28px;font-weight:700;color:var(--color-text);line-height:1.1}.stat-card__change{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-top:6px;padding:2px 8px;border-radius:10px}.stat-card__change--up{color:var(--color-success);background:#ecfdf5}.stat-card__change--down{color:var(--color-danger);background:#fef2f2}.section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.section__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.section__title{font-size:15px;font-weight:600;color:var(--color-text)}.section__body{padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn--danger{background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca}.btn--danger:hover{background:#fee2e2}.btn--sm{padding:5px 10px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}table tr:hover td{background:var(--color-primary-subtle)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.badge--draft{background:#fef3c7;color:#92400e}.badge--scheduled{background:#dbeafe;color:#1e40af}.badge--published{background:#d1fae5;color:#065f46}.calendar-mini{font-size:13px;max-width:320px;width:100%;margin:0 auto}.calendar-mini__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-mini__title{font-weight:600;font-size:14px}.calendar-mini__nav{display:flex;gap:4px}.calendar-mini__nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.calendar-mini__nav-btn:hover{background:var(--color-surface)}.calendar-mini__grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}.calendar-mini__day-name{font-size:11px;font-weight:600;color:var(--color-text-muted);padding:4px 0}.calendar-mini__day{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin:2px auto;border-radius:50%;cursor:pointer;position:relative;transition:all var(--transition-fast)}.calendar-mini__day:hover{background:var(--color-bg)}.calendar-mini__day--today{background:var(--color-primary);color:#fff;font-weight:600;border-radius:50%!important}.calendar-mini__day--has-posts:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.calendar-mini__day--today.calendar-mini__day--has-posts:after{background:#fff}.calendar-mini__day--other{color:var(--color-text-muted)}.editor-area{width:100%;min-height:200px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;line-height:1.7;color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast)}.editor-area:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field{width:100%;padding:9px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--color-text);transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.dashboard-grid-2{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.dashboard-grid-2{grid-template-columns:1fr}}.dashboard-grid-3{display:grid;grid-template-columns:320px 1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:1200px){.dashboard-grid-3{grid-template-columns:1fr}}.grid-3-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-in{animation:fadeIn .3s ease forwards}@media (max-width:1024px){.sidebar{width:60px}.sidebar__link span,.sidebar__link-count,.sidebar__title{display:none}.sidebar__link{justify-content:center;padding:10px}.grid-2,.grid-3-1{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:90%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg);flex-shrink:0}.modal-card__header h3{font-size:16px;font-weight:600;color:var(--color-text)}.modal-card__close{font-size:24px;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;line-height:1}.modal-card__close:hover{color:var(--color-text)}.modal-card__body{padding:20px;overflow-y:auto;flex:1 1}.content-creator{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px;margin-bottom:24px;min-width:0;overflow:hidden}@media (max-width:1024px){.content-creator{grid-template-columns:1fr}}.media-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:24px;text-align:center;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:8px}.media-dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary)}.media-edit-tools{display:flex;gap:8px;margin-top:12px;justify-content:center}.utm-builder{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-top:12px}.reaction-select-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.reaction-checkbox-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-fast)}.reaction-checkbox-btn--active{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.phone-emulator{border:12px solid #1f2937;border-radius:40px;background:#0f172a;min-height:480px;width:100%;max-width:360px;margin:0 auto;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-emulator__screen{flex:1 1;background:#182232;background-image:radial-gradient(hsla(0,0%,100%,.03) 1px,transparent 0);background-size:20px 20px;display:flex;flex-direction:column;color:#f3f4f6;overflow-y:auto;padding:12px;gap:8px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent}.phone-emulator__header{height:48px;background:#1f2937;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.phone-emulator__avatar{width:32px;height:32px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;font-size:14px}.phone-emulator__title-wrap{flex:1 1}.phone-emulator__title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-emulator__subtitle{font-size:11px;color:#9ca3af}.preview-post{background:#1f2937;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.05);flex-shrink:0}.preview-post__media{width:100%;max-height:200px;object-fit:cover;background:#111827;display:block}.preview-post__body{padding:12px;display:flex;flex-direction:column;gap:8px}.preview-post__text{font-size:13px;line-height:1.5;color:#e5e7eb;white-space:pre-wrap;word-break:break-word}.preview-post__text b{color:#fff;font-weight:700}.preview-post__text i{font-style:italic;color:#d1d5db}.preview-post__buttons{display:flex;flex-direction:column;gap:4px;margin-top:6px}.preview-post__btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);color:#818cf8;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;transition:background var(--transition-fast)}.preview-post__btn:hover{background:hsla(0,0%,100%,.12)}.preview-post__reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;border-top:1px solid hsla(0,0%,100%,.05);padding-top:8px}.preview-post__reaction-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:3px 8px;font-size:11px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.preview-post__reaction-badge:hover{background:hsla(0,0%,100%,.1)}.preview-post__comments-bar{background:rgba(0,0,0,.15);border-top:1px solid hsla(0,0%,100%,.05);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.preview-post__comments-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#818cf8;font-weight:600}.preview-post__pinned-comment{font-size:11px;color:#9ca3af;background:hsla(0,0%,100%,.03);padding:6px 8px;border-left:2px solid #818cf8;border-radius:0 4px 4px 0;margin-top:2px}.analytics-chart-mock{display:flex;flex-direction:column;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-top:20px}.chart-bars-wrap{display:flex;align-items:flex-end;justify-content:space-between;height:160px;padding-top:20px;border-bottom:1px solid var(--color-border)}.chart-bar-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:16px}.chart-bar{width:70%;max-width:28px;background:var(--color-primary-light);border-radius:4px 4px 0 0;transition:all .5s ease;position:relative;cursor:pointer}.chart-bar:hover{background:var(--color-primary)}.chart-bar__tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-6px);background:#1f2937;color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm);z-index:10}.chart-bar:hover .chart-bar__tooltip{opacity:1}.chart-label{font-size:10px}.chart-label,.chart-legend{color:var(--color-text-secondary)}.chart-legend{display:flex;gap:16px;font-size:12px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px}.crop-overlay-container{position:relative;max-width:100%;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-top:8px}.crop-canvas-preview{max-width:100%;display:block}.crop-box{position:absolute;border:2px dashed #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move}.sub-nav{display:flex;gap:4px;background:var(--color-border-light);padding:4px;border-radius:var(--radius-md);margin-bottom:24px;width:-moz-fit-content;width:fit-content;border:1px solid var(--color-border)}.sub-nav__btn{padding:6px 16px;font-size:13px;font-weight:600;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.sub-nav__btn:hover{color:var(--color-text);background:hsla(0,0%,100%,.5)}.sub-nav__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.content-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;align-items:center;background:var(--color-surface);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.content-filters .input-field{max-width:260px}.content-filters select.input-field{max-width:220px;background:var(--color-surface)}.roadmap-board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.roadmap-board{grid-template-columns:1fr}}.roadmap-column{background:var(--color-border-light);border-radius:var(--radius-lg);padding:16px;min-height:500px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--color-border)}.roadmap-column__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding:0 4px}.roadmap-column__title{font-size:14px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px}.roadmap-column__count{font-size:11px;font-weight:600;background:var(--color-surface);color:var(--color-text-secondary);padding:2px 8px;border-radius:10px;border:1px solid var(--color-border)}.roadmap-cards{display:flex;flex-direction:column;gap:12px;flex:1 1;overflow-y:auto}.roadmap-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:8px}.roadmap-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-hover)}.roadmap-card__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.roadmap-card__channel{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--color-border-light);padding:3px 8px;border-radius:20px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-card__date{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.roadmap-card__title{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roadmap-card__content{font-size:12px;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em}.roadmap-card__media{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.roadmap-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;border-top:1px solid var(--color-border-light);padding-top:8px}.roadmap-card__actions{display:flex;gap:4px}.roadmap-calendar-container{display:flex;flex-direction:column;gap:20px}.roadmap-calendar-controls{justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 16px;box-shadow:var(--shadow-sm);flex-wrap:nowrap}.calendar-nav-group,.roadmap-calendar-controls{display:flex;align-items:center;gap:12px}.calendar-month-label{font-size:16px;font-weight:700;color:var(--color-text);min-width:140px;text-align:center}.calendar-grid-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-border-light);grid-gap:1px;gap:1px}.calendar-header-cell{background:var(--color-bg);padding:6px 12px;text-align:center;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.calendar-day-cell{position:relative;background:var(--color-surface);min-height:50px;padding:4px 6px;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast)}.calendar-day-cell:hover{background:var(--color-primary-subtle)!important;box-shadow:inset 0 0 0 1px var(--color-primary);z-index:10}.calendar-day-cell--other-month{opacity:.45}.calendar-day-cell--published{background:#ecfdf5;border-left:3px solid var(--color-success)}.calendar-day-cell--scheduled{background:#eff6ff;border-left:3px solid var(--color-info)}.calendar-day-cell--failed{background:#fef2f2;border-left:3px solid var(--color-danger);animation:pulse-border 2s ease-in-out infinite}.calendar-day-cell--draft{background:#fffbeb;border-left:3px solid var(--color-warning)}@keyframes pulse-border{0%{border-left-color:var(--color-danger)}50%{border-left-color:#f87171}to{border-left-color:var(--color-danger)}}.calendar-cell-header{display:flex;justify-content:space-between;align-items:center;width:100%}.calendar-cell-date{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.calendar-day-cell--today .calendar-cell-date{background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px}.calendar-cell-count{font-size:15px;font-weight:700;margin:4px auto 0;color:var(--color-text);opacity:.85}.calendar-cell-status-dots{display:flex;gap:4px;justify-content:flex-start;align-items:center;height:8px}.calendar-status-dot{width:6px;height:6px;border-radius:50%}.calendar-status-dot--published{background:var(--color-success)}.calendar-status-dot--scheduled{background:var(--color-info)}.calendar-status-dot--failed{background:var(--color-danger)}.calendar-status-dot--draft{background:var(--color-warning)}.calendar-popover{display:none;position:absolute;top:95%;left:10px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px;width:280px;z-index:500;flex-direction:column;gap:8px;pointer-events:auto}.calendar-day-cell:hover .calendar-popover{display:flex}.calendar-day-cell--right .calendar-popover{left:auto;right:10px}.calendar-day-cell--bottom .calendar-popover{top:auto;bottom:95%}.calendar-popover__title{font-size:12px;font-weight:700;color:var(--color-text);border-bottom:1px solid var(--color-border-light);padding-bottom:6px;text-transform:uppercase;letter-spacing:.02em}.calendar-popover__list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.calendar-popover-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-border);gap:8px}.calendar-popover-item:hover{background:var(--color-border-light)}.calendar-popover-item__info{display:flex;align-items:center;gap:6px;overflow:hidden;flex:1 1}.calendar-popover-item__time{font-size:10px;font-weight:600;color:var(--color-text-secondary);background:var(--color-border-light);padding:2px 4px;border-radius:4px;white-space:nowrap}.calendar-popover-item__channel{font-size:12px;flex-shrink:0}.calendar-popover-item__title{font-size:11px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-popover-item__actions{display:flex;gap:3px;flex-shrink:0}.calendar-popover-item__btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all var(--transition-fast)}.calendar-popover-item__btn:hover{background:var(--color-border-light);border-color:var(--color-text-muted)}.calendar-popover-item__btn--danger{color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.calendar-popover-item__btn--danger:hover{background:#fee2e2}.roadmap-feed-section{margin-top:24px}.roadmap-feed-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.roadmap-feed-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-fast);gap:16px}.roadmap-feed-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.roadmap-feed-item--published{border-left:4px solid var(--color-success)}.roadmap-feed-item--scheduled{border-left:4px solid var(--color-info)}.roadmap-feed-item--failed{border-left:4px solid var(--color-danger)}.roadmap-feed-item--draft{border-left:4px solid var(--color-warning)}.badge--failed{background:#fee2e2;color:var(--color-danger)}.toast-banner{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px 24px;z-index:9999;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;max-width:90%;animation:slideDown .3s ease forwards}.toast-banner--success{border-left:4px solid var(--color-success);color:var(--color-text)}.toast-banner--error{border-left:4px solid var(--color-danger);color:var(--color-text)}.toast-banner--info{border-left:4px solid var(--color-info);color:var(--color-text)}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.analytics-page{padding:0;max-width:100%;animation:fadeIn .4s ease}.analytics-page__inner{max-width:1100px;margin:0 auto;padding:24px 28px 48px}.an-channel-card{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#a855f7);border-radius:20px;padding:32px 36px;margin-bottom:24px;position:relative;overflow:hidden;color:#fff}.an-channel-card:before{top:-40%;right:-10%;width:300px;height:300px;background:hsla(0,0%,100%,.08)}.an-channel-card:after,.an-channel-card:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.an-channel-card:after{bottom:-30%;left:20%;width:200px;height:200px;background:hsla(0,0%,100%,.05)}.an-channel-card__avatar{width:88px;height:88px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);object-fit:cover;flex-shrink:0;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;font-size:36px}.an-channel-card__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.an-channel-card__info{flex:1 1;z-index:1}.an-channel-card__name{font-size:26px;font-weight:800;margin-bottom:4px;letter-spacing:-.02em}.an-channel-card__handle{font-size:15px;opacity:.75;font-weight:500;margin-bottom:8px}.an-channel-card__desc{font-size:14px;opacity:.8;line-height:1.5;max-width:500px}.an-channel-card__meta{display:flex;gap:20px;margin-top:12px;z-index:1}.an-channel-card__meta-item{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.85;background:hsla(0,0%,100%,.12);padding:5px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.an-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.an-metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:22px 24px;transition:all .25s ease;position:relative;overflow:hidden}.an-metric-card:hover{box-shadow:0 8px 24px rgba(79,70,229,.08);transform:translateY(-2px);border-color:rgba(79,70,229,.2)}.an-metric-card__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.an-metric-card__icon--subs{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.an-metric-card__icon--err{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.an-metric-card__icon--reach{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.an-metric-card__icon--posts{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.an-metric-card__label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.an-metric-card__value{font-size:30px;font-weight:800;color:var(--color-text);line-height:1.1;letter-spacing:-.02em}.an-metric-card__deltas{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.an-delta{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:8px}.an-delta--up{background:#d1fae5;color:#059669}.an-delta--down{background:#fee2e2;color:#dc2626}.an-delta--neutral{background:#f3f4f6;color:#6b7280}.an-delta__period{opacity:.7;font-weight:500}.an-metric-card__sub{font-size:13px;color:var(--color-text-muted);margin-top:6px}.an-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:20px;overflow:hidden;transition:box-shadow .25s ease}.an-chart-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.04)}.an-chart-card__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border-light)}.an-chart-card__title{font-size:16px;font-weight:700;color:var(--color-text)}.an-chart-card__subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.an-chart-card__body{padding:20px 24px}.an-chart-card__actions{display:flex;gap:4px}.an-period-btn{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--color-bg);color:var(--color-text-muted);border:1px solid transparent;cursor:pointer;transition:all .15s ease}.an-period-btn:hover{color:var(--color-text-secondary);background:#eef2ff}.an-period-btn--active{background:#4f46e5;color:#fff;border-color:#4f46e5}.an-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.an-grid-2,.an-heatmap-wrap{margin-bottom:20px}.an-heatmap{display:grid;grid-template-columns:40px repeat(24,1fr);grid-gap:3px;gap:3px;font-size:11px}.an-heatmap__hour-label{justify-content:center;font-size:10px;color:var(--color-text-muted);padding:2px}.an-heatmap__day-label,.an-heatmap__hour-label{display:flex;align-items:center;font-weight:600}.an-heatmap__day-label{justify-content:flex-end;padding-right:8px;font-size:11px;color:var(--color-text-secondary)}.an-heatmap__cell{aspect-ratio:1;border-radius:4px;min-height:24px;position:relative;transition:all .15s ease;cursor:default}.an-heatmap__cell:hover{transform:scale(1.15);z-index:2;box-shadow:0 2px 8px rgba(79,70,229,.3)}.an-heatmap__cell[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:11px;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:10}.an-heatmap__legend{display:flex;align-items:center;gap:8px;margin-top:12px;justify-content:flex-end;font-size:11px;color:var(--color-text-muted)}.an-heatmap__legend-block{width:16px;height:16px;border-radius:3px}.an-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.an-insight-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:12px;padding:16px 18px;transition:all .2s ease}.an-insight-card:hover{background:#eef2ff;border-color:rgba(79,70,229,.15)}.an-insight-card__icon{font-size:22px;margin-bottom:8px}.an-insight-card__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:4px}.an-insight-card__value{font-size:18px;font-weight:800;color:var(--color-text);line-height:1.2}.an-insight-card__desc{font-size:12px;color:var(--color-text-secondary);margin-top:4px;line-height:1.4}.an-bar-chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.an-bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.an-bar{width:100%;max-width:28px;border-radius:4px 4px 0 0;transition:all .3s ease;min-height:2px;position:relative}.an-bar--primary{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.an-bar--secondary{background:linear-gradient(180deg,#a5b4fc,#c7d2fe)}.an-bar--success{background:linear-gradient(180deg,#10b981,#34d399)}.an-bar:hover{opacity:.85;transform:scaleY(1.02)}.an-bar-label{font-size:9px;color:var(--color-text-muted);margin-top:6px;font-weight:600}.an-empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.an-empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.4}.an-empty-state__text{font-size:15px;font-weight:500}.an-empty-state__hint{font-size:13px;margin-top:8px;color:var(--color-text-muted)}.an-er-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.an-er-badge--high{background:#d1fae5;color:#059669}.an-er-badge--medium{background:#fef3c7;color:#d97706}.an-er-badge--low{background:#fee2e2;color:#dc2626}.an-section-title{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:16px;margin-top:8px;display:flex;align-items:center;gap:10px}.an-section-title__icon{font-size:20px}@media (max-width:1024px){.an-metrics{grid-template-columns:repeat(2,1fr)}.an-grid-2{grid-template-columns:1fr}.an-insights-grid{grid-template-columns:repeat(2,1fr)}.an-channel-card{flex-direction:column;text-align:center;padding:28px 24px}.an-channel-card__meta{justify-content:center;flex-wrap:wrap}.an-channel-card__desc{max-width:100%}}@media (max-width:640px){.an-insights-grid,.an-metrics{grid-template-columns:1fr}.analytics-page__inner{padding:16px}.an-channel-card{padding:20px 16px}.an-channel-card__name{font-size:20px}.an-metric-card__value{font-size:24px}.an-heatmap{font-size:9px;gap:2px}}.an-mentions-table th{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.an-mention-row{transition:background-color .2s ease}.an-mention-row:hover{background-color:var(--color-bg-primary)}.an-mention-link{transition:color .15s ease}.an-mention-link:hover{color:#3730a3!important;text-decoration:underline!important}.an-badge-ci{animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 8px rgba(79,70,229,.2)}to{transform:scale(1)}}.sidebar__link-text{flex-grow:1;min-width:0}.sidebar__link-text,.table-cell-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-mini__day--selected{background:var(--color-primary-light)!important;color:var(--color-primary)!important;font-weight:600;border:1px solid var(--color-primary)!important;border-radius:50%!important}.mobile-channel-select-container{display:none;margin-bottom:20px;width:100%}.mobile-channel-select{width:100%;padding:10px 14px;color:var(--color-text);font-size:14px;font-weight:500;outline:none}.mobile-channel-select,.mobile-menu-toggle{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer}.mobile-menu-toggle:hover{background:var(--color-bg);color:var(--color-text)}.mobile-menu-overlay{position:fixed;top:56px;left:0;width:100vw;height:calc(100vh - 56px);background:var(--color-surface);z-index:150;display:flex;flex-direction:column;padding:24px;overflow-y:auto;border-top:1px solid var(--color-border)}.mobile-menu-link{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px;background:var(--color-bg);border:1px solid var(--color-border-light)}.mobile-menu-link--active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600;border-color:var(--color-primary-light)}.mobile-menu-link svg{width:18px;height:18px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width:900px){.top-nav__menu,.top-nav__search{display:none!important}.mobile-menu-toggle{display:flex}}@media (max-width:768px){.sidebar{display:none!important}.mobile-channel-select-container{display:block}}@media (max-width:550px){.stats-grid{grid-template-columns:1fr!important}}.sidebar--collapsed{width:64px!important}.sidebar--collapsed .sidebar__list{padding:0 4px!important}.sidebar--collapsed .sidebar__link{justify-content:center!important;gap:0!important;padding:10px 0!important}.sidebar--collapsed .sidebar__link-count,.sidebar--collapsed .sidebar__link-text{display:none!important}.sidebar--collapsed .sidebar__link-emoji{margin:0!important;width:auto!important}.sidebar__toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.sidebar__toggle:hover{background:var(--color-bg);color:var(--color-text)}