:root{font-family:system-ui,Arial,sans-serif;--bg-primary: #f7f7f7;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-primary: #111111;--text-secondary: #555555;--text-inverse: #ffffff;--border-color: #dddddd;--border-light: #eeeeee;--shadow: rgba(0, 0, 0, .06);--badge-bg: #eef2ff;--primary-color: #2563eb}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #b0b0b0;--text-inverse: #1a1a1a;--border-color: #404040;--border-light: #333333;--shadow: rgba(0, 0, 0, .3);--badge-bg: #2d3748;--primary-color: #3b82f6}body{margin:0;background:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--bg-secondary);border-radius:10px;padding:16px;box-shadow:0 1px 8px var(--shadow);transition:background-color .2s ease}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.btn-primary{background:var(--primary-color);color:var(--text-inverse)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--badge-bg);color:var(--text-primary)}.small{font-size:12px;color:var(--text-secondary)}input,select{padding:8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:background-color .2s ease,border-color .2s ease,color .2s ease}hr{border:0;border-top:1px solid var(--border-light);margin:16px 0}.dark-mode-toggle{position:fixed;top:16px;left:16px;z-index:1000;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:18px;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow)}.dark-mode-toggle:hover{transform:scale(1.05);box-shadow:0 4px 8px var(--shadow)}