:root{--surface: #f5f7fa;--surface-dim: #dad9de;--surface-bright: #faf9fe;--surface-container-lowest: #ffffff;--surface-container-low: #f4f3f8;--surface-container: #eeedf2;--surface-container-high: #e9e7ec;--surface-container-highest: #e3e2e7;--surface-variant: #e3e2e7;--on-surface: #1a1b1f;--on-surface-variant: #44474f;--inverse-surface: #2f3034;--inverse-on-surface: #f1f0f5;--outline: #747780;--outline-variant: #c4c6d1;--surface-tint: #435e93;--primary: #007AFF;--on-primary: #ffffff;--primary-container: #0d2e61;--on-primary-container: #7d97d0;--inverse-primary: #aec6ff;--secondary: #006a6a;--on-secondary: #ffffff;--secondary-container: #6ef3f3;--on-secondary-container: #006e6e;--tertiary: #321200;--on-tertiary: #ffffff;--tertiary-container: #522200;--on-tertiary-container: #cf865b;--error: #FF3B30;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--success: #34C759;--warning: #FF9F0A;--info: #5AC8FA;--background: #f5f7fa;--on-background: #1a1b1f;--deep-navy: #0d2e61;--vibrant-teal: #00b2b2;--electric-cyan: #00d1d1;--slate-gray: #475569;--bg-primary: var(--surface);--bg-card: var(--surface-container-lowest);--bg-card-hover: var(--surface-container-low);--bg-elevated: var(--surface-container-lowest);--bg-sidebar: var(--surface-container-lowest);--bg-topbar: rgba(255, 255, 255, .72);--bg-input: var(--surface-container-low);--bg-hover: var(--surface-container);--bg-active: var(--surface-container-high);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--outline);--text-inverse: var(--inverse-on-surface);--text-link: var(--primary);--border-color: var(--outline-variant);--border-focus: var(--primary);--border-subtle: var(--surface-container-highest);--btn-primary: var(--primary);--btn-primary-hover: #0066d6;--btn-primary-text: #ffffff;--btn-secondary: transparent;--btn-secondary-border: var(--border-color);--btn-secondary-hover: var(--surface-container);--btn-ghost-hover: var(--surface-container);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .1);--shadow-elevated: 0 24px 80px rgba(0, 0, 0, .12);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Manrope", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--topbar-height: 56px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--content-max-width: 96vw;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-blur: 20px}[data-theme=dark]{--surface: #111827;--surface-dim: #0a0f1e;--surface-bright: #1a2540;--surface-container-lowest: #111827;--surface-container-low: #1a2332;--surface-container: #1e293b;--surface-container-high: #253248;--surface-container-highest: #2d3b55;--surface-variant: #2d3b55;--on-surface: #f8fafc;--on-surface-variant: #c4c6d1;--inverse-surface: #e3e2e7;--inverse-on-surface: #1a1b1f;--outline: #8a8d99;--outline-variant: #44474f;--surface-tint: #aec6ff;--primary: #0A84FF;--on-primary: #ffffff;--primary-container: #0d2e61;--on-primary-container: #aec6ff;--inverse-primary: #435e93;--secondary: #50dad9;--on-secondary: #002020;--secondary-container: #004f4f;--on-secondary-container: #72f6f6;--tertiary: #ffb68c;--on-tertiary: #321200;--tertiary-container: #522200;--on-tertiary-container: #ffb68c;--error: #FF453A;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--success: #30D158;--warning: #FF9F0A;--info: #64D2FF;--background: #111827;--on-background: #f8fafc;--deep-navy: #1e3a6f;--vibrant-teal: #00d1d1;--electric-cyan: #4df4f4;--slate-gray: #94a3b8;--bg-primary: var(--surface);--bg-card: var(--surface-container-lowest);--bg-card-hover: var(--surface-container-low);--bg-elevated: var(--surface-container);--bg-sidebar: var(--surface-container-lowest);--bg-topbar: rgba(17, 24, 39, .78);--bg-input: var(--surface-container);--bg-hover: var(--surface-container-high);--bg-active: var(--surface-container-highest);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--outline);--text-inverse: var(--inverse-on-surface);--text-link: var(--primary);--border-color: var(--outline-variant);--border-focus: var(--primary);--border-subtle: var(--surface-container-high);--btn-primary: var(--primary);--btn-primary-hover: #3395ff;--btn-primary-text: #ffffff;--btn-secondary: transparent;--btn-secondary-border: var(--border-color);--btn-secondary-hover: var(--surface-container);--btn-ghost-hover: var(--surface-container);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .6);--shadow-elevated: 0 24px 80px rgba(0, 0, 0, .7);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: 20px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}a{color:var(--text-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary)}.display-lg{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:56px;letter-spacing:-.02em}.headline-lg{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:40px}.headline-md{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:32px}.title-lg{font-family:var(--font-body);font-size:18px;font-weight:600;line-height:24px}.title-md{font-family:var(--font-body);font-size:16px;font-weight:600;line-height:22px}.body-md{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:20px}.body-sm{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:18px}.label-mono{font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.05em;text-transform:uppercase}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.floating-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-fade-in-down{animation:fadeInDown .3s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.p-overlaypanel,.p-menu.p-menu-overlay{background:var(--glass-bg)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;box-shadow:0 16px 48px #00000026!important;padding:var(--space-2)!important;animation:scaleIn .2s cubic-bezier(.4,0,.2,1)!important;transform-origin:top right!important;min-width:240px!important;overflow:hidden!important}.p-menu .p-menuitem{border-radius:var(--radius-md)!important;transition:all .15s ease!important}.p-menu .p-menuitem:hover{background:#007aff14!important}[data-theme=dark] .p-menu .p-menuitem:hover{background:#0a84ff1f!important}.p-popover{background:var(--glass-bg)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #00000026!important}[data-theme=dark] .p-popover{background:#1e1e1ef2!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #00000080!important}.p-popover .p-popover-content{padding:0!important;overflow:hidden!important}.p-menu .p-menuitem-link{padding:10px 12px!important;border-radius:var(--radius-md)!important;text-decoration:none!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:500!important;transition:all .15s ease!important}.p-menu .p-menuitem-icon{color:var(--text-secondary)!important;font-size:16px!important;margin-right:10px!important}.p-menu .p-menuitem-text{color:var(--text-primary)!important;font-size:13px!important;font-weight:500!important}.p-menu .p-menuitem-separator{border-top:1px solid var(--border-color)!important;margin:var(--space-2) 0!important}.p-menu .p-submenu-header{color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:8px 12px 4px!important;background:transparent!important;border:none!important}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.profile-dropdown-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.profile-dropdown-info{display:flex;flex-direction:column;min-width:0}.profile-dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-role{font-size:12px;color:var(--text-secondary);margin-top:1px}.mac-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--text-primary);font-family:var(--font-body);outline:none;width:100%;transition:all .2s ease}.mac-input:hover{border-color:var(--outline)}.mac-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #007aff26}.mac-input::placeholder{color:var(--text-tertiary)}.mac-input-group{position:relative;margin-bottom:20px}.mac-input-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}.mac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.mac-btn-primary{background:var(--btn-primary);color:var(--btn-primary-text)}.mac-btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.mac-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.mac-btn-secondary:hover{background:var(--bg-hover);border-color:var(--outline)}.mac-btn-ghost{background:transparent;color:var(--text-secondary);border:none}.mac-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.mac-btn-danger{background:var(--error);color:#fff}.mac-btn-danger:hover{background:#d62d20;transform:translateY(-1px);box-shadow:0 4px 12px #ff3b304d}.mac-btn-sm{height:28px;padding:0 14px;font-size:12px}.mac-btn-lg{height:48px;padding:0 28px;font-size:15px}.mac-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.mac-card.card-full-height{height:calc(100vh - 220px);min-height:400px}.mac-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.page-container{padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0}[data-theme=dark] .toolbar{background:#1c1c1e;border-bottom-color:#38383a}.search-filter{position:relative}.search-filter input{width:260px;padding:6px 10px 6px 36px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-card);font-size:12px;outline:none;color:var(--text-primary);box-shadow:inset 0 1px 2px #0000000a;transition:border-color .2s,box-shadow .2s;font-family:var(--font-body)}.search-filter input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #007aff33}[data-theme=dark] .search-filter input{background:#2c2c2e}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#8e8e93;font-size:14px;pointer-events:none}.btn-primary{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:#00b4a3;color:#fff;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);transition:background .15s;flex-shrink:0}.btn-primary:hover{background:#009688}[data-theme=dark] .btn-primary{background:#00b4a3;color:#fff}.mac-table{border:none!important;border-radius:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important}.mac-table .p-datatable-wrapper{border:none!important;flex:1!important;min-height:0!important;position:relative!important;overflow:hidden!important}.mac-table .p-datatable-scrollable-wrapper{flex:1!important;min-height:0!important}.mac-table .p-datatable-scrollable-view{height:100%!important;display:flex!important;flex-direction:column!important}.mac-table .p-datatable-scrollable-header{flex-shrink:0!important;overflow:hidden!important}.mac-table .p-datatable-scrollable-body{overflow:auto!important;flex:1!important;min-height:0!important}.mac-table .p-datatable-scrollable-body::-webkit-scrollbar{width:5px;height:5px}.mac-table .p-datatable-scrollable-body::-webkit-scrollbar-track{background:transparent}.mac-table .p-datatable-scrollable-body::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}.mac-table .p-datatable-scrollable-body::-webkit-scrollbar-thumb:hover{background:var(--outline)}.mac-table.p-datatable-sm .col-header-label{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:2px}.mac-table.p-datatable-sm .p-datatable-thead>tr>th{padding:5px 8px!important;font-size:11px!important;vertical-align:top!important;position:sticky!important;top:0!important;z-index:20!important}.mac-table.p-datatable-sm .p-datatable-tbody>tr>td{padding:5px 8px!important;font-size:12px!important;vertical-align:middle!important}.mac-table.p-datatable-sm .p-paginator{padding:4px 10px!important;min-height:32px!important}.mac-table.p-datatable-sm .secondary-text{font-size:10px!important;margin-top:1px!important}.mac-table.p-datatable-sm .badge,.mac-table.p-datatable-sm .code-badge{font-size:10px!important;padding:1px 5px!important}.mac-table.p-datatable-sm .empty-msg{padding:20px!important;font-size:12px!important}.mac-table .p-datatable-thead>tr>th{background:#fbfbfb!important;color:#475569!important;font-weight:600!important;font-size:12px!important;padding:8px 12px 6px!important;border-bottom:2px solid #e5e5ea!important;vertical-align:top!important;position:sticky!important;top:0!important;z-index:20!important}[data-theme=dark] .mac-table .p-datatable-thead>tr>th{background:#2a2a2e!important;color:#b0b0b5!important;border-bottom-color:#38383a!important}.col-header-label{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.mac-table .p-datatable-thead>tr>th .p-sortable-column-icon{color:#c7c7cc!important;font-size:9px!important;margin-left:2px!important}.mac-table .p-datatable-thead>tr>th.p-highlight .p-sortable-column-icon{color:var(--text-primary)!important}[data-theme=dark] .mac-table .p-datatable-thead>tr>th.p-highlight .p-sortable-column-icon{color:#e5e5e5!important}.mac-table .p-datatable-tbody>tr{transition:background .1s ease}.mac-table .p-datatable-tbody>tr:nth-child(2n){background:#fafafa}[data-theme=dark] .mac-table .p-datatable-tbody>tr:nth-child(2n){background:#1a1a1e!important}.mac-table .p-datatable-tbody>tr>td{padding:8px 12px!important;border-bottom:1px solid #f2f2f7!important;vertical-align:middle!important;font-size:12px!important;color:var(--text-primary)!important}[data-theme=dark] .mac-table .p-datatable-tbody>tr>td{border-bottom-color:#2c2c30!important;color:#e8e8ed!important}[data-theme=dark] .mac-table .p-datatable-tbody>tr{background:#1c1c1e!important}[data-theme=dark] .mac-table .p-datatable-tbody>tr:hover{background:#0a84ff2e!important}[data-theme=dark] .mac-table .p-datatable-tbody>tr.p-highlight{background:#0a84ff40!important;color:#fff!important}.mac-table .p-paginator{background:#fbfbfb!important;border:none!important;border-top:1px solid var(--border-color)!important;padding:6px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;flex-shrink:0!important;min-height:36px!important;font-size:13px!important}.mac-table .p-paginator .p-paginator-current{font-size:11px!important;color:var(--text-tertiary)!important;order:0!important;margin-right:auto!important;white-space:nowrap!important;flex-shrink:0!important}[data-theme=dark] .mac-table .p-paginator{background:#2a2a2e!important;border-top-color:#38383a!important}[data-theme=dark] .mac-table .p-paginator .p-paginator-current{color:#98989d!important}.mac-table .p-paginator .p-paginator-page{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;padding:3px 8px!important;border-radius:4px!important;color:var(--text-primary)!important;font-size:11px!important;min-width:26px!important;height:24px!important;transition:background .15s!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.mac-table .p-paginator .p-paginator-page:hover{background:var(--bg-hover)!important}.mac-table .p-paginator .p-paginator-page.p-highlight{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.mac-table .p-paginator .p-paginator-first,.mac-table .p-paginator .p-paginator-prev,.mac-table .p-paginator .p-paginator-next,.mac-table .p-paginator .p-paginator-last{background:transparent!important;border:none!important;color:var(--text-primary)!important;font-size:11px!important;min-width:22px!important;height:22px!important;padding:0 3px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important}.mac-table .p-paginator .p-paginator-first:hover,.mac-table .p-paginator .p-paginator-prev:hover,.mac-table .p-paginator .p-paginator-next:hover,.mac-table .p-paginator .p-paginator-last:hover{background:var(--bg-hover)!important}.mac-table .p-paginator .p-paginator-first.p-disabled,.mac-table .p-paginator .p-paginator-prev.p-disabled,.mac-table .p-paginator .p-paginator-next.p-disabled,.mac-table .p-paginator .p-paginator-last.p-disabled{color:#c7c7cc!important;cursor:not-allowed!important;opacity:.4!important}.mac-table .p-paginator .p-paginator-pages,.mac-table .p-paginator .p-paginator-first,.mac-table .p-paginator .p-paginator-prev,.mac-table .p-paginator .p-paginator-next,.mac-table .p-paginator .p-paginator-last{order:1!important}.mac-table .p-paginator .p-paginator-prev{order:2!important}.mac-table .p-paginator .p-paginator-pages{order:3!important}.mac-table .p-paginator .p-paginator-next{order:4!important}.mac-table .p-paginator .p-paginator-last{order:5!important}.mac-table .p-paginator .p-paginator-rpp-options{display:inline-flex!important;order:6!important;margin-left:auto!important}.mac-table .p-paginator .p-dropdown,.mac-table .p-paginator .p-paginator-rpp-dropdown{width:75px!important;height:34px!important;min-height:34px!important;background:var(--surface-container)!important;border:1px solid var(--outline-variant)!important;border-radius:8px!important;transition:all .2s ease!important}.mac-table .p-paginator .p-dropdown .p-dropdown-label,.mac-table .p-paginator .p-paginator-rpp-dropdown .p-select-label{padding:0 10px!important;line-height:34px!important;font-size:13px!important;font-weight:500!important;color:var(--on-surface)!important;overflow:visible!important}.mac-table .p-paginator .p-paginator-rpp-dropdown .p-select-dropdown,.mac-table .p-paginator .p-dropdown .p-dropdown-trigger{width:28px!important;background:transparent!important}.mac-table .p-paginator .p-paginator-rpp-dropdown .p-select-dropdown-icon,.mac-table .p-paginator .p-dropdown .p-dropdown-trigger-icon{width:12px!important;height:12px!important;color:var(--text-tertiary)!important}.mac-table .p-paginator .p-dropdown:hover,.mac-table .p-paginator .p-paginator-rpp-dropdown:hover{background:var(--surface-container-high)!important;border-color:var(--outline)!important}.mac-table .p-paginator .p-dropdown.p-focus,.mac-table .p-paginator .p-paginator-rpp-dropdown.p-focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #007aff33!important}.p-select-overlay{background:var(--surface-container)!important;border:1px solid var(--outline-variant)!important;border-radius:8px!important;box-shadow:var(--shadow-lg)!important;overflow:hidden!important;padding:4px!important}.p-select-option{padding:8px 12px!important;font-size:13px!important;color:var(--on-surface)!important;border-radius:4px!important;transition:background .1s!important;cursor:pointer!important}.p-select-option:hover{background:var(--surface-container-high)!important}.p-select-option.p-select-option-selected{background:var(--primary)!important;color:var(--on-primary)!important}.avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary);color:#fff;font-weight:600;border-radius:50%;font-size:11px}.primary-text{font-weight:500;color:var(--text-primary);line-height:1.3}[data-theme=dark] .primary-text{color:#f0f0f5}.secondary-text{font-size:11px;color:var(--text-tertiary);margin-top:2px}[data-theme=dark] .secondary-text{color:#98989d}.code-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--surface-container);padding:1px 6px;border-radius:6px;color:var(--text-primary)}[data-theme=dark] .code-badge{background:#2c2c2e;color:#e5e5e5}.role-pill{font-size:11px;font-weight:500;background:var(--surface-container);padding:2px 10px;border-radius:999px;color:var(--text-primary)}.updated-info{font-size:11px;color:var(--text-tertiary)}.action-btns{display:flex;align-items:center;gap:4px}.mac-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:all .15s;color:var(--text-tertiary)}.mac-btn-icon:hover{background:var(--surface-container-high);color:var(--primary)}.mac-btn-icon.mac-btn-icon-danger:hover{background:#ff3b301f;color:var(--error)}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500}.badge:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.badge.active{background:#e5f5ea;color:#34c759}.badge.active:before{background:#34c759}[data-theme=dark] .badge.active{background:#34c75933;color:#34c759}.badge.deactivated{background:#8e8e9326;color:#8e8e93}.badge.deactivated:before{background:#8e8e93}[data-theme=dark] .badge.deactivated{background:#8e8e9333;color:#98989d}.badge.locked{background:#ff9f0a26;color:#ff9f0a}.badge.locked:before{background:#ff9f0a}[data-theme=dark] .badge.locked{background:#ff9f0a33;color:#ff9f0a}.badge.inactive{background:#ff3b301a;color:var(--error)}.badge.inactive:before{background:var(--error)}[data-theme=dark] .badge.inactive{background:#ff453a33;color:#ff453a}.badge.draft{background:#ff9f0a1a;color:#ff9f0a}.badge.draft:before{background:#ff9f0a}[data-theme=dark] .badge.draft{background:#ff9f0a33;color:#ff9f0a}.empty-msg{text-align:center;padding:36px;color:var(--text-tertiary);font-size:13px}[data-theme=dark] .empty-msg{color:#8a8a8e}[data-theme=dark] .empty-icon{color:#555!important}[data-theme=dark] .empty-title{color:#b0b0b5!important}[data-theme=dark] .empty-sub{color:#8a8a8e!important}@media(max-width:640px){.toolbar{flex-direction:column;gap:8px;align-items:stretch}.search-filter input{width:100%}.mac-card{height:calc(100vh - 260px)}}.mac-card-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.mac-card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.mac-card-body{padding:20px 24px}.mac-divider{height:1px;background:var(--border-color);margin:16px 0;border:none}.p-button{font-family:var(--font-body);border-radius:var(--radius-md)!important;transition:all .2s ease!important}.p-button.p-button-primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}.p-button.p-button-primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d!important}.p-button.p-button-secondary{background:var(--btn-secondary)!important;border:1px solid var(--btn-secondary-border)!important;color:var(--text-primary)!important}.p-button.p-button-secondary:hover{background:var(--btn-secondary-hover)!important;border-color:var(--outline)!important}.p-button.p-button-text{color:var(--text-secondary)!important}.p-button.p-button-text:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.p-avatar,.p-avatar.p-avatar-circle{border-radius:50%!important}.p-avatar .p-avatar-text{font-weight:600!important}.p-datatable{border-radius:var(--radius-xl)!important;overflow:hidden!important}.p-datatable .p-datatable-thead>tr>th{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-container-low);border-color:var(--border-color);padding:12px 16px}.p-datatable .p-datatable-tbody>tr>td{padding:12px 16px;border-color:var(--border-subtle);color:var(--text-primary);font-size:13px}.p-datatable .p-datatable-tbody>tr:hover{background:var(--bg-hover)}.p-datatable .p-datatable-tbody>tr:nth-child(2n){background:var(--surface-container-low)}.p-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-md)!important;transition:all .25s ease!important}.p-card:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)}.p-dialog{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-2xl)!important;box-shadow:0 24px 80px #0003!important;animation:scaleIn .25s cubic-bezier(.4,0,.2,1)!important}.p-dialog .p-dialog-header{padding:20px 24px 0!important;background:transparent!important;border:none!important}.p-dialog .p-dialog-content{padding:20px 24px!important;background:transparent!important;border:none!important}.p-dialog .p-dialog-footer{padding:0 24px 20px!important;background:transparent!important;border:none!important}.p-dropdown{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;transition:all .2s ease!important}.p-dropdown:not(.p-disabled):hover{border-color:var(--outline)!important}.p-dropdown:not(.p-disabled).p-focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #007aff26!important}.p-dropdown-panel{background:var(--glass-bg)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 32px #00000026!important}.p-dropdown-item{padding:10px 14px!important;color:var(--text-primary)!important;font-size:13px!important;transition:all .1s ease!important}.p-dropdown-item:hover{background:#007aff14!important}.p-inputswitch{width:44px!important;height:24px!important}.p-inputswitch .p-inputswitch-slider{background:var(--border-color)!important;border-radius:12px!important;transition:all .2s ease!important}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--primary)!important}.p-inputswitch .p-inputswitch-slider:before{width:20px!important;height:20px!important;left:2px!important;bottom:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 4px #00000026!important}.p-toast{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)!important}.p-toast .p-toast-message{background:var(--glass-bg)!important;padding:6px 10px!important;min-height:auto!important;border-radius:var(--radius-md)!important}.p-toast .p-toast-message .p-toast-icon{font-size:14px!important;margin-right:6px!important}.p-toast .p-toast-message .p-toast-content{padding:0!important}.p-toast .p-toast-message .p-toast-title{font-size:10px!important;font-weight:600!important;margin-bottom:1px!important;line-height:1.2!important;padding:2px 0!important}.p-toast .p-toast-message .p-toast-detail{font-size:9px!important;line-height:1.2!important;padding:1px 0!important}.p-toast{width:280px!important;max-width:85vw!important}.p-progressbar{background:var(--surface-container)!important;border-radius:999px!important;height:6px!important}.p-progressbar .p-progressbar-value{background:var(--primary)!important;border-radius:999px!important}.p-chip{background:var(--surface-container)!important;color:var(--text-primary)!important;border-radius:999px!important;padding:4px 12px!important;font-size:12px!important;font-weight:500!important}.p-badge{background:var(--primary)!important;color:#fff!important;font-size:11px!important;font-weight:600!important;min-width:18px!important;height:18px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.p-tabview-nav{border-bottom:1px solid var(--border-color)!important}.p-tabview .p-tabview-nav li .p-tabview-nav-link{color:var(--text-secondary)!important;font-size:13px!important;font-weight:500!important;padding:12px 20px!important;border:none!important;background:transparent!important;transition:all .2s ease!important}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{color:var(--primary)!important;border-bottom:2px solid var(--primary)!important}.p-tabview .p-tabview-nav li:not(.p-highlight) .p-tabview-nav-link:hover{color:var(--text-primary)!important;background:var(--bg-hover)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important}.p-panel{border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;background:var(--bg-card)!important;overflow:hidden!important}.p-panel .p-panel-header{background:transparent!important;border:none!important;padding:16px 20px!important}.p-panel .p-panel-content{border:none!important;padding:0 20px 16px!important;background:transparent!important}.p-inputnumber{width:100%!important}.p-inputnumber-input{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;color:var(--text-primary)!important;font-size:14px!important;font-family:var(--font-body)!important;outline:none!important;transition:all .2s ease!important}.p-inputnumber-input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #007aff26!important}.p-inputtextarea{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;color:var(--text-primary)!important;font-size:14px!important;font-family:var(--font-body)!important;outline:none!important;transition:all .2s ease!important}.p-inputtextarea:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #007aff26!important}.page-container{padding:2px 32px;max-width:var(--content-max-width);margin:0 auto;width:100%}.skeleton{background:linear-gradient(90deg,var(--surface-container) 0%,var(--surface-container-high) 50%,var(--surface-container) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px;font-family:var(--font-display)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0;font-family:var(--font-body)}.create-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:visible;display:flex;flex-direction:column;width:100%;margin:0 auto;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;height:calc(100vh - 220px);min-height:400px}.card-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.toolbar-left{display:flex;align-items:center;gap:10px}.toolbar-icon{font-size:22px;color:var(--primary);display:flex;align-items:center}.toolbar-title{font-size:15px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.toolbar-actions{display:flex;align-items:center;gap:8px}.form-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:24px;transition:background-color .3s ease;overflow:auto}.form-col{display:flex;flex-direction:column;gap:20px}.form-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.form-panel:hover{box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--surface-container-low);border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.panel-icon{font-size:18px;color:var(--primary);display:flex;align-items:center}.panel-title{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.panel-body{padding:18px}.mac-input-group{position:relative;margin-bottom:10px}.mac-input-group:last-child{margin-bottom:0}.mac-input-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em;font-family:var(--font-body)}.mac-input-group label .req,.req{color:var(--primary);font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.view-field{padding:8px 0;font-size:14px;color:var(--text-primary);line-height:1.4;min-height:28px;border-bottom:1px solid var(--border-subtle)}.view-field.code-value{font-family:var(--font-mono);font-weight:600;color:var(--primary)}.logo-preview{padding:4px 0}.logo-avatar-lg{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary);color:#fff;font-weight:700;border-radius:50%;font-size:20px;font-family:var(--font-display)}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:24px 16px;text-align:center;background:var(--surface-container-low);cursor:pointer;transition:all .2s ease}.upload-zone:hover{background:var(--surface-container);border-color:var(--outline)}.upload-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--text-tertiary)}.upload-text{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.upload-subtext{font-size:11px;color:var(--text-tertiary)}.badge-lg{display:inline-flex;align-items:center;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:600}.badge-lg:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.audit-panel{border-style:dashed;background:var(--surface-container-low)}.audit-panel .panel-header{background:transparent;border-bottom-color:var(--border-color)}.audit-list{display:flex;flex-direction:column;gap:12px}.audit-item label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.audit-value{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:8px 10px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.audit-value-icon{font-size:14px;color:var(--text-tertiary);display:flex;align-items:center}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary);font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.animate-fade-in-up{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1200px){.form-body{grid-template-columns:1fr 1fr}}@media(max-width:900px){.form-body{grid-template-columns:1fr}.page-container{padding:16px}}@media(max-width:640px){.card-toolbar{flex-direction:column;gap:10px;align-items:stretch}.toolbar-actions{justify-content:flex-end}.form-body{padding:16px}}.modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:20px!important;animation:fadeIn .2s ease!important}.modal-container{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:12px!important;box-shadow:0 16px 48px #00000040!important;width:100%!important;max-width:700px!important;max-height:80vh!important;display:flex!important;flex-direction:column!important;animation:slideUp .25s ease-out!important}[data-theme=dark] .modal-container{background:#1c1c1e!important;border-color:#38383a!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 18px!important;border-bottom:1px solid #e0e0e0!important}[data-theme=dark] .modal-header{border-bottom-color:#38383a!important}.modal-header h3{margin:0!important;font-size:16px!important;font-weight:600!important;color:#000!important}[data-theme=dark] .modal-header h3{color:#fff!important}.modal-close{width:28px!important;height:28px!important;border-radius:6px!important;border:1px solid #e0e0e0!important;background:transparent!important;color:#666!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}[data-theme=dark] .modal-close{border-color:#38383a!important;color:#98989d!important}.modal-close:hover{background:#ff3b30!important;color:#fff!important;border-color:#ff3b30!important}.modal-close .material-icons{font-size:18px!important}.modal-body{flex:1!important;overflow-y:auto!important;padding:16px 18px!important}.modal-footer{padding:12px 18px!important;border-top:1px solid #e0e0e0!important;display:flex!important;justify-content:flex-end!important}[data-theme=dark] .modal-footer{border-top-color:#38383a!important}.expiry-filter-tabs{display:flex!important;gap:6px!important;margin-bottom:16px!important;padding:4px!important;background:#f5f5f5!important;border-radius:8px!important;border:1px solid #e0e0e0!important}[data-theme=dark] .expiry-filter-tabs{background:#2c2c2e!important;border-color:#3a3a3c!important}.filter-tab{flex:1!important;padding:8px 12px!important;border-radius:6px!important;border:none!important;background:transparent!important;color:#666!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important}[data-theme=dark] .filter-tab{color:#98989d!important}.filter-tab:hover{color:#000!important;background:#fff!important}[data-theme=dark] .filter-tab:hover{color:#fff!important;background:#3a3a3c!important}.filter-tab.active{background:#007aff!important;color:#fff!important}[data-theme=dark] .filter-tab.active{background:#0a84ff!important;color:#fff!important}.expiry-list{display:flex!important;flex-direction:column!important;gap:8px!important}.expiry-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;transition:all .2s!important}[data-theme=dark] .expiry-item{background:#2c2c2e!important;border-color:#3a3a3c!important}.expiry-item.expired{border-color:#ff3b30!important;background:#ff3b300d!important}[data-theme=dark] .expiry-item.expired{background:#ff3b301a!important}.expiry-icon{width:36px!important;height:36px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.expiry-icon .material-icons{font-size:20px!important}.expiry-info{flex:1!important;min-width:0!important}.expiry-name{font-size:13px!important;font-weight:600!important;color:#000!important;margin-bottom:2px!important}[data-theme=dark] .expiry-name{color:#fff!important}.expiry-code{font-size:11px!important;color:#666!important;margin-bottom:4px!important}[data-theme=dark] .expiry-code{color:#98989d!important}.expiry-meta{display:flex!important;gap:12px!important;font-size:11px!important;color:#666!important}[data-theme=dark] .expiry-meta{color:#98989d!important}.expiry-status{flex-shrink:0!important}.expiry-status .badge{padding:4px 10px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important}.expiry-status .badge.expiring{background:#fff3e0!important;color:#e65100!important}[data-theme=dark] .expiry-status .badge.expiring{background:#3e2c1c!important;color:#ffb74d!important}.expiry-status .badge.expired{background:#ffebee!important;color:#c62828!important}[data-theme=dark] .expiry-status .badge.expired{background:#3e1c1c!important;color:#ff5252!important}.expiry-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:40px!important;color:#999!important;font-size:13px!important}.expiry-empty .material-icons{font-size:40px!important;color:#34c759!important}