@tailwind base;@tailwind components;@tailwind utilities;.radix-themes{min-height:0;height:100%;--accent:var(--accent-9);--accent-hover:var(--accent-10);--accent-muted:var(--accent-a3);--bg-base:var(--gray-1);--bg-surface:var(--gray-2);--bg-surface2:var(--gray-3);--bg-surface3:var(--gray-4);--border:var(--gray-5);--border2:var(--gray-6);--border3:var(--gray-7);--text-primary:var(--gray-12);--text-secondary:var(--gray-11);--text-tertiary:var(--gray-10);--text-disabled:var(--gray-8);--row-border:var(--gray-a3);--row-hover:var(--gray-a2);--sidebar-hover:var(--gray-a3);--nav-active-bg:var(--accent-a3);--green:var(--green-9);--amber:var(--amber-9);--red:var(--red-9);--teal:var(--teal-9);--purple:var(--purple-9);--pink:var(--pink-9);--green-bg:var(--green-a3);--amber-bg:var(--amber-a3);--red-bg:var(--red-a3);--teal-bg:var(--teal-a3);--purple-bg:var(--purple-a3);--blue-bg:var(--accent-a3);--pill-green-text:var(--green-11);--pill-amber-text:var(--amber-11);--pill-red-text:var(--red-11);--pill-blue-text:var(--accent-11);--pill-purple-text:var(--purple-11);--pill-teal-text:var(--teal-11);--pill-green-border:var(--green-a5);--pill-amber-border:var(--amber-a5);--pill-red-border:var(--red-a5);--pill-blue-border:var(--accent-a5);--pill-purple-border:var(--purple-a5);--pill-teal-border:var(--teal-a5);--danger-text:var(--red-11);--danger-border:var(--red-a5);--danger-hover-bg:var(--red-a4)}:root,[data-theme=dark]{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-surface2:#1a2235;--bg-surface3:#1e293b;--border:#1e2d45;--border2:#2a3d5a;--border3:#334d6e;--text-primary:#e8edf5;--text-secondary:#8fa3be;--text-tertiary:#5a7090;--text-disabled:#3a5070;--accent:#3e63dd;--accent-hover:#5472e4;--accent-muted:rgba(62,99,221,.12);--green:#46a758;--amber:#ffb224;--red:#e5484d;--teal:#12a594;--purple:#8e4ec6;--pink:#d6409f;--green-bg:rgba(70,167,88,.12);--amber-bg:rgba(255,178,36,.12);--red-bg:rgba(229,72,77,.12);--teal-bg:rgba(18,165,148,.12);--purple-bg:rgba(142,78,198,.12);--blue-bg:rgba(62,99,221,.12);--row-border:hsla(0,0%,100%,.03);--row-hover:hsla(0,0%,100%,.02);--sidebar-hover:hsla(0,0%,100%,.04);--nav-active-bg:rgba(62,99,221,.08);--pill-green-text:#4ade80;--pill-green-border:rgba(70,167,88,.25);--pill-amber-text:#fbbf24;--pill-amber-border:rgba(255,178,36,.25);--pill-red-text:#f87171;--pill-red-border:rgba(229,72,77,.25);--pill-blue-text:#7aa8ff;--pill-blue-border:rgba(62,99,221,.25);--pill-purple-text:#a78bfa;--pill-purple-border:rgba(142,78,198,.25);--pill-teal-text:#2dd4bf;--pill-teal-border:rgba(18,165,148,.25);--danger-text:#f87171;--danger-border:rgba(229,72,77,.3);--danger-hover-bg:rgba(229,72,77,.2);color-scheme:dark;--sidebar-width:220px;--topbar-height:52px}[data-theme=auto],[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface2:#f1f5f9;--bg-surface3:#e2e8f0;--border:#e2e8f0;--border2:#cbd5e1;--border3:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--accent:#3e63dd;--accent-hover:#3358d4;--accent-muted:rgba(62,99,221,.1);--green:#18794e;--amber:#9e6c00;--red:#cd2b31;--teal:#0d6b5e;--purple:#7938b2;--pink:#d3295f;--green-bg:rgba(24,121,78,.08);--amber-bg:rgba(158,108,0,.08);--red-bg:rgba(205,43,49,.08);--teal-bg:rgba(13,107,94,.08);--purple-bg:rgba(121,56,178,.08);--blue-bg:rgba(62,99,221,.08);--row-border:rgba(0,0,0,.06);--row-hover:rgba(0,0,0,.025);--sidebar-hover:rgba(0,0,0,.04);--nav-active-bg:rgba(62,99,221,.07);--pill-green-text:#166534;--pill-green-border:rgba(24,121,78,.25);--pill-amber-text:#92400e;--pill-amber-border:rgba(158,108,0,.25);--pill-red-text:#991b1b;--pill-red-border:rgba(205,43,49,.25);--pill-blue-text:#1e40af;--pill-blue-border:rgba(62,99,221,.25);--pill-purple-text:#5b21b6;--pill-purple-border:rgba(121,56,178,.25);--pill-teal-text:#134e4a;--pill-teal-border:rgba(13,107,94,.25);--danger-text:#dc2626;--danger-border:rgba(205,43,49,.3);--danger-hover-bg:rgba(205,43,49,.12);color-scheme:light}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-surface2:#1a2235;--bg-surface3:#1e293b;--border:#1e2d45;--border2:#2a3d5a;--border3:#334d6e;--text-primary:#e8edf5;--text-secondary:#8fa3be;--text-tertiary:#5a7090;--text-disabled:#3a5070;--accent:#3e63dd;--accent-hover:#5472e4;--accent-muted:rgba(62,99,221,.12);--green:#46a758;--amber:#ffb224;--red:#e5484d;--teal:#12a594;--purple:#8e4ec6;--pink:#d6409f;--green-bg:rgba(70,167,88,.12);--amber-bg:rgba(255,178,36,.12);--red-bg:rgba(229,72,77,.12);--teal-bg:rgba(18,165,148,.12);--purple-bg:rgba(142,78,198,.12);--blue-bg:rgba(62,99,221,.12);--row-border:hsla(0,0%,100%,.03);--row-hover:hsla(0,0%,100%,.02);--sidebar-hover:hsla(0,0%,100%,.04);--nav-active-bg:rgba(62,99,221,.08);--pill-green-text:#4ade80;--pill-green-border:rgba(70,167,88,.25);--pill-amber-text:#fbbf24;--pill-amber-border:rgba(255,178,36,.25);--pill-red-text:#f87171;--pill-red-border:rgba(229,72,77,.25);--pill-blue-text:#7aa8ff;--pill-blue-border:rgba(62,99,221,.25);--pill-purple-text:#a78bfa;--pill-purple-border:rgba(142,78,198,.25);--pill-teal-text:#2dd4bf;--pill-teal-border:rgba(18,165,148,.25);--danger-text:#f87171;--danger-border:rgba(229,72,77,.3);--danger-hover-bg:rgba(229,72,77,.2);color-scheme:dark}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-brand,var(--font-dm-sans),"DM Sans",system-ui,sans-serif);font-size:calc(13px * var(--scaling, 1));line-height:1.5;min-width:320px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border3)}h1,h2,h3{margin:0}h1{font-size:calc(1.25rem * var(--scaling, 1));font-weight:600;letter-spacing:-.02em}h1,h2{color:var(--text-primary)}h2{font-size:calc(1rem * var(--scaling, 1))}h2,h3{font-weight:500}h3{font-size:calc(.875rem * var(--scaling, 1));color:var(--text-secondary)}code,pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column}.main-content,.sidebar{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column;background:var(--bg-base)}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.25rem;gap:.75rem;flex-shrink:0}.page-content{flex:1 1;overflow-y:auto;padding:1.25rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-4);overflow:hidden}.card-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-body,.stat-card{padding:1rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-4)}.seg-control{display:inline-flex;background:var(--bg-surface2);border:1px solid var(--border);border-radius:var(--radius-3);padding:2px;gap:1px}.seg-control button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 9px;min-width:32px;background:transparent;border:none;border-radius:calc(var(--radius-3) - 2px);font-size:11px;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:background .1s ease,color .1s ease}.seg-control button:hover{color:var(--text-primary)}.seg-control button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 0 0 1px var(--border)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-full,999px);font-size:calc(10px * var(--scaling, 1));font-weight:500;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.pill-green{background:var(--green-bg);color:var(--pill-green-text);border:1px solid var(--pill-green-border)}.pill-amber{background:var(--amber-bg);color:var(--pill-amber-text);border:1px solid var(--pill-amber-border)}.pill-red{background:var(--red-bg);color:var(--pill-red-text);border:1px solid var(--pill-red-border)}.pill-blue{background:var(--blue-bg);color:var(--pill-blue-text);border:1px solid var(--pill-blue-border)}.pill-purple{background:var(--purple-bg);color:var(--pill-purple-text);border:1px solid var(--pill-purple-border)}.pill-teal{background:var(--teal-bg);color:var(--pill-teal-text);border:1px solid var(--pill-teal-border)}.pill-grey{background:var(--bg-surface);color:var(--text-tertiary);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:7px 10px;text-align:left;font-size:calc(10px * var(--scaling, 1));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:8px 10px;border-bottom:1px solid var(--row-border);color:var(--text-secondary);vertical-align:middle;font-weight:400}.data-table td,.text-cell-primary{font-size:calc(12px * var(--scaling, 1))}.text-cell-primary{font-weight:500;color:var(--text-primary)}.text-cell-secondary{font-size:calc(11px * var(--scaling, 1));font-weight:400;color:var(--text-secondary)}.text-cell-meta{font-size:calc(10px * var(--scaling, 1));font-weight:400;color:var(--text-tertiary)}.text-cell-strong{font-size:calc(11px * var(--scaling, 1));font-weight:500;color:var(--text-primary)}.text-cell-mono{font-family:JetBrains Mono,Fira Code,monospace}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--row-hover)}.data-table tbody tr.row-clickable{cursor:pointer}@media (max-width:899px){.data-table td.col-hide-md,.data-table th.col-hide-md{display:none}}@media (max-width:639px){.data-table td.col-hide-sm,.data-table th.col-hide-sm{display:none}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:.75rem}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr}}.grid-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.grid-4col{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media (max-width:899px){.grid-2col{grid-template-columns:1fr}.grid-3col,.grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:479px){.grid-3col,.grid-4col{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,var(--bg-surface2) 0,var(--bg-surface3) 50%,var(--bg-surface2) 100%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:4px;color:transparent!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-placeholder{padding:2.5rem 1rem;text-align:center;color:var(--text-tertiary);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease both}.modal-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-4);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.4)}.kv-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--row-border);font-size:11px}.kv-row:last-child{border-bottom:none}.kv-row .kv-label{color:var(--text-tertiary);flex-shrink:0}.kv-row .kv-value{color:var(--text-primary);text-align:right;word-break:break-word;min-width:0}.input,.select,.textarea{background:var(--bg-surface);border:1px solid var(--border2);border-radius:var(--radius-3);color:var(--text-primary);font-family:inherit;font-size:calc(12px * var(--scaling, 1));padding:calc(7px * var(--scaling, 1)) calc(10px * var(--scaling, 1));outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.input,.select{height:calc(32px * var(--scaling, 1))}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.input::placeholder{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:calc(32px * var(--scaling, 1));padding:0 calc(12px * var(--scaling, 1));border-radius:var(--radius-3);font-family:inherit;font-size:calc(11px * var(--scaling, 1));font-weight:500;cursor:pointer;border:1px solid var(--border2);background:var(--bg-surface2);color:var(--text-secondary);transition:all .15s;white-space:nowrap;text-decoration:none;box-sizing:border-box}.btn:hover{background:var(--bg-surface3);color:var(--text-primary)}.btn:active{transform:scale(.98)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:var(--bg-surface2);color:var(--text-secondary)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-primary:disabled,.btn-primary[disabled]{opacity:1;cursor:progress;background:var(--accent);border-color:var(--accent);color:#fff;animation:btn-primary-busy-pulse 1.4s ease-in-out infinite}@keyframes btn-primary-busy-pulse{0%,to{box-shadow:0 0 0 0 rgba(62,99,221,.55)}50%{box-shadow:0 0 0 6px rgba(62,99,221,0)}}.btn-danger{background:var(--red-bg);border-color:var(--danger-border);color:var(--danger-text)}.btn-danger:hover{background:var(--danger-hover-bg)}.btn-sm{height:calc(24px * var(--scaling, 1));padding:0 calc(8px * var(--scaling, 1));font-size:calc(10px * var(--scaling, 1))}.btn-icon{width:calc(32px * var(--scaling, 1));padding:0}.btn-sm.btn-icon{width:calc(24px * var(--scaling, 1))}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:0;color:var(--text-secondary);font-size:calc(12px * var(--scaling, 1));cursor:pointer;transition:all .15s;border-left:2px solid transparent;text-decoration:none}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.nav-item.active{background:var(--nav-active-bg);color:var(--accent);border-left-color:var(--accent)}.tier-badge-platform{background:var(--purple-bg);color:var(--pill-purple-text);border:1px solid var(--pill-purple-border)}.tier-badge-partner{background:var(--blue-bg);color:var(--pill-blue-text);border:1px solid var(--pill-blue-border)}.tier-badge-tenant{background:var(--green-bg);color:var(--pill-green-text);border:1px solid var(--pill-green-border)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:var(--radius-3);flex-shrink:0}.mobile-menu-btn:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:39}@media (max-width:767px){.mobile-menu-btn{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 24px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0)}.main-content{width:100%}.page-content{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn .2s ease both}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.mono{font-family:JetBrains Mono,monospace}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0;flex:1 1 auto;overflow:hidden}.topbar-breadcrumb-segment{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.topbar-breadcrumb-segment-last{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-breadcrumb-segment-last>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width:639px){.topbar-breadcrumb-segment-last .topbar-breadcrumb-separator,.topbar-breadcrumb-segment:not(.topbar-breadcrumb-segment-last){display:none}}.settings-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:0}.settings-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-3);transition:background .12s ease,color .12s ease}.settings-tab:hover{color:var(--text-primary);background:var(--row-hover)}.settings-tab-active{color:var(--accent);background:rgba(99,102,241,.08)}.data-table-toolbar{gap:8px}.data-table-selection-toolbar,.data-table-toolbar{display:flex;margin-bottom:12px;flex-wrap:wrap;align-items:center}.data-table-selection-toolbar{justify-content:space-between;gap:12px;padding:10px 12px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-4)}.data-table-checkbox{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;border:1px solid var(--border);background:transparent;color:#fff;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.data-table-checkbox[data-checked=true],.data-table-checkbox[data-indeterminate=true]{background:var(--accent);border-color:var(--accent)}@media (max-width:639px){.data-table-mobile .data-table-checkbox{display:none}}.data-table-toolbar-inline{display:flex;gap:8px;flex:1 1;flex-wrap:wrap;align-items:center;min-width:0}.data-table-toolbar-mobile{display:none;gap:8px;flex:1 1;align-items:center;min-width:0}.data-table-caption{margin-bottom:10px}@media (max-width:639px){.data-table-toolbar-inline{display:none}.data-table-toolbar-mobile{display:flex}.data-table-toolbar-mobile .btn-label{display:none}.data-table-toolbar-mobile .btn{padding:0;width:32px;justify-content:center}.data-table-toolbar-mobile .btn-sm{width:24px}}.data-table-mobile{display:none}.data-table-desktop{display:block}@media (max-width:639px){.data-table-desktop{display:none}.data-table-mobile{display:flex;flex-direction:column}}.data-table-mobile-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--row-border);text-align:left;cursor:pointer;color:var(--text-primary);font:inherit;min-height:56px}.data-table-mobile-row:last-child{border-bottom:none}.data-table-mobile-row:active{background:var(--row-hover)}.data-table-mobile-row-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.data-table-mobile-row-primary{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-mobile-row-secondary{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-mobile-row-chevron{color:var(--text-tertiary);flex-shrink:0}.data-table-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;animation:fadeIn .15s ease both}.data-table-sheet-panel{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--bg-surface);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--border);border-bottom:none;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 -8px 32px rgba(0,0,0,.35);animation:sheetSlideUp .2s ease both;padding-bottom:env(safe-area-inset-bottom,0)}.data-table-sheet-grabber{width:36px;height:4px;border-radius:2px;background:var(--border);margin:8px auto 0}.data-table-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 8px;border-bottom:1px solid var(--border)}.data-table-sheet-body{padding:4px 14px 12px;overflow-y:auto;flex:1 1;-webkit-overflow-scrolling:touch}.data-table-sheet-footer{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:6px;justify-content:flex-end}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:640px){.data-table-sheet-panel{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);width:min(520px,92vw);border-radius:var(--radius-5);border-bottom:1px solid var(--border);animation:fadeIn .15s ease both}}.data-table-filter-overlay{background:rgba(0,0,0,.55);z-index:60}.data-table-filter-overlay,.data-table-filter-panel{position:fixed;inset:0;animation:fadeIn .15s ease both}.data-table-filter-panel{z-index:70;background:var(--bg-surface);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.data-table-filter-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.data-table-filter-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1 1}.data-table-filter-row{display:flex;flex-direction:column;gap:6px}.data-table-filter-row>*{width:100%!important;max-width:none!important}@media (min-width:640px){.data-table-filter-panel{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);max-height:85vh;border:1px solid var(--border);border-radius:var(--radius-5)}}