:root{color-scheme:light;--color-primary: #0c74bf;--color-primary-hover: #0a62a3;--color-primary-light: #4a99d9;--color-primary-dark: #095186;--color-secondary: #10a36b;--color-secondary-light: #ecf7f1;--color-secondary-dark: #0f8a5b;--color-accent-purple: #7c3aed;--color-primary-rgb: 12, 116, 191;--color-secondary-rgb: 16, 163, 107;--color-success-rgb: 16, 185, 129;--color-warning-rgb: 217, 119, 6;--color-danger-rgb: 212, 96, 74;--color-chart-1: #0c74bf;--color-chart-2: #10a36b;--color-chart-3: #f59e0b;--color-chart-4: #7c3aed;--color-chart-5: #d4604a;--color-chart-6: #06b6d4;--color-chart-7: #ec4899;--color-chart-8: #84cc16;--color-background: #f7f7f5;--color-background-alt: #fbfbf9;--color-surface: #ffffff;--color-surface-secondary: #f4f4f1;--color-input-bg: #ffffff;--color-text: #1a1d23;--color-text-secondary: #5a6470;--color-text-disabled: #b3bac4;--color-text-muted: #8a93a0;--color-border: #e8e8e3;--color-border-focus: #4a99d9;--color-success: #059669;--color-success-light: #D1FAE5;--color-success-dark: #047857;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-warning-dark: #B45309;--color-danger: #d4604a;--color-danger-light: #fbefeb;--color-danger-dark: #b04830;--color-info: #2563EB;--color-info-light: #DBEAFE;--color-info-dark: #1D4ED8;--color-primary-foreground: #ffffff;--color-secondary-foreground: #ffffff;--color-danger-foreground: #ffffff;--color-surface-foreground: #1a1d23}:root{--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-size-kpi: 2rem;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-eyebrow: .08em;--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.45;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-card-hover: 0 8px 24px -8px rgba(12, 116, 191, .18), 0 2px 4px rgba(0, 0, 0, .04);--z-base: 0;--z-content: 10;--z-header: 1000;--z-drawer: 1010;--z-modal: 1020;--z-overlay: 1030;--z-tooltip: 1040;--z-toast: 1050;--header-height: 3.5rem;--sidebar-width: 240px;--bp-mobile: 767px;--topbar-h: 3.5rem;--bottombar-h: 4rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;line-height:1.25rem;cursor:pointer;border:none;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff!important}.btn-primary:hover{opacity:.92}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary);color:var(--color-primary)}.btn-success{background:var(--color-success);color:#fff!important}.btn-success:hover{background:var(--color-success-dark)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-dark)}.btn-sm{padding:.375rem .75rem;font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn-icon{padding:.5rem;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.form-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem}.form-input{display:block;width:100%;padding:.5rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0c74bf1f}.form-input:disabled{background:var(--color-surface-secondary);color:var(--color-text-disabled);cursor:not-allowed}.form-select{display:block;width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:border-color var(--transition-fast);outline:none;cursor:pointer}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0c74bf1f}.form-submit{width:100%;padding:.625rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition-base);font-family:var(--font-family)}.form-submit:hover{opacity:.9}.form-submit:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transition:all var(--transition-base)}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card-body{padding:1.25rem}.card-footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:.125rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}.modal-sm{max-width:28rem}.modal-md{max-width:36rem}.modal-lg{max-width:48rem}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface-secondary);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;line-height:1.5;white-space:nowrap}.badge-primary{background:var(--color-info-light);color:var(--color-info-dark)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-gray{background:#f3f4f6;color:#374151}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-orange{background:#fef3c7;color:#92400e}.data-table-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.data-table-scroll{overflow:auto;flex:1}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.data-table thead{position:sticky;top:0;z-index:2}.data-table th{padding:.5rem .75rem;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-background);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{background:var(--color-border);color:var(--color-text)}.data-table td{padding:.45rem .75rem;color:var(--color-text);border-bottom:1px solid var(--color-border);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr:nth-child(odd){background:var(--color-surface)}.data-table tbody tr:nth-child(2n){background:var(--color-surface-secondary)}.data-table tbody tr:hover{background:#0c74bf0a}.data-table tbody tr:last-child td{border-bottom:none}.skeleton-row td{padding:.6rem .75rem}.skeleton-cell{height:.875rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tbl-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:.5rem;flex-shrink:0;flex-wrap:wrap}.tbl-toolbar-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-right:.25rem}.tbl-toolbar-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.125rem .625rem;font-weight:500}.tbl-search-wrapper{position:relative;flex:1;min-width:160px;max-width:280px}.tbl-search-wrapper svg{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.tbl-search-input{width:100%;padding:.375rem .75rem .375rem 2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast)}.tbl-search-input::-moz-placeholder{color:var(--color-text-muted)}.tbl-search-input::placeholder{color:var(--color-text-muted)}.tbl-search-input:focus{border-color:var(--color-primary)}.tbl-toolbar-divider{width:1px;height:1.25rem;background:var(--color-border)}.filter-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;align-items:end}.filter-panel-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;padding-top:1.25rem}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-header);min-width:200px;padding:.375rem;animation:fadeIn .12s ease}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background:none;border:none;text-align:left;transition:background var(--transition-fast);font-family:var(--font-family)}.dropdown-item:hover{background:var(--color-background)}.dropdown-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.375rem .625rem .25rem}.tab-list{display:flex;border-bottom:1px solid var(--color-border);gap:0;margin-bottom:1.25rem}.tab-btn{padding:.625rem 1rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);white-space:nowrap}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.125rem}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.kpi-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1}.kpi-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:.375rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:.5rem;flex-shrink:0}.pagination-info{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.pagination-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-select{padding:.25rem 1.75rem .25rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);background:var(--color-surface);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .25rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;cursor:pointer;outline:none;font-family:var(--font-family)}.alert{border-radius:var(--radius-lg);padding:.875rem 1rem;font-size:var(--font-size-sm);border:1px solid}.alert-warning{background:var(--color-warning-light);border-color:#fde68a;color:#92400e}.alert-danger{background:var(--color-danger-light);border-color:#f5dad2;color:var(--color-danger-dark)}.alert-success{background:var(--color-success-light);border-color:#a7f3d0;color:var(--color-success-dark)}.alert-info{background:var(--color-info-light);border-color:#bfdbfe;color:var(--color-info-dark)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-surface)}.dropzone:hover,.dropzone.active{border-color:var(--color-primary);background:#0c74bf0a}.dropzone.loading{opacity:.5;pointer-events:none}.inline-edit{cursor:pointer;border-radius:var(--radius-sm);padding:.125rem .375rem;border:1px solid transparent;transition:all var(--transition-fast);display:inline-block;min-width:40px}.inline-edit:hover{background:#fefce8;border-color:#fde68a}.inline-edit-input{border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:inherit;font-family:var(--font-family);outline:none;width:100%;background:var(--color-surface);color:var(--color-text)}.col-selector-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.col-selector-item:hover{background:var(--color-background)}.col-selector-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.emp-checkbox-grid{display:flex;flex-wrap:wrap;gap:.375rem}.emp-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.emp-chip:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.emp-chip.selected{background:#0c74bf1a;border-color:var(--color-primary);color:var(--color-primary)}.sidebar-icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-icon-btn:hover{background:var(--color-background);color:var(--color-primary)}.sidebar-icon-btn.danger-hover:hover{color:var(--color-danger)}.sidebar-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sidebar-icon-btn.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.account-pill:hover{background:var(--color-surface-secondary)!important;border-color:var(--color-primary)!important;color:var(--color-text)!important}.account-pill:hover .account-pill-icon{opacity:1!important;color:var(--color-primary)}.account-pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.account-pill.active{border-color:var(--color-primary)!important}.account-pill.active .account-pill-icon{opacity:1!important;color:var(--color-primary)}.nav-item{position:relative;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;color:var(--color-text);transition:background var(--transition-fast)}.nav-item:hover{background:rgba(var(--color-primary-rgb),.06)}.nav-item:hover .nav-icon,.nav-item:hover .nav-label{color:var(--color-primary)}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-item.collapsed{justify-content:center;padding:.5rem 0}.nav-item .nav-icon{color:var(--color-text-secondary);flex-shrink:0}.nav-item .nav-label{font-size:var(--font-size-sm);color:var(--color-text);flex:1}.nav-item.active{background:rgba(var(--color-primary-rgb),.1)}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:var(--color-primary)}.nav-item.active .nav-label{font-weight:var(--fw-semi)}.dash-grid-3-2{display:grid;grid-template-columns:3fr 2fr;gap:.75rem}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dash-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.dash-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.dash-stack{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 1280px){.dash-grid-3,.dash-grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.dash-grid-3-2,.dash-grid-2,.dash-grid-3,.dash-grid-4{grid-template-columns:1fr}}#root{min-height:100vh;min-height:100dvh}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.m-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--color-background)}.m-topbar{position:fixed;top:0;left:0;right:0;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) .5rem 0 max(.75rem,var(--safe-left));display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-header)}.m-main{flex:1;overflow:auto;min-width:0;background:var(--color-background);padding-top:calc(var(--topbar-h) + var(--safe-top));padding-bottom:calc(var(--bottombar-h) + var(--safe-bottom));-webkit-overflow-scrolling:touch}.m-bottombar{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;justify-content:space-around;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000a;z-index:var(--z-header)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottombar-h);padding:.4rem .25rem;border:none;background:none;color:var(--color-text-muted);font-family:var(--font-family);font-size:.62rem;font-weight:600;cursor:pointer;text-decoration:none;position:relative}.m-tab.active{color:var(--color-primary)}.m-tab-badge{position:absolute;top:.35rem;right:50%;transform:translate(140%);min-width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-danger);box-shadow:0 0 0 2px var(--color-surface)}.m-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1006;display:flex;align-items:flex-end;animation:fadeIn .15s ease}.m-sheet{width:100%;max-height:82vh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 30px #0003;padding-bottom:var(--safe-bottom);animation:sheetUp .22s cubic-bezier(0,0,.2,1)}.m-sheet-handle{width:2.5rem;height:4px;border-radius:999px;background:var(--color-border);margin:.5rem auto .25rem}@media (max-width: 767px){input,select,textarea,.form-input,.form-select{font-size:16px!important}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-icon{min-height:44px;min-width:44px}.page-header{flex-wrap:wrap;gap:.5rem}.page-header>*{min-width:0}.tbl-toolbar{flex-wrap:wrap;gap:.5rem}.filter-panel{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal-box,.modal-sm,.modal-md,.modal-lg{max-width:100%;width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheetUp .22s cubic-bezier(0,0,.2,1)}.modal-body{padding-bottom:max(1.25rem,var(--safe-bottom))}.data-table th,.data-table td{padding:.35rem .5rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes filterbarPopoverIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.filterbar-panel{animation:filterbarPopoverIn .14s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.intro-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-primary);display:flex;align-items:center;justify-content:center;animation:intro-out .45s ease 2s forwards}.intro-line{display:flex;align-items:center;gap:14px}.intro-typed{display:inline-flex;align-items:center;font-size:22px;font-weight:600;color:#fff;letter-spacing:-.01em;white-space:pre}.intro-caret{display:inline-block;width:2px;height:22px;margin-left:2px;background:#fff;animation:intro-caret .7s step-end infinite}.intro-logo{height:34px;width:auto;filter:brightness(0) invert(1);opacity:0;transform:translate(-8px);transition:opacity .45s ease,transform .45s cubic-bezier(.32,.72,0,1)}.intro-logo.show{opacity:1;transform:none}@keyframes intro-caret{50%{opacity:0}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion: reduce){.intro-caret{animation:none}.intro-logo{transition:none}}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.5rem}.kpi-mini{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.875rem 1rem;position:relative;overflow:hidden}.kpi-mini:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary)}.kpi-mini.accent-green:before{background:var(--color-secondary)}.kpi-mini.accent-purple:before{background:var(--color-accent-purple)}.kpi-mini.accent-gray:before{background:var(--color-text-muted)}.kpi-mini .label{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.kpi-mini .label svg{color:var(--color-text-muted)}.kpi-mini .value{margin-top:.45rem;font-size:1.7rem;font-weight:700;line-height:1;letter-spacing:var(--tracking-tight);color:var(--color-text);font-variant-numeric:tabular-nums}.kpi-mini .sub{margin-top:.35rem;font-size:.7rem;color:var(--color-text-muted)}.kpi-mini .sub .up{color:var(--color-success-dark);font-weight:600}.users-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.6rem .7rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:.75rem}.search-box{position:relative;flex:1;min-width:200px;max-width:340px}.search-box svg{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-box input{width:100%;padding:.45rem .7rem .45rem 2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box input::-moz-placeholder{color:var(--color-text-muted)}.search-box input::placeholder{color:var(--color-text-muted)}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.filter-select{padding:.45rem 1.9rem .45rem .7rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238a93a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.4em 1.4em;cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--color-primary)}.toolbar-spacer{flex:1}.toolbar-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.2rem .7rem;font-weight:500;white-space:nowrap}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;color:#fff;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar.sm{width:30px;height:30px;font-size:.7rem}.avatar.md{width:38px;height:38px;font-size:.82rem}.avatar.lg{width:52px;height:52px;font-size:1.05rem}.user-cell{display:flex;align-items:center;gap:.6rem;min-width:0}.user-cell .email{font-weight:var(--fw-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tags{display:inline-flex;gap:.3rem;flex-wrap:wrap}.scope-tag{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:var(--radius-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap}.scope-tag.none{color:var(--color-text-muted);font-style:italic;font-weight:500}.status-pill{border:none;cursor:pointer;font-family:var(--font-family)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.selected{background:rgba(var(--color-primary-rgb),.07)!important}.data-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--color-primary)}.data-table td .row-actions{display:flex;gap:.2rem;opacity:.9}.data-table .td-actions{width:1%;white-space:nowrap}.data-table.cozy td{padding:.7rem .9rem;font-size:var(--font-size-sm)}.data-table.cozy th{padding:.6rem .9rem}.detail-modal{max-height:88vh}.detail-head{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;gap:.875rem;flex-shrink:0}.detail-head .who{flex:1;min-width:0}.detail-head .who .name{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-head .who .role-line{margin-top:.35rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.detail-body{flex:1;overflow-y:auto;padding:1.1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.4rem}.detail-section>.sec-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-bottom:.6rem}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1rem}.meta-item .k{font-size:.68rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.meta-item .v{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--fw-medium);margin-top:.15rem}.perm-list{display:flex;flex-direction:column;gap:.35rem}.perm-row{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text)}.perm-row .ic{width:18px;height:18px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.perm-row.yes .ic{background:var(--color-success-light);color:var(--color-success-dark)}.perm-row.no .ic{background:var(--color-surface-secondary);color:var(--color-text-disabled)}.perm-row.no{color:var(--color-text-muted)}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:.7rem;padding-bottom:1rem}.tl-item:last-child{padding-bottom:0}.tl-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-primary);margin-top:4px;flex-shrink:0;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.14)}.tl-dot.muted{background:var(--color-text-disabled);box-shadow:0 0 0 3px #8a93a024}.tl-line{width:1px;flex:1;background:var(--color-border);margin-top:3px}.tl-item:last-child .tl-line{display:none}.tl-body .tl-text{font-size:var(--font-size-sm);color:var(--color-text)}.tl-body .tl-time{font-size:.68rem;color:var(--color-text-muted);margin-top:.1rem}.detail-footer{border-top:1px solid var(--color-border);padding:.85rem 1.25rem;display:flex;gap:.5rem;flex-wrap:wrap;background:var(--color-surface-secondary);flex-shrink:0}.danger-zone{border:1px solid var(--color-danger-light);background:var(--color-danger-light);border-radius:var(--radius-md);padding:.7rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.danger-zone .dz-text{font-size:.72rem;color:var(--color-danger-dark)}.btn-danger-ghost{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger-dark)}.btn-danger-ghost:hover{background:var(--color-danger);color:#fff}.scope-picker{display:flex;flex-direction:column;gap:.5rem}.scope-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.scope-option:hover{border-color:var(--color-primary-light)}.scope-option.sel{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.scope-option .check{width:18px;height:18px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:all var(--transition-fast)}.scope-option.sel .check{background:var(--color-primary);border-color:var(--color-primary)}.scope-option .so-body{flex:1;min-width:0}.scope-option .so-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.scope-option .so-desc{font-size:.7rem;color:var(--color-text-muted);margin-top:.05rem}.scope-quick{display:flex;gap:.4rem}.scope-quick button{font-size:.7rem;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:.15rem .25rem;font-family:var(--font-family)}.scope-quick button:hover{text-decoration:underline}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:var(--color-text);color:#fff;font-size:var(--font-size-sm);padding:.6rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;animation:slideUp .2s ease}.toast svg{color:var(--color-secondary)}.help-dot{width:26px;height:26px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:600;transition:all var(--transition-fast)}.help-dot:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 1080px){.kpi-strip{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.kpi-strip{grid-template-columns:1fr}}.perm-modal{max-width:56rem;max-height:90vh}.perm-editor-body{flex:1;overflow-y:auto;padding:0;background:var(--color-background)}.perm-banner{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.25rem;background:rgba(var(--color-primary-rgb),.05);border-bottom:1px solid var(--color-border);font-size:.74rem;color:var(--color-text-secondary)}.perm-banner svg{color:var(--color-primary);flex-shrink:0}.perm-banner .right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.perm-group{border-bottom:1px solid var(--color-border)}.perm-group:last-child{border-bottom:none}.perm-group-head{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--color-surface-secondary);position:sticky;top:0;z-index:3;border-bottom:1px solid var(--color-border)}.perm-group-head .gt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary)}.perm-group-head .gcount{font-size:.66rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.05rem .45rem;font-weight:600}.perm-group-head .gquick{margin-left:auto;display:flex;gap:.3rem}.perm-group-head .gquick button{font-size:.68rem;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:.1rem .3rem;font-family:var(--font-family);border-radius:var(--radius-sm)}.perm-group-head .gquick button:hover{background:rgba(var(--color-primary-rgb),.08)}.perm-item{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.perm-item:last-child{border-bottom:none}.perm-item .pi-label{flex:0 0 200px;font-size:var(--font-size-sm);font-weight:var(--fw-medium);color:var(--color-text);padding-top:.28rem;text-wrap:pretty}.perm-item .pi-caps{flex:1;display:flex;flex-wrap:wrap;gap:.4rem}.cap-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-family);font-size:.72rem;font-weight:600;padding:.28rem .6rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cap-chip:hover{border-color:var(--color-primary-light);color:var(--color-text)}.cap-chip .box{width:13px;height:13px;border-radius:3px;border:1.5px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all var(--transition-fast)}.cap-chip.on{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);color:var(--color-primary-dark)}.cap-chip.on .box{background:var(--color-primary);border-color:var(--color-primary)}.cap-chip.destructive.on{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.cap-chip.destructive.on .box{background:var(--color-danger);border-color:var(--color-danger)}.cap-chip.locked{opacity:.45;cursor:not-allowed}.cap-chip.locked:hover{border-color:var(--color-border);color:var(--color-text-secondary)}.perm-footer-info{font-size:.74rem;color:var(--color-text-secondary);margin-right:auto}.perm-footer-info strong{color:var(--color-text);font-variant-numeric:tabular-nums}@media (max-width: 640px){.perm-item{flex-direction:column;gap:.4rem}.perm-item .pi-label{flex:none;padding-top:0}}