:root{--bg:#0d1118;--bg-dark:#0a0e14;--panel:#171b1d;--surface:#262633;--muted:#9ea8bc;--accent:#8ac7ff;--border:#1c2431;--text:#e8edf5;--btn-primary-bg:linear-gradient(135deg,#f7a8b8,#7ad2ff 55%,#c0a3ff);--btn-primary-text:#0b1018;--btn-primary-border:transparent;--btn-primary-shadow:0 10px 30px rgba(122,210,255,0.25);--btn-secondary-bg:var(--panel);--btn-secondary-text:var(--text);--btn-secondary-border:linear-gradient(135deg,#f7a8b8,#7ad2ff 55%,#c0a3ff);--btn-tertiary-bg:transparent;--btn-tertiary-text:var(--accent);--btn-tertiary-border:var(--border);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-base:16px;--font-size-sm:0.875rem;--font-size-lg:1.125rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.15);--shadow-md:0 10px 30px rgba(0,0,0,0.2);--shadow-lg:0 10px 50px rgba(0,0,0,0.25);--input-bg:#262633;--input-border:#1d2635;--input-focus-border:#7ad2ff;--input-focus-shadow:0 0 0 3px rgba(122,210,255,0.18);--tab-bg:var(--panel);--tab-active-bg:var(--accent);--tab-active-text:#000;--tab-inactive-text:var(--muted);--badge-bg:rgba(122,210,255,0.15);--badge-text:#b7dbff;--badge-border:var(--border);--sidebar-bg:linear-gradient(180deg,#10141a,#0c1117);--sidebar-item-bg:rgba(16,19,20,0.8);--sidebar-item-hover-bg:rgba(122,210,255,0.08);--sidebar-item-active-bg:linear-gradient(90deg,rgba(122,210,255,0.15),rgba(122,210,255,0.05));--sidebar-item-active-border:rgba(122,210,255,0.6);--sidebar-item-active-text:#cde9ff;--sidebar-item-active-shadow:0 6px 18px rgba(122,210,255,0.18);--btn-accent-bg:var(--accent);--btn-accent-text:#000;--btn-accent-hover-bg:#9ed4ff;--sidebar-item-text:var(--text);color-scheme:dark}.sidebar-item{padding:.7rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--sidebar-item-bg);color:var(--sidebar-item-text);font-weight:600;transition:all .15s ease;display:flex;align-items:center;gap:.7rem;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer}.sidebar-item:hover{background:var(--sidebar-item-hover-bg)}.sidebar-item.active,.sidebar-item:hover{border-color:var(--sidebar-item-active-border)}.sidebar-item.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);box-shadow:var(--sidebar-item-active-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 20%,rgba(247,168,184,.2),transparent 26%),radial-gradient(circle at 78% 18%,rgba(122,210,255,.18),transparent 34%),radial-gradient(circle at 60% 78%,rgba(192,163,255,.18),transparent 30%),var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-base);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{max-width:1080px;margin:0 auto;padding:2rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:1rem}.panel:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.btn.secondary{color:var(--btn-secondary-text);border:2px solid transparent;background:linear-gradient(var(--btn-secondary-bg),var(--btn-secondary-bg)) padding-box,var(--btn-secondary-border) border-box;box-shadow:inset 0 0 0 4px rgba(0,0,0,.1)}.btn.tertiary{background:var(--btn-tertiary-bg);color:var(--btn-tertiary-text);border:1px solid var(--btn-tertiary-border)}.btn.tertiary:hover{background:rgba(122,210,255,.1)}.btn.accent{background:var(--btn-accent-bg);color:var(--btn-accent-text);border:none}.btn.accent:hover{background:var(--btn-accent-hover-bg)}.btn:hover{transform:translateY(-1px);box-shadow:var(--btn-primary-shadow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select,textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);padding:.75rem .9rem;border-radius:var(--radius-md);outline:none;transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.form-row{display:grid;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.label{font-size:var(--font-size-sm);color:var(--muted)}.list{list-style:none;grid-gap:.75rem;gap:.75rem}.card,.list{display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;grid-gap:.35rem;gap:.35rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:var(--radius-full);border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-text);font-size:var(--font-size-sm)}.layout{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.main{padding:2rem;zoom:.8}.header-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.integration-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.integration-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.integration-card{height:100%}.table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table td,.data-table th{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.data-table tr:hover td{background:rgba(122,210,255,.06)}.tab-group{padding:.25rem;background:var(--tab-bg);border-radius:var(--radius-md);border:1px solid var(--border);width:-moz-fit-content;width:fit-content}.tab-btn,.tab-group{display:flex;gap:.5rem}.tab-btn{align-items:center;padding:.65rem 1.25rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s;background:transparent;color:var(--tab-inactive-text)}.tab-btn.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-medium)}.status-badge.draft{background:rgba(156,163,175,.2);color:#9ca3af}.status-badge.analyzing,.status-badge.creating,.status-badge.planning{background:rgba(168,85,247,.2);color:#c084fc}.status-badge.active,.status-badge.running{background:rgba(34,197,94,.2);color:#22c55e}.status-badge.completed{background:rgba(16,185,129,.2);color:#10b981}.status-badge.failed{background:rgba(248,113,113,.2);color:#f87171}.status-badge.paused{background:rgba(249,115,22,.2);color:#f97316}.status-badge.pending{background:rgba(234,179,8,.2);color:#fbbf24}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:400px;max-width:90vw;max-height:90vh;overflow:hidden;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.15rem;font-weight:var(--font-weight-bold);margin:0}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--muted);margin-bottom:.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:var(--font-weight-bold);margin:0}.page-header .text-muted{color:var(--muted);font-size:.9rem;margin-top:.25rem}.delete-modal{max-width:420px}.delete-modal .modal-header{border-bottom-color:rgba(239,68,68,.3)}.delete-modal .modal-header h2{color:#f87171;display:flex;align-items:center;gap:.5rem}.delete-warning{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:1.25rem}.delete-warning-icon{font-size:1.5rem;flex-shrink:0}.delete-warning-text{font-size:.9rem;color:#fca5a5;line-height:1.5}.delete-info{margin-bottom:1rem}.delete-info-title{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.delete-info-list{list-style:none;padding:0;margin:0}.delete-info-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;color:var(--text)}.delete-info-list .delete-item{color:#f87171}.delete-info-list .keep-item{color:#22c55e}.btn.danger{background:#dc2626;color:white;border:none}.btn.danger:hover:not(:disabled){background:#b91c1c}@media (max-width:1024px){.container{padding:1.5rem}}@media (max-width:900px){.layout{grid-template-columns:1fr}.main{padding:1.25rem}.header-line{flex-direction:column;align-items:flex-start;gap:.75rem}.integration-actions{width:100%;justify-content:flex-start}}@media (max-width:767px){.layout{grid-template-columns:1fr}.main{padding:4.5rem 1rem 1rem}.container,.panel{padding:1rem}.panel{border-radius:var(--radius-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{padding:.6rem .9rem;font-size:.9rem}.card{padding:.85rem}.tab-group{flex-wrap:wrap;width:100%}.tab-btn{flex:1 1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.data-table{min-width:600px}.data-table td,.data-table th{padding:.5rem;font-size:.85rem}}@media (max-width:480px){.main{padding:4.5rem .75rem .75rem}.header-line{gap:.5rem}.btn{width:100%;justify-content:center}.btn+.btn{margin-top:.5rem}.integration-list{grid-template-columns:1fr}input,select,textarea{padding:.65rem .75rem;font-size:16px}}