:root,[data-theme=graphite]{--mf-surface-container-lowest:#0e0e0e;--mf-surface:#141414;--mf-surface-dim:#141414;--mf-surface-container-low:#1b1b1b;--mf-surface-container:#1f1f1f;--mf-surface-container-high:#2a2a2a;--mf-surface-container-highest:#343434;--mf-surface-bright:#3a3a3a;--mf-surface-variant:#343434;--mf-on-surface:#e2e2e2;--mf-on-surface-variant:#c6c6c6;--mf-inverse-surface:#e2e2e2;--mf-inverse-on-surface:#2e2e2e;--mf-outline:#919191;--mf-outline-variant:#474747;--mf-primary:#d4d4d4;--mf-on-primary:#2c2c2c;--mf-primary-container:#4b4b4b;--mf-on-primary-container:#d7d7d7;--mf-inverse-primary:#a0a0a0;--mf-surface-tint:#d4d4d4;--mf-primary-fixed:#e2e2e2;--mf-primary-fixed-dim:#cccccc;--mf-on-primary-fixed:#1f1f1f;--mf-on-primary-fixed-variant:#525252;--mf-primary-action:#eeeeee;--mf-on-primary-action:#1b1b1b;--mf-primary-glow:#ffffff1a;--mf-secondary:#c6c6c6;--mf-on-secondary:#3b3b3b;--mf-secondary-container:#595959;--mf-on-secondary-container:#cccccc;--mf-secondary-fixed:#dddddd;--mf-secondary-fixed-dim:#c6c6c6;--mf-on-secondary-fixed:#242424;--mf-on-secondary-fixed-variant:#595959;--mf-tertiary:#ffb59e;--mf-on-tertiary:#5e1800;--mf-tertiary-container:#932a00;--mf-on-tertiary-container:#ffae94;--mf-tertiary-fixed:#ffdbd0;--mf-tertiary-fixed-dim:#ffb59e;--mf-on-tertiary-fixed:#3a0b00;--mf-on-tertiary-fixed-variant:#842500;--mf-error:#ffb4ab;--mf-on-error:#690005;--mf-error-container:#93000a;--mf-on-error-container:#ffdad6;--mf-success:#a7d1ae;--mf-on-success:#1c3622;--mf-success-container:#315338;--mf-on-success-container:#b5dbbb;--mf-glass-fill:#ffffff0f;--mf-glass-border:#ffffff1a;--mf-glass-fill-bright:#ffffff14;--mf-glass-border-bright:#ffffff26}[data-theme=slate]{--mf-surface-container-lowest:#0d0f11;--mf-surface:#121416;--mf-surface-dim:#121416;--mf-surface-container-low:#1a1c1e;--mf-surface-container:#1e2022;--mf-surface-container-high:#272a2d;--mf-surface-container-highest:#323539;--mf-surface-bright:#363a3e;--mf-surface-variant:#323539;--mf-on-surface:#dbe3ee;--mf-on-surface-variant:#bfc7d0;--mf-inverse-surface:#dbe3ee;--mf-inverse-on-surface:#2c2e32;--mf-outline:#8b9299;--mf-outline-variant:#43474c;--mf-primary:#cfd5dd;--mf-on-primary:#2b2c2e;--mf-primary-container:#474c52;--mf-on-primary-container:#d1d8e0;--mf-inverse-primary:#90a2b7;--mf-surface-tint:#cfd5dd;--mf-primary-fixed:#dee3e9;--mf-primary-fixed-dim:#c8ccd2;--mf-on-primary-fixed:#1e2021;--mf-on-primary-fixed-variant:#4f5357;--mf-primary-action:#606e7f;--mf-on-primary-action:#ffffff;--mf-primary-glow:#606e7f73;--mf-secondary:#c2c7cd;--mf-on-secondary:#3a3b3e;--mf-secondary-container:#575a5e;--mf-on-secondary-container:#c8ccd2;--mf-secondary-fixed:#dadde1;--mf-secondary-fixed-dim:#c2c7cd;--mf-on-secondary-fixed:#232425;--mf-on-secondary-fixed-variant:#575a5e;--mf-tertiary:#ffb59e;--mf-on-tertiary:#5e1800;--mf-tertiary-container:#932a00;--mf-on-tertiary-container:#ffae94;--mf-tertiary-fixed:#ffdbd0;--mf-tertiary-fixed-dim:#ffb59e;--mf-on-tertiary-fixed:#3a0b00;--mf-on-tertiary-fixed-variant:#842500;--mf-error:#ffb4ab;--mf-on-error:#690005;--mf-error-container:#93000a;--mf-on-error-container:#ffdad6;--mf-success:#a7d1ae;--mf-on-success:#1c3622;--mf-success-container:#315338;--mf-on-success-container:#b5dbbb;--mf-glass-fill:#ffffff0f;--mf-glass-border:#ffffff1a;--mf-glass-fill-bright:#ffffff14;--mf-glass-border-bright:#ffffff26}[data-theme=stone]{--mf-surface-container-lowest:#100e0c;--mf-surface:#151311;--mf-surface-dim:#151311;--mf-surface-container-low:#1d1b19;--mf-surface-container:#221f1d;--mf-surface-container-high:#2c2926;--mf-surface-container-highest:#373431;--mf-surface-bright:#3d3936;--mf-surface-variant:#373431;--mf-on-surface:#eae1d8;--mf-on-surface-variant:#cdc5bd;--mf-inverse-surface:#eae1d8;--mf-inverse-on-surface:#312e2b;--mf-outline:#979089;--mf-outline-variant:#4a4642;--mf-primary:#dad3cd;--mf-on-primary:#2e2c2a;--mf-primary-container:#504a45;--mf-on-primary-container:#ddd6cf;--mf-inverse-primary:#b5a391;--mf-surface-tint:#dad3cd;--mf-primary-fixed:#e7e1dc;--mf-primary-fixed-dim:#d0cbc6;--mf-on-primary-fixed:#211f1e;--mf-on-primary-fixed-variant:#56524e;--mf-primary-action:#efe7dd;--mf-on-primary-action:#231f1a;--mf-primary-glow:#efe7dd1a;--mf-secondary:#cbc6c1;--mf-on-secondary:#3d3b39;--mf-secondary-container:#5c5956;--mf-on-secondary-container:#d0cbc6;--mf-secondary-fixed:#e0dcd9;--mf-secondary-fixed-dim:#cbc6c1;--mf-on-secondary-fixed:#252322;--mf-on-secondary-fixed-variant:#5c5956;--mf-tertiary:#ffb59e;--mf-on-tertiary:#5e1800;--mf-tertiary-container:#932a00;--mf-on-tertiary-container:#ffae94;--mf-tertiary-fixed:#ffdbd0;--mf-tertiary-fixed-dim:#ffb59e;--mf-on-tertiary-fixed:#3a0b00;--mf-on-tertiary-fixed-variant:#842500;--mf-error:#ffb4ab;--mf-on-error:#690005;--mf-error-container:#93000a;--mf-on-error-container:#ffdad6;--mf-success:#a7d1ae;--mf-on-success:#1c3622;--mf-success-container:#315338;--mf-on-success-container:#b5dbbb;--mf-glass-fill:#ffffff0f;--mf-glass-border:#ffffff1a;--mf-glass-fill-bright:#ffffff14;--mf-glass-border-bright:#ffffff26}:root{--bg:var(--mf-surface-container-lowest);--surface:var(--mf-surface-container-low);--surface-2:var(--mf-surface-container-high);--surface-3:var(--mf-surface-container-highest);--border:var(--mf-outline-variant);--text:var(--mf-on-surface);--text-dim:var(--mf-on-surface-variant);--text-faint:var(--mf-outline);--action:var(--mf-primary-action);--on-action:var(--mf-on-primary-action);--focus:var(--mf-inverse-primary);--ok:var(--mf-success);--warn:var(--mf-tertiary);--danger:var(--mf-error);--radius:10px;--radius-sm:6px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:background-color .16s ease,color .16s ease}a{color:inherit;text-decoration:none}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.mf-shell{display:flex;min-height:100vh}.mf-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.mf-brand{font-weight:700;font-size:16px;padding:0 10px 18px;letter-spacing:-.01em}.mf-badge-env{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--surface-3);color:var(--text-dim);margin-left:6px;vertical-align:middle}.mf-nav-link{padding:8px 10px;border-radius:var(--radius);color:var(--text-dim);font-weight:500;transition:background-color .12s ease,color .12s ease}.mf-nav-link:hover,.mf-nav-link[data-active=true]{background:var(--surface-2);color:var(--text)}.mf-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.mf-topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:var(--surface)}.mf-content{padding:24px;flex:1 1}.mf-page-title{font-size:20px;font-weight:650;margin:0 0 4px}.mf-page-desc{color:var(--text-dim);margin:0 0 20px}.mf-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mf-table{width:100%;border-collapse:collapse}.mf-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);padding:10px 14px;font-weight:600}.mf-table td,.mf-table th{border-bottom:1px solid var(--border)}.mf-table td{padding:12px 14px}.mf-table tr:last-child td{border-bottom:none}.mf-table tbody tr:hover{background:var(--surface-2)}.mf-table td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mf-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.mf-tag[data-tone=ok]{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.mf-tag[data-tone=warn]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.mf-tag[data-tone=danger]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.mf-input,.mf-select{width:100%;padding:9px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit}.mf-input::placeholder{color:var(--text-faint)}.mf-input:focus,.mf-select:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:transparent}.mf-input[type=file]{padding:7px 10px}.mf-button{padding:9px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.mf-button:hover{background:var(--surface-3)}.mf-button[data-variant=primary]{background:var(--action);color:var(--on-action);border-color:transparent}.mf-button[data-variant=primary]:hover{filter:brightness(.94)}.mf-button[data-variant=ghost]{background:transparent}.mf-button[data-variant=ghost]:hover{background:var(--surface-2)}.mf-button[data-variant=danger]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:transparent}.mf-button[data-variant=danger]:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.mf-table .mf-button{padding:4px 10px;font-size:12px}.mf-button:disabled{opacity:.5;cursor:not-allowed}.mf-error{padding:10px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.mf-empty{padding:48px 24px;text-align:center;color:var(--text-dim)}.mf-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.mf-login-card{width:100%;max-width:360px}.mf-field{margin-bottom:14px}.mf-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.mf-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.mf-muted{color:var(--text-dim)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}