*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:DM Sans,Inter,system-ui,sans-serif}.dt-root{--canvas:#eef1f5;--surface:#fff;--line:#e5eaf0;--ink:#172842;--muted:#5b6c81;--subtle:#f5f7fa;--wash:#f9fbfd;--hover:#edf3f8;--accent:#1f3b60;--positive:#157861;--positive-bg:#e7f5ed;--negative:#a44b45;--negative-bg:#fbece8;min-height:100vh;background:var(--canvas);padding:24px;color:var(--ink)}.dt-root.dt-dark{--canvas:#101a2b;--surface:#1a293f;--line:#30425b;--ink:#e8eef5;--muted:#9aaec5;--subtle:#23334a;--wash:#1d2d44;--hover:#304660;--accent:#87b7e1;--positive:#8de4c0;--positive-bg:#234a44;--negative:#f6aaa3;--negative-bg:#493438}.dt-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #15273f0f;overflow:hidden;max-width:1800px;margin:auto}.dt-header{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:26px 28px 23px}.dt-kicker{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--positive)}.dt-header h1{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:7px 0;font-weight:700}.dt-header p{margin:0;color:var(--muted);font-size:13px}.dt-dot{padding:0 7px}.dt-search{height:40px;min-width:240px;width:290px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--muted);padding:0 12px}.dt-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #5e91c321}.dt-search>span{font-size:24px;line-height:1}.dt-search input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;min-width:0;flex:1}.dt-search input::placeholder{color:var(--muted)}.dt-table-scroll{width:100%;overflow-x:auto;outline-offset:-2px}.dt-table-scroll:focus-visible{outline:2px solid var(--accent)}table{width:100%;border-collapse:collapse;min-width:max-content;font-size:13px}th{background:var(--subtle);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:600;color:var(--muted);text-align:left;white-space:nowrap;padding:0}th button{background:none;border:0;padding:14px 18px;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left;cursor:pointer}th button:hover,th[aria-sort]:not([aria-sort=none]){color:var(--accent)}.dt-sort{color:#a9b5c4;font-size:15px;font-weight:400}.dt-sort-on{color:var(--positive)}td{border-bottom:1px solid var(--line);padding:14px 18px;white-space:nowrap;max-width:390px;overflow:hidden;text-overflow:ellipsis;height:52px}.dt-cell-text{display:block;overflow:hidden;text-overflow:ellipsis}.dt-primary{font-weight:600;color:var(--accent)}.dt-index{width:54px;text-align:center;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px;padding-left:14px;padding-right:14px}.dt-number{text-align:right;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:12px}th.dt-number button{justify-content:flex-end}.dt-blank{color:var(--muted)}tbody tr:hover{background:var(--hover)}.dt-striped tbody tr:nth-child(2n){background:var(--wash)}.dt-striped tbody tr:nth-child(2n):hover{background:var(--hover)}.dt-bool{display:inline-block;border-radius:100px;padding:4px 9px;font-size:11px;font-weight:700}.dt-yes{color:var(--positive);background:var(--positive-bg)}.dt-no{color:var(--negative);background:var(--negative-bg)}td a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.dt-footer{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.dt-count{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.dt-count span{color:var(--muted);font-weight:400}.dt-pager{display:flex;align-items:center;gap:10px}.dt-pager label{display:flex;align-items:center;gap:7px}.dt-pager select{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:5px 4px;font:inherit}.dt-page-numbers{padding:0 10px;color:var(--ink);font-variant-numeric:tabular-nums}.dt-pager button{width:29px;height:29px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;font-size:21px;line-height:1;cursor:pointer}.dt-pager button:hover:not(:disabled){background:var(--hover)}.dt-pager button:disabled{opacity:.35;cursor:default}.dt-no-results{padding:58px 24px;text-align:center;color:var(--muted)}.dt-no-results span{font-size:35px;display:block}.dt-no-results strong{display:block;color:var(--ink);margin:8px}.dt-no-results p{margin:0;font-size:12px}.dt-compact td{height:38px;padding-top:7px;padding-bottom:7px}.dt-compact th button{padding-top:11px;padding-bottom:11px}.dt-setup,.dt-loading{max-width:650px;margin:12vh auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:45px;box-shadow:0 12px 40px #15273f0f}.dt-setup-mark{font-size:40px;color:var(--accent);margin-bottom:20px}.dt-setup h2{font-size:26px;margin:9px 0}.dt-setup p{line-height:1.7;color:var(--muted)}.dt-setup b{color:var(--ink)}.dt-setup-note{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.dt-demo{text-align:center;color:var(--muted);font-size:12px;padding:15px}@media (max-width:720px){.dt-root{padding:10px}.dt-panel{border-radius:10px}.dt-header{padding:19px;align-items:stretch;flex-direction:column;gap:17px}.dt-header h1{font-size:22px}.dt-search{width:100%}.dt-footer{align-items:flex-start;flex-direction:column;padding:13px 17px}.dt-pager{width:100%;justify-content:space-between}.dt-page-numbers{padding:0}.dt-setup{padding:25px;margin:8vh auto}}