body{margin:0;min-height:100vh}#root{min-height:100vh}:root{--bg: #1a1b26;--surface: #24283b;--text: #c0caf5;--muted: #565f89;--accent: #7aa2f7;--success: #9ece6a;--warning: #e0af68;--danger: #f7768e;--radius: 8px}*{box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);margin:0;padding:0;line-height:1.5}header{background:var(--surface);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}header h1{margin:0;font-size:1.25rem}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:var(--accent);text-decoration:none}nav a:hover,nav a.active{text-decoration:underline}main{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.card h2{margin:0 0 1rem;font-size:1.1rem;color:var(--accent)}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card-actions-with-meta{align-items:center;justify-content:space-between;gap:1rem}.card-actions-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.disk-space{font-size:.85rem;color:var(--muted)}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);background:var(--muted);color:var(--text);cursor:pointer;font-size:.9rem}.btn:hover{filter:brightness(1.1)}.btn.primary{background:var(--accent);color:var(--bg)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:.25rem .5rem;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.btn:disabled:hover{filter:none}.form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.form.hidden{display:none}.form input,.form select,.form textarea{padding:.5rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--bg);color:var(--text);min-width:120px}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.9}.form textarea{resize:vertical}.form.form-column{flex-direction:column;align-items:flex-start}.post-form.card-inner{background:var(--bg);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;border:1px solid var(--muted)}.post-form-row{display:flex;flex-direction:column;gap:.35rem}.post-form-label{font-size:.85rem;color:var(--muted)}.post-form-input-wide{width:100%;max-width:560px;padding:.6rem .75rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.95rem}.post-form-input-wide:focus{outline:none;border-color:var(--accent)}.post-form-actions{display:flex;gap:.5rem;padding-top:.25rem}.post-form select,.post-form input[type=datetime-local]{max-width:320px;padding:.6rem .75rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text)}.post-form .form-upload{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.form-upload{display:flex;align-items:center;gap:.5rem}.form-upload-name{font-size:.9rem;color:var(--muted)}.list{display:flex;flex-direction:column;gap:.5rem}.post-list{display:flex;flex-direction:column;gap:.75rem}.post-card{background:var(--bg);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid transparent}.post-card:hover{border-color:var(--muted)}.post-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-card .status{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.post-card .status.published{background:var(--success);color:var(--bg)}.post-card .status.publishing,.post-card .status.assigned{background:var(--warning);color:var(--bg)}.post-card .status.pending{background:var(--muted);color:var(--text)}.post-card .status.failed{background:var(--danger);color:#fff}.post-card .status.cancelled{background:var(--muted);color:var(--text)}.post-card-profile{font-size:1rem;color:var(--text)}.post-card-meta{display:flex;flex-direction:column;gap:.2rem}.post-meta-item{font-size:.85rem;color:var(--muted);word-break:break-all}.post-meta-date{font-size:.8rem;color:var(--muted)}.post-card-error{font-size:.85rem;color:var(--danger);background:#f7768e1a;padding:.5rem .75rem;border-radius:var(--radius);white-space:pre-wrap;word-break:break-word}.post-card-actions{display:flex;gap:.35rem;padding-top:.25rem}.list-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;background:var(--bg);border-radius:var(--radius);font-size:.9rem}.list-item .id{color:var(--muted);font-size:.8rem}.list-item .status{padding:.1rem .4rem;border-radius:4px;font-size:.8rem}.list-item .status.running{background:var(--success);color:var(--bg)}.list-item .status.stopped{background:var(--muted)}.list-item .status.authorized{background:var(--success);color:var(--bg)}.list-item .status.not-authorized{background:var(--muted);color:var(--text)}.list-item .status.pending{background:var(--warning);color:var(--bg)}.list-item .status.published{background:var(--success);color:var(--bg)}.list-item .status.failed{background:var(--danger);color:#fff}.list-item .vm-proxy-select{padding:.2rem .4rem;font-size:.8rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--bg);color:var(--text);min-width:100px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--muted)}.pagination-info{font-size:.9rem;color:var(--muted)}.pagination-buttons{display:flex;gap:.5rem}.pagination-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.vm-list{display:flex;flex-direction:column;gap:1rem}.vm-card{background:var(--bg);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid transparent}.vm-card:hover{border-color:var(--muted)}.vm-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.vm-card-header .status{padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500}.vm-card-header .status.running{background:var(--success);color:var(--bg)}.vm-card-header .status.stopped{background:var(--muted);color:var(--text)}.vm-card-header .status.creating{background:var(--warning);color:var(--bg)}.vm-card-header .status.error{background:var(--danger);color:#fff}.vm-card-name{font-size:1rem;color:var(--text)}.vm-card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.vm-meta{font-size:.85rem;color:var(--muted)}.vm-card-proxy{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.vm-proxy-label{font-size:.85rem;color:var(--muted)}.vm-card .vm-proxy-select{min-width:140px;padding:.35rem .5rem;font-size:.85rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text)}.vm-card-actions{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-top:.25rem}.vm-actions-group{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.list-item .error-message{font-size:.85rem;color:var(--danger);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.stats span{color:var(--muted)}.stats-grid{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;padding:1rem;background:var(--bg);border-radius:var(--radius)}.stats-item{display:flex;flex-direction:column;gap:.25rem}.stats-value{font-size:1.25rem;font-weight:600;color:var(--accent)}.stats-label{font-size:.8rem;color:var(--muted)}.stats-posts{display:flex;flex-direction:column;gap:.5rem}.stats-post-badges{display:flex;flex-wrap:wrap;gap:.4rem}.stats-badge{padding:.2rem .5rem;font-size:.8rem;border-radius:4px;background:var(--muted);color:var(--text)}.stats-badge.status-published{background:var(--success);color:var(--bg)}.stats-badge.status-publishing,.stats-badge.status-assigned{background:var(--warning);color:var(--bg)}.stats-badge.status-pending{background:var(--muted);color:var(--text)}.stats-badge.status-failed{background:var(--danger);color:#fff}.stats-badge.status-cancelled{background:var(--muted);color:var(--text)}.stats-muted{font-size:.9rem;color:var(--muted)}.toast{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1rem;border-radius:var(--radius);background:var(--surface);box-shadow:0 4px 12px #0000004d;z-index:1000}.toast.hidden{display:none}.toast.error{border-left:4px solid var(--danger)}.toast.success{border-left:4px solid var(--success)}.loader-spinner{display:inline-block;width:.9em;height:.9em;border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.15em;margin-right:.3em}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:12px;padding:1.5rem;max-width:420px;width:90%;box-shadow:0 12px 40px #0006;border:1px solid var(--muted);animation:modalSlide .25s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin:0 0 .5rem;font-size:1.15rem;color:var(--text)}.modal-vm-name{margin:0 0 1rem;font-size:.95rem;color:var(--accent);font-weight:500}.modal input[type=datetime-local]{padding:.5rem .75rem;border:1px solid var(--muted);border-radius:var(--radius);background:var(--bg);color:var(--text)}.retry-post-modal{max-width:480px}.retry-post-info{background:var(--bg);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.retry-post-row{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.retry-post-row:not(.retry-post-error) .retry-post-value{word-break:break-all}.retry-post-label{font-size:.8rem;color:var(--muted)}.retry-post-error .error-message{font-size:.85rem;max-width:100%}.config-result-modal .config-result-list{margin:0 0 1.25rem;padding-left:1.25rem;color:var(--text);line-height:1.7}.config-result-modal .config-result-list li{margin-bottom:.35rem}.delete-confirm-modal{text-align:center}.install-instagram-icon{width:56px;height:56px;margin:0 auto 1rem;background:#7aa2f726;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent)}.proxy-apply-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.proxy-apply-loading .loader-spinner{flex-shrink:0}.proxy-apply-loading p{margin:0;color:var(--muted)}.delete-confirm-icon{width:56px;height:56px;margin:0 auto 1rem;background:#f7768e26;border:2px solid var(--danger);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--danger)}.delete-confirm-modal h3{margin-bottom:.25rem}.delete-confirm-warning{margin:0 0 1.25rem;font-size:.9rem;color:var(--muted);line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:center}