:root{color-scheme:light;--bg: #f5f6f8;--fg: #1c2430;--muted: #67707e;--accent: #1f5eae;--surface: #ffffff;--line: #e3e6ea;--good: #1e7d43;--good-tint: #e2f2e8;--bad: #b3261e;--bad-tint: #f8e3e2;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem;padding-inline:1.5rem;background:var(--surface);border-block-end:1px solid var(--line)}.app-title{font-weight:700;font-size:1.1rem}.app-header-actions{display:flex;align-items:center;gap:.75rem}.app-user{color:var(--muted);font-size:.875rem}.quick-search{position:relative;flex:1;max-width:20rem}.quick-search input{width:100%;padding:.35rem .6rem;background:var(--surface);color:var(--fg);border:1px solid #c9ced6;border-radius:6px}.quick-search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.quick-search-list{position:absolute;inset-inline:0;inset-block-start:calc(100% + 4px);margin:0;padding:.25rem;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px #1c243014;z-index:10}.quick-search-list [role=option]{padding:.35rem .6rem;border-radius:6px;cursor:pointer}.quick-search-list [role=option][aria-selected=true]{background:#1f5eae1a;color:var(--accent)}.quick-search-empty{color:var(--muted);font-style:italic;cursor:default}.user-picker{position:relative;min-width:18rem}.user-picker input{width:100%}.user-picker .option-sub{display:block;color:var(--muted);font-size:.8rem}.user-picker [role=option][aria-selected=true] .option-sub{color:inherit}.entity-id{display:block;color:var(--muted);font-size:.75rem;-webkit-user-select:all;user-select:all}.app-main{max-width:1100px;margin-inline:auto;padding-inline:1.5rem;padding-block:1.5rem 3rem}button,select{font:inherit}.skip-link{position:absolute;inset-inline-start:.5rem;inset-block-start:-3rem;padding:.5rem .75rem;background:var(--accent);color:#fff;border-radius:6px;transition:top .15s ease}.skip-link:focus{inset-block-start:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding-block:.5rem;padding-inline:1.5rem;background:var(--surface);border-block-end:1px solid var(--line)}.role-badge{font-size:.75rem;font-weight:600;color:var(--accent);background:#1f5eae1a;padding:.2rem .6rem;border-radius:999px}.app-nav-link,.tab-link{color:var(--muted);text-decoration:none;padding:.35rem .6rem;border-radius:6px}.app-nav-link:hover,.tab-link:hover{color:var(--fg)}.app-nav-link[aria-current=page],.tab-link[aria-current=page]{color:var(--accent);background:#1f5eae1a;font-weight:600}.tab-nav{display:flex;gap:.5rem;margin-block:.75rem 1.25rem;border-block-end:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);margin-block-end:.25rem}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.data-table{width:100%;border-collapse:collapse;margin-block-start:1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px}.data-table th,.data-table td{text-align:start;padding:.45rem .75rem;border-block-end:1px solid var(--line)}.data-table th{color:var(--muted);font-weight:600;font-size:.85rem}.data-table a{color:var(--accent)}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:1rem}form fieldset{border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-block:1rem;padding:1rem}form legend{padding-inline:.4rem;color:var(--muted)}form label{display:block;margin-block:.5rem}form label.checkbox{display:flex;align-items:center;gap:.5rem}form input,form select,form textarea{display:block;margin-block-start:.25rem;padding:.4rem .5rem;background:var(--surface);color:var(--fg);border:1px solid #c9ced6;border-radius:6px}form input:focus-visible,form select:focus-visible,form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inline-form input,.inline-form select{margin-block-start:0}.component-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;padding-block:.5rem;border-block-end:1px dashed var(--line)}button{padding:.4rem 1rem;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--bad);border-color:var(--bad)}.button-link{color:var(--accent);text-decoration:none}.button-secondary{display:inline-block;padding:.4rem 1rem;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:6px;text-decoration:none;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.advanced-section{margin-block:1.5rem}.advanced-section>summary{cursor:pointer;font-size:1.17rem;font-weight:600;color:var(--muted)}.advanced-section[open]>summary{color:inherit}.field-error{color:var(--bad);margin-block:.25rem}.empty-state,.muted{color:var(--muted)}.empty-state{font-style:italic}.success{color:var(--good)}.card-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:1.5rem}.card{display:flex;flex-direction:column;gap:.35rem;min-width:12rem;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--fg)}.card:hover{border-color:var(--accent)}.card-metric{font-size:2rem;font-weight:700;color:var(--accent)}.card-label{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.actions{margin-block-start:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.catalog-product{margin-block:1.5rem}.feature-list{margin-block:.5rem}