@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f1b1b;background-color:#f6f4ef;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fdfcf8,#eef3f2 45%,#e5eef0)}#root{min-height:100vh}button,input{font-family:inherit}:root{--ink: #0f1b1b;--muted: #5f6c6a;--accent: #0e4d4f;--accent-light: #d5ece8;--surface: #ffffff;--surface-soft: #f2f6f3;--shadow: 0 12px 30px rgba(15, 27, 27, .12)}.app{min-height:100vh;padding-bottom:52px;color:var(--ink)}.hero{padding:48px 6vw 36px;display:flex;justify-content:center;text-align:center}.hero__inner{max-width:640px;background:var(--surface);border-radius:24px;padding:32px 28px;box-shadow:var(--shadow)}.hero__title{font-family:Fraunces,serif;font-size:clamp(28px,3.2vw,40px);margin:0 0 8px}.hero__subtitle{color:var(--muted);margin:0 0 24px}.search{display:grid;gap:12px;grid-template-columns:1fr auto}.search__input{border:1px solid #d7e2df;border-radius:14px;padding:12px 14px;font-size:16px;background:var(--surface-soft)}.search__input:focus{outline:2px solid rgba(14,77,79,.35);border-color:#0e4d4f80}.search__button{border:none;border-radius:14px;padding:12px 20px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer}.search__button:disabled{opacity:.6;cursor:wait}.search__error{margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff1f1;color:#8a2a2a;font-weight:500}.table{padding:0 6vw 64px;display:grid;gap:12px}.table__controls{display:flex;align-items:center;gap:16px;background:var(--surface);border-radius:18px;padding:12px 16px;box-shadow:0 6px 14px #0f1b1b0f}.table__search{flex:1;border:1px solid #d7e2df;border-radius:12px;padding:10px 12px;font-size:15px;background:var(--surface-soft)}.table__search:focus{outline:2px solid rgba(14,77,79,.35);border-color:#0e4d4f80}.table__full{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}.table__full input{width:18px;height:18px;accent-color:var(--accent)}.table__header,.table__row{display:grid;grid-template-columns:3.5fr 3.5fr 2fr 1fr;align-items:center;gap:12px}.table__header{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 18px}.table__list{display:grid;gap:10px}.table__row{background:var(--surface);border-radius:18px;padding:16px 18px;box-shadow:0 6px 14px #0f1b1b14}.table__cell{font-size:15px}.table__cell--name{font-weight:600}.table__cell--detail{color:var(--muted)}.table__cell--checkbox{display:flex;justify-content:flex-end}.table__cell input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.info-button{border:none;border-radius:999px;padding:8px 16px;background:var(--accent-light);color:var(--accent);font-weight:600;cursor:pointer}.status-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0f1b1beb;color:#f2f6f3;font-size:14px;letter-spacing:.03em}.status-bar__left{display:flex;gap:16px}.status-bar__status{font-weight:600}.status-bar__status--connecting{color:#f4d35e}.status-bar__status--ok{color:#baf2d8}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:20}.modal__backdrop{position:absolute;inset:0;background:#0f1b1b80}.modal__content{position:relative;background:var(--surface);border-radius:20px;width:min(520px,90vw);box-shadow:var(--shadow);padding:20px}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal__header h2{margin:0;font-family:Fraunces,serif}.modal__header button{border:none;background:var(--accent);color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.modal__body{margin-top:16px}.modal__label{font-weight:600;margin-bottom:12px}.info-grid{display:grid;gap:10px}.info-row{display:grid;grid-template-columns:1.2fr 1.8fr;gap:12px;padding:10px 12px;background:#f5f7f6;border-radius:12px;font-size:14px}.info-key{font-weight:600;color:var(--muted)}.info-value{font-weight:500}@media(max-width:900px){.hero__inner{padding:28px 22px}.table__header,.table__row{grid-template-columns:2.8fr 2.4fr 1.6fr .9fr}}@media(max-width:640px){.hero{padding:32px 5vw 24px}.search{grid-template-columns:1fr}.table{padding:0 5vw 64px}.table__controls{flex-direction:column;align-items:stretch;gap:10px}.table__full{justify-content:flex-start}.table__header,.table__row{grid-template-columns:1.8fr 1.4fr 1fr .7fr;gap:8px}.table__row{padding:14px}}