:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-accent: #0088b0;--color-accent-2: #d6006c;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #e9f8ff;--color-accent-200: #cbeeff;--color-accent-300: #99e0ff;--color-accent-400: #62c5ee;--color-accent-500: #38a6cf;--color-accent-600: #1186ac;--color-accent-700: #006786;--color-accent-800: #004961;--color-accent-900: #0a303e;--color-accent-2-100: #fff1f4;--color-accent-2-200: #ffdee6;--color-accent-2-300: #ffc0d0;--color-accent-2-400: #ff90b1;--color-accent-2-500: #ff458e;--color-accent-2-600: #d82071;--color-accent-2-700: #aa0b56;--color-accent-2-800: #790e3d;--color-accent-2-900: #4b1528;--font-heading: "Source Serif 4", system-ui, sans-serif;--font-body: "Source Serif 4", system-ui, sans-serif;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}html[data-theme=dark]{--color-bg: #1a1918;--color-text: #f3f2f2;--color-surface: #232120;--color-divider: color-mix(in srgb, #f3f2f2 16%, transparent);--color-neutral-100: #2a2827;--color-neutral-200: #302e2d;--color-neutral-300: #3a3837;--color-neutral-400: #565352;--color-neutral-500: #7d7979;--color-neutral-600: #b9b5b4;--color-neutral-700: #d7d3d3;--color-neutral-800: #e6e3e3;--color-neutral-900: #f3f2f2;--color-accent-100: color-mix(in srgb, var(--color-accent) 20%, #1a1918);--color-accent-300: color-mix(in srgb, var(--color-accent) 44%, #1a1918);--color-accent-700: #62c5ee;--color-accent-2-100: color-mix(in srgb, var(--color-accent-2) 22%, #1a1918);--color-accent-2-300: color-mix(in srgb, var(--color-accent-2) 46%, #1a1918);--color-accent-2-700: #ff90b1}html,body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}a{color:var(--color-accent);text-underline-offset:3px}a:hover{color:var(--color-accent-700)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23605d5d' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 8px center;padding-right:26px;cursor:pointer}html[data-theme=dark] select.input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b9b5b4' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>")}html[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6)}@media(max-width:820px){.mp-toolbar,.mp-actions-top{flex-wrap:wrap!important}}@media(max-width:760px){.mp-row{grid-template-columns:auto 1fr!important;grid-auto-rows:min-content;row-gap:10px!important;padding:14px 12px!important}.mp-hide-m{display:none!important}.mp-title-cell{grid-column:1 / -1!important;order:2}.mp-status-cell{order:1}.mp-chips-cell{order:3;grid-column:1!important}.mp-actions-cell{order:3;grid-column:2!important;justify-self:end}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:10px 18px;border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:5px}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input::placeholder{color:color-mix(in srgb,var(--color-text) 65%,transparent);opacity:1}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.mp-row{transition:background .12s ease}.mp-row:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.mp-row.dragging{opacity:.4}.mp-row.dropbefore{box-shadow:inset 0 3px 0 -1px var(--color-accent)}.mp-ico{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;transition:background .12s ease,color .12s ease}.mp-ico:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.mp-ico.danger:hover{background:var(--color-accent-2-100);color:var(--color-accent-2-700)}.mp-ico svg{width:18px;height:18px}.mp-chip{font-family:var(--font-heading);font-weight:600;font-size:13px;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform .1s ease,box-shadow .12s ease}.mp-chip.clickable{cursor:pointer}.mp-chip.clickable:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 10%,transparent)}.mp-chip.clickable:active{transform:scale(.92)}.mp-handle{cursor:grab;color:var(--color-neutral-400)}.mp-handle:active{cursor:grabbing}@keyframes mpIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@keyframes mpFade{0%{opacity:0}to{opacity:1}}.mp-dialog{animation:mpIn .16s ease}.mp-backdrop{animation:mpFade .14s ease}.mp-toast{animation:mpIn .2s ease}
