*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f4f0;--white: #ffffff;--border: #e8e6e1;--border-med: #d4d1cb;--text: #1a1917;--text2: #6b6860;--text3: #a09d98;--accent: #16a34a;--accent-bg: #f0fdf4;--accent-border: #bbf7d0;--red: #dc2626;--red-bg: #fef2f2;--red-border: #fecaca;--yellow: #b45309;--yellow-bg: #fffbeb;--yellow-border: #fde68a;--blue: #1d4ed8;--blue-bg: #eff6ff;--blue-border: #bfdbfe;--gray-bg: #f9f8f6;--radius: 10px;--radius-sm: 6px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);font-size:13px;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:DM Mono,monospace}.text2{color:var(--text2)}.text3{color:var(--text3)}.green{color:var(--accent)}.red{color:var(--red)}.yellow{color:var(--yellow)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:500}.pill-red{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.pill-yellow{background:var(--yellow-bg);border:1px solid var(--yellow-border);color:var(--yellow)}.pill-green{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent)}.pill-gray{background:var(--gray-bg);border:1px solid var(--border);color:var(--text3)}.pill-blue{background:var(--blue-bg);border:1px solid var(--blue-border);color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text2);font-family:Inter,sans-serif;transition:all .12s}.btn:hover{background:var(--gray-bg);border-color:var(--border-med);color:var(--text)}.btn-primary{background:var(--text);border-color:var(--text);color:#fff}.btn-primary:hover{background:#333}.btn-green{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.btn-red{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.layout{display:grid;grid-template-columns:268px 1fr 288px;flex:1;overflow:hidden}.panel{background:var(--white);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card-title{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .2s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--text3);border-radius:50%;animation:spin .8s linear infinite}