html{color-scheme:dark;font-size:14px}:root{--app-bg: hsl(240 6% 6%);--app-fg: hsl(240 5% 90%);--app-card: hsl(240 6% 9%);--app-card-foreground: hsl(240 5% 90%);--app-popover: hsl(240 6% 9%);--app-popover-foreground: hsl(240 5% 90%);--app-primary: hsl(42 62% 55%);--app-primary-foreground: hsl(240 6% 6%);--app-secondary: hsl(240 5% 15%);--app-secondary-foreground: hsl(240 5% 90%);--app-muted: hsl(240 5% 15%);--app-muted-foreground: hsl(240 5% 65%);--app-accent: hsl(42 62% 55%);--app-accent-foreground: hsl(240 6% 6%);--app-destructive: hsl(0 84% 60%);--app-destructive-foreground: hsl(210 40% 98%);--app-border: hsl(240 5% 18%);--app-input: hsl(240 5% 18%);--app-ring: hsl(42 62% 55%);--app-success: hsl(160 84% 39%);--app-success-soft: hsl(160 84% 39% / .1);--app-danger-soft: hsl(0 84% 60% / .1);--app-radius: .75rem;--app-radius-lg: 1rem;--app-radius-xl: 1.5rem;--app-control-height: 46px;--app-control-height-lg: 50px;--app-icon-button-size: 36px;--app-field-padding-x: 16px;--app-font-size-control: .84rem;--app-font-size-label: .76rem;--app-font-size-body: .84rem;--app-font-size-caption: .76rem;--app-page-gap: 24px;--app-page-gap-mobile: 18px;--app-shadow-card: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--app-shadow-panel: 0 25px 50px -12px rgb(0 0 0 / .4);--app-transition: .15s cubic-bezier(.4, 0, .2, 1);--app-surface-1: rgb(20 22 29 / .96);--app-surface-2: rgb(12 14 20 / .85);--app-surface-3: rgb(255 255 255 / .04);--app-border-soft: rgb(255 255 255 / .08);--app-border-strong: rgb(255 255 255 / .16);--app-primary-soft: color-mix(in srgb, var(--app-primary) 12%, transparent);--app-primary-ring: color-mix(in srgb, var(--app-primary) 14%, transparent);--app-card-shadow-strong: 0 18px 36px rgb(0 0 0 / .24)}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgb(212 168 67 / .05),transparent 28%),var(--app-bg);color:var(--app-fg);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-muted-foreground) 30%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid var(--app-bg);border-radius:999px;background:color-mix(in srgb,var(--app-muted-foreground) 30%,transparent)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-muted-foreground) 50%,transparent)}body ::selection{background:color-mix(in srgb,var(--app-primary) 30%,transparent);color:var(--app-primary-foreground)}@media(max-width:720px){.responsive-table{width:100%;min-width:0!important;border-collapse:separate;border-spacing:0}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:12px;padding:12px}.responsive-table tbody tr.responsive-row{display:block;overflow:hidden;border:1px solid rgb(255 255 255 / .08);border-radius:18px;background:#ffffff05}.responsive-table tbody tr.responsive-row td{display:block;height:auto;padding:12px 14px;border-top:1px solid rgb(255 255 255 / .05);text-align:left!important}.responsive-table tbody tr.responsive-row td:first-child{border-top:0;margin-top:10px}.responsive-table tbody tr.responsive-row td:before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--app-muted-foreground);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.responsive-table tbody tr.responsive-row td.actions-cell,.responsive-table tbody tr.responsive-row td.align-center.actions-cell{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.responsive-table tbody tr.responsive-row td.actions-cell:before,.responsive-table tbody tr.responsive-row td.align-center.actions-cell:before{width:100%;margin-bottom:2px}.responsive-table tbody tr.responsive-row td .status-pill,.responsive-table tbody tr.responsive-row td .mode-pill{width:fit-content}.responsive-table tbody tr.responsive-row td .customer-profile,.responsive-table tbody tr.responsive-row td .access-profile,.responsive-table tbody tr.responsive-row td .cell-stack{align-items:flex-start}.responsive-table tbody tr.responsive-row td .row-actions{justify-content:flex-start}}
