*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f7fb;color:#1f2937}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:linear-gradient(120deg,#e9f0ff,#fbefff 60%,#e7fff3);border-bottom:1px solid #e5e7eb}.topbar h1{font-size:18px;margin:0;color:#0f172a}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{padding:8px 12px;border-radius:8px;border:1px solid #d8dee9;background:#eef2ff;color:#111827;cursor:pointer;transition:transform .05s ease,background .2s ease}button:hover{background:#e1e7ff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:#e7f8ef;border-color:#cdebd9}button.primary:hover{background:#dff3e9}.content{padding:16px;display:grid;gap:16px}.panel{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.panel h2{margin-top:0;font-size:16px;color:#0f172a}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer{padding:10px 16px;border-top:1px solid #e5e7eb;background:#fff;font-size:12px;color:#6b7280}.hint{color:#64748b;font-size:12px}.input{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;min-width:300px}select.input{min-width:unset}.table-wrap{overflow:auto;border-radius:8px;border:1px solid #eef2f7}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #f1f5f9}th{background:#f6f7fb;position:sticky;top:0}.muted{color:#6b7280}