.vtpl__wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}.vtpl__frame{border:1px solid var(--line);--vtpl-gutter:0px;border-radius:12px;overflow:hidden}.vtpl__wrap--body{background:var(--surface-3);scrollbar-gutter:stable;padding-right:var(--vtpl-gutter);max-height:calc(var(--vtpl-row) * 10 + 1px);border:0;border-radius:0;overflow-x:hidden}.vtpl__frame{--vtpl-row:48px}.vtpl__frame .vtpl__table tbody td{height:var(--vtpl-row);padding-top:0;padding-bottom:0}.vtpl__table--head{padding-right:calc(var(--scrollbar-size,14px) + var(--vtpl-gutter))}.vtpl__foot{background:var(--surface-2);border-top:1px solid var(--line);min-height:calc(.75em + 12px);padding:6px 16px;font-size:11px}.vtpl__frame .vtpl__table{table-layout:fixed}.vtpl__frame col.vtpl__col-date,.vtpl__frame col.vtpl__col-actions{width:15rem}.vtpl__frame .vtpl__table thead th{text-align:center}.vtpl__frame .vtpl__actions{justify-content:flex-end}.vtpl__frame td:last-child{text-align:right}.vtpl__table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.vtpl__table thead th{text-align:left;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.vtpl__table th.vtpl__col-std,.vtpl__table td.vtpl__col-std,.vtpl__table th.vtpl__col-actions{width:150px}.vtpl__table tbody td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:9px 16px}.vtpl__table tbody tr:last-child td{border-bottom:0}.vtpl__table tbody tr:nth-child(2n){background:var(--surface-2)}.vtpl__table tbody tr:hover{background:var(--primary-soft)}.vtpl__table .vtpl__name{font-weight:600}.vtpl__table .vtpl__date{color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap}.vtpl__actions{gap:6px;display:flex}.vtpl__actions button{border:1px solid var(--line-2);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:all .13s;display:grid}.vtpl__actions button:hover{border-color:var(--line-3);background:var(--surface-2);color:var(--ink)}.vtpl__actions .vtpl__delete:hover{border-color:var(--red-line);background:var(--red-soft);color:var(--red-ink)}.vtpl__actions .icon{width:15px;height:15px}.vtpl__add{background:var(--grad-navy);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:10px;flex:none;align-items:center;gap:9px;padding:11px 20px;font-size:13.5px;font-weight:700;transition:all .14s;display:inline-flex}.vtpl__add:hover{background:var(--grad-navy-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.vtpl__add .icon{width:16px;height:16px}.vtpl__check{border:2px solid var(--line-2);cursor:pointer;background:#fff;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;transition:all .13s;display:grid}.vtpl__check:hover{border-color:var(--primary)}.vtpl__check .icon{color:#fff;opacity:0;width:13px;height:13px}.vtpl__row--std .vtpl__check{background:var(--primary);border-color:var(--primary)}.vtpl__row--std .vtpl__check .icon{opacity:1}.vtpl__row--std .vtpl__delete{display:none}.vtpl__body{min-height:180px;position:relative}.vtpl__message{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;font-size:13px;display:flex}.vtpl__message--error{border-color:var(--red-line);background:var(--red-soft);color:var(--red-ink)}.vtpl__check:disabled{cursor:default}.vtpl__check:disabled:hover{border-color:var(--line-2)}.vtpl__row--std .vtpl__check:disabled:hover{border-color:var(--primary)}.vtpl__wrap--list{background:var(--blue-soft);border:1px solid var(--line-2);border-radius:16px;padding:6px 14px 10px}.vtpl__wrap--list .vtpl__table{border-collapse:separate;border-spacing:0 8px;background:0 0}.vtpl__wrap--list .vtpl__table thead th{color:#1a1a1a;background:0 0;border-bottom:0}.vtpl__wrap--list .vtpl__table tbody td{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#fff;padding:11px 16px}.vtpl__wrap--list .vtpl__table tbody tr:hover td{background:var(--primary-soft)}.vtpl__wrap--list .vtpl__table tbody tr:last-child td{border-bottom:1px solid var(--line-2)}.vtpl__wrap--list .vtpl__table tbody td:first-child{border-left:1px solid var(--line-2);border-top-left-radius:12px;border-bottom-left-radius:12px}.vtpl__wrap--list .vtpl__table tbody td:last-child{border-right:1px solid var(--line-2);border-top-right-radius:12px;border-bottom-right-radius:12px}