.datatable-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.datatable-container:hover{box-shadow:var(--shadow-md)}.datatable-header{border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--surface),var(--background));justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.datatable-search-wrapper{flex:1;max-width:400px;position:relative}.datatable-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.datatable-search-input{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;font-size:.875rem;font-family:var(--font-family);transition:var(--transition);outline:none;padding:.75rem 1rem .75rem 2.75rem}.datatable-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #c5956b1a}.datatable-actions{align-items:center;gap:.75rem;display:flex}.datatable-scroll{width:100%;overflow-x:auto}.datatable-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.datatable-table th{background:var(--background);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.datatable-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1.25rem 1.5rem;font-size:.875rem;transition:background .2s}.datatable-row:hover td{background-color:var(--surface-hover)}.datatable-row.clickable{cursor:pointer}.datatable-row.clickable:active{background-color:var(--surface)}.datatable-row:last-child td{border-bottom:none}.datatable-footer{background:var(--background);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.datatable-info{color:var(--text-secondary);font-size:.875rem}.datatable-pagination{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--background);border-color:var(--text-secondary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface);color:var(--text-secondary);border-color:var(--border);box-shadow:none}.pagination-number{border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover:not(.active){background:var(--surface);color:var(--text-primary)}.pagination-number.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.status-pill{text-transform:uppercase;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.datatable-skeleton{padding:1.25rem 1.5rem}.skeleton-box{background:linear-gradient(90deg,var(--border)25%,var(--background)50%,var(--border)75%);background-size:200% 100%;border-radius:4px;height:1rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.datatable-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.datatable-empty svg{opacity:.5;margin-bottom:1rem}
.sv-picker-root{gap:.35rem;min-width:0;display:grid}.sv-picker-root[data-size=sm]{gap:.25rem}.sv-picker-root[data-disabled]{opacity:.68}.sv-picker-label{color:var(--text-secondary,var(--color-text-secondary,#5f5b55));font-size:.8rem;font-weight:600}.sv-picker-description,.sv-picker-error{font-size:.75rem;line-height:1.45}.sv-picker-description{color:var(--text-secondary,var(--color-text-secondary,#5f5b55))}.sv-picker-error{color:var(--danger,var(--error,var(--color-danger,#b42318)))}.sv-picker-field{border:1px solid var(--border,var(--color-border,#ddd5ce));border-radius:var(--radius-md,.75rem);background:var(--surface,var(--color-surface,#fff));width:100%;min-height:2.75rem;color:var(--text-primary,var(--color-text-primary,#1f2937));box-shadow:var(--shadow-sm,var(--shadow-xs,0 1px 2px #0f172a0d));align-items:stretch;gap:0;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex;overflow:hidden}.sv-picker-root[data-size=sm] .sv-picker-field{border-radius:var(--radius-sm,.5rem);min-height:2.35rem}.sv-picker-field:hover{border-color:color-mix(in srgb,var(--primary,var(--color-primary,#c5956b))18%,var(--border,var(--color-border,#ddd5ce)))}.sv-picker-field[data-focus-within],.sv-picker-root[data-focus-within] .sv-picker-field{border-color:var(--primary,var(--color-primary,#c5956b));box-shadow:0 0 0 3px var(--primary-muted,var(--color-primary-muted,#c5956b26)),var(--shadow-sm,var(--shadow-xs,0 1px 2px #0f172a0d))}.sv-picker-field[data-invalid],.sv-picker-root[data-invalid] .sv-picker-field{border-color:var(--danger,var(--error,var(--color-danger,#b42318)));box-shadow:0 0 0 3px color-mix(in srgb,var(--danger,var(--error,var(--color-danger,#b42318)))14%,transparent),var(--shadow-sm,var(--shadow-xs,0 1px 2px #0f172a0d))}.sv-picker-input{cursor:text;flex-wrap:wrap;flex:auto;align-items:center;gap:.06rem;min-width:0;padding:.7rem .85rem;display:flex}.sv-picker-root[data-size=sm] .sv-picker-input{padding:.5rem .7rem}.sv-picker-segment{min-height:1.3rem;color:inherit;border-radius:.35rem;outline:none;align-items:center;padding:.05rem .02rem;font-size:.95rem;line-height:1.2;display:inline-flex}.sv-picker-root[data-size=sm] .sv-picker-segment{font-size:.8rem}.sv-picker-segment[data-type=literal]{color:var(--text-secondary,var(--color-text-secondary,#6b7280))}.sv-picker-segment[data-placeholder]{color:color-mix(in srgb,var(--text-secondary,var(--color-text-secondary,#6b7280))76%,transparent)}.sv-picker-segment[data-focused]{background:var(--primary-muted,var(--color-primary-muted,#c5956b26));color:var(--text-primary,var(--color-text-primary,#1f2937))}.sv-picker-button{border:0;border-left:1px solid var(--border,var(--color-border,#ddd5ce));background:linear-gradient(180deg,color-mix(in srgb,var(--surface,var(--color-surface,#fff))82%,var(--surface-hover,var(--color-surface-hover,#f4f1ec))),color-mix(in srgb,var(--surface,var(--color-surface,#fff))65%,var(--surface-hover,var(--color-surface-hover,#f4f1ec))));width:2.85rem;color:var(--primary,var(--color-primary,#c5956b));cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.sv-picker-button:hover{background:color-mix(in srgb,var(--surface-hover,var(--color-surface-hover,#f4f1ec))78%,white);color:var(--primary-hover,var(--color-primary-hover,#b07f55))}.sv-picker-button:focus-visible{outline:none}.sv-picker-button-static{cursor:default}.sv-picker-icon,.sv-picker-nav-icon{width:1rem;height:1rem}.sv-picker-popover{max-width:min(92vw,22rem)}.sv-picker-dialog{border:1px solid color-mix(in srgb,var(--border,var(--color-border,#ddd5ce))88%,white);border-radius:calc(var(--radius-lg,.95rem) + .1rem);background:linear-gradient(180deg,#fffffffa,#fffffff5),var(--surface,var(--color-surface,#fff));box-shadow:var(--shadow-lg,0 12px 32px #0f172a24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sv-picker-calendar{gap:.85rem;padding:.9rem;display:grid}.sv-picker-calendar-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sv-picker-calendar-heading{text-align:center;color:var(--text-primary,var(--color-text-primary,#1f2937));flex:auto;font-size:.95rem;font-weight:700}.sv-picker-nav-button{border:1px solid var(--border,var(--color-border,#ddd5ce));background:var(--surface,var(--color-surface,#fff));width:2rem;height:2rem;color:var(--text-primary,var(--color-text-primary,#1f2937));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.sv-picker-nav-button:hover{background:var(--surface-hover,var(--color-surface-hover,#f4f1ec));border-color:color-mix(in srgb,var(--primary,var(--color-primary,#c5956b))22%,var(--border,var(--color-border,#ddd5ce)))}.sv-picker-nav-button:active{transform:translateY(1px)}.sv-picker-calendar-grid{border-collapse:collapse;width:100%}.sv-picker-calendar-weekday{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,var(--color-text-secondary,#6b7280));padding:0 0 .45rem;font-size:.7rem;font-weight:700}.sv-picker-calendar-cell{width:2.2rem;height:2.2rem;color:var(--text-primary,var(--color-text-primary,#1f2937));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:.1rem;font-size:.86rem;font-weight:500;transition:background .15s,color .15s,transform .15s;display:inline-flex}.sv-picker-calendar-cell:hover,.sv-picker-calendar-cell[data-hovered]{background:color-mix(in srgb,var(--primary,var(--color-primary,#c5956b))12%,white)}.sv-picker-calendar-cell[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary,var(--color-primary,#c5956b))72%,transparent);color:var(--primary-hover,var(--color-primary-hover,#b07f55));font-weight:700}.sv-picker-calendar-cell[data-selected]{background:var(--primary,var(--color-primary,#c5956b));color:#fff;font-weight:700}.sv-picker-calendar-cell[data-selection-start],.sv-picker-calendar-cell[data-selection-end]{background:var(--primary,var(--color-primary,#c5956b));color:#fff}.sv-picker-calendar-cell[data-selection-start][data-selection-end]{border-radius:999px}.sv-picker-calendar-cell[data-selection-start]:not([data-selection-end]){border-top-right-radius:.45rem;border-bottom-right-radius:.45rem}.sv-picker-calendar-cell[data-selection-end]:not([data-selection-start]){border-top-left-radius:.45rem;border-bottom-left-radius:.45rem}.sv-picker-calendar-cell[data-selected][data-outside-month],.sv-picker-calendar-cell[data-outside-month]{color:color-mix(in srgb,var(--text-secondary,var(--color-text-secondary,#6b7280))58%,transparent)}.sv-picker-calendar-cell[data-unavailable],.sv-picker-calendar-cell[data-disabled]{color:color-mix(in srgb,var(--text-secondary,var(--color-text-secondary,#6b7280))58%,transparent);cursor:not-allowed;text-decoration:line-through}.sv-picker-calendar-cell[data-invalid]{background:color-mix(in srgb,var(--danger,var(--error,#b42318))10%,white);color:var(--danger,var(--error,#b42318))}.sv-picker-calendar-cell[data-focus-visible]{outline:2px solid var(--primary,var(--color-primary,#c5956b));outline-offset:2px}.sv-picker-range-field{gap:0}.sv-picker-range-input{min-width:0}.sv-picker-range-divider{color:var(--text-secondary,var(--color-text-secondary,#6b7280));white-space:nowrap;justify-content:center;align-items:center;padding:0 .15rem;font-size:.78rem;font-weight:600;display:inline-flex}.sv-picker-time-shell .sv-picker-input{padding-right:.7rem}.sv-picker-time-popover{max-width:min(92vw,18rem)}.sv-picker-time-panel{gap:.85rem;min-width:min(18rem,92vw);padding:.9rem;display:grid}.sv-picker-time-heading{color:var(--text-primary,var(--color-text-primary,#1f2937));font-size:.85rem;font-weight:700}.sv-picker-time-controls{grid-template-columns:.85fr 1fr 1.1fr;align-items:end;gap:.65rem;display:grid}.sv-picker-time-control{gap:.3rem;min-width:0;display:grid}.sv-picker-time-control span{color:var(--text-secondary,var(--color-text-secondary,#6b7280));text-transform:uppercase;font-size:.68rem;font-weight:700}.sv-picker-time-control select{border:1px solid var(--border,var(--color-border,#ddd5ce));border-radius:var(--radius-sm,.5rem);background:var(--surface,var(--color-surface,#fff));width:100%;min-height:2.25rem;color:var(--text-primary,var(--color-text-primary,#1f2937));font:inherit;padding:.35rem .55rem;font-size:.88rem}.sv-picker-period-toggle{border:1px solid var(--border,var(--color-border,#ddd5ce));border-radius:var(--radius-sm,.5rem);grid-template-columns:repeat(2,minmax(0,1fr));min-height:2.25rem;display:grid;overflow:hidden}.sv-picker-period-button{border:0;border-left:1px solid var(--border,var(--color-border,#ddd5ce));background:var(--surface,var(--color-surface,#fff));color:var(--text-primary,var(--color-text-primary,#1f2937));cursor:pointer;font-size:.82rem;font-weight:700}.sv-picker-period-button:first-child{border-left:0}.sv-picker-period-button[data-selected]{background:var(--primary,var(--color-primary,#c5956b));color:#fff}.sv-picker-actions{justify-content:flex-end;gap:.5rem;padding-top:.15rem;display:flex}.sv-picker-action-button{border-radius:var(--radius-sm,.5rem);cursor:pointer;min-height:2.25rem;padding:.45rem .8rem;font-size:.82rem;font-weight:700}.sv-picker-action-secondary{border:1px solid var(--border,var(--color-border,#ddd5ce));background:var(--surface,var(--color-surface,#fff));color:var(--text-primary,var(--color-text-primary,#1f2937))}.sv-picker-action-primary{border:1px solid var(--primary,var(--color-primary,#c5956b));background:var(--primary,var(--color-primary,#c5956b));color:#fff}@media (max-width:640px){.sv-picker-popover{max-width:min(94vw,21rem)}.sv-picker-dialog{border-radius:var(--radius-lg,.95rem)}.sv-picker-calendar{padding:.75rem}.sv-picker-calendar-cell{width:2.35rem;height:2.35rem;margin:.06rem}.sv-picker-range-field{flex-wrap:wrap}.sv-picker-range-divider{justify-content:flex-start;width:100%;padding:0 .85rem .2rem}.sv-picker-range-field .sv-picker-button{border-left:0;border-top:1px solid var(--border,var(--color-border,#ddd5ce));width:100%;min-height:2.4rem}.sv-picker-time-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-picker-time-control:last-child{grid-column:1/-1}}