@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.module{display:flex;flex-direction:column;gap:var(--space-20);max-width:960px}.module--wide{max-width:none}.module__title{margin:0;font-size:var(--text-h1);color:var(--text-primary)}.module__desc{margin:var(--space-4) 0 0;font-size:var(--text-body-sm);color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16);padding:var(--space-32);background:var(--surface-sunken);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-state__line{margin:0;font-size:var(--text-body);color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-12)}.stat{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-20);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.stat__value{font-size:var(--text-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums lining-nums}.stat__label{font-size:var(--text-body-sm);color:var(--text-secondary)}.attention__title{margin:0 0 var(--space-12);font-size:var(--text-h3);color:var(--text-primary)}.attention__list{display:flex;flex-direction:column;gap:var(--space-8)}.attention__clean{margin:0;font-size:var(--text-body-sm);color:var(--text-tertiary)}.dq-group{padding:var(--space-12) var(--space-16);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-md)}.dq-group__head{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.dq-group__icon{display:inline-flex;color:var(--status-warning-fg)}.dq-listview{display:flex;flex-direction:column;margin-top:var(--space-8);background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.dq-row{display:flex;align-items:baseline;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-12);text-align:left;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast)}.dq-row:last-child{border-bottom:0}.dq-row:hover{background:var(--surface-sunken)}.dq-row__title{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.dq-row__subtitle{font-size:var(--text-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums lining-nums}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.spotlight__mask{position:fixed;background:#0509118c;pointer-events:auto}.spotlight__ring{position:fixed;border:2px solid var(--action-primary);border-radius:var(--radius-md);box-shadow:0 0 0 4px var(--focus-ring);pointer-events:none}.spotlight__tip{position:fixed;z-index:2001;width:300px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.spotlight__tip--center{top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight__text{margin:0;font-size:var(--text-body-sm)}.entity{display:flex;flex-direction:column;gap:var(--space-16)}.entity__head{display:flex;align-items:center;gap:var(--space-16)}.entity__title{flex:1;margin:0;font-size:var(--text-h1);color:var(--text-primary)}.entity__actions{display:flex;gap:var(--space-8)}.entity__summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-8) var(--space-24)}.summary-item{display:inline-flex;align-items:baseline;gap:var(--space-6);font-size:var(--text-body-sm)}.summary-item__label{color:var(--text-tertiary)}.summary-item__value{font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums lining-nums}.entity__controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.entity__search{min-width:200px;height:var(--control-height-md);padding:0 var(--space-12);font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none}.entity__search:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.entity__spacer{flex:1}.entity__count{margin:0;font-size:var(--text-caption);color:var(--text-tertiary)}.btn.on{border-color:var(--border-focus);color:var(--text-link)}.control-label{font-size:var(--text-body-sm);color:var(--text-secondary)}.control-select,.control-input{height:var(--control-height-md);padding:0 var(--space-8);font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md)}.sort-control{display:flex;align-items:center;gap:var(--space-6)}.filter-builder{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.view-toggle{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.view-toggle__btn{width:var(--control-height-md);height:var(--control-height-md);border:none;background:var(--surface-canvas);color:var(--text-secondary);cursor:pointer;font-size:14px}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--border-default)}.view-toggle__btn.on{background:var(--surface-selected);color:var(--text-link)}.table-scroll{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.dtable{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--text-data)}.dtable th{position:relative;padding:var(--space-8) var(--space-12);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);font-size:var(--text-table-header);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);text-align:left}.dtable__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtable__resize{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize}.dtable__resize:hover{background:var(--border-focus);opacity:.4}.dtable td{padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtable tbody tr:last-child td{border-bottom:0}.dtable .numeric{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.cardview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-12)}.cardview__card{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-16);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.cardview__title{margin:0;font-size:var(--text-h3);color:var(--text-primary)}.cardview__subtitle{margin:0;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-tertiary)}.cardview__meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-4)}.cardview__chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:2px var(--space-8);font-size:var(--text-caption);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.cardview__chip-label{color:var(--text-tertiary)}.listview{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.listview__item{display:flex;align-items:baseline;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-subtle)}.listview__item:last-child{border-bottom:0}.listview__title{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.listview__subtitle{font-size:var(--text-caption);color:var(--text-tertiary)}.import-page{display:flex;flex-direction:column;gap:var(--space-24);max-width:640px}.import-page__back{align-self:flex-start;font-size:var(--text-body-sm);color:var(--text-secondary);text-decoration:none}.import-page__back:hover{color:var(--text-primary);text-decoration:none}.import-page__title{margin:var(--space-8) 0 0;font-size:var(--text-h1);color:var(--text-primary)}.import-page__intro{margin:var(--space-4) 0 0;font-size:var(--text-body);color:var(--text-secondary)}.importer{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.importer__step{display:flex;gap:var(--space-16);padding-bottom:var(--space-24)}.importer__step:not(:last-child) .importer__num:after{content:"";position:absolute;top:calc(100% + 4px);bottom:calc(-1 * var(--space-24) + 4px);left:50%;width:1px;background:var(--border-subtle)}.importer__num{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-default);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.importer__body{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-4)}.importer__step-title{margin:0;font-size:var(--text-h3);color:var(--text-primary)}.importer__step-desc{margin:0;font-size:var(--text-body-sm);color:var(--text-secondary)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-32);margin-top:var(--space-4);background:var(--surface-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.dropzone:hover{border-color:var(--action-primary);color:var(--text-primary)}.dropzone__line{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary)}.dropzone__hint{font-size:var(--text-caption);color:var(--text-tertiary)}.upload-progress{margin-top:var(--space-4)}.upload-progress__row{display:flex;justify-content:space-between;font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.upload-progress__pct{font-variant-numeric:tabular-nums lining-nums}.upload-progress__track{height:8px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden}.upload-progress__bar{height:100%;background:var(--action-primary);border-radius:var(--radius-full);transition:width 60ms linear}.upload-done{display:flex;align-items:center;gap:var(--space-16);margin-top:var(--space-4);padding:var(--space-16);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-lg)}.upload-done__icon{display:inline-flex;color:var(--status-success-fg)}.upload-done__count{margin:0;font-size:var(--text-h3);color:var(--text-primary)}.upload-done__file{margin:var(--space-2) 0 0;font-size:var(--text-caption);color:var(--text-tertiary)}.upload-done .btn{margin-left:auto}.chooser{min-height:100%;display:flex;flex-direction:column;background:var(--surface-chrome);color:var(--text-primary);font-family:var(--font-sans)}.chooser__bar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-24);border-bottom:1px solid var(--border-subtle)}.chooser__main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:var(--space-48) var(--space-24);display:flex;flex-direction:column;gap:var(--space-32)}.chooser__intro h1{margin:0;font-size:var(--text-display);letter-spacing:var(--tracking-tight)}.chooser__intro p{margin:var(--space-8) 0 0;max-width:560px;font-size:var(--text-body);color:var(--text-secondary)}.chooser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-16)}.flow-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding:var(--space-20);background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.flow-card:hover{border-color:var(--action-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.flow-card:hover .flow-card__title{color:var(--text-primary)}.flow-card__cta{display:inline-flex;align-items:center;gap:var(--space-4)}.flow-card:hover .flow-card__cta{gap:var(--space-8)}.flow-card__cta:after{content:"→"}.flow-card__title{margin:var(--space-4) 0 0;font-size:var(--text-h2);color:var(--text-primary)}.flow-card__desc{margin:0;font-size:var(--text-body-sm);color:var(--text-secondary)}.flow-card__cta{margin-top:var(--space-8);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-link)}:root{--neutral-0: oklch(1 0 0);--neutral-25: oklch(.993 .001 60);--neutral-50: oklch(.984 .002 60);--neutral-100: oklch(.968 .003 60);--neutral-150: oklch(.949 .004 60);--neutral-200: oklch(.923 .004 60);--neutral-300: oklch(.872 .005 60);--neutral-400: oklch(.732 .006 60);--neutral-500: oklch(.6 .006 60);--neutral-600: oklch(.492 .006 60);--neutral-700: oklch(.398 .005 60);--neutral-800: oklch(.29 .004 60);--neutral-900: oklch(.19 .003 60);--neutral-950: oklch(.14 .003 60);--primary-50: oklch(.962 .018 33);--primary-100: oklch(.922 .045 33);--primary-200: oklch(.862 .085 33);--primary-300: oklch(.775 .14 33);--primary-400: oklch(.685 .19 33);--primary-500: oklch(.605 .224 32);--primary-600: oklch(.545 .224 31);--primary-700: oklch(.47 .196 30);--primary-800: oklch(.39 .156 29);--primary-900: oklch(.32 .116 28);--secondary-50: oklch(.96 .02 252);--secondary-100: oklch(.922 .045 252);--secondary-200: oklch(.86 .075 252);--secondary-300: oklch(.76 .1 252);--secondary-400: oklch(.64 .115 252);--secondary-500: oklch(.575 .125 252);--secondary-600: oklch(.52 .12 252);--secondary-700: oklch(.435 .1 252);--secondary-800: oklch(.335 .085 254);--secondary-900: oklch(.275 .065 256);--success-50: oklch(.96 .028 150);--success-100: oklch(.918 .058 150);--success-200: oklch(.858 .09 150);--success-500: oklch(.6 .13 150);--success-600: oklch(.52 .12 150);--success-700: oklch(.44 .1 150);--warning-50: oklch(.972 .03 82);--warning-100: oklch(.935 .062 80);--warning-200: oklch(.882 .095 78);--warning-500: oklch(.8 .13 76);--warning-600: oklch(.72 .13 72);--warning-700: oklch(.56 .11 66);--error-50: oklch(.96 .02 30);--error-100: oklch(.918 .05 30);--error-200: oklch(.858 .095 31);--error-500: oklch(.59 .215 31);--error-600: oklch(.525 .215 30);--error-700: oklch(.45 .185 29);--info-50: var(--secondary-50);--info-100: var(--secondary-100);--info-200: var(--secondary-200);--info-500: var(--secondary-500);--info-600: var(--secondary-600);--info-700: var(--secondary-700);--brand: var(--primary-500);--brand-strong: var(--primary-600);--surface-page: var(--neutral-50);--surface-card: var(--neutral-0);--surface-sunken: var(--neutral-100);--surface-hover: var(--neutral-100);--surface-active: var(--neutral-150);--surface-selected:var(--secondary-50);--surface-inverse: var(--neutral-900);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-0);--text-link: var(--secondary-700);--text-brand: var(--primary-600);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-focus: var(--secondary-600);--action-primary: var(--secondary-600);--action-primary-hover: var(--secondary-700);--action-primary-active: var(--secondary-800);--action-primary-fg: var(--neutral-0);--action-destructive: var(--primary-500);--action-destructive-hover: var(--primary-600);--action-destructive-active: var(--primary-700);--action-destructive-fg: var(--neutral-0);--action-secondary-bg: var(--neutral-0);--action-secondary-hover: var(--neutral-100);--action-secondary-fg: var(--neutral-900);--action-secondary-border: var(--neutral-300);--disabled-bg: var(--neutral-150);--disabled-fg: var(--neutral-400);--disabled-border: var(--neutral-200);--focus-ring: oklch(.52 .12 252 / .4);--status-success-bg: var(--success-50);--status-success-fg: var(--success-700);--status-success-border: var(--success-200);--status-warning-bg: var(--warning-50);--status-warning-fg: var(--warning-700);--status-warning-border: var(--warning-200);--status-error-bg: var(--error-50);--status-error-fg: var(--error-700);--status-error-border: var(--error-200);--status-info-bg: var(--info-50);--status-info-fg: var(--info-700);--status-info-border: var(--info-200);--status-neutral-bg: var(--neutral-100);--status-neutral-fg: var(--neutral-700);--status-neutral-border: var(--neutral-200)}[data-theme=dark]{--brand: var(--primary-500);--brand-strong: var(--primary-600);--surface-page: var(--neutral-950);--surface-card: oklch(.205 .004 60);--surface-sunken: oklch(.17 .003 60);--surface-hover: oklch(.255 .004 60);--surface-active: oklch(.3 .004 60);--surface-selected:oklch(.32 .055 252);--surface-inverse: var(--neutral-50);--text-primary: oklch(.965 .002 60);--text-secondary: oklch(.76 .005 60);--text-tertiary: oklch(.62 .005 60);--text-disabled: oklch(.48 .004 60);--text-inverse: var(--neutral-950);--text-link: var(--secondary-300);--text-brand: var(--primary-500);--border-subtle: oklch(.29 .004 60);--border-default: oklch(.36 .005 60);--border-strong: oklch(.46 .006 60);--border-focus: var(--secondary-400);--action-primary: var(--secondary-500);--action-primary-hover: var(--secondary-400);--action-primary-active: var(--secondary-300);--action-primary-fg: var(--neutral-0);--action-destructive: var(--primary-500);--action-destructive-hover: var(--primary-400);--action-destructive-active: var(--primary-300);--action-destructive-fg: var(--neutral-0);--action-secondary-bg: oklch(.235 .004 60);--action-secondary-hover: oklch(.29 .004 60);--action-secondary-fg: oklch(.965 .002 60);--action-secondary-border: oklch(.4 .005 60);--disabled-bg: oklch(.255 .003 60);--disabled-fg: oklch(.47 .004 60);--disabled-border: oklch(.3 .003 60);--focus-ring: oklch(.64 .115 252 / .5);--status-success-bg: oklch(.3 .06 150);--status-success-fg: oklch(.88 .07 150);--status-success-border: oklch(.4 .08 150);--status-warning-bg: oklch(.32 .06 74);--status-warning-fg: oklch(.9 .08 82);--status-warning-border: oklch(.43 .08 72);--status-error-bg: oklch(.31 .08 30);--status-error-fg: oklch(.88 .07 32);--status-error-border: oklch(.43 .11 30);--status-info-bg: oklch(.32 .055 252);--status-info-fg: oklch(.88 .06 252);--status-info-border: oklch(.43 .08 252);--status-neutral-bg: oklch(.255 .004 60);--status-neutral-fg: oklch(.76 .005 60);--status-neutral-border: oklch(.36 .005 60)}:root{--font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-display: 30px;--text-h1: 24px;--text-h2: 18px;--text-h3: 15px;--text-body: 15px;--text-body-sm: 13px;--text-label: 13px;--text-data: 14px;--text-table-header: 12px;--text-caption: 12px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .06em;--numeric-tabular: "tnum" 1, "lnum" 1}:root{--space-0: 0;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--sidebar-width: 248px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--page-gutter: var(--space-24);--control-height-sm: 28px;--control-height-md: 36px;--control-height-lg: 44px;--table-row-height: 44px}:root{--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 999px;--shadow-xs: 0 1px 2px oklch(.2 .01 250 / .06);--shadow-sm: 0 1px 2px oklch(.2 .01 250 / .06), 0 1px 3px oklch(.2 .01 250 / .09);--shadow-md: 0 2px 4px oklch(.2 .01 250 / .06), 0 4px 10px oklch(.2 .01 250 / .08);--shadow-lg: 0 4px 8px oklch(.2 .01 250 / .06), 0 12px 28px oklch(.2 .01 250 / .12);--shadow-focus: 0 0 0 3px var(--focus-ring);--border-width: 1px;--border-hairline: 1px solid var(--border-subtle);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-fast: .12s var(--ease-standard);--transition-base: .18s var(--ease-standard)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--primary-800);text-decoration:underline}.tabular,[data-numeric]{font-family:var(--font-mono);font-feature-settings:var(--numeric-tabular);font-variant-numeric:tabular-nums lining-nums}::selection{background:var(--primary-100);color:var(--primary-900)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}:root{--surface-chrome: var(--neutral-50);--surface-canvas: var(--neutral-0)}[data-theme=dark]{--surface-chrome: oklch(.205 .004 60);--surface-canvas: var(--neutral-950)}html,body,#root{height:100%}body{background:var(--surface-chrome)}.app-shell{height:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"toolbar toolbar" "sidemenu canvas";background:var(--surface-chrome);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}.toolbar{grid-area:toolbar;height:100%;display:flex;align-items:center;gap:var(--space-16);padding:0 var(--space-16);background:var(--surface-chrome);border-bottom:1px solid var(--border-subtle)}.toolbar__group{display:flex;align-items:center;gap:var(--space-8);flex:none}.toolbar__search{flex:1;display:flex;justify-content:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-button svg{width:20px;height:20px}.logo-link{display:inline-flex;text-decoration:none;color:inherit}.logo{display:inline-flex;align-items:center;gap:var(--space-8)}.logo__mark{width:28px;height:28px;padding:0 7px;border-radius:5px;background:var(--brand);display:flex;flex-direction:column;justify-content:center;gap:2.4px;flex:none}.logo__mark span{height:2.9px;border-radius:1px;background:#fff}.logo__mark span:nth-child(1){width:100%}.logo__mark span:nth-child(2){width:64%;opacity:.72}.logo__mark span:nth-child(3){width:86%;opacity:.86}.logo__word{font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--text-primary);white-space:nowrap}.logo__word b{font-weight:var(--weight-bold);color:var(--text-brand)}.search{position:relative;width:100%;max-width:460px}.search__icon{position:absolute;left:var(--space-8);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.search__input{width:100%;height:var(--control-height-md);padding:0 var(--space-12) 0 var(--space-32);font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search__input::placeholder{color:var(--text-tertiary)}.search__input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.avatar{width:var(--control-height-md);height:var(--control-height-md);padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-active);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar svg{width:18px;height:18px}.side-menu{grid-area:sidemenu;width:var(--sidebar-width);height:100%;background:var(--surface-chrome);border-right:1px solid var(--border-subtle);overflow:hidden;transition:width var(--transition-base)}.side-menu[data-collapsed=true]{width:0;border-right:0}.side-menu__nav{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-12) var(--space-8)}.nav-item{display:flex;align-items:center;gap:var(--space-12);height:var(--control-height-md);padding:0 var(--space-8);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item--active{background:var(--surface-selected);color:var(--text-link)}.nav-item__icon{flex:none;width:20px;height:20px;display:inline-flex}.nav-item__icon svg{width:20px;height:20px}.nav-item__label{transition:opacity var(--transition-fast)}.side-menu[data-collapsed=true] .nav-item__label{opacity:0}.canvas-gutter{grid-area:canvas;padding:var(--space-8);min-width:0;min-height:0}.canvas{height:100%;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:auto;padding:var(--space-24)}.canvas__placeholder{color:var(--text-tertiary);font-size:var(--text-body-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--control-height-md);padding:0 var(--space-16);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{background:var(--disabled-bg);color:var(--disabled-fg);border-color:transparent;cursor:not-allowed}.btn--primary{background:var(--action-primary);color:var(--action-primary-fg)}.btn--primary:not(:disabled):hover{background:var(--action-primary-hover)}.btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--action-secondary-border)}.btn--secondary:not(:disabled):hover{background:var(--action-secondary-hover)}.badge{display:inline-flex;align-items:center;gap:var(--space-4);height:20px;padding:0 var(--space-8);border:1px solid;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap}.badge--success{background:var(--status-success-bg);color:var(--status-success-fg);border-color:var(--status-success-border)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning-fg);border-color:var(--status-warning-border)}.badge--error{background:var(--status-error-bg);color:var(--status-error-fg);border-color:var(--status-error-border)}.badge--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg);border-color:var(--status-neutral-border)}