:root{--bg-main: #ffffff;--bg-subtle: #fbfbfa;--bg-sidebar: #f7f6f3;--bg-card: #ffffff;--bg-hover: #efefed;--bg-input: #f7f6f3;--border-color: #e9e9e7;--border-strong: #d3d3d0;--text-main: #37352f;--text-muted: #787774;--text-dim: #9b9a97;--text-link: #2383e2;--primary: #2383e2;--primary-hover: #1d72c8;--primary-subtle: rgba(35, 131, 226, .08);--accent-grey: #e3e2e0;--accent-grey-text: #5a5a58;--tag-green-bg: #ddedea;--tag-green-text: #1c6b5e;--tag-amber-bg: #fbf3db;--tag-amber-text: #89632a;--tag-red-bg: #ffe2dd;--tag-red-text: #b13735;--tag-blue-bg: #e1f0fe;--tag-blue-text: #1d65c1;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, SF Pro Text, Menlo, Monaco, Consolas, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-dropdown: 0 4px 16px rgba(15, 15, 15, .08), 0 0 0 1px rgba(15, 15, 15, .05);--shadow-modal: 0 12px 32px rgba(15, 15, 15, .12), 0 0 0 1px rgba(15, 15, 15, .06);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main: #191919;--bg-subtle: #202020;--bg-sidebar: #252525;--bg-card: #202020;--bg-hover: #2c2c2c;--bg-input: #272727;--border-color: #2f2f2f;--border-strong: #3f3f3f;--text-main: #d4d4d4;--text-muted: #9b9b9b;--text-dim: #6e6e6e;--text-link: #529cca;--primary: #529cca;--primary-hover: #3d84b2;--primary-subtle: rgba(82, 156, 202, .15);--accent-grey: #323232;--accent-grey-text: #9b9b9b;--tag-green-bg: rgba(43, 89, 63, .35);--tag-green-text: #57d9a3;--tag-amber-bg: rgba(143, 100, 24, .35);--tag-amber-text: #fcd34d;--tag-red-bg: rgba(137, 43, 43, .35);--tag-red-text: #f87171;--tag-blue-bg: rgba(35, 94, 153, .35);--tag-blue-text: #60a5fa;--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-modal: 0 16px 36px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78777433;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#78777466}.notion-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 2px #0f0f0f0a}.heading{font-weight:700;letter-spacing:-.015em;color:var(--text-main)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .15s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-main);font-weight:500;font-size:13px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border:1px solid rgba(0,0,0,.08)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-danger{background:transparent;color:var(--tag-red-text);border:1px solid rgba(224,62,62,.2)}.btn-danger:hover{background:var(--tag-red-bg)}.btn-sm{padding:4px 8px;font-size:12px}.input-group{display:flex;flex-direction:column;gap:5px}.input-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:7px 10px;color:var(--text-main);font-size:13px;font-family:var(--font-main);transition:var(--transition-fast);outline:none}.input-field:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 2px var(--primary-subtle)}.input-field::placeholder{color:var(--text-dim)}select.input-field{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}.badge-active{background:var(--tag-green-bg);color:var(--tag-green-text)}.badge-preparing{background:var(--tag-amber-bg);color:var(--tag-amber-text)}.badge-paused{background:var(--tag-red-bg);color:var(--tag-red-text)}.badge-grey{background:var(--accent-grey);color:var(--accent-grey-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .1s ease-out}.modal-content{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-modal)}.table-container{width:100%;overflow-x:auto}.qr-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.qr-table th{background:var(--bg-sidebar);padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}.qr-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle;transition:var(--transition-fast)}.qr-table tr:hover td{background:var(--bg-hover)}.code-pill{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:2px 6px;border-radius:3px;background:var(--bg-hover);color:#eb5757;border:1px solid var(--border-color);display:inline-flex;align-items:center;gap:4px}[data-theme=dark] .code-pill{color:#ff7b72}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stat-value{font-size:1.6rem;font-weight:700;line-height:1.1;margin-top:2px}