:root{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-raised: #1c2129;--color-surface-hover: #21262d;--color-border: #30363d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-on-accent: #0d1117;--color-accent: #4caf50;--color-accent-hover: #66bb6a;--color-accent-muted: #2e7d32;--gradient-accent: linear-gradient(135deg, #8bdd5c, #3e9e45);--color-danger: #f85149;--color-danger-hover: #ff7b72;--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 6px;--radius-lg: 10px;--header-height: 56px;--sidebar-width: 240px;--footer-height: 40px}.ds-page{min-height:100vh;background:var(--color-bg);color:var(--color-text)}.ds-button{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.ds-button:disabled{cursor:not-allowed;opacity:.5}.ds-button--primary{background:var(--color-accent);color:var(--color-text-on-accent)}.ds-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ds-button--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border);border-top:3px solid var(--portal-accent, transparent)}.ds-button--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.ds-button--danger{background:var(--color-danger);color:var(--color-text-on-accent)}.ds-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.ds-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.ds-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto}.ds-content{flex:1;min-width:0;padding:var(--space-5);overflow-y:auto;border-top:3px solid var(--portal-accent, transparent)}.ds-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:14px}.ds-loading__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ds-form-field__label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text)}.ds-form-field__required{color:var(--color-danger)}.ds-form-field__error{margin:0;font-family:var(--font-sans);font-size:12px;color:var(--color-danger)}.ds-input,.ds-textarea,.ds-select{font-family:inherit;font-size:14px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);box-sizing:border-box;width:100%}.ds-input:focus,.ds-textarea:focus,.ds-select:focus{outline:none;border-color:var(--color-accent)}.ds-textarea{resize:vertical;min-height:120px}.ds-select{cursor:pointer}.ds-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#f851491a;border:1px solid var(--color-danger);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-sans);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}code,pre{font-family:var(--font-mono)}