:root{--color-gold-300: #d4b896;--color-gold-400: #d4a870;--color-gold-500: #c4882e;--color-gold-600: #8b6038;--color-gold-700: #8b5e34;--color-gold-glow-30: rgba(196, 136, 46, .3);--color-gold-glow-18: rgba(196, 136, 46, .18);--color-gold-glow-10: rgba(196, 136, 46, .1);--color-brand-300: var(--color-gold-300);--color-brand-400: var(--color-gold-400);--color-brand-500: var(--color-gold-500);--color-brand-600: var(--color-gold-600);--color-brand-700: var(--color-gold-700);--color-brand-bg: var(--color-warning-bg);--color-brand-bg-strong: rgba(196, 136, 46, .18);--color-teal-600: #0c6b58;--color-teal-glow-10: rgba(12, 107, 88, .1);--color-neutral-950: #1a1a1a;--color-neutral-600: #555555;--color-neutral-500: #666666;--color-neutral-400: #999999;--color-neutral-300: #aaaaaa;--color-neutral-200: #cccccc;--color-neutral-150: #e0e0e0;--color-neutral-100: #ebebeb;--color-neutral-50: #f0f0f0;--color-neutral-25: #fafafa;--color-neutral-0: #ffffff;--color-success: #0c6b58;--color-warning: #c4882e;--color-error: #c0392b;--color-info: #2b6cb0;--color-success-bg: rgba(12, 107, 88, .08);--color-warning-bg: rgba(196, 136, 46, .1);--color-error-bg: rgba(192, 57, 43, .08);--color-info-bg: rgba(43, 108, 176, .08);--color-text-primary: #1a1a1a;--color-text-secondary: #555555;--color-text-muted: #999999;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-brand: #c4882e;--color-text-link: #c4882e;--color-surface-base: #ffffff;--color-surface-subtle: #fafafa;--color-surface-muted: #f0f0f0;--color-surface-warm: #f0ede8;--color-surface-overlay: rgba(255, 255, 255, .94);--color-border-default: #ebebeb;--color-border-subtle: #f0f0f0;--color-border-strong: #e0e0e0;--color-border-brand: #c4882e;--color-border-brand-subtle: rgba(196, 136, 46, .18);--color-border-focus: rgba(196, 136, 46, .5);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-display: clamp(40px, 5vw, 64px);--text-h1: clamp(28px, 3.5vw, 40px);--text-h2: 28px;--text-h3: 22px;--text-h4: 18px;--text-body-lg: 17px;--text-body: 15px;--text-body-sm: 13px;--text-label: 12px;--text-caption: 11px;--text-micro: 10px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.75;--tracking-tight-3: -.03em;--tracking-tight-2: -.02em;--tracking-tight-1: -.01em;--tracking-normal: 0em;--tracking-wide-1: .04em;--tracking-wide-2: .08em;--tracking-wide-3: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--layout-content-max: 1200px;--layout-sidebar-width: 240px;--layout-header-height: 60px;--layout-page-padding: 32px;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-gold-sm: 0 2px 8px rgba(196, 136, 46, .2);--shadow-gold-md: 4px 6px 14px rgba(180, 120, 50, .3), 0 0 20px rgba(196, 136, 46, .1);--shadow-brand-sm: var(--shadow-gold-sm);--shadow-brand-md: var(--shadow-gold-md);--shadow-overlay: 0 16px 48px rgba(0, 0, 0, .14);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .35s;--duration-enter: .25s;--duration-exit: 175ms;--ease-default: ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-default: all var(--duration-normal) var(--ease-default);--transition-fast: all var(--duration-fast) var(--ease-default);--transition-slow: all var(--duration-slow) var(--ease-out);--app-body-bg: #f9fafb}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:var(--font-primary);scrollbar-width:thin;scrollbar-color:var(--color-gold-400) var(--color-surface-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--color-gold-400) var(--color-surface-subtle)}body{margin:0;min-height:100vh;font-family:var(--font-primary);font-size:var(--text-body);color:var(--color-text-primary);background-color:var(--app-body-bg, var(--color-surface-subtle));line-height:var(--leading-relaxed);text-rendering:optimizeLegibility}body,button,input,select,textarea{font:inherit}#root{min-height:100vh}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-subtle);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-gold-300),var(--color-gold-500));border-radius:999px;border:2px solid var(--color-surface-subtle)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-gold-400),var(--color-gold-600))}.verad-shell{background:radial-gradient(circle at top right,rgba(196,136,46,.08),transparent 28%),radial-gradient(circle at bottom left,rgba(12,107,88,.05),transparent 24%),var(--app-body-bg, var(--color-surface-subtle))}.verad-sidebar{background:linear-gradient(180deg,#fffffffa,#fafafafa);border-right:1px solid var(--color-border-default);color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.verad-sidebar-brand-mark{background:linear-gradient(135deg,var(--color-gold-500),var(--color-gold-700));color:var(--color-text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-gold-sm)}.verad-wordmark{display:inline-block;vertical-align:middle}.verad-brand-lockup{display:inline-flex;align-items:center;gap:.35rem;line-height:1;min-width:0}.verad-brand-lockup .verad-wordmark{display:block;flex-shrink:0}.verad-brand-lockup-logo{display:flex;align-items:center;flex-shrink:0;transform:translateY(2px)}.verad-brand-lockup-label{white-space:nowrap}.verad-sidebar-eyebrow{color:var(--color-text-brand);letter-spacing:var(--tracking-wide-2)}.verad-sidebar-section{color:var(--color-text-muted);letter-spacing:var(--tracking-wide-2)}.verad-nav-item{border-right:3px solid transparent;color:var(--color-text-secondary);transition:var(--transition-default)}.verad-nav-item:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.verad-nav-item-active{background:linear-gradient(90deg,var(--color-warning-bg),transparent 88%);border-right-color:var(--color-border-brand);color:var(--color-text-brand)}.verad-topbar{background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.verad-card{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.verad-input{width:100%;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-text-primary);transition:var(--transition-default);box-shadow:var(--shadow-xs)}.verad-input::placeholder{color:var(--color-text-muted)}.verad-input:hover{border-color:var(--color-border-strong)}.verad-input:focus{outline:none;border-color:var(--color-border-brand);background:var(--color-surface-base);box-shadow:0 0 0 4px var(--color-gold-glow-10)}.verad-btn-primary,.verad-btn-secondary,.verad-btn-ghost,.verad-btn-danger,.verad-icon-button,.verad-pill,.verad-segment,.verad-table-action{transition:var(--transition-default)}.verad-btn-primary{background:linear-gradient(135deg,var(--color-gold-500),var(--color-gold-700));color:var(--color-text-inverse);border:1px solid transparent;box-shadow:var(--shadow-gold-sm)}.verad-btn-primary:hover{filter:brightness(.98);box-shadow:var(--shadow-gold-md)}.verad-btn-secondary{background:var(--color-surface-base);color:var(--color-text-primary);border:1px solid var(--color-border-default);box-shadow:var(--shadow-xs)}.verad-btn-secondary:hover{background:var(--color-surface-subtle)}.verad-btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.verad-btn-ghost:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.verad-btn-danger{background:var(--color-error);color:var(--color-text-inverse);border:1px solid transparent}.verad-btn-danger:hover{filter:brightness(.96)}.verad-icon-button{background:var(--color-surface-base);border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.verad-icon-button:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.verad-pill{background:var(--color-surface-muted);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary)}.verad-segment{border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary)}.verad-segment:hover{color:var(--color-text-primary)}.verad-segment-active{background:var(--color-surface-base);border-color:var(--color-border-default);color:var(--color-text-brand);box-shadow:var(--shadow-xs)}.verad-badge{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:var(--radius-full);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide-1)}.verad-badge-neutral{background:var(--color-surface-muted);color:var(--color-text-secondary);border-color:var(--color-border-default)}.verad-badge-success{background:var(--color-success-bg);color:var(--color-success);border-color:#0c6b5829}.verad-badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#c4882e38}.verad-badge-danger{background:var(--color-error-bg);color:var(--color-error);border-color:#c0392b24}.verad-badge-info{background:var(--color-info-bg);color:var(--color-info);border-color:#2b6cb024}.verad-table-action{background:var(--color-surface-base);border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.verad-table-action:hover{background:var(--color-warning-bg);border-color:#c4882e29;color:var(--color-text-brand)}.verad-checkbox{accent-color:var(--color-gold-500)}.verad-table-wrap{overflow-x:auto;background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.verad-table{width:100%;border-collapse:collapse}.verad-table thead{background:color-mix(in srgb,var(--color-surface-subtle) 88%,white 12%);border-bottom:1px solid var(--color-border-default)}.verad-table th{padding:.875rem 1rem;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide-2);text-align:left;white-space:nowrap}.verad-table td{padding:.875rem 1rem;font-size:13px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.verad-table tbody tr{transition:var(--transition-default)}.verad-table tbody tr:hover{background:var(--color-warning-bg)}.verad-tabbar{display:flex;gap:.5rem;overflow-x:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-surface-muted);padding:.25rem}.verad-pagination-button{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-base);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);transition:var(--transition-default)}.verad-pagination-button:hover:not(:disabled){background:var(--color-warning-bg);border-color:#c4882e33;color:var(--color-text-brand)}.verad-pagination-button:disabled{opacity:.45;cursor:not-allowed}.custom-scrollbar,.verad-table-wrap,.table-container{scrollbar-color:var(--color-gold-400) var(--color-surface-subtle)}.custom-scrollbar::-webkit-scrollbar,.verad-table-wrap::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:10px;height:10px}.custom-scrollbar::-webkit-scrollbar-track,.verad-table-wrap::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:var(--color-surface-subtle);border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb,.verad-table-wrap::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-gold-300),var(--color-gold-500));border-radius:999px;border:2px solid var(--color-surface-subtle)}.custom-scrollbar::-webkit-scrollbar-thumb:hover,.verad-table-wrap::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-gold-400),var(--color-gold-600))}.verad-link-accent{color:var(--color-text-link);transition:var(--transition-fast)}.verad-link-accent:hover{color:var(--color-gold-700)}.verad-accent-surface{background:color-mix(in srgb,var(--color-warning-bg) 78%,white 22%);border:1px solid var(--color-border-brand-subtle);color:var(--color-text-brand)}.verad-accent-avatar{background:color-mix(in srgb,var(--color-warning-bg) 64%,white 36%);border:1px solid var(--color-border-brand-subtle);color:var(--color-gold-700)}.verad-tab-trigger{color:var(--color-text-muted);transition:var(--transition-default)}.verad-tab-trigger:hover{color:var(--color-text-primary)}.verad-tab-trigger-active{color:var(--color-text-brand)}.verad-tab-indicator{background:linear-gradient(90deg,var(--color-gold-500),var(--color-gold-700))}.verad-toggle-track-active{background:var(--color-gold-500)}.text-violet-400{color:var(--color-gold-300)!important}.text-violet-500,.text-violet-600,.hover\:text-violet-600:hover{color:var(--color-gold-500)!important}.text-violet-700,.hover\:text-violet-700:hover{color:var(--color-gold-700)!important}.bg-violet-50,.hover\:bg-violet-50:hover{background-color:color-mix(in srgb,var(--color-warning-bg) 78%,white 22%)!important}.bg-violet-100,.hover\:bg-violet-100:hover{background-color:color-mix(in srgb,var(--color-warning-bg) 60%,white 40%)!important}.bg-violet-600,.peer:checked~.peer-checked\:bg-violet-600{background-color:var(--color-gold-500)!important}.hover\:bg-violet-700:hover{background-color:var(--color-gold-700)!important}.bg-violet-600\/10{background-color:#c4882e1a!important}.bg-violet-500\/5,.bg-fuchsia-500\/5{background-color:#c4882e0d!important}.border-violet-200,.hover\:border-violet-200:hover{border-color:var(--color-border-brand-subtle)!important}.border-violet-500,.focus\:border-violet-500:focus{border-color:var(--color-border-brand)!important}.border-violet-500\/30{border-color:#c4882e4d!important}.border-violet-600{border-color:var(--color-gold-500)!important}.focus\:ring-violet-500:focus{--tw-ring-color: var(--color-border-focus) !important}.focus\:ring-violet-500\/10:focus{--tw-ring-color: var(--color-gold-glow-10) !important}.focus\:ring-violet-500\/20:focus,.ring-violet-500\/20{--tw-ring-color: var(--color-gold-glow-18) !important}.from-violet-600{--tw-gradient-from: var(--color-gold-500) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(196 136 46 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.to-indigo-700{--tw-gradient-to: var(--color-gold-700) var(--tw-gradient-to-position) !important}.shadow-violet-600\/20{--tw-shadow-color: rgba(196, 136, 46, .2) !important;--tw-shadow: var(--tw-shadow-colored) !important}.shadow-violet-200{--tw-shadow-color: rgba(196, 136, 46, .18) !important;--tw-shadow: var(--tw-shadow-colored) !important}
