*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-2: #f7f7f6;--bg-3: #f0efed;--text: #1a1a1a;--text-2: #6b6b6b;--text-3: #9b9b9b;--border: rgba(0,0,0,.1);--border-2: rgba(0,0,0,.18);--accent: #1a1a1a;--accent-text: #ffffff;--green: #16a34a;--green-bg: #f0fdf4;--amber: #d97706;--amber-bg: #fffbeb;--red: #dc2626;--red-bg: #fef2f2;--blue: #2563eb;--blue-bg: #eff6ff;--radius: 8px;--radius-lg: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg-2);line-height:1.5}button{font-family:inherit;font-size:13px;cursor:pointer;border:.5px solid var(--border-2);background:var(--bg);color:var(--text);border-radius:var(--radius);padding:6px 14px;transition:background .1s,border-color .1s}button:hover{background:var(--bg-2)}button:active{opacity:.8}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.primary:hover{opacity:.88;background:var(--accent)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--bg-3)}button.danger{color:var(--red);border-color:var(--red);background:transparent}button.danger:hover{background:var(--red-bg)}input,select,textarea{font-family:inherit;font-size:13px;color:var(--text);background:var(--bg);border:.5px solid var(--border-2);border-radius:var(--radius);padding:7px 10px;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;font-weight:500}.badge.green{background:var(--green-bg);color:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.gray{background:var(--bg-3);color:var(--text-2)}