@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}*{margin:0;padding:0;box-sizing:border-box}body,.app-bg,.app-container{font-family:Inter,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#a18cd1,#fbc2eb);min-height:100vh;color:#333}.app{min-height:100vh;padding:20px}.app-bg{min-height:100vh;background:linear-gradient(135deg,#00ffb8,#00e0ff,#7f7fff 80%,#b388eb);display:flex;justify-content:center;align-items:flex-start}.app-container{max-width:1300px;width:100%;margin:0 auto;padding:32px 24px 48px;background:#fffffff7;border-radius:18px;box-shadow:0 4px 32px #5050781a;display:flex;flex-direction:column;align-items:center}.main-title{font-size:2.7rem;font-weight:900;margin-bottom:6px;letter-spacing:-1px;text-align:center}.add-account-section{display:flex;justify-content:center;align-items:center;margin-bottom:32px;gap:14px;width:100%;max-width:600px}.input{padding:10px 16px;border-radius:10px;border:1.5px solid #d1d5db;font-size:18px;background:#f7f7fa;min-width:180px;outline:none;transition:border .2s;width:100%;max-width:100%}.input:focus{border:1.5px solid #a18cd1}.main-btn,.neutral-btn{background:#f5f6fa;color:#222;border:1.5px solid #e0e0e0;border-radius:10px;padding:10px 28px;font-weight:600;font-size:17px;cursor:pointer;box-shadow:0 2px 8px #5050780f;opacity:1;transition:background .18s,box-shadow .18s,color .18s,border .18s;outline:none}.main-btn:disabled,.neutral-btn:disabled{opacity:.6;cursor:not-allowed;background:#f5f6fa;color:#aaa}.main-btn:hover:not(:disabled),.neutral-btn:hover:not(:disabled){background:#e9e9ee;color:#111;border:1.5px solid #bfc0c5;box-shadow:0 4px 16px #5050781a}.accounts-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:48px;width:100%;max-width:1200px}.account-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #5050781a;padding:32px 32px 24px;min-width:320px;max-width:400px;flex:1 1 340px;display:flex;flex-direction:column;align-items:center;margin-bottom:0;transition:box-shadow .2s,transform .2s;cursor:pointer;border:1.5px solid #f3f3f3;font-family:Inter,sans-serif;position:relative;gap:10px}.account-card:hover{box-shadow:0 6px 24px #50507829;transform:translateY(-2px) scale(1.02)}.account-header{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px;justify-content:center;width:100%}.connected{font-weight:600;font-size:15px;margin-left:8px;color:#43aa8b}.not-connected{font-weight:600;font-size:15px;margin-left:8px;color:#f76b8a}.account-actions{display:flex;gap:16px;margin-bottom:10px;width:100%;justify-content:center}.schedule-ui{margin-top:10px;display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.schedule-ui label{font-size:15px;font-weight:600;margin-bottom:2px;align-self:flex-start}.app-header{text-align:center;margin-bottom:40px;color:#fff}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{font-size:1.1rem;opacity:.9}.message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;max-width:400px;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out}.message.success{background:linear-gradient(135deg,#4caf50,#45a049)}.message.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.message button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;margin-left:10px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.main-content{max-width:1200px;margin:0 auto;display:grid;gap:30px}section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}section h2{margin-bottom:25px;color:#333;font-size:1.5rem;font-weight:600}.connect-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.connect-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.connect-btn.tiktok{background:linear-gradient(135deg,#ff0050,#ff6b9d);color:#fff}.connect-btn.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.connect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.connect-btn:disabled{opacity:.6;cursor:not-allowed}.accounts-list{display:grid;gap:15px}.no-accounts,.no-posts{text-align:center;color:#666;font-style:italic;padding:40px 20px}.account-info{display:flex;align-items:center;gap:15px}.platform-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 4px 15px #0000001a}.platform-icon.tiktok{background:linear-gradient(135deg,#ff0050,#ff6b9d);color:#fff}.platform-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d);color:#fff}.account-info h3{font-size:1.1rem;margin-bottom:5px}.platform-name{color:#666;text-transform:capitalize;font-size:.9rem}.delete-btn{background:#ff4757;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.delete-btn:hover{background:#ff3742;transform:scale(1.1)}.post-form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333}.account-select,.post-content,.schedule-input,.media-url{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.account-select:focus,.post-content:focus,.schedule-input:focus,.media-url:focus{outline:none;border-color:#667eea}.post-content{resize:vertical;min-height:100px}.media-url-input{display:flex;gap:10px;align-items:center}.media-url{flex:1}.remove-url-btn{background:#ff4757;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.add-media-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease;align-self:flex-start}.add-media-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.create-post-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px}.create-post-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.create-post-btn:disabled{opacity:.6;cursor:not-allowed}.posts-list{display:grid;gap:20px}.post-card{background:#f8f9fa;border-radius:12px;padding:25px;border:1px solid #e9ecef;transition:all .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.post-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.post-meta h3{font-size:1.1rem;margin-bottom:8px;color:#333}.post-status,.post-date{font-size:.9rem;color:#666;margin-bottom:5px}.status{font-weight:500;padding:4px 8px;border-radius:4px;font-size:.8rem}.status.draft{background:#ffeaa7;color:#d63031}.status.ready{background:#74b9ff;color:#fff}.status.scheduled{background:#fd79a8;color:#fff}.status.posted{background:#00b894;color:#fff}.status.failed{background:#ff7675;color:#fff}.post-content{margin-bottom:20px}.post-content p{line-height:1.6;color:#333}.post-media{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.post-media ul{list-style:none;margin-top:10px}.post-media li{margin-bottom:5px}.post-media a{color:#667eea;text-decoration:none}.post-media a:hover{text-decoration:underline}.post-actions{display:flex;align-items:center;gap:15px}.publish-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.publish-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0003}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.published-time{color:#00b894;font-weight:500;font-size:.9rem}.colored-btn{background:linear-gradient(90deg,#00ffb8,#00e0ff);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 2px 12px #00ffb821;opacity:1;transition:background .2s,box-shadow .2s,opacity .2s}.colored-btn:disabled{opacity:.7;cursor:not-allowed}.colored-btn:hover:not(:disabled){background:linear-gradient(90deg,#00e0ff,#00ffb8);box-shadow:0 4px 24px #00ffb82e}.account-actions .colored-btn:nth-child(2){background:linear-gradient(90deg,#7f7fff,#b388eb)}.account-actions .colored-btn:nth-child(2):disabled{background:linear-gradient(90deg,#b388eb,#7f7fff)}.account-actions .colored-btn:nth-child(2):hover:not(:disabled){background:linear-gradient(90deg,#b388eb,#7f7fff)}@media (max-width: 768px){.app{padding:15px}.app-header h1{font-size:2rem}section{padding:20px}.connect-buttons{flex-direction:column}.account-card{flex-direction:column;gap:15px;text-align:center}.post-header{flex-direction:column;text-align:center}.media-url-input{flex-direction:column;align-items:stretch}.remove-url-btn{align-self:center}}@media (max-width: 480px){.app-header h1{font-size:1.5rem}.app-header p{font-size:1rem}section{padding:15px}}@media (max-width: 1500px){.app-container{max-width:98vw;padding:18px 2vw 32px}.accounts-grid{gap:24px;max-width:98vw}}@media (max-width: 900px){.accounts-grid{flex-direction:column;align-items:center;gap:18px;max-width:98vw}.account-card{min-width:90vw;max-width:98vw;padding:18px 10px 16px}.main-title{font-size:2rem}.add-account-section{flex-direction:column;gap:10px;max-width:98vw}}