:root{--color-bg-base: #0a0a0c;--color-bg-surface: #141416;--color-bg-surface-elevated: #1e1e22;--color-bg-hover: #26262a;--color-text-primary: #f2f2f2;--color-text-secondary: #a0a0a3;--color-text-muted: #666668;--color-accent: #00ffaa;--color-accent-hover: #00cc88;--color-accent-muted: rgba(0, 255, 170, .15);--color-border: #2a2a2d;--color-border-focus: #44444a;--color-status-success: #00ffaa;--color-status-warning: #ffcc00;--color-status-error: #ff3333;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", "Fira Code", Consolas, Monaco, "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-glow: 0 0 10px rgba(0, 255, 170, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-4)}.font-mono{font-family:var(--font-mono);letter-spacing:-.01em}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-focus)}input,select,textarea{background-color:var(--color-bg-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-accent);color:var(--color-bg-base);font-weight:600}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-focus)}