.udst-front{--udst-border:#e5e7eb;--udst-bg:#fff;--udst-head-bg:#f1f5f9;--udst-head-text:#1f2937;--udst-search-border:#2563eb;--udst-text:#1f2937;--udst-muted:#6b7280;font-family:var(--udst-font-family,inherit);color:var(--udst-text);width:100%}
.udst-front *{box-sizing:border-box}
.udst-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.udst-search-wrap{flex:1 1 280px}.udst-filter-wrap{flex:0 1 220px}
.udst-toolbar input,.udst-toolbar select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--udst-border);border-radius:9px;background:#fff;padding:8px 11px;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}
.udst-toolbar .udst-search{border:2px solid var(--udst-search-border)}
.udst-toolbar .udst-search:focus{border-color:var(--udst-search-border);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--udst-search-border) 18%,transparent)}
@supports not (color:color-mix(in srgb,#000 10%,transparent)){.udst-toolbar .udst-search:focus{box-shadow:0 0 0 3px rgba(37,99,235,.15)}}
.udst-search-btn{min-height:44px;border:1px solid var(--udst-search-border);background:var(--udst-search-border);color:#fff;border-radius:9px;padding:0 18px;cursor:pointer;font:inherit;font-weight:700;white-space:nowrap}
.udst-search-btn:hover{filter:brightness(.96)}.udst-search-btn:disabled{opacity:.65;cursor:wait}
.udst-top-summary{margin:3px 0 10px;font-size:13px;font-weight:700;color:var(--udst-text)}
.udst-scroll-hint{display:none;align-items:center;justify-content:center;gap:8px;margin:0 0 9px;padding:8px 12px;border-radius:9px;background:#f8fafc;border:1px dashed #cbd5e1;font-size:14px;font-weight:700;color:#475569;text-align:center;line-height:1.5}
.udst-scroll-hint-icon{font-size:24px;line-height:1;font-weight:900;color:#0f172a;display:inline-block;min-width:30px}
.udst-has-overflow .udst-scroll-hint{display:flex}
.udst-table-frame{position:relative;border:1px solid var(--udst-border);border-radius:10px;background:var(--udst-bg);overflow:hidden}
.udst-has-overflow .udst-table-frame:before,.udst-has-overflow .udst-table-frame:after{content:"";position:absolute;top:0;bottom:0;width:20px;z-index:3;pointer-events:none}
.udst-has-overflow .udst-table-frame:before{right:0;background:linear-gradient(to left,rgba(15,23,42,.16),rgba(15,23,42,0))}
.udst-has-overflow .udst-table-frame:after{left:0;background:linear-gradient(to right,rgba(15,23,42,.16),rgba(15,23,42,0))}
.udst-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:thin}
.udst-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;background:#fff;margin:0!important;font-family:inherit}
.udst-table th,.udst-table td{border:0;border-bottom:1px solid var(--udst-border);padding:10px 12px;text-align:right;vertical-align:middle;white-space:nowrap;font-size:14px;line-height:1.7;font-family:inherit}
.udst-table th{background:var(--udst-head-bg);color:var(--udst-head-text);font-weight:700;position:relative}.udst-table tbody tr:last-child td{border-bottom:0}
.udst-table tbody tr:nth-child(even) td{background:#fcfcfd}.udst-table tbody tr:hover td{background:#f8fafc}
.udst-sort{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.udst-sort-icon{font-size:12px;opacity:.65}.udst-sort.is-asc .udst-sort-icon:before{content:"↑"}.udst-sort.is-desc .udst-sort-icon:before{content:"↓"}.udst-sort.is-sorted .udst-sort-icon{font-size:0;opacity:1}
.udst-loading,.udst-empty{text-align:center!important;color:var(--udst-muted);padding:22px!important}
.udst-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.udst-summary{font-size:13px;color:var(--udst-muted)}
.udst-pagination{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.udst-page-btn{border:1px solid var(--udst-border);background:#fff;border-radius:7px;min-width:34px;height:34px;padding:0 9px;cursor:pointer;font:inherit}.udst-page-btn.is-active{background:#111827;color:#fff;border-color:#111827}.udst-page-btn:disabled{opacity:.45;cursor:default}.udst-front.is-loading{opacity:.72}
.udst-notice{padding:12px;border:1px solid var(--udst-border);border-radius:8px;background:#fff}
@media(max-width:767px){.udst-toolbar{gap:8px}.udst-search-wrap,.udst-filter-wrap{flex:1 1 100%}.udst-search-btn{width:100%}.udst-table th,.udst-table td{font-size:13px;padding:9px 10px}.udst-scroll-hint{font-size:13px;padding:9px 10px}.udst-scroll-hint-icon{font-size:27px}.udst-footer{align-items:flex-start;flex-direction:column}.udst-pagination{width:100%}}
