:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:radial-gradient(circle at 20% 20%, #ffe8d6, #f7f4ea 45%, #dbe8f5 100%);--surface:#ffffffde;--ink:#1e1e24;--muted:#5f6270;--line:#d9dde7;--accent:#094067;--accent-2:#3da9fc;--ok:#0f766e;--error:#b42318}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}.page{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;width:min(1100px,92vw);margin:2rem auto;animation:.5s ease-out rise;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:0 10px 30px #09406722}h1,h2{letter-spacing:.3px;margin:0}.subtitle{color:var(--muted);margin-top:.4rem}.form{gap:.8rem;margin-top:1rem;display:grid}label{gap:.35rem;font-weight:600;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.7rem .75rem}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700;transition:transform .15s,background .15s}button:hover{background:#062f4f;transform:translateY(-1px)}button.secondary{background:var(--accent-2)}button:disabled{opacity:.7;cursor:wait}.feedback{border-radius:10px;margin-top:.8rem;padding:.7rem .8rem;font-weight:600}.feedback.ok{color:var(--ok);background:#dff8f2}.feedback.error{color:var(--error);background:#fde8e8}.feedback.warn{color:#92400e;background:#fef3c7}.conflict{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-top:.8rem;padding:.8rem}.conflict-actions{gap:.5rem;margin-top:.6rem;display:flex}.history li.orphan{background:#fffbeb;border-left-color:#d97706}.history ul{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.history li{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.7rem}.history li.outbound{border-left:5px solid var(--accent)}.history li.inbound{border-left:5px solid var(--accent-2)}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.empty{text-align:center;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.page{margin:1rem auto}.card{padding:1rem}}