:root{--oa-purple-900: #1c0a1c;--oa-purple-800: #2a0e29;--oa-purple-700: #361234;--oa-purple-600: #4a2148;--oa-purple-500: #5e355c;--oa-purple-400: #7c5778;--oa-purple-300: #a486a0;--oa-purple-200: #d2bfd0;--oa-purple-100: #ece2eb;--oa-purple-50: #f7f1f6;--oa-yellow-500: #FFF000;--oa-yellow-400: #FFF54d;--oa-yellow-300: #fff98a;--oa-yellow-100: #fffce0;--oa-beige-200: #d8d3c9;--oa-beige-100: #E8E4DE;--oa-beige-50: #f4f1ec;--oa-ink-900: #1a1418;--oa-ink-800: #2c2329;--oa-ink-700: #4a3f47;--oa-ink-600: #6b5e66;--oa-ink-500: #8a7e85;--oa-ink-400: #ada4aa;--oa-ink-300: #cdc6cb;--oa-ink-200: #e2dde0;--oa-ink-100: #efebed;--oa-ink-50: #f8f6f7;--oa-white: #ffffff;--oa-success-700: #1f6b3a;--oa-success-500: #2f9655;--oa-success-100: #e3f3e9;--oa-warning-700: #8a5a00;--oa-warning-500: #c98a14;--oa-warning-100: #fbf0d6;--oa-danger-700: #8e1f25;--oa-danger-500: #c4323a;--oa-danger-100: #f8e1e3;--oa-info-700: #1f4e7a;--oa-info-500: #2f78b5;--oa-info-100: #dfecf7;--color-bg-page: var(--oa-beige-50);--color-bg-surface: var(--oa-white);--color-bg-panel: var(--oa-beige-100);--color-bg-subtle: var(--oa-ink-100);--color-bg-inverse: var(--oa-purple-700);--color-text-primary: var(--oa-purple-700);--color-text-secondary: var(--oa-ink-600);--color-text-muted: var(--oa-ink-500);--color-text-inverse: var(--oa-white);--color-text-on-yellow: var(--oa-purple-700);--color-text-link: var(--oa-purple-700);--color-border-subtle: var(--oa-ink-200);--color-border-default: var(--oa-ink-300);--color-border-strong: var(--oa-purple-700);--color-border-focus: var(--oa-purple-700);--color-accent: var(--oa-yellow-500);--color-accent-hover: var(--oa-yellow-400);--color-action-primary: var(--oa-purple-700);--color-action-primary-hover: var(--oa-purple-800);--color-action-primary-active: var(--oa-purple-900);--font-display: "Playfair Display", "GT Sectra Fine", Georgia, "Times New Roman", serif;--font-editorial: "Source Serif 4", "Capitolium2", Georgia, serif;--font-ui: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-loose: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-11: 64px;--space-12: 80px;--space-13: 120px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--shadow-xs: 0 1px 2px rgba(54, 18, 52, .06);--shadow-sm: 0 1px 3px rgba(54, 18, 52, .08), 0 1px 2px rgba(54, 18, 52, .04);--shadow-md: 0 4px 12px rgba(54, 18, 52, .1), 0 2px 4px rgba(54, 18, 52, .05);--shadow-lg: 0 12px 32px rgba(54, 18, 52, .14), 0 4px 8px rgba(54, 18, 52, .06);--shadow-focus: 0 0 0 3px rgba(255, 240, 0, .55);--shadow-focus-ring: 0 0 0 2px var(--oa-white), 0 0 0 4px var(--oa-purple-700);--container-narrow: 720px;--container: 1100px;--container-wide: 1300px;--container-full: 100%;--sidebar-width: 240px;--topbar-height: 56px;--motion-fast: .12s cubic-bezier(.2, 0, .2, 1);--motion-base: .18s cubic-bezier(.2, 0, .2, 1);--motion-slow: .28s cubic-bezier(.2, 0, .2, 1);--z-base: 1;--z-sticky: 100;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100}[data-theme=dark]{--color-bg-page: #14070f;--color-bg-surface: #1d0e1b;--color-bg-panel: #261523;--color-bg-subtle: #2c1a2a;--color-bg-inverse: #f7f1f6;--color-text-primary: #f4ecf2;--color-text-secondary: #c2b3bf;--color-text-muted: #978593;--color-text-inverse: var(--oa-purple-700);--color-text-link: var(--oa-yellow-500);--color-border-subtle: #3a253a;--color-border-default: #533a52;--color-border-strong: var(--oa-yellow-500);--color-border-focus: var(--oa-yellow-500);--color-action-primary: var(--oa-yellow-500);--color-action-primary-hover: var(--oa-yellow-400);--color-action-primary-active: var(--oa-yellow-300);--color-text-on-yellow: var(--oa-purple-700)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:var(--weight-bold);margin:0;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}p{margin:0}a{color:var(--color-text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration-thickness:2px}button{font-family:inherit}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--oa-yellow-500);color:var(--oa-purple-700)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.oa-diagonal{position:absolute;background:var(--oa-yellow-500);transform:skew(-15deg);pointer-events:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--oa-ink-300);border-radius:var(--radius-xs)}*::-webkit-scrollbar-track{background:transparent}.oa-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-6);height:36px;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);border:1px solid transparent;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.oa-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oa-btn:disabled,.oa-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.oa-btn--sm{height:28px;padding:0 var(--space-5);font-size:var(--text-sm)}.oa-btn--lg{height:44px;padding:0 var(--space-7);font-size:var(--text-md)}.oa-btn--primary{background:var(--color-action-primary);color:var(--color-text-inverse);border-color:var(--color-action-primary)}.oa-btn--primary:hover{background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.oa-btn--primary:active{background:var(--color-action-primary-active)}.oa-btn--accent{background:var(--oa-yellow-500);color:var(--oa-purple-700);border-color:var(--oa-yellow-500);font-style:italic;font-weight:var(--weight-bold)}.oa-btn--accent:hover{background:var(--oa-yellow-400);border-color:var(--oa-yellow-400)}.oa-btn--parallelogram{background:var(--oa-yellow-500);color:var(--oa-purple-700);border:none;border-radius:0;font-style:italic;font-weight:var(--weight-bold);padding:0 var(--space-8);height:44px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.oa-btn--parallelogram:hover{background:var(--oa-yellow-400)}.oa-btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.oa-btn--secondary:hover{background:var(--oa-beige-100);border-color:var(--color-border-strong)}.oa-btn--ghost{background:transparent;color:var(--color-text-primary);border-color:transparent}.oa-btn--ghost:hover{background:var(--oa-ink-100)}.oa-btn--danger{background:var(--oa-danger-500);color:var(--oa-white);border-color:var(--oa-danger-500)}.oa-btn--danger:hover{background:var(--oa-danger-700);border-color:var(--oa-danger-700)}.oa-btn--danger-ghost{background:transparent;color:var(--oa-danger-700);border-color:transparent}.oa-btn--danger-ghost:hover{background:var(--oa-danger-100)}.oa-btn--icon{width:36px;height:36px;padding:0}.oa-btn--icon.oa-btn--sm{width:28px;height:28px}.oa-field{display:flex;flex-direction:column;gap:var(--space-3)}.oa-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.oa-label--required:after{content:" *";color:var(--oa-danger-500);font-weight:var(--weight-bold)}.oa-help{font-size:var(--text-sm);color:var(--color-text-muted)}.oa-error{font-size:var(--text-sm);color:var(--oa-danger-700);display:flex;align-items:center;gap:var(--space-2)}.oa-input,.oa-select,.oa-textarea{width:100%;height:36px;padding:0 var(--space-5);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.oa-input::placeholder,.oa-textarea::placeholder{color:var(--oa-ink-400)}.oa-input:hover,.oa-select:hover,.oa-textarea:hover{border-color:var(--oa-ink-500)}.oa-input:focus,.oa-select:focus,.oa-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.oa-input[aria-invalid=true],.oa-textarea[aria-invalid=true]{border-color:var(--oa-danger-500)}.oa-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--oa-danger-100)}.oa-input:disabled,.oa-select:disabled,.oa-textarea:disabled{background:var(--oa-ink-100);color:var(--oa-ink-500);cursor:not-allowed}.oa-textarea{height:auto;min-height:96px;padding:var(--space-4) var(--space-5);resize:vertical;line-height:var(--leading-snug)}.oa-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23361234' stroke-width='1.5' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-5) center;padding-right:var(--space-9)}.oa-input-group{display:flex;align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-xs);background:var(--color-bg-surface);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.oa-input-group:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.oa-input-group .oa-input{border:none;box-shadow:none;background:transparent;flex:1}.oa-input-group .oa-input:focus{box-shadow:none}.oa-input-group__addon{display:flex;align-items:center;justify-content:center;padding:0 var(--space-4);height:100%;color:var(--color-text-muted)}.oa-checkbox,.oa-radio{display:inline-flex;align-items:flex-start;gap:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-base);line-height:var(--leading-snug)}.oa-checkbox input,.oa-radio input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:16px;height:16px;margin-top:2px;border:1.5px solid var(--color-border-default);background:var(--color-bg-surface);cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast);display:inline-flex;align-items:center;justify-content:center}.oa-checkbox input{border-radius:var(--radius-xs)}.oa-radio input{border-radius:50%}.oa-checkbox input:hover,.oa-radio input:hover{border-color:var(--oa-purple-700)}.oa-checkbox input:focus-visible,.oa-radio input:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.oa-checkbox input:checked{background:var(--oa-purple-700) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 4l3 3 5-6'/%3E%3C/svg%3E") center/10px no-repeat;border-color:var(--oa-purple-700)}.oa-radio input:checked{border-color:var(--oa-purple-700);background:radial-gradient(circle,var(--oa-purple-700) 0 4px,var(--color-bg-surface) 5px 100%)}.oa-toggle{display:inline-flex;align-items:center;gap:var(--space-4);cursor:pointer}.oa-toggle input{position:absolute;opacity:0;pointer-events:none}.oa-toggle__track{width:36px;height:20px;background:var(--oa-ink-300);border-radius:10px;position:relative;transition:background var(--motion-fast)}.oa-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--oa-white);border-radius:50%;transition:transform var(--motion-fast);box-shadow:var(--shadow-xs)}.oa-toggle input:checked+.oa-toggle__track{background:var(--oa-purple-700)}.oa-toggle input:checked+.oa-toggle__track:after{transform:translate(16px)}.oa-toggle input:focus-visible+.oa-toggle__track{box-shadow:var(--shadow-focus)}.oa-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:var(--space-7)}.oa-card--panel{background:var(--color-bg-panel);border-color:var(--oa-beige-200)}.oa-card--inverse{background:var(--oa-purple-700);color:var(--oa-white);border-color:var(--oa-purple-700)}.oa-card--clipped{border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.oa-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.oa-card__divider{height:1px;background:var(--color-border-subtle);margin:var(--space-5) calc(var(--space-7) * -1)}.oa-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-4);height:22px;font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.oa-badge--neutral{background:var(--oa-ink-100);color:var(--oa-ink-700)}.oa-badge--purple{background:var(--oa-purple-100);color:var(--oa-purple-700)}.oa-badge--success{background:var(--oa-success-100);color:var(--oa-success-700)}.oa-badge--warning{background:var(--oa-warning-100);color:var(--oa-warning-700)}.oa-badge--danger{background:var(--oa-danger-100);color:var(--oa-danger-700)}.oa-badge--info{background:var(--oa-info-100);color:var(--oa-info-700)}.oa-badge--accent{background:var(--oa-yellow-500);color:var(--oa-purple-700)}.oa-badge--dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.oa-tag{display:inline-flex;align-items:center;gap:var(--space-3);padding:4px var(--space-4);background:var(--oa-beige-100);color:var(--oa-purple-700);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium)}.oa-tag__close{background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.6;display:inline-flex;align-items:center}.oa-tag__close:hover{opacity:1}.oa-table-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);overflow:hidden}.oa-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.oa-table thead th{text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);background:var(--oa-beige-50);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.oa-table tbody td{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.oa-table tbody tr:last-child td{border-bottom:none}.oa-table tbody tr:hover{background:var(--oa-beige-50)}.oa-table tbody tr[aria-selected=true]{background:var(--oa-yellow-100)}.oa-table--zebra tbody tr:nth-child(2n){background:var(--oa-ink-50)}.oa-table--compact thead th,.oa-table--compact tbody td{padding:var(--space-3) var(--space-5)}.oa-th-sort{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit}.oa-th-sort:hover{color:var(--color-text-primary)}.oa-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.oa-tab{padding:var(--space-4) var(--space-5);background:none;border:none;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--motion-fast),border-color var(--motion-fast)}.oa-tab:hover{color:var(--color-text-primary)}.oa-tab[aria-selected=true]{color:var(--color-text-primary);border-bottom-color:var(--oa-yellow-500)}.oa-breadcrumb{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.oa-breadcrumb a{color:inherit;text-decoration:none}.oa-breadcrumb a:hover{color:var(--color-text-primary)}.oa-breadcrumb__sep{opacity:.5}.oa-breadcrumb__current{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.oa-sidebar{width:var(--sidebar-width);background:var(--oa-purple-700);color:var(--oa-white);display:flex;flex-direction:column;flex-shrink:0}.oa-sidebar__brand{padding:var(--space-6) var(--space-6) var(--space-7);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.oa-sidebar__brand-mark{width:28px;height:28px;background:var(--oa-yellow-500);transform:rotate(45deg);flex-shrink:0}.oa-sidebar__brand-text{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);line-height:1.1}.oa-sidebar__brand-text small{display:block;font-family:var(--font-ui);font-weight:var(--weight-regular);font-size:var(--text-xs);opacity:.7;margin-top:2px}.oa-sidebar__section{padding:var(--space-6) var(--space-4) var(--space-3);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.55;font-weight:var(--weight-semibold)}.oa-sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-4)}.oa-nav-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:#ffffffc7;text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-xs);border-left:2px solid transparent;transition:background var(--motion-fast),color var(--motion-fast);cursor:pointer}.oa-nav-item:hover{background:#ffffff0f;color:var(--oa-white)}.oa-nav-item[aria-current=page]{background:#fff0001a;color:var(--oa-white);border-left-color:var(--oa-yellow-500)}.oa-nav-item__icon{width:18px;height:18px;flex:none;opacity:.85}.oa-nav-item__count{margin-left:auto;background:#ffffff1f;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px var(--space-3);border-radius:8px}.oa-sidebar__user{margin-top:auto;padding:var(--space-5) var(--space-6);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.oa-topbar{height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;padding:0 var(--space-8);gap:var(--space-6)}.oa-topbar__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg)}.oa-topbar__spacer{flex:1}.oa-avatar{width:32px;height:32px;border-radius:50%;background:var(--oa-yellow-500);color:var(--oa-purple-700);font-weight:var(--weight-bold);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.oa-avatar--sm{width:24px;height:24px;font-size:var(--text-xs)}.oa-avatar--lg{width:44px;height:44px;font-size:var(--text-md)}.oa-alert{display:flex;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-left:3px solid var(--oa-purple-700);border-radius:var(--radius-xs);align-items:flex-start}.oa-alert--success{border-left-color:var(--oa-success-500);background:var(--oa-success-100)}.oa-alert--warning{border-left-color:var(--oa-warning-500);background:var(--oa-warning-100)}.oa-alert--danger{border-left-color:var(--oa-danger-500);background:var(--oa-danger-100)}.oa-alert--info{border-left-color:var(--oa-info-500);background:var(--oa-info-100)}.oa-alert__icon{flex:none;margin-top:2px}.oa-alert__title{font-weight:var(--weight-semibold);margin-bottom:2px}.oa-alert__body{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.oa-toast{background:var(--oa-purple-700);color:var(--oa-white);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xs);display:flex;align-items:center;gap:var(--space-5);box-shadow:var(--shadow-lg);min-width:320px;border-left:3px solid var(--oa-yellow-500)}.oa-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c0a1c8c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-7)}.oa-modal{background:var(--color-bg-surface);border-radius:var(--radius-xs);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.oa-modal__header{padding:var(--space-7) var(--space-7) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.oa-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.oa-modal__body{padding:var(--space-6) var(--space-7);overflow:auto}.oa-modal__footer{padding:var(--space-5) var(--space-7);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--space-4);background:var(--oa-beige-50)}@keyframes oa-pulse{0%,to{opacity:.5}50%{opacity:.85}}.oa-skeleton{background:var(--oa-ink-200);border-radius:var(--radius-xs);animation:oa-pulse 1.4s ease-in-out infinite}@keyframes oa-spin{to{transform:rotate(360deg)}}.oa-spinner{width:20px;height:20px;border:2px solid var(--oa-ink-200);border-top-color:var(--oa-purple-700);border-radius:50%;animation:oa-spin .8s linear infinite;display:inline-block}.oa-progress{height:6px;background:var(--oa-ink-100);border-radius:var(--radius-xs);overflow:hidden}.oa-progress__bar{height:100%;background:var(--oa-purple-700);transition:width var(--motion-base)}.oa-divider{height:1px;background:var(--color-border-subtle);border:none;margin:var(--space-7) 0}.oa-kbd{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;padding:2px var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-bottom-width:2px;border-radius:var(--radius-xs);color:var(--color-text-secondary)}.oa-stat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-7);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);position:relative;overflow:hidden}.oa-stat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);font-weight:var(--weight-semibold)}.oa-stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1;color:var(--color-text-primary)}.oa-stat__delta{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.oa-stat__delta--up{color:var(--oa-success-700)}.oa-stat__delta--down{color:var(--oa-danger-700)}.portal{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page)}.portal-topbar{height:64px;background:var(--oa-white);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;padding:0 32px;gap:16px;flex-shrink:0}.portal-topbar__brand{display:flex;align-items:center;gap:12px;flex:1}.portal-topbar__brand-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.1}.portal-topbar__brand-sub{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:.02em}.portal-topbar__user{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 12px;border:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--motion-fast)}.portal-topbar__user:hover{background:var(--oa-beige-50)}.portal-topbar__user-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.portal-topbar__user-name{font-size:13px;font-weight:500;white-space:nowrap}.portal-topbar__user-role{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.portal-hero{background:var(--oa-purple-700);color:var(--oa-white);position:relative;overflow:hidden}.portal-hero__inner{max-width:1200px;margin:0 auto;padding:56px 48px 48px;position:relative;z-index:1}.portal-hero__shape{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.portal-hero__shape svg{display:block;width:100%;height:100%}.portal-hero__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--oa-yellow-500);font-weight:600;margin-bottom:14px}.portal-hero__title{font-family:var(--font-display);font-size:44px;line-height:1.1;letter-spacing:-.02em;font-weight:400;margin-bottom:14px;color:var(--oa-white);max-width:720px}.portal-hero__title em{font-style:italic;color:var(--oa-yellow-500);font-weight:700}.portal-hero__lede{font-family:var(--font-editorial);font-size:17px;line-height:1.5;color:#ffffffc7;max-width:560px}.portal-main{max-width:1200px;margin:0 auto;padding:48px;width:100%;flex:1}.portal-section{margin-bottom:48px}.portal-section:last-child{margin-bottom:0}.portal-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:24px}.portal-section__title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em}.portal-section__count{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-grid--list{grid-template-columns:1fr;gap:8px}.portal-card{position:relative;display:flex;align-items:flex-start;gap:18px;padding:22px;background:var(--oa-white);border:1px solid var(--color-border-subtle);text-decoration:none;color:var(--color-text-primary);transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-base);cursor:pointer}.portal-card:hover{border-color:var(--oa-purple-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.portal-card:hover .portal-card__arrow{transform:translate(4px)}.portal-card__icon{flex-shrink:0}.portal-card__body{flex:1;min-width:0}.portal-card__name{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2;margin-bottom:6px;letter-spacing:-.01em;padding-right:56px}.portal-card__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:12px}.portal-card__meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.02em}.portal-card__meta-dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.4}.portal-card__arrow{position:absolute;top:22px;right:22px;color:var(--color-text-muted);transition:transform var(--motion-fast)}.portal-card:hover .portal-card__arrow{color:var(--oa-purple-700)}.portal-card__fav{position:absolute;top:22px;right:50px;background:none;border:none;cursor:pointer;padding:4px;color:var(--color-text-muted);display:flex;opacity:0;transition:opacity var(--motion-fast),color var(--motion-fast)}.portal-card:hover .portal-card__fav{opacity:1}.portal-card__fav.is-active{opacity:1;color:var(--oa-yellow-500)}.portal-card__fav.is-active svg{fill:var(--oa-yellow-500)}.portal-card--list{align-items:center;padding:14px 18px}.portal-card--list .portal-card__icon{width:40px}.portal-card--list .portal-card__name{font-size:15px;margin-bottom:2px}.portal-card--list .portal-card__desc{margin-bottom:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-recent{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.portal-recent__item{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--oa-white);border:1px solid var(--color-border-subtle);text-decoration:none;color:inherit;flex-shrink:0;transition:border-color var(--motion-fast)}.portal-recent__item:hover{border-color:var(--oa-purple-700)}.portal-recent__name{font-size:13px;font-weight:500}.portal-recent__time{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.portal-trust{margin-top:8px;padding:24px;background:var(--oa-beige-100);border:1px solid var(--color-border-subtle);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portal-trust__item{display:flex;flex-direction:column;gap:6px}.portal-trust__label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.portal-trust__value{font-size:13px;color:var(--color-text-primary);line-height:1.45}.portal-trust__value strong{font-weight:600}.portal-footer{margin-top:auto;padding:24px 48px;border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.portal-footer__links{display:flex;gap:20px}.portal-footer__links a{color:var(--color-text-muted);text-decoration:none}.portal-footer__links a:hover{color:var(--oa-purple-700)}.portal--compact .portal-hero{display:none}.portal--compact .portal-greeting{padding:32px 48px 0;max-width:1200px;margin:0 auto;width:100%}.portal--compact .portal-greeting__title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.portal--compact .portal-greeting__sub{font-size:14px;color:var(--color-text-secondary)}.portal--editorial .portal-hero__title{font-size:64px;line-height:1.02}.portal--editorial .portal-hero__inner{padding:80px 48px 64px}@media(max-width:900px){.portal-grid{grid-template-columns:repeat(2,1fr)}.portal-hero__title{font-size:32px}.portal-hero__inner,.portal-main{padding:32px 24px}}@media(max-width:600px){.portal-grid,.portal-trust{grid-template-columns:1fr}}@media(max-width:640px){.portal-topbar{padding:0 16px;gap:8px}.portal-topbar__user-meta,.portal-topbar__brand-sub,.portal-hero__shape{display:none}.portal-footer{flex-direction:column;gap:12px;padding:20px 24px;text-align:center}.portal-footer__links{flex-wrap:wrap;justify-content:center;gap:8px 16px}}