@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{--font-family: "Inter", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--color-app-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #dbeafe;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-paused: #8b5cf6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .2)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-family);background:var(--color-app-bg);color:var(--color-text-primary)}a{color:inherit}.ds-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ds-text-secondary{color:var(--color-text-secondary)}.ds-text-muted{color:var(--color-text-muted)}.btn,:where(.primary-btn,.secondary-btn,.ghost-btn,.back-btn,.template-btn,.action-btn,.close-btn,.logout-btn,.detail-link){border-radius:var(--radius-sm);border:1px solid transparent;color:#fff!important;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn-primary,:where(.primary-btn,.detail-link){background:var(--color-primary);color:#fff}.btn-primary:hover,:where(.primary-btn:hover,.detail-link:hover){background:var(--color-primary-hover)}.btn-ghost,:where(.ghost-btn,.back-btn,.secondary-btn,.template-btn,.action-btn.secondary,.close-btn){background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)!important}.btn-ghost:hover,:where(.ghost-btn:hover,.back-btn:hover,.secondary-btn:hover,.template-btn:hover,.action-btn.secondary:hover,.close-btn:hover){background:var(--color-primary-soft);border-color:var(--color-primary-soft);color:var(--color-primary-hover)}.btn-danger,:where(.action-btn.danger){background:var(--color-danger);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-surface)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.ds-tabs{display:flex;flex-wrap:wrap;gap:8px}.ds-tab{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);padding:8px 14px;font-weight:700}.ds-tab.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.status-chip{border-radius:999px;padding:4px 10px;font-size:var(--text-xs);font-weight:700;background:var(--color-border);color:var(--color-text-secondary)}.status-chip.active{background:rgba(34,197,94,.12);color:var(--color-success)}.status-chip.paused{background:rgba(139,92,246,.12);color:var(--color-paused)}.status-chip.completed{background:rgba(37,99,235,.12);color:var(--color-primary)}.status-chip.cancelled{background:rgba(239,68,68,.12);color:var(--color-danger)}.ds-progress{height:8px;width:100%;border-radius:999px;background:var(--color-border);overflow:hidden}.ds-progress>span{display:block;height:100%;background:var(--color-primary)}.ds-table{width:100%;border-collapse:collapse}.ds-table th,.ds-table td{border-bottom:1px solid var(--color-border);padding:8px;text-align:left;color:var(--color-text-secondary)}.ds-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs)}.modal-backdrop{background:rgba(15,23,42,.45)}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.feedback{color:var(--color-text-secondary)}.feedback.error{color:var(--color-danger)}.ml-1{margin-left:4px}.mt-1{margin-top:4px}
