.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-record-list,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=tabpanel] :is(.space-y-3,.space-y-6,.space-y-8,.space-y-10):has(>.staff-record){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}@media (width<=1099px){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-record-list,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=tabpanel] :is(.space-y-3,.space-y-6,.space-y-8,.space-y-10):has(>.staff-record){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (width<=699px){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-record-list,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=tabpanel] :is(.space-y-3,.space-y-6,.space-y-8,.space-y-10):has(>.staff-record){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-record{min-width:0}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .staff-record :is(h2,h3,p,span){overflow-wrap:anywhere}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-table-card{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:auto clip}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table){border-collapse:separate;border-spacing:0 10px;background:0 0;margin-block:-10px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) thead th{-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.1em;text-transform:uppercase;color:var(--op-mut);background:0 0;border:0;padding:6px 14px;font-size:11.5px;font-weight:700;position:static}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) :is(tbody,tfoot) :is(td,th){border:0;border-block:1.3px solid var(--op-green);vertical-align:middle;background:0 0;padding:14px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr>:first-child{border-inline-start:1.3px solid var(--op-green);border-start-start-radius:18px;border-end-start-radius:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr>:last-child{border-inline-end:1.3px solid var(--op-green);border-start-end-radius:18px;border-end-end-radius:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr:hover>*{background:var(--op-green-10)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr:is([data-selected],[data-active])>*{background:var(--op-green-20);box-shadow:none}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr:focus-visible{outline:2px solid var(--op-green-ink);outline-offset:2px;border-radius:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(table.admin-table,.overflow-x-auto>table,.admin-card-flush>table,.admin-card-flush>div>table) tbody tr[class*=bg-secondary]>*{background:var(--op-green-10)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-flush table :is(th,td):first-child{padding-inline-start:14px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-flush table :is(th,td):last-child{padding-inline-end:14px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-flush{padding:0 16px 16px;overflow-x:auto}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-mini-table :is(th,td){border-color:var(--op-green-20)}@media (width<=767px){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-list{gap:10px;display:grid}}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-item{border:1.3px solid var(--op-green);background:0 0;border-radius:18px;padding:14px 16px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-item:last-child{border-bottom:1.3px solid var(--op-green)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-list{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;display:grid;overflow:visible}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-list>div:first-child:not(.admin-row-item){background:0 0;border:0;padding-block:4px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item{border-radius:18px;overflow:hidden;border:1.3px solid var(--op-green)!important;background:0 0!important}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item:hover{background:var(--op-green-10)!important}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>[role=button]{border-radius:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>[role=button]:hover{background:0 0}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>div:not([role=button]){background:var(--op-cream);border-top-color:var(--op-green-20)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-table-toolbar :is(input,button,[role=combobox]){border-radius:22px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-table-toolbar input{min-height:44px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-view-tabs{flex-wrap:wrap}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=tablist]{border:1.3px solid var(--op-green);background:0 0;padding:3px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=tab],.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=switch]{border-radius:999px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=switch][data-state=unchecked]{background:#dcdcdc}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=switch]>span{background:#fff;box-shadow:0 1px 3px #0003}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=radio]{border-color:var(--op-green);color:var(--op-green)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]),select){border-radius:22px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) textarea{border-radius:18px;padding:12px 16px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) label.text-xs,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) label.text-sm,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-title,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-section-label h2{font-weight:700}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-stat{border-radius:20px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) details{border-radius:18px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) details>summary{cursor:pointer;border-radius:14px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-danger-zone{border-radius:20px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-progress,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) [role=progressbar]{border-radius:999px;overflow:hidden}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-chip{border-radius:999px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-bulk-bar{border-radius:22px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) :is(.rounded-md,.rounded-lg):is(.bg-amber-50,.bg-muted\/30,.bg-muted\/50,.bg-secondary\/30,.bg-secondary\/50):not(button){border-radius:16px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-queue-list{gap:8px;padding:6px 14px 16px;display:grid}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-queue-item,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-queue-item:first-child{border:1.3px solid var(--op-green-20);border-radius:16px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-queue-item[aria-current=true]{border-color:var(--op-green)}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-queue-art{border-radius:10px}html[data-staff-portal] [data-dialog-content] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]):not([type=range]),select){border-radius:22px}html[data-staff-portal] [data-dialog-content] textarea{border-radius:18px}html[data-staff-portal] [data-dialog-content] h2{color:var(--op-dark);font-weight:700}.admin-drawer-title{font-weight:700}@media (width<=767px){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-head{flex-wrap:wrap;gap:8px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-card-title,.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-section-label h2{font-size:20px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-stat-grid{gap:12px}}@media (width<=1099px){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-list>div:first-child:not(.admin-row-item){display:none!important}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>[role=button]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:8px!important;padding-block:14px!important}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>[role=button]>:first-child{grid-column:1/-1!important}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-row-item>[role=button] span.md\:hidden{display:inline!important}}@media (height<=500px) and (orientation:landscape){.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-content{padding-block:14px 24px}.admin-content:not(:is([data-section=orders],[data-section=customers],[data-section=designs],[data-section=messages])) .admin-page-header{margin-bottom:12px}}