@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html{background:#f1f2f4;min-width:320px}body{background:#f1f2f4;min-width:320px;min-height:100vh;margin:0;font-family:Roboto,Arial,sans-serif}button{font:inherit}#root{min-height:100vh}.icon-button{cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:20px;height:20px}.icon-button img{object-fit:contain;width:20px;height:20px;display:block}.icon-button:focus-visible{outline-offset:2px;outline:2px solid #225cb5}.icon-button:disabled{cursor:default}.icon-button--primary{color:#fff;background:#4587ed;border-radius:6px;width:28px;height:28px;padding:4px}.icon-button--primary:hover{background:#3573d2}.icon-button--primary:active{background:#225cb5}.icon-button--primary:disabled{color:#d2dff3;background:#abc7f2}.icon-button--ghost{color:#b8c1cc;background:0 0;border-radius:4px;width:20px;height:20px;padding:0}.icon-button--ghost:hover,.icon-button--ghost:active{color:#fff}.house-table{flex-direction:column;align-items:flex-start;gap:12px;width:358px;display:flex}.house-table__header{justify-content:space-between;align-items:flex-start;width:358px;height:28px;display:flex}.house-table__title{color:#353d4b;letter-spacing:.02em;align-items:center;width:60px;height:28px;margin:0;font-size:20px;font-weight:500;line-height:28px;display:flex}.house-table__actions{align-items:flex-start;gap:8px;width:64px;height:28px;display:flex}.house-table__body{background:#fff;border-radius:12px 12px 0 0;width:358px;min-height:220px;overflow:hidden}.house-table__grid{border-collapse:collapse;table-layout:fixed;width:358px}.house-table__grid th,.house-table__grid td{color:#353d4b;letter-spacing:.02em;text-align:center;vertical-align:middle;border-bottom:1px solid #000;width:179px;font-size:14px;font-weight:500;line-height:20px}.house-table__grid th:first-child,.house-table__grid td:first-child{border-right:1px solid #000}.house-table__grid th{height:60px;padding:0 12px}.house-table__grid td{height:32px;padding:0 12px}@media (width<=520px){.house-table,.house-table__header,.house-table__body,.house-table__grid{width:100%}.house-table__grid th,.house-table__grid td{width:50%}}.selection-option{color:#6d7885;letter-spacing:.02em;cursor:pointer;background:#e4e5e8;border:1px solid #0000;border-radius:6px;align-items:center;width:192px;height:24px;padding:0 8px;font-size:14px;font-weight:500;line-height:20px;display:flex}.selection-option:hover{color:#353d4b}.selection-option:focus-visible{outline-offset:1px;outline:2px solid #225cb5}.selection-option--selected{color:#353d4b;border-color:#4587ed}.selection-panel{background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;width:208px;padding:0 0 8px;display:flex}.selection-panel__header{background:#353d4b;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;width:208px;height:38px;padding:8px 12px;display:flex}.selection-panel__title{color:#fff;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;width:131px;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.selection-panel__options{flex-direction:column;align-items:flex-start;gap:8px;width:208px;padding:0 8px;display:flex}.selection-panel__add-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:#4587ed;border:0;border-radius:6px;justify-content:center;align-items:center;width:192px;height:24px;padding:0 48px;font-size:14px;font-weight:500;line-height:20px;display:flex}.selection-panel__add-button:hover{background:#3573d2}.selection-panel__add-button:active{background:#225cb5}.selection-panel__add-button:focus-visible{outline-offset:2px;outline:2px solid #225cb5}.selection-panel__add-button:disabled{color:#d2dff3;cursor:default;background:#abc7f2}.app{background:#f1f2f4;min-width:320px;min-height:100vh}.app__workspace{width:100%;max-width:1920px;min-height:1080px;margin:0 auto;position:relative}.app__tables{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:40px;width:756px;display:flex;position:absolute;top:40px;left:40px}.app__selectors{align-items:flex-start;gap:12px;display:flex;position:absolute;top:340px;left:816px}@media (width<=1280px){.app__workspace{min-height:100vh;padding:40px}.app__tables,.app__selectors{position:static}.app__selectors{margin-top:40px}}@media (width<=860px){.app__workspace{padding:24px}.app__tables{gap:32px;width:100%}.app__selectors{flex-wrap:wrap;gap:12px}}@media (width<=520px){.app__workspace{padding:16px}.app__tables{gap:24px}}