@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;--bg: #050910;--bg-2: #0b1324;--surface: #0a0e18;--surface-alt: #0f1628;--card: rgba(255, 255, 255, .04);--card-strong: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .12);--stroke: rgba(255, 255, 255, .12);--text: #e8ecf7;--text-primary: #e8ecf7;--text-secondary: #a6b1c7;--muted: #a6b1c7;--accent: #66b5ff;--accent-2: #8ef5c0;--accent-3: #caa7ff;--accent-blue: #66b5ff;--accent-green: #8ef5c0;--accent-purple: #caa7ff;--accent-orange: #fb923c;--accent-teal: #2dd4bf;--brand: linear-gradient(135deg, #3b82f6, #8b5cf6);--glow: rgba(102, 181, 255, .45);--radius: 16px;--shadow-soft: 0 16px 60px rgba(0, 0, 0, .4);--shadow-card: 0 25px 60px rgba(0, 0, 0, .45);--grid-line: rgba(255, 255, 255, .04);background-color:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(102,181,255,.1),transparent 35%),radial-gradient(circle at 80% 10%,rgba(202,167,255,.08),transparent 30%),radial-gradient(circle at 50% 80%,rgba(142,245,192,.08),transparent 30%),linear-gradient(145deg,#03060c,#0b1220 45%,#080d18);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(transparent 0%,var(--grid-line) 0%),linear-gradient(90deg,transparent 0%,var(--grid-line) 0%);background-size:140px 140px;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),transparent 70%);mask-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),transparent 70%);pointer-events:none}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}button{font-family:inherit}.sidebar{width:240px;min-width:240px;height:100vh;background:var(--surface);color:var(--text-primary);padding:16px 12px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--card-border);transition:width .25s ease,min-width .25s ease;overflow:hidden;position:sticky;top:0}.sidebar--collapsed{width:68px;min-width:68px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--card-border);margin-bottom:8px}.sidebar--collapsed .sidebar__header{flex-direction:column;gap:10px}.sidebar__profile-card{display:flex;align-items:center;gap:10px;padding:6px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease;flex:1;min-width:0;overflow:hidden}.sidebar--collapsed .sidebar__profile-card{flex:0;padding:4px;justify-content:center}.sidebar__profile-card:hover{background:var(--card)}.sidebar__avatar{width:36px;height:36px;min-width:36px;border-radius:10px;object-fit:cover}.sidebar--collapsed .sidebar__avatar{width:32px;height:32px;min-width:32px}.sidebar__profile-info{display:flex;flex-direction:column;gap:1px;text-align:left;overflow:hidden;opacity:1;transition:opacity .2s ease}.sidebar--collapsed .sidebar__profile-info{display:none}.sidebar__profile-info strong{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__tokens{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--accent-green)}.sidebar__profile-chevron{color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.sidebar--collapsed .sidebar__profile-chevron{display:none}.sidebar__profile-chevron.is-open{transform:rotate(180deg)}.sidebar__toggle{width:28px;height:28px;min-width:28px;border-radius:8px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar__toggle:hover{background:var(--surface-alt);color:var(--text-primary)}.sidebar__close-mobile{display:none}.sidebar__profile-dropdown{margin:0 8px 8px;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:10px;padding:6px;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar__profile-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s ease}.sidebar__profile-dropdown button:hover{background:var(--card);color:var(--text-primary)}.sidebar__add-tokens{color:var(--accent-green)!important}.sidebar__add-tokens:hover{background:#8ef5c01a!important}.sidebar__section{display:flex;flex-direction:column;gap:2px}.sidebar__section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar__section .eyebrow{padding:8px 12px 4px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.sidebar--collapsed .sidebar__section .eyebrow{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.sidebar__link{width:100%;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;padding:10px 12px;border-radius:10px;font-size:.85rem;gap:10px;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap;overflow:hidden;position:relative}.sidebar__link svg{min-width:18px;transition:color .15s ease}.sidebar__link span{flex:1;text-align:left;opacity:1;transition:opacity .2s ease}.sidebar--collapsed .sidebar__link{justify-content:center;padding:10px}.sidebar--collapsed .sidebar__link span{opacity:0;width:0;overflow:hidden}.sidebar__link:hover{background:var(--card);color:var(--text-primary)}.sidebar__link.is-active{background:var(--card);color:var(--text-primary);font-weight:500}.sidebar__link.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:0 3px 3px 0}.sidebar__section--muted{opacity:.5;transition:opacity .15s ease}.sidebar__section--muted:hover{opacity:.65}.sidebar__link.is-disabled{cursor:not-allowed;border:1px dashed var(--card-border);background:transparent}.sidebar__link.is-disabled:hover{background:transparent;color:var(--text-secondary)}.sidebar__spacer{flex:1}.sidebar__footer{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--card-border)}.sidebar__footer button{background:transparent;border:none;color:var(--text-secondary);padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s ease;font-size:.8rem;white-space:nowrap;overflow:hidden}.sidebar__footer button svg{min-width:18px}.sidebar__footer button span{opacity:1;transition:opacity .2s ease}.sidebar--collapsed .sidebar__footer button{justify-content:center;padding:10px}.sidebar--collapsed .sidebar__footer button span{opacity:0;width:0;overflow:hidden}.sidebar__footer button:hover{background:var(--card);color:var(--text-primary)}.sidebar__logout{color:#ef4444!important}.sidebar__logout:hover{background:#ef44441a!important}.sidebar-overlay{display:none}.mobile-menu-button{display:none;width:40px;height:40px;border-radius:10px;background:var(--card);border:1px solid var(--card-border);color:var(--text-primary);place-items:center;cursor:pointer;transition:all .15s ease}.mobile-menu-button:hover{background:var(--surface-alt)}@media(max-width:1024px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;min-width:260px;transform:translate(-100%);z-index:1000;border-right:none;box-shadow:4px 0 20px #0000004d}.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed{width:260px;min-width:260px}.sidebar--collapsed .sidebar__link span,.sidebar--collapsed .sidebar__footer button span,.sidebar--collapsed .sidebar__section .eyebrow,.sidebar--collapsed .sidebar__profile-info,.sidebar--collapsed .sidebar__profile-chevron{opacity:1;width:auto}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__footer button{justify-content:flex-start;padding:10px 12px}.sidebar__toggle{display:none}.sidebar__close-mobile{display:grid;width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary);place-items:center;cursor:pointer;transition:all .15s ease;position:absolute;right:12px;top:16px}.sidebar__close-mobile:hover{background:#ef44441a;color:#ef4444}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .15s ease}.mobile-menu-button{display:grid}}.hero-panel-v2{display:grid;grid-template-columns:1fr 360px;gap:32px;padding:24px;background:linear-gradient(135deg,#66b5ff0f,#8ef5c008,#caa7ff0a);border:1px solid var(--card-border);border-radius:16px;position:relative;overflow:hidden}.hero-panel-v2:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(102,181,255,.08) 0%,transparent 70%);pointer-events:none}@media(max-width:1000px){.hero-panel-v2{grid-template-columns:1fr}}.hero-panel-v2__content{display:flex;flex-direction:column;gap:16px;z-index:1}.hero-panel-v2__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#66b5ff1f;border:1px solid rgba(102,181,255,.2);border-radius:100px;color:var(--accent-blue);font-size:.75rem;font-weight:600;width:fit-content}.hero-panel-v2__title{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.25;margin:0;max-width:450px}.hero-panel-v2__description{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin:0;max-width:420px}.hero-panel-v2__actions{display:flex;align-items:center;gap:10px;margin-top:4px}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.hero-btn--primary{background:var(--brand);color:#fff;box-shadow:0 4px 16px #3b82f640}.hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.hero-btn--ghost{background:var(--card);border:1px solid var(--card-border);color:var(--text-primary)}.hero-btn--ghost:hover{background:var(--surface-alt);border-color:var(--stroke)}.hero-panel-v2__shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hero-shortcut{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.hero-shortcut:hover{background:var(--card);color:var(--text-primary);border-color:var(--stroke)}.hero-panel-v2__upload{display:flex;flex-direction:column;gap:12px;z-index:1}.hero-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 20px;background:#ffffff05;border:2px dashed var(--card-border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.hero-dropzone:hover{background:#66b5ff0a;border-color:#66b5ff40}.hero-dropzone--active{background:#66b5ff14;border-color:var(--accent-blue);border-style:solid}.hero-dropzone--active .hero-dropzone__icon{background:#66b5ff40;color:var(--accent-blue);transform:scale(1.1)}.hero-dropzone__icon{width:52px;height:52px;border-radius:12px;background:#66b5ff1f;color:var(--accent-blue);display:grid;place-items:center;transition:all .2s ease}.hero-dropzone__text{display:flex;flex-direction:column;gap:2px}.hero-dropzone__text strong{font-size:.9rem;color:var(--text-primary)}.hero-dropzone__text p{font-size:.8rem;color:var(--text-secondary);margin:0}.hero-dropzone__hint{font-size:.7rem;color:var(--text-secondary);opacity:.7}.hero-accounts{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--card);border:1px solid var(--card-border);border-radius:10px}.hero-accounts__label{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.hero-accounts__list{display:flex;flex-direction:column;gap:6px}.hero-account{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-primary)}.hero-account svg{color:var(--accent-green)}.quick-actions-v2{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:20px}.quick-actions-v2__header{margin-bottom:16px}.quick-actions-v2__eyebrow{display:block;font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.quick-actions-v2__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.quick-actions-v2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.quick-actions-v2__grid{grid-template-columns:1fr}}.quick-action-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid;border-radius:12px;transition:all .2s ease;cursor:pointer}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.quick-action-card__icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#0a0e18}.quick-action-card__content{flex:1;display:flex;flex-direction:column;gap:4px}.quick-action-card__content h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.quick-action-card__content p{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.45}.quick-action-card__btn{background:transparent;border:none;padding:0;font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;transition:opacity .15s ease}.quick-action-card__btn:hover{opacity:.8}.audience-panel-v2{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px}.audience-panel-v2__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audience-panel-v2__eyebrow{display:block;font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.audience-panel-v2__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.audience-panel-v2__badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#8ef5c01f;border-radius:6px;color:var(--accent-green);font-size:.7rem;font-weight:600;white-space:nowrap}.audience-panel-v2__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:500px){.audience-panel-v2__grid{grid-template-columns:1fr}}.audience-stat__label{display:block;font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.audience-stat__value{display:block;font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px}.audience-stat__hint{font-size:.75rem;color:var(--text-secondary)}.audience-segments__list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.audience-segment{display:flex;flex-direction:column;gap:6px}.audience-segment__header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-primary)}.audience-segment__trend{color:var(--accent-green);font-size:.75rem;font-weight:600}.audience-segment__bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.audience-segment__fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:3px;transition:width .3s ease}.audience-regions__list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.audience-region{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--card-border)}.audience-region:last-child{border-bottom:none}.audience-region span{font-size:.9rem;color:var(--text-primary)}.audience-region strong{font-size:.9rem;color:var(--text-secondary)}.analytics-page{gap:20px}.analytics-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.analytics-filters__left{display:flex;align-items:center;gap:10px}.analytics-badge{padding:4px 10px;border-radius:6px;background:#66b5ff26;color:var(--accent-blue);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.analytics-note{font-size:.8rem;color:var(--text-secondary)}.analytics-filters__right{display:flex;align-items:center;gap:10px}.analytics-time-selector{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--card);border:1px solid var(--card-border);color:var(--text-primary)}.analytics-time-select{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;outline:none}.analytics-time-select option{background:var(--surface);color:var(--text-primary)}.analytics-filter-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.analytics-filter-btn:hover{background:var(--surface-alt);color:var(--text-primary)}.analytics-chart-panel{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:24px}.analytics-chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.analytics-chart-title h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.analytics-info-icon{color:var(--text-secondary);cursor:help}.analytics-chart-date{font-size:.8rem;color:var(--text-secondary);margin-top:4px;display:block}.analytics-checkbox{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.analytics-checkbox input{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer}.analytics-chart{display:flex;flex-direction:column;gap:12px}.analytics-chart__bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding:0 4px}.analytics-chart__bar-container{flex:1;height:100%;display:flex;align-items:flex-end}.analytics-chart__bar{width:100%;min-height:4px;background:linear-gradient(180deg,var(--accent-blue),rgba(102,181,255,.3));border-radius:4px 4px 0 0;transition:height .3s ease}.analytics-chart__bar:hover{background:linear-gradient(180deg,var(--accent-green),rgba(142,245,192,.3))}.analytics-chart__labels{display:flex;justify-content:space-between;padding:12px 4px 0;border-top:1px solid var(--card-border)}.analytics-chart__labels span{font-size:.7rem;color:var(--text-secondary);flex:1;text-align:center}.analytics-section{display:flex;flex-direction:column;gap:16px}.analytics-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.analytics-section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.analytics-coming-soon{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:#8ef5c01a;border:1px solid rgba(142,245,192,.2);color:var(--accent-green);font-size:.8rem;font-weight:500;cursor:default}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.analytics-metric-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--card-border);border-radius:14px;transition:all .15s ease}.analytics-metric-card:hover{border-color:var(--stroke)}.analytics-metric-card--large{grid-column:span 1}@media(min-width:900px){.analytics-metric-card--large{grid-column:span 2}}.analytics-metric-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:#66b5ff26;color:var(--accent-blue);display:grid;place-items:center}.analytics-metric-icon--purple{background:#caa7ff26;color:var(--accent-purple)}.analytics-metric-icon--green{background:#8ef5c026;color:var(--accent-green)}.analytics-metric-icon--orange{background:#fb923c26;color:var(--accent-orange)}.analytics-metric-content{display:flex;flex-direction:column;gap:6px;flex:1}.analytics-metric-label{font-size:.8rem;color:var(--text-secondary)}.analytics-metric-value-row{display:flex;align-items:center;gap:12px}.analytics-metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.analytics-metric-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px}.analytics-metric-trend--up{background:#8ef5c026;color:var(--accent-green)}.analytics-metric-trend--down{background:#ef444426;color:#ef4444}.analytics-ai-insights{margin-top:8px}.analytics-ai-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#caa7ff1a,#66b5ff0d);border:1px solid rgba(202,167,255,.2);border-radius:16px}.analytics-ai-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:#caa7ff33;color:var(--accent-purple);display:grid;place-items:center}.analytics-ai-content{flex:1}.analytics-ai-content h4{margin:0 0 6px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.analytics-ai-content p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.analytics-ai-content strong{color:var(--accent-purple)}.analytics-ai-action{padding:10px 18px;border-radius:10px;background:#caa7ff33;border:1px solid rgba(202,167,255,.3);color:var(--accent-purple);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.analytics-ai-action:hover{background:#caa7ff4d}@media(max-width:768px){.analytics-ai-card{flex-direction:column;text-align:center}.analytics-ai-action{width:100%}}.calendar-page{gap:20px}.calendar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.calendar-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--card);border:1px solid var(--card-border);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.calendar-action-btn:hover{background:var(--surface-alt);border-color:var(--stroke)}.calendar-action-btn--primary{background:var(--surface-alt);border-color:var(--card-border)}.calendar-action-btn--primary:hover{background:#66b5ff1a;border-color:#66b5ff4d}.calendar-timezone{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;border-radius:8px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary);font-size:.8rem}.calendar-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}}.calendar-grid-panel{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:20px}.calendar-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.calendar-nav-btn{width:32px;height:32px;border-radius:8px;background:var(--card);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.calendar-nav-btn:hover{background:var(--surface-alt);color:var(--text-primary)}.calendar-month{font-size:1.1rem;font-weight:600;color:var(--text-primary);min-width:180px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.calendar-day-header{padding:12px 8px;text-align:center;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:lowercase;background:var(--card);border-bottom:1px solid var(--card-border)}.calendar-day{min-height:85px;padding:8px;border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:var(--surface);transition:background .15s ease;cursor:pointer;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--card)}.calendar-day--muted{background:#0003}.calendar-day--muted .calendar-day__number{color:var(--text-secondary);opacity:.4}.calendar-day--today{background:#66b5ff14}.calendar-day--today .calendar-day__number{color:var(--accent-blue);font-weight:600}.calendar-day--has-event:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent-green)}.calendar-day__number{font-size:.8rem;color:var(--text-secondary)}.calendar-day__dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-blue);margin-right:4px;vertical-align:middle}.calendar-sidebar{display:flex;flex-direction:column;gap:20px}.calendar-upcoming{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:20px}.calendar-upcoming h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.calendar-upcoming-list{display:flex;flex-direction:column;gap:12px}.calendar-event{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:var(--card);border:1px solid var(--card-border);transition:all .15s ease}.calendar-event:hover{border-color:var(--stroke)}.calendar-event__time{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.calendar-event__content{display:flex;flex-direction:column;gap:2px}.calendar-event__content strong{font-size:.85rem;color:var(--text-primary);font-weight:500}.calendar-event__platform{font-size:.75rem;color:var(--text-secondary)}.calendar-event__status{align-self:flex-start;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:capitalize}.calendar-event--scheduled .calendar-event__status{background:#66b5ff26;color:var(--accent-blue)}.calendar-event--draft .calendar-event__status{background:#fbbf2426;color:#fbbf24}.calendar-event--published .calendar-event__status{background:#8ef5c026;color:var(--accent-green)}.calendar-smart{background:linear-gradient(135deg,#66b5ff1a,#8ef5c00d);border:1px solid rgba(102,181,255,.2);border-radius:16px;padding:20px;display:flex;gap:14px}.calendar-smart__icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:#66b5ff26;display:grid;place-items:center;color:var(--accent-blue)}.calendar-smart__content{display:flex;flex-direction:column;gap:6px}.calendar-smart__content h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.calendar-smart__content p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.calendar-smart__btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;border-radius:8px;background:#66b5ff26;border:1px solid rgba(102,181,255,.3);color:var(--accent-blue);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:fit-content}.calendar-smart__btn:hover{background:#66b5ff40}.social-page{gap:20px}.social-actions{display:flex;align-items:center;gap:12px}.social-filter{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--card-border);color:var(--text-primary);position:relative}.social-filter__select{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;outline:none;appearance:none;padding-right:20px}.social-filter__select option{background:var(--surface);color:var(--text-primary)}.social-filter__chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-secondary)}.social-connections-panel{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:24px}.social-connections-header{margin-bottom:20px}.social-connections-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.social-accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.social-account-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;transition:all .15s ease}.social-account-card:hover{border-color:var(--stroke)}.social-account-card__icon{width:44px;height:44px;min-width:44px;border-radius:10px;background:var(--surface-alt);display:grid;place-items:center}.social-icon{width:22px;height:22px}.social-icon--youtube{color:red}.social-icon--tiktok{color:#fff}.social-icon--instagram{color:#e4405f}.social-icon--facebook{color:#1877f2}.social-icon--linkedin{color:#0a66c2}.social-icon--x{color:#fff}.social-account-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.social-account-card__info strong{font-size:.9rem;color:var(--text-primary)}.social-account-card__info span{font-size:.8rem;color:var(--text-secondary)}.social-account-card__status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500}.social-account-card__status--connected{background:#8ef5c026;color:var(--accent-green)}.social-account-card__status--limited{background:#fbbf2426;color:#fbbf24}.social-account-card__actions{display:flex;align-items:center;gap:4px}.social-account-card__actions button{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.social-account-card__actions button:hover{background:var(--surface-alt);color:var(--text-primary)}.social-account-card__delete:hover{background:#ef44441a!important;color:#ef4444!important}.social-add-account-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;background:var(--surface-alt);border:1px dashed var(--card-border);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.social-add-account-btn:hover{background:var(--card);border-color:var(--stroke)}.social-api-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:linear-gradient(135deg,#66b5ff14,#8ef5c00a);border:1px solid rgba(102,181,255,.15);border-radius:16px}.social-api-content{display:flex;align-items:center;gap:16px}.social-api-icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:#66b5ff26;color:var(--accent-blue);display:grid;place-items:center}.social-api-text h4{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.social-api-text p{margin:0;font-size:.8rem;color:var(--text-secondary)}.social-api-btn{padding:10px 18px;border-radius:10px;background:#66b5ff26;border:1px solid rgba(102,181,255,.3);color:var(--accent-blue);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.social-api-btn:hover{background:#66b5ff40}.social-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;animation:fadeIn .15s ease}.social-modal{width:90%;max-width:580px;max-height:90vh;background:var(--surface);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.social-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--card-border)}.social-modal__header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.social-modal__close{width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.social-modal__close:hover{background:var(--card);color:var(--text-primary)}.social-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}@media(max-width:500px){.social-modal__grid{grid-template-columns:1fr}}.social-platform-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;background:var(--card);border:1px solid var(--card-border);border-radius:14px;cursor:pointer;transition:all .15s ease;position:relative}.social-platform-card:hover{background:var(--surface-alt);border-color:var(--stroke);transform:translateY(-2px)}.social-platform-card__icon{width:52px;height:52px;display:grid;place-items:center}.social-platform-card__icon .social-icon{width:36px;height:36px}.social-platform-card strong{font-size:.95rem;color:var(--text-primary)}.social-platform-card>span{font-size:.8rem;color:var(--text-secondary)}.social-platform-card__badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--surface-alt);color:var(--text-secondary);font-size:.7rem;font-weight:600}.social-platform-card__badge--new{background:#fbbf2426;color:#fbbf24}@media(max-width:768px){.social-api-panel{flex-direction:column;text-align:center}.social-api-content{flex-direction:column}.social-api-btn{width:100%}}.profile-page{gap:24px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(135deg,#66b5ff14,#caa7ff0a);border:1px solid var(--card-border);border-radius:20px}.profile-hero__avatar-section{display:flex;align-items:center;gap:20px}.profile-hero__avatar{position:relative;width:88px;height:88px}.profile-hero__avatar img{width:100%;height:100%;border-radius:20px;object-fit:cover;border:2px solid var(--card-border)}.profile-hero__avatar-edit{position:absolute;bottom:-6px;right:-6px;width:32px;height:32px;border-radius:10px;background:var(--surface);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.profile-hero__avatar-edit:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.profile-hero__info{display:flex;flex-direction:column;gap:4px}.profile-hero__info h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-hero__role{font-size:.9rem;color:var(--accent-purple);font-weight:500}.profile-hero__email{font-size:.85rem;color:var(--text-secondary)}.profile-hero__stats{display:flex;gap:32px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:var(--card);border:1px solid var(--card-border);border-radius:14px}.profile-stat__icon{color:var(--accent-blue);margin-bottom:4px}.profile-stat strong{font-size:1.25rem;color:var(--text-primary)}.profile-stat span{font-size:.75rem;color:var(--text-secondary);text-align:center}.profile-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}@media(max-width:1100px){.profile-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;text-align:center}.profile-hero__avatar-section{flex-direction:column}.profile-hero__stats{flex-wrap:wrap;justify-content:center}}.profile-column{display:flex;flex-direction:column;gap:20px}.profile-panel{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:24px}.profile-panel__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.profile-panel__header svg{color:var(--accent-blue)}.profile-panel__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.profile-field label svg{color:var(--text-secondary);opacity:.7}.profile-field input,.profile-field select{width:100%;padding:12px 14px;background:var(--card);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);font-size:.9rem;transition:all .15s ease}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:var(--accent-blue);background:var(--surface-alt)}.profile-field input::placeholder{color:var(--text-secondary);opacity:.5}.profile-field select{cursor:pointer}.profile-field select option{background:var(--surface);color:var(--text-primary)}.profile-field__password{position:relative;display:flex;align-items:center}.profile-field__password input{padding-right:44px}.profile-field__toggle{position:absolute;right:12px;width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.profile-field__toggle:hover{color:var(--text-primary)}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.profile-btn--primary{background:var(--brand);color:#fff}.profile-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.profile-btn--secondary{background:var(--card);border:1px solid var(--card-border);color:var(--text-primary)}.profile-btn--secondary:hover{background:var(--surface-alt);border-color:var(--stroke)}.profile-btn--accent{background:#66b5ff26;border:1px solid rgba(102,181,255,.3);color:var(--accent-blue)}.profile-btn--accent:hover{background:#66b5ff40}.profile-btn--danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.profile-btn--danger:hover{background:#ef444433}.profile-plan-card{background:linear-gradient(145deg,#caa7ff1a,#66b5ff0d);border:1px solid rgba(202,167,255,.2);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px}.profile-plan-card__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#caa7ff33;color:var(--accent-purple);font-size:.8rem;font-weight:600;width:fit-content}.profile-plan-card__tokens{display:flex;align-items:center;gap:16px}.profile-plan-card__tokens-circle{width:56px;height:56px;border-radius:16px;background:#8ef5c026;color:var(--accent-green);display:grid;place-items:center}.profile-plan-card__tokens-info{display:flex;flex-direction:column}.profile-plan-card__tokens-info strong{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.profile-plan-card__tokens-info span{font-size:.85rem;color:var(--text-secondary)}.profile-plan-card__progress{display:flex;flex-direction:column;gap:8px}.profile-plan-card__progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.profile-plan-card__progress-bar div{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:4px;transition:width .3s ease}.profile-plan-card__progress span{font-size:.75rem;color:var(--text-secondary)}.profile-plan-card__features{display:flex;flex-direction:column;gap:10px}.profile-plan-feature{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.profile-plan-feature svg{color:var(--accent-green)}.profile-preferences{display:flex;flex-direction:column;gap:16px}.profile-preference{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:var(--card);border-radius:12px}.profile-preference__info{display:flex;align-items:center;gap:12px}.profile-preference__info>svg{color:var(--text-secondary)}.profile-preference__info div{display:flex;flex-direction:column;gap:2px}.profile-preference__info strong{font-size:.85rem;color:var(--text-primary);font-weight:500}.profile-preference__info span{font-size:.75rem;color:var(--text-secondary)}.profile-preference__select{padding:8px 12px;background:var(--surface-alt);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:.8rem;cursor:pointer}.profile-preference__select option{background:var(--surface)}.profile-toggle{position:relative;width:44px;height:24px;cursor:pointer}.profile-toggle input{opacity:0;width:0;height:0}.profile-toggle__slider{position:absolute;inset:0;background:var(--card-border);border-radius:24px;transition:all .2s ease}.profile-toggle__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s ease}.profile-toggle input:checked+.profile-toggle__slider{background:var(--accent-green)}.profile-toggle input:checked+.profile-toggle__slider:before{transform:translate(20px)}.profile-toggle input:disabled+.profile-toggle__slider{opacity:.5;cursor:not-allowed}.profile-danger{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:14px;overflow:hidden}.profile-danger__header{padding:14px 20px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.1)}.profile-danger__header h4{margin:0;font-size:.85rem;font-weight:600;color:#ef4444}.profile-danger__content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.profile-danger__text{display:flex;flex-direction:column;gap:2px}.profile-danger__text strong{font-size:.85rem;color:var(--text-primary)}.profile-danger__text span{font-size:.75rem;color:var(--text-secondary)}@media(max-width:768px){.profile-hero__stats{gap:12px}.profile-stat{padding:12px 16px}.profile-stat strong{font-size:1.1rem}.profile-plan-card__tokens-info strong{font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .2s ease-out}.modal--create-project{max-width:600px}.modal--tool-selector{max-width:800px}.modal--config{max-width:640px}.modal--template{max-width:720px}.modal__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal__header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.modal__header-subtitle{font-size:.8125rem;color:var(--text-secondary);display:block}.modal__header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal__header-icon--blue{background:#3b82f626;color:#3b82f6}.modal__header-icon--green{background:#22c55e26;color:#22c55e}.modal__header-icon--purple{background:#8b5cf626;color:#8b5cf6}.modal__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.modal__close:hover{background:var(--border);color:var(--text-primary)}.modal__subheader{padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg)}.modal__project-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--accent);font-weight:500}.modal__body{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg)}.modal__footer-info{display:flex;align-items:center;gap:1rem;margin-right:auto}.modal__footer-estimate{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary)}.modal__footer-estimate svg{color:var(--accent)}.modal__footer-actions{display:flex;gap:.75rem}.modal__btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.modal__btn--primary{background:var(--accent);color:#000;border:none}.modal__btn--primary:hover:not(:disabled){background:var(--accent-hover)}.modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.modal__btn--secondary{background:none;border:1px solid var(--border);color:var(--text-primary)}.modal__btn--secondary:hover{background:var(--border)}.create-project__file{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem}.create-project__file-icon{width:64px;height:48px;border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.create-project__file-icon img{width:100%;height:100%;object-fit:cover}.create-project__file-icon svg{color:var(--text-secondary)}.create-project__file-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.create-project__file-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-project__file-meta{font-size:.75rem;color:var(--text-secondary)}.create-project__field{margin-bottom:1.5rem}.create-project__field label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.create-project__field input{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;outline:none;transition:border-color .2s}.create-project__field input:focus{border-color:var(--accent)}.create-project__field input::placeholder{color:var(--text-secondary)}.create-project__types{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.create-project__type{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;text-align:center}.create-project__type:hover{border-color:var(--border-hover)}.create-project__type--selected{border-color:var(--accent);background:#00d4aa0d}.create-project__type svg{color:var(--text-secondary)}.create-project__type--selected svg{color:var(--accent)}.create-project__type strong{font-size:.875rem;color:var(--text-primary)}.create-project__type span{font-size:.6875rem;color:var(--text-secondary);line-height:1.3}.tool-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tool-card{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;position:relative}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.tool-card--selected{border-color:var(--accent);background:#00d4aa0d}.tool-card--recommended{border-color:#eab30880}.tool-card--recommended.tool-card--selected{border-color:var(--accent)}.tool-card__badge{position:absolute;top:-8px;right:12px;padding:.25rem .5rem;background:#eab30833;color:#eab308;font-size:.6875rem;font-weight:600;border-radius:4px;text-transform:uppercase}.tool-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.tool-card__icon{width:48px;height:48px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tool-card--selected .tool-card__icon{background:#00d4aa26;color:var(--accent)}.tool-card__tokens{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.tool-card__tokens svg{color:var(--accent)}.tool-card__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.tool-card__description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.4}.tool-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.tool-card__features li{font-size:.75rem;color:var(--text-secondary);padding-left:1rem;position:relative}.tool-card__features li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.config-section{margin-bottom:1.5rem}.config-section:last-child{margin-bottom:0}.config-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.config-section h3 svg{color:var(--accent)}.config-field{margin-bottom:1rem}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem}.config-field input[type=text],.config-field input[type=number],.config-field select{width:100%;padding:.625rem .875rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;outline:none}.config-field input:focus,.config-field select:focus{border-color:var(--accent)}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.config-slider{display:flex;align-items:center;gap:1rem}.config-slider input[type=range]{flex:1;height:4px;background:var(--border);border-radius:2px;appearance:none;cursor:pointer}.config-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer}.config-slider__value{min-width:32px;text-align:center;font-size:.9375rem;font-weight:600;color:var(--accent)}.config-buttons{display:flex;gap:.5rem}.config-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.config-buttons button:hover{border-color:var(--border-hover);color:var(--text-primary)}.config-buttons button.active{border-color:var(--accent);background:#00d4aa1a;color:var(--accent)}.config-buttons--wide button{padding:.625rem 1rem}.config-toggles{display:flex;flex-direction:column;gap:.75rem}.config-toggle{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.config-toggle:hover{border-color:var(--border-hover)}.config-toggle input{display:none}.config-toggle__slider{width:40px;height:22px;background:var(--border);border-radius:11px;position:relative;flex-shrink:0;transition:background .2s}.config-toggle__slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .2s}.config-toggle input:checked+.config-toggle__slider{background:var(--accent)}.config-toggle input:checked+.config-toggle__slider:after{left:20px;background:#000}.config-toggle__content{display:flex;flex-direction:column;gap:.125rem;flex:1}.config-toggle__content svg{margin-bottom:.25rem;color:var(--text-secondary)}.config-toggle__content strong{font-size:.875rem;font-weight:500;color:var(--text-primary)}.config-toggle__content span{font-size:.75rem;color:var(--text-secondary)}.subtitle-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:600px){.subtitle-styles{grid-template-columns:repeat(2,1fr)}}.subtitle-style{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;text-align:center}.subtitle-style:hover{border-color:var(--border-hover)}.subtitle-style--selected{border-color:var(--accent);background:#00d4aa0d}.subtitle-style__preview{font-size:1.5rem;font-weight:700;padding:.5rem 1rem;border-radius:4px}.subtitle-style__preview--minimal{color:#fff}.subtitle-style__preview--bold{color:#fff;text-shadow:2px 2px 0 #000}.subtitle-style__preview--neon{color:#0f8;text-shadow:0 0 10px #00ff88}.subtitle-style__preview--classic{color:#fff;background:#000000b3}.subtitle-style__preview--gradient{background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle-style__preview--outline{color:transparent;-webkit-text-stroke:2px #fff}.subtitle-style strong{font-size:.8125rem;color:var(--text-primary)}.subtitle-style span{font-size:.6875rem;color:var(--text-secondary)}.template-categories{display:flex;flex-wrap:wrap;gap:.5rem}.template-category{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.template-category:hover{border-color:var(--border-hover);color:var(--text-primary)}.template-category--selected{border-color:var(--accent);background:#00d4aa1a;color:var(--accent)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:600px){.template-grid{grid-template-columns:repeat(2,1fr)}}.template-card{display:flex;flex-direction:column;gap:.5rem;padding:0;background:none;border:none;cursor:pointer;text-align:center}.template-card__preview{position:relative;aspect-ratio:5/3;border-radius:8px;overflow:hidden;border:2px solid var(--border);transition:border-color .2s}.template-card:hover .template-card__preview{border-color:var(--border-hover)}.template-card--selected .template-card__preview{border-color:var(--accent)}.template-card__preview img{width:100%;height:100%;object-fit:cover}.template-card__check{position:absolute;inset:0;background:#00d4aa4d;display:flex;align-items:center;justify-content:center;color:#fff}.template-card span{font-size:.8125rem;color:var(--text-primary);font-weight:500}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}@media(max-width:640px){.modal{max-height:100vh;border-radius:0}.modal__footer{flex-direction:column;gap:1rem}.modal__footer-info{margin-right:0;justify-content:center}.modal__footer-actions{width:100%}.modal__footer-actions button{flex:1}.config-row,.tool-selector__grid{grid-template-columns:1fr}}.processing-view{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.processing-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:1.75rem;text-align:center;box-shadow:0 20px 60px #00000080}.processing-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem;text-align:left}.processing-header__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-header__info{flex:1;min-width:0}.processing-header__info h2{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem}.processing-header__info span{font-size:.75rem;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.processing-cancel{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.processing-cancel:hover{background:var(--border);color:var(--text-primary)}.processing-progress{display:flex;justify-content:center;margin-bottom:1.25rem}.processing-progress__circle{position:relative;width:140px;height:140px}.processing-progress__circle svg{width:100%;height:100%;transform:rotate(-90deg)}.processing-progress__bg{fill:none;stroke:var(--border);stroke-width:8}.processing-progress__fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .1s ease-out}.processing-progress__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.processing-progress__value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.processing-progress__spinner{animation:spin 1s linear infinite;color:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-status{margin-bottom:1.5rem}.processing-status__label{font-size:.9375rem;font-weight:500;color:var(--text-primary);display:block;margin-bottom:.375rem}.processing-status__label--success{color:#22c55e}.processing-status__label--error{color:#ef4444}.processing-status__time{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.processing-steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;text-align:left;max-height:240px;overflow-y:auto;padding-right:.25rem}.processing-steps::-webkit-scrollbar{width:4px}.processing-steps::-webkit-scrollbar-track{background:transparent}.processing-steps::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.processing-step{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--bg);border-radius:10px;transition:all .3s;border:1px solid transparent}.processing-step--processing{background:#3b82f614;border-color:#3b82f64d}.processing-step--completed{opacity:.6}.processing-step__indicator{width:22px;height:22px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.processing-step--processing .processing-step__indicator{background:#3b82f6;color:#fff}.processing-step--completed .processing-step__indicator{background:#22c55e;color:#fff}.processing-step--error .processing-step__indicator{background:#ef4444;color:#fff}.processing-step__indicator .spin{animation:spin 1s linear infinite}.processing-step__content{flex:1;min-width:0}.processing-step__label{font-size:.8125rem;color:var(--text-secondary);display:block}.processing-step--processing .processing-step__label{color:var(--text-primary);font-weight:500}.processing-step__progress{height:3px;background:var(--border);border-radius:2px;margin-top:.375rem;overflow:hidden}.processing-step__progress-fill{height:100%;border-radius:2px;transition:width .1s ease-out}.processing-footer{display:flex;justify-content:center;gap:1.25rem;padding-top:.875rem;border-top:1px solid var(--border);margin-bottom:.75rem}.processing-footer__stat{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-secondary)}.processing-footer__stat svg{color:var(--accent);width:14px;height:14px}.processing-warning{font-size:.625rem;color:var(--text-secondary);margin:0;opacity:.6}@media(max-width:480px){.processing-card{padding:1.25rem;border-radius:16px}.processing-progress__circle{width:120px;height:120px}.processing-progress__value{font-size:1.5rem}.processing-steps{max-height:200px}.processing-footer{flex-wrap:wrap;gap:.75rem}}.results-overlay{position:fixed;inset:0;background:var(--bg);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.results-gallery{flex:1;display:flex;flex-direction:column;overflow:hidden}.results-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.results-back{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;transition:all .2s}.results-back:hover{background:var(--border);color:var(--text-primary)}.results-header__info{flex:1;min-width:0}.results-header__info h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.results-header__info span{font-size:.8125rem;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.results-close:hover{background:var(--border);color:var(--text-primary)}.results-stats{display:flex;gap:2rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.results-stat{display:flex;align-items:center;gap:.75rem}.results-stat svg{color:var(--accent)}.results-stat strong{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:block;line-height:1}.results-stat span{font-size:.75rem;color:var(--text-secondary)}.results-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.results-select-all{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.results-select-all:hover{border-color:var(--border-hover);color:var(--text-primary)}.results-select-all.active{border-color:var(--accent);color:var(--accent);background:#00d4aa1a}.results-actions__right{display:flex;gap:.75rem}.results-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:all .2s}.results-action-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--border)}.results-action-btn:disabled{opacity:.5;cursor:not-allowed}.results-action-btn--primary{background:var(--accent);border-color:var(--accent);color:#000}.results-action-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.results-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;padding:1.5rem;overflow-y:auto;align-content:start}.results-clip{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.results-clip:hover{border-color:var(--border-hover)}.results-clip.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.results-clip__thumbnail{position:relative;aspect-ratio:16/9;background:var(--bg);cursor:pointer}.results-clip__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.5}.results-clip__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;opacity:0;transition:opacity .2s}.results-clip__thumbnail:hover .results-clip__play{opacity:1}.results-clip__duration{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:#000c;border-radius:4px;font-size:.6875rem;font-weight:500;color:#fff}.results-clip__checkbox{position:absolute;top:.5rem;left:.5rem;width:24px;height:24px;border-radius:6px;background:#00000080;border:2px solid rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}.results-clip__checkbox:hover{border-color:var(--accent)}.results-clip__checkbox.checked{background:var(--accent);border-color:var(--accent);color:#000}.results-clip__info{padding:.875rem 1rem}.results-clip__info h4{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 .625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-clip__actions{display:flex;gap:.5rem}.results-clip__action{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.results-clip__action:hover{border-color:var(--accent);color:var(--accent)}.results-clip__share-wrapper{position:relative;flex:1}.results-clip__share-menu{position:absolute;bottom:calc(100% + .5rem);right:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.375rem;z-index:10;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.results-clip__share-menu button{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:6px;color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:background .2s}.results-clip__share-menu button:hover{background:var(--bg)}.results-clip__share-menu button svg{color:var(--text-secondary)}.results-footer{padding:1rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);text-align:center}.results-new-project{padding:.625rem 1.5rem;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.results-new-project:hover{border-color:var(--accent);background:#00d4aa1a;color:var(--accent)}.results-preview{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem}.results-preview__content{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:640px;overflow:hidden;position:relative}.results-preview__close{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;border-radius:8px;color:#fff;padding:.5rem;cursor:pointer;z-index:10;transition:background .2s}.results-preview__close:hover{background:#000000b3}.results-preview__video{aspect-ratio:9/16;max-height:60vh;background:#000}.results-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.results-preview__placeholder span{font-size:.8125rem;text-align:center;max-width:200px}.results-preview__info{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.results-preview__info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.results-preview__info span{font-size:.8125rem;color:var(--text-secondary)}.results-preview__actions{padding:1rem 1.5rem;display:flex;gap:.75rem}.results-preview__actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.results-preview__actions button:hover{border-color:var(--border-hover)}.results-preview__actions button.primary{background:var(--accent);border-color:var(--accent);color:#000}.results-preview__actions button.primary:hover{background:var(--accent-hover)}@media(max-width:640px){.results-back{display:flex}.results-close{display:none}.results-stats{flex-wrap:wrap;gap:1rem}.results-stat{flex:1;min-width:calc(50% - .5rem)}.results-actions{flex-direction:column}.results-actions__right{width:100%}.results-action-btn{flex:1;justify-content:center}.results-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.results-clip__info h4{font-size:.75rem}.results-clip__actions{gap:.375rem}.results-clip__action{padding:.375rem}.results-preview{padding:0}.results-preview__content{border-radius:0;height:100%;display:flex;flex-direction:column}.results-preview__video{flex:1;max-height:none}}.projects-page{padding-bottom:2rem}.projects-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.projects-search{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;flex:1;min-width:200px;max-width:320px}.projects-search svg{color:var(--text-secondary);flex-shrink:0}.projects-search input{background:none;border:none;color:var(--text-primary);font-size:.875rem;width:100%;outline:none}.projects-search input::placeholder{color:var(--text-secondary)}.projects-filters{display:flex;gap:.75rem}.projects-filter{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;position:relative}.projects-filter svg{color:var(--text-secondary);pointer-events:none}.projects-filter svg:last-child{position:absolute;right:.75rem}.projects-filter select{background:none;border:none;color:var(--text-primary);font-size:.875rem;padding-right:1.5rem;cursor:pointer;outline:none;appearance:none}.projects-new-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent);color:#000;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.projects-new-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.projects-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:768px){.projects-stats{grid-template-columns:repeat(2,1fr)}}.projects-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.projects-stat__value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.projects-stat__label{font-size:.8125rem;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.project-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.project-card__thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}.project-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .project-card__thumbnail img{transform:scale(1.05)}.project-card__overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.project-card:hover .project-card__overlay{opacity:1}.project-card__play{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.project-card__play:hover{transform:scale(1.1)}.project-card__duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.project-card__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3}.project-card__progress-bar{height:100%;background:var(--accent);transition:width .3s}.project-card__content{padding:1rem}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.project-card__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__menu{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;flex-shrink:0}.project-card__menu:hover{background:var(--border);color:var(--text-primary)}.project-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.project-card__type,.project-card__tool{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.project-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border)}.project-card__status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.project-card__status--green{color:#22c55e}.project-card__status--yellow{color:#eab308}.project-card__status--red{color:#ef4444}.project-card__status--gray{color:var(--text-secondary)}.project-card__date{font-size:.75rem;color:var(--text-secondary)}.project-card__results{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.project-card__results>span{font-size:.8125rem;font-weight:500;color:var(--accent)}.project-card__actions{display:flex;align-items:center;gap:.25rem}.project-card__actions button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.375rem;border-radius:4px;transition:all .2s}.project-card__actions button:hover{background:var(--border);color:var(--text-primary)}.project-card__delete:hover{color:#ef4444!important}.project-card__retry{width:100%;margin-top:.75rem;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.project-card__retry:hover{background:#ef444433}.project-card--processing{border-color:#eab3084d}.project-card--processing .project-card__thumbnail:after{content:"";position:absolute;inset:0;background:#eab3081a;pointer-events:none}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.projects-empty svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.projects-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.projects-empty p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem}.projects-empty__btn{display:flex;align-items:center;gap:.5rem;background:var(--accent);color:#000;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.projects-empty__btn:hover{background:var(--accent-hover)}@media(max-width:640px){.projects-actions{flex-direction:column;align-items:stretch}.projects-search{max-width:none}.projects-filters{flex-wrap:wrap}.projects-new-btn{margin-left:0;justify-content:center}.projects-grid{grid-template-columns:1fr}}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.login-overlay{position:fixed;inset:0;background:#03070fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{position:relative;width:min(420px,100%);background:#0a0e18f2;border-radius:24px;padding:32px;color:var(--text);animation:modalIn .3s ease-out;overflow:hidden}.login-modal:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(var(--border-angle),rgba(59,130,246,.5),rgba(139,92,246,.3),rgba(59,130,246,.5));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:borderRotate 4s linear infinite;pointer-events:none}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes borderRotate{to{--border-angle: 360deg}}.modal-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);pointer-events:none;z-index:-1}.close-btn{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn:hover{color:var(--text);border-color:#3b82f680;background:#3b82f61a}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header .wave{display:inline-block;animation:wave 1.5s ease-in-out infinite;-webkit-text-fill-color:initial;background:none}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}.modal-header .subtitle{color:var(--muted);margin:0;font-size:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;padding:4px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.auth-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-tabs button:hover:not(.active){background:#ffffff0d;color:var(--text)}.auth-tabs button.active{background:#3b82f626;color:#fff;box-shadow:0 0 20px #3b82f633}.auth-form{display:flex;flex-direction:column;gap:12px}.input-group{position:relative;display:flex;align-items:center}.input-group .input-icon{position:absolute;left:14px;color:var(--muted);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color .2s}.input-group input{width:100%;padding:14px 14px 14px 46px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text);font-size:15px;outline:none;transition:all .2s ease}.input-group input::placeholder{color:#ffffff4d}.input-group input:focus{border-color:#3b82f699;background:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a}.input-group input:disabled{opacity:.6;cursor:not-allowed}.input-group:has(input:focus) .input-icon{color:#3b82f6cc}.otp-group input.otp-input{text-align:center;font-size:24px;font-weight:600;letter-spacing:8px;padding-right:70px}.otp-group .resend-btn{position:absolute;right:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.otp-group .resend-btn:hover:not(:disabled){border-color:#3b82f680;color:var(--text)}.otp-group .resend-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .spin{animation:spin 1s linear infinite}.divider{display:flex;align-items:center;gap:16px;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.divider span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.sso-options{display:flex;justify-content:center;gap:16px}.sso-btn{width:56px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff}.sso-btn:hover{transform:translateY(-2px);border-color:#fff3;background:#ffffff14}.sso-btn.google:hover{border-color:#4285f480;box-shadow:0 4px 20px #4285f433}.sso-btn.tiktok:hover{border-color:#ee1d5280;box-shadow:0 4px 20px #ee1d5233}.sso-btn.twitter:hover{border-color:#ffffff80;box-shadow:0 4px 20px #ffffff1a}.auth-footer{text-align:center;margin-top:24px;color:var(--muted);font-size:14px}.auth-footer .switch-mode{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;padding:0;margin-left:4px}.auth-footer .switch-mode:hover{text-decoration:underline}.error-msg,.info-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:13px;margin-top:8px}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.info-msg{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0}.success-state .success-icon{color:var(--accent-green);margin-bottom:16px;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.success-state h2{font-family:Space Grotesk,sans-serif;margin:0 0 8px;font-size:24px}.success-state p{color:var(--muted);margin:0}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.login-modal{padding:24px 20px;border-radius:20px}.modal-header h2{font-size:20px}.sso-options .sso-btn{width:50px;height:50px}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);gap:1rem}.auth-loading__spinner{width:48px;height:48px;border:3px solid var(--card-border);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}.auth-loading__text{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-preview{position:fixed;inset:0;overflow:hidden;pointer-events:none}.auth-preview__content{filter:blur(8px);opacity:.4;transform:scale(1.02);min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}body{background:var(--bg)}.app-shell{min-height:100vh;display:flex;gap:0;padding:0;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.app-shell__content{flex:1;background:var(--bg);border-radius:0;border:none;padding:24px 32px;overflow:hidden;display:flex;flex-direction:column;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px}.top-bar__left{display:flex;align-items:center;gap:16px}.top-bar h1{font-family:Space Grotesk,sans-serif;font-size:1.8rem;margin:4px 0 0}.dashboard-page,.page{display:flex;flex-direction:column;gap:20px}.top-bar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.search{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:16px;padding:10px 14px;border:1px solid var(--card-border)}.search input{background:transparent;border:none;outline:none;color:var(--text-primary);width:220px}.icon-button{width:44px;height:44px;border-radius:14px;background:var(--card);border:1px solid var(--card-border);color:inherit;display:grid;place-items:center;position:relative}.notification-dot{width:8px;height:8px;border-radius:50%;background:#f97316;position:absolute;top:10px;right:10px}.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#5ec4ff,#2f6bff);display:grid;place-items:center;font-weight:600}.hero-panel{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;padding:32px;border-radius:32px;background:radial-gradient(circle at 10% 20%,rgba(94,196,255,.24),transparent),var(--surface-alt);border:1px solid var(--card-border);box-shadow:var(--shadow-card)}[data-theme=light] .hero-panel{background:radial-gradient(circle at 10% 20%,rgba(94,196,255,.18),transparent),#fff}.hero-panel__copy h2{font-family:Space Grotesk,sans-serif;font-size:2rem;margin:6px 0 12px}.hero-panel__cta{display:flex;align-items:center;gap:12px;margin:24px 0 12px}.hero-panel__shortcuts{display:flex;gap:8px;flex-wrap:wrap}.hero-panel__shortcuts button{border-radius:999px;padding:8px 14px;border:1px solid var(--card-border);background:transparent;color:inherit;display:flex;align-items:center;gap:6px}.hero-panel__dropzone{background:var(--card);border-radius:24px;padding:24px;border:1px dashed var(--card-border);display:flex;flex-direction:column;gap:18px}.dropzone{border:1px dashed var(--card-border);border-radius:20px;padding:24px;text-align:center;background:var(--card)}.hero-panel__accounts .account-list{display:flex;flex-direction:column;gap:8px;background:var(--card);padding:12px;border-radius:16px;border:1px solid var(--card-border)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric-card{background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--card-border);display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.metric-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.metric-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-card__header>div:first-of-type{display:flex;align-items:center;gap:10px}.metric-card__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#0a0e18;font-weight:600}.metric-card__header h3{margin:0;font-size:.85rem;font-weight:500;color:var(--text-primary)}.metric-card__body{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.metric-card__value{font-size:1.6rem;margin:0;font-weight:700;line-height:1}.metric-card__source{font-size:.65rem;color:var(--text-secondary);opacity:.8}.chip{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;padding:3px 8px;border-radius:6px;background:#ffffff0f;font-weight:600}.chip--up{color:var(--accent-green);background:#8ef5c01f}.chip--down{color:#fb7185;background:#fb71851a}.chip--neutral{color:var(--text-secondary)}.panel{background:var(--surface-alt);border-radius:28px;padding:24px;border:1px solid var(--card-border);display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-card)}.panel__header{display:flex;align-items:center;justify-content:space-between}.profile-section{gap:24px}.profile-avatar{display:flex;align-items:center;gap:16px}.profile-avatar img{width:72px;height:72px;border-radius:24px;border:2px solid var(--card-border);box-shadow:var(--shadow-card)}.profile-form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:flex;flex-direction:column;gap:6px}.form-field span{font-size:.8rem;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--card-border);border-radius:14px;padding:12px;background:transparent;color:var(--text-primary);font-size:1rem}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-stats{flex-direction:row;gap:18px}.tokens-slider{flex:1;display:flex;flex-direction:column;gap:6px}.tokens-slider input{width:100%}.profile-badge{display:flex;flex-direction:column;gap:8px}.tokens-chip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--card-border);border-radius:999px;padding:4px 8px;font-size:.85rem}.tokens-chip button{border:none;background:transparent;color:var(--accent-blue);font-weight:600;cursor:pointer}.profile-badge__card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--card-border);border-radius:999px;padding:6px 10px;cursor:pointer;color:inherit}.profile-badge__card img{width:36px;height:36px;border-radius:12px}.profile-badge__card:focus-visible{outline:2px solid var(--accent-blue)}.quick-actions__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-actions__card{border-radius:22px;padding:20px;border:1px solid var(--card-border);background:var(--card);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card)}.quick-actions__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#020617}.link-button{background:none;border:none;color:var(--accent-blue);font-weight:600;text-align:left;padding:0;cursor:pointer}.content-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.performance-card{background:#ffffff05;border-radius:22px;padding:20px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.performance-card__badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.performance-card__meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.performance-card__accent{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(90px);opacity:.3;right:-40px;bottom:-60px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}.analytics-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.column{display:flex;flex-direction:column;gap:24px}.audience-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.audience-panel__segments{display:flex;flex-direction:column;gap:12px}.audience-panel__segments li{display:flex;flex-direction:column;gap:6px}.audience-panel__segments li>div{display:flex;align-items:center;justify-content:space-between}.progress{width:100%;height:8px;border-radius:999px;background:#ffffff14}.progress span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.audience-panel__regions{display:flex;flex-direction:column;gap:10px}.audience-panel__regions li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--card-border)}.automation-panel__list{display:flex;flex-direction:column;gap:14px}.automation-panel__list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--card-border)}.reports-list{display:flex;flex-direction:column;gap:10px}.reports-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--card-border);padding-bottom:8px}.reports-list.large li{padding:12px 0}.sparkline{width:80px;height:32px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:var(--text-secondary);margin:0;font-weight:500}.helper{color:var(--text-secondary);font-size:.85rem}.primary,.ghost,.secondary{border:none;color:var(--text-primary);cursor:pointer;font-weight:600}.primary{border-radius:16px;padding:10px 18px;background:var(--brand);display:inline-flex;align-items:center;gap:8px}.ghost{border-radius:14px;padding:10px 14px;background:var(--card);border:1px solid var(--card-border);display:inline-flex;align-items:center;gap:8px}.ghost.small{padding:6px 12px;font-size:.85rem}.secondary{border-radius:14px;padding:8px 14px;background:#5ec4ff26;border:1px solid rgba(94,196,255,.3)}.status{border-radius:999px;padding:4px 12px;text-transform:capitalize;font-size:.8rem;background:var(--card);border:1px solid var(--card-border)}.status--scheduled{background:#5ec4ff33}.status--draft{background:#eab30833}.status--published,.status--connected{background:#4ade8033}.status--limited{background:#f8717133}.status--pending{background:#facc1533}.calendar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.calendar-list li{display:grid;grid-template-columns:80px 1fr auto;gap:16px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-card)}.calendar-list__date{text-align:center;display:flex;flex-direction:column;gap:4px}.calendar-list__body p{margin:0;font-weight:600}.calendar-hint{display:flex;align-items:center;justify-content:space-between;gap:24px}.social-list{display:flex;flex-direction:column;gap:12px}.social-list li{display:grid;grid-template-columns:1.2fr auto auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-card)}@media(max-width:1024px){.app-shell{padding:16px;gap:16px}.app-shell__content{padding:20px;border-radius:24px}.hero-panel{grid-template-columns:1fr;padding:24px}.top-bar{flex-wrap:wrap;gap:16px}.top-bar__actions{width:100%;justify-content:flex-start;gap:8px}.search{flex:1;min-width:200px}.search input{width:100%}.dashboard-columns{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.top-bar__actions .ghost{display:none}}@media(max-width:640px){.app-shell{padding:12px}.app-shell__content{padding:16px;border-radius:20px}.top-bar h1{font-size:1.4rem}.hero-panel{padding:16px;border-radius:20px}.hero-panel__copy h2{font-size:1.4rem}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{padding:16px}.metric-card__value{font-size:1.5rem}.profile-badge{display:none}}