@charset "UTF-8";:root{--bg: #07080f;--bg2: #0c0e18;--bg3: #111422;--panel: #13162a;--panel2: #181c30;--border: rgba(62,198,255,.12);--border2: rgba(62,198,255,.28);--accent: #3ec6ff;--accent2: #7b5ea7;--red: #e05260;--green: #3ecfa0;--amber: #f0a429;--text: #c8d8e8;--text2: #607890;--text3: #2a3a50;--orange: #e8630a;--orange-light: #f0a429;--magenta: #c2185b;--gradient-warm: linear-gradient(135deg, #e8630a 0%, #f0a429 100%);--gradient-cta: linear-gradient(135deg, #e8630a 0%, #f5b731 100%);--gradient-border: linear-gradient(180deg, #7b5ea7 0%, #e8630a 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{margin-bottom:0;color:#fff}.sync-btn{padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;background:var(--gradient-cta);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px #e8630a40;transition:all .15s}.sync-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e8630a59}.sync-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.status-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-item{background:linear-gradient(135deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;border-left:3px solid var(--orange)}.status-label{font-size:.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:1px}.status-val{font-size:.9rem;font-weight:600;color:var(--text)}.val--ok{color:var(--green)}.val--err{color:var(--red)}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text2);font-size:.85rem;cursor:pointer;transition:all .15s}.tab:hover{background:#e8630a0f;color:var(--text)}.tab--active{background:#e8630a1f;color:var(--orange);border-color:#e8630a40;font-weight:500}.tab:disabled{opacity:.4;cursor:not-allowed}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.dash-card{background:linear-gradient(135deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--border);border-radius:10px;padding:1rem;border-left:3px solid var(--text3);display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s,box-shadow .2s,transform .2s}.dash-card:hover{border-color:var(--border2);box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}.dash-card strong{color:#fff;font-size:.9rem}.list-table{display:flex;flex-direction:column;gap:.3rem}.list-row{background:linear-gradient(135deg,var(--panel) 0%,var(--panel2) 100%);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border);display:flex;align-items:center;gap:.75rem;font-size:.85rem}.section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.section h2,h2.section-title{font-size:.85rem;color:var(--text2);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:.75rem}.cta-btn{background:var(--gradient-cta);color:#fff;border:none;padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #e8630a40;transition:all .15s}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8630a59}.cta-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.outline-btn{padding:.3rem .7rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text2);transition:all .15s}.outline-btn:hover{background:#e8630a0f;color:var(--text)}.outline-btn:disabled{opacity:.3;cursor:not-allowed}.act--orange{color:var(--orange);border-color:#e8630a4d}.act--orange:hover{background:#e8630a1f}.act--red{color:var(--red);border-color:#e052604d}.act--red:hover{background:#e052601f}.act--green{color:var(--green);border-color:#3ecfa04d}.act--green:hover{background:#3ecfa01f}.act--amber{color:var(--amber);border-color:#f0a4294d}.act--amber:hover{background:#f0a4291f}.input{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:.85rem;transition:border-color .15s}.input:focus{border-color:var(--orange);outline:none}.input--small{width:80px}.badge{font-size:.7rem;padding:.2rem .6rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;width:fit-content;background:#e8630a0f;color:var(--text2);border:1px solid var(--border)}.badge--ready{background:#3ecfa01f;color:var(--green);border-color:#3ecfa04d}.badge--error{background:#e052601f;color:var(--red);border-color:#e052604d}.badge--new{background:#e8630a1f;color:var(--orange);border-color:#e8630a40}.badge--coolify_done{background:#7b5ea71f;color:#9b7ed4;border-color:#7b5ea74d}.badge--dns_done{background:#e8630a14;color:var(--orange-light);border-color:#e8630a33}.badge--invoice_sent{background:#e0526014;color:var(--red);border-color:#e0526033}.badge--awaiting_payment{background:#f0a4291f;color:var(--amber);border-color:#f0a4294d}.badge--awaiting_domain{background:#f0a42914;color:var(--amber);border-color:#f0a42933}.badge--go_live_pending{background:#3ecfa014;color:var(--green);border-color:#3ecfa033}.badge--running{background:#3ecfa01f;color:var(--green);border:1px solid rgba(62,207,160,.3)}.badge--exited,.badge--stopped{background:#e052601f;color:var(--red);border:1px solid rgba(224,82,96,.3)}.badge--restarting,.badge--building{background:#f0a4291f;color:var(--amber);border:1px solid rgba(240,164,41,.3)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text3)}.dot--running{background:var(--green);box-shadow:0 0 6px #3ecfa080}.dot--stopped,.dot--exited{background:var(--red)}.dot--building{background:var(--amber);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mono{font-family:monospace;font-size:.75rem;color:var(--text3)}.empty{color:var(--text2)}.tag-extern{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;background:#6078901f;color:var(--text2);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.tag-accent{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;background:#7b5ea71f;color:#9b7ed4;border:1px solid rgba(123,94,167,.3);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.page-header{flex-wrap:wrap;gap:.75rem}.status-bar{flex-direction:column}.card-grid{grid-template-columns:1fr}.list-row{flex-wrap:wrap;gap:.3rem}.section-header{flex-direction:column;align-items:flex-start}}