@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #0D0D0D;--bg-secondary: #161618;--bg-tertiary: #1E1E22;--bg-elevated: #242428;--border: #2A2A2E;--border-light: #3A3A3E;--accent: #F5A623;--accent-hover: #E69515;--accent-muted: rgba(245, 166, 35, .15);--accent-glow: rgba(245, 166, 35, .25);--text-primary: #FAFAFA;--text-secondary: #A1A1A6;--text-tertiary: #6B6B70;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--twitter: #1DA1F2;--instagram: #E4405F;--linkedin: #0A66C2;--facebook: #1877F2;--youtube: #FF0000;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{display:flex;min-height:100vh;background:var(--bg-primary)}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(245,166,35,.05) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(30,30,34,.5) 0%,transparent 50%);pointer-events:none;z-index:0}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-6);position:relative;z-index:10}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);animation:fadeSlideIn .5s ease-out}.sidebar-logo-icon{width:44px;height:44px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #f5a6234d}.sidebar-logo h1{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;background:transparent;border:none;cursor:pointer;transition:var(--transition);text-align:left;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item.active:hover{background:var(--accent-muted)}.sidebar-footer{margin-top:auto;padding-top:var(--space-6);border-top:1px solid var(--border)}.quota-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4)}.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.quota-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.quota-remaining{font-size:.75rem;color:var(--accent);font-weight:500}.quota-bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.quota-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.upgrade-btn{width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition)}.upgrade-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}.main-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border);background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.main-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:500}.main-content{flex:1;padding:var(--space-8);overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);animation:fadeSlideIn .5s ease-out backwards}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.dashboard{animation:fadeIn .5s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);animation:fadeSlideIn .5s ease-out backwards;transition:var(--transition)}.stat-card:hover{border-color:var(--accent);box-shadow:0 0 30px #f5a6231a}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.stat-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:600;color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-6)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.post-list{display:flex;flex-direction:column;gap:var(--space-3)}.post-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:var(--transition)}.post-item:hover{background:var(--bg-elevated)}.post-platform{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-primary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.platform-dot{width:8px;height:8px;border-radius:50%}.post-content{flex:1;min-width:0}.post-text{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1)}.schedule-time{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-tertiary)}.post-actions{display:flex;gap:var(--space-1);opacity:0;transition:var(--transition)}.post-item:hover .post-actions{opacity:1}.tips-list{display:flex;flex-direction:column;gap:var(--space-4)}.tip-item{display:flex;gap:var(--space-3);align-items:flex-start}.tip-number{width:24px;height:24px;background:var(--accent-muted);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.tip-item p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.calendar-view{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);animation:fadeIn .5s ease-out}@media(max-width:1100px){.calendar-view{grid-template-columns:1fr}}.calendar-container{padding:var(--space-6)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.calendar-nav{display:flex;gap:var(--space-2)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.calendar-header-cell{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-tertiary);padding:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);min-height:80px}.calendar-day:hover{background:var(--bg-elevated);border-color:var(--border-light)}.calendar-day.other-month{opacity:.3}.calendar-day.today{border-color:var(--accent);background:var(--accent-muted)}.calendar-day.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.day-number{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.day-posts{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.day-post-pill{width:8px;height:8px;border-radius:50%;cursor:pointer;transition:var(--transition)}.day-post-pill:hover{transform:scale(1.3)}.day-more{font-size:.625rem;color:var(--text-tertiary)}.selected-date-posts{height:fit-content}.selected-date-posts h4{font-family:var(--font-display);font-size:1.125rem;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.date-post-list{display:flex;flex-direction:column;gap:var(--space-3)}.date-post-item{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.date-post-item p{font-size:.875rem;margin-top:var(--space-2);color:var(--text-secondary)}.platform-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;text-transform:uppercase;color:#fff}.no-posts{color:var(--text-tertiary);font-size:.875rem;text-align:center;padding:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-title{font-family:var(--font-display);font-size:1.5rem}.modal-close{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.modal-actions .btn{flex:1}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-2);color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;transition:var(--transition)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.input::placeholder{color:var(--text-tertiary)}.textarea{min-height:120px;resize:vertical}.char-count{text-align:right;font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-2)}.platform-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.platform-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition)}.platform-btn:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.platform-btn.selected{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.status-selector{display:flex;gap:var(--space-2)}.status-btn{flex:1;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.status-btn:hover{background:var(--bg-elevated)}.status-btn.selected{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.error-message{padding:var(--space-3) var(--space-4);background:#f8717126;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:.875rem;margin-top:var(--space-4)}.templates-page{animation:fadeIn .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-header h2{font-family:var(--font-display);font-size:1.75rem}.page-header p{color:var(--text-secondary);font-size:.9375rem;margin-top:var(--space-1)}.template-section{margin-bottom:var(--space-8)}.template-section h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-4)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.template-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition)}.template-card:hover{border-color:var(--accent);box-shadow:0 0 30px #f5a6231a}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.template-header h4{font-family:var(--font-display);font-size:1.125rem}.template-content{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-platforms{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.use-template-btn{width:100%}.add-template-form{margin-bottom:var(--space-8);animation:fadeSlideIn .3s ease-out}.add-template-form h3{font-family:var(--font-display);margin-bottom:var(--space-5)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.posts-page{animation:fadeIn .5s ease-out}.filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary)}.filter-select{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer}.posts-list{display:grid;gap:var(--space-4)}.post-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition)}.post-card:hover{border-color:var(--border-light)}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.post-platforms{display:flex;gap:var(--space-2)}.platform-dot-lg{width:12px;height:12px;border-radius:50%}.status-badge{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600;text-transform:capitalize}.post-card-content{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-4)}.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--border)}.post-date{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-tertiary)}.post-card-actions{display:flex;gap:var(--space-1)}.upgrade-modal{max-width:440px;text-align:center;position:relative}.upgrade-modal .modal-close{position:absolute;top:var(--space-4);right:var(--space-4)}.upgrade-header{margin-bottom:var(--space-6)}.upgrade-icon{width:64px;height:64px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);box-shadow:0 8px 30px #f5a6234d}.upgrade-icon svg{color:var(--bg-primary)}.upgrade-header h2{font-family:var(--font-display);font-size:1.75rem;margin-bottom:var(--space-2)}.upgrade-header p{color:var(--text-secondary)}.pricing-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.price{margin-bottom:var(--space-5)}.price-amount{font-family:var(--font-display);font-size:3rem;font-weight:700}.price-period{font-size:1rem;color:var(--text-tertiary)}.features-list{list-style:none;text-align:left;margin-bottom:var(--space-6)}.features-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:.9375rem;color:var(--text-secondary)}.features-list li svg{color:var(--success);flex-shrink:0}.pricing-card .btn{width:100%}.trial-note{font-size:.8125rem;color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state svg{color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-5)}.schedule-view{display:flex;justify-content:center;align-items:center;min-height:60vh}.schedule-view .card{text-align:center;max-width:400px}.schedule-view h2{font-family:var(--font-display);margin-bottom:var(--space-3)}.schedule-view p{color:var(--text-secondary);margin-bottom:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal{max-width:380px;text-align:center}.confirm-modal h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-2)}.confirm-modal p{color:var(--text-secondary);margin-bottom:var(--space-5)}@media(max-width:768px){.sidebar{width:240px;padding:var(--space-4)}.main-header,.main-content{padding:var(--space-4)}.main-header h2{font-size:1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.filters{flex-direction:column}.form-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}