.app-shell{min-height:100vh;background:var(--app-shell-content-surface)}.app-header{padding:var(--space-4);background:var(--app-shell-navigation-surface);border-bottom:1px solid var(--border-subtle)}.app-header__title{margin:0;font-size:1.125rem}.app-layout{max-width:var(--layout-content-max);margin:0 auto;padding:var(--space-4)}.app-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset:auto 0 0;z-index:var(--z-nav);background:var(--app-shell-navigation-surface);border-top:1px solid var(--border-subtle)}.app-nav a{min-height:var(--control-height-md);display:grid;place-items:center;padding:var(--space-2);color:var(--text-secondary);text-decoration:none;text-align:center}.app-nav a[aria-current=page]{color:var(--text-primary);background:var(--navigation-active-background);font-weight:var(--weight-semibold)}.page{padding-bottom:calc(var(--control-height-md) + var(--space-8))}.placeholder-card{padding:var(--space-6);background:var(--placeholder-card-surface);border:1px solid var(--placeholder-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-low)}.placeholder-card h1{margin-top:0}.settings-field{display:grid;gap:var(--space-2);max-width:20rem}.settings-field select{min-height:var(--control-height-md);padding-inline:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-primary);color:var(--text-primary)}@media(min-width:48rem){.app-layout{display:grid;grid-template-columns:var(--layout-sidebar-width) 1fr;gap:var(--space-8)}.app-nav{position:static;grid-template-columns:1fr;align-content:start;border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}.app-nav a{justify-items:start;padding-inline:var(--space-4)}.page{padding-bottom:0}}:root{--layout-content-max: 72rem;--layout-sidebar-width: 15rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--control-height-md: 2.75rem;--motion-fast: .12s;--motion-standard: .2s;--z-nav: 10;--z-modal: 30;--z-toast: 40}:root{--surface-page: var(--foundation-neutral-050);--surface-primary: var(--foundation-neutral-000);--surface-secondary: var(--foundation-neutral-100);--surface-elevated: var(--foundation-neutral-000);--surface-overlay: var(--foundation-overlay);--surface-disabled: var(--foundation-neutral-100);--text-primary: var(--foundation-neutral-900);--text-secondary: var(--foundation-neutral-650);--text-tertiary: var(--foundation-neutral-500);--text-inverse: var(--foundation-neutral-000);--text-disabled: var(--foundation-neutral-400);--text-link: var(--foundation-accent-700);--action-primary: var(--foundation-accent-700);--action-primary-hover: var(--foundation-accent-800);--action-primary-pressed: var(--foundation-accent-900);--action-primary-text: var(--foundation-neutral-000);--action-secondary: var(--foundation-neutral-100);--action-secondary-text: var(--foundation-neutral-900);--border-subtle: var(--foundation-neutral-200);--border-default: var(--foundation-neutral-300);--border-strong: var(--foundation-neutral-500);--focus-ring: var(--foundation-accent-500);--status-success: var(--foundation-success-700);--status-success-surface: var(--foundation-success-100);--status-warning: var(--foundation-warning-700);--status-warning-surface: var(--foundation-warning-100);--status-danger: var(--foundation-danger-700);--status-danger-surface: var(--foundation-danger-100);--status-info: var(--foundation-accent-700);--status-info-surface: var(--foundation-accent-100);--numeric-primary: var(--text-primary);--numeric-positive: var(--status-success);--numeric-negative: var(--status-danger);--numeric-neutral: var(--text-secondary);--font-interface: var(--foundation-font-interface);--font-numeric: var(--foundation-font-numeric);--font-display: var(--foundation-font-interface);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-control: var(--foundation-radius-md);--radius-card: var(--foundation-radius-lg);--radius-sheet: var(--foundation-radius-lg);--radius-modal: var(--foundation-radius-lg);--radius-pill: 999px;--shadow-none: none;--shadow-low: var(--foundation-shadow-low);--shadow-medium: var(--foundation-shadow-medium);--shadow-high: var(--foundation-shadow-high)}:root{--app-shell-navigation-surface: var(--surface-primary);--app-shell-content-surface: var(--surface-page);--navigation-active-background: var(--action-secondary);--placeholder-card-surface: var(--surface-primary);--placeholder-card-border: var(--border-subtle)}[data-theme=default]{--foundation-neutral-000: #ffffff;--foundation-neutral-050: #f6f7f6;--foundation-neutral-100: #ecefed;--foundation-neutral-200: #dce1de;--foundation-neutral-300: #c8cfcb;--foundation-neutral-400: #9da7a2;--foundation-neutral-500: #73807a;--foundation-neutral-650: #53605a;--foundation-neutral-900: #1e2823;--foundation-accent-100: #e3efea;--foundation-accent-500: #6b9586;--foundation-accent-700: #3f6759;--foundation-accent-800: #335448;--foundation-accent-900: #29443a;--foundation-success-100: #e4f1e8;--foundation-success-700: #2f6d43;--foundation-warning-100: #fbf0d7;--foundation-warning-700: #7a5715;--foundation-danger-100: #f8e5e3;--foundation-danger-700: #8b3a32;--foundation-overlay: rgb(30 40 35 / 45%);--foundation-font-interface: system-ui, sans-serif;--foundation-font-numeric: ui-monospace, monospace;--foundation-radius-md: .5rem;--foundation-radius-lg: .75rem;--foundation-shadow-low: 0 .125rem .5rem rgb(30 40 35 / 8%);--foundation-shadow-medium: 0 .5rem 1.5rem rgb(30 40 35 / 12%);--foundation-shadow-high: 0 1rem 3rem rgb(30 40 35 / 18%)}*{box-sizing:border-box}html{font-family:var(--font-interface);background:var(--surface-page);color:var(--text-primary)}body{margin:0;min-width:20rem;min-height:100vh}button,select,input,textarea{font:inherit}input,select,textarea,[contenteditable=true]{font-size:1rem;line-height:1.35;min-width:0}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}button,.button{min-height:var(--control-height-md);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-control);background:var(--action-primary);color:var(--action-primary-text);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:active,.button:active{transform:translateY(1px)}button.secondary,.button.secondary{background:var(--action-secondary);color:var(--action-secondary-text)}button.small{min-height:2rem;padding:var(--space-1) var(--space-2)}button:disabled{cursor:wait;opacity:.7}.danger-link{background:transparent;color:var(--status-danger);padding:var(--space-2);min-height:2.5rem}h1{font-size:clamp(1.6rem,4vw,2.15rem);line-height:1.15}h2{margin:0 0 var(--space-4);font-size:1.1rem}.page-header,.section-heading,.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.page-header h1{margin:0}.toolbar{color:var(--text-secondary)}.panel,.empty{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-4)}.empty{text-align:center;padding:var(--space-8)}.field{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:.9rem}.field input,.field select,.field textarea,.search,.cost-row input,.cost-row select{width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-primary);color:var(--text-primary)}.field input[aria-invalid=true]{border-color:var(--status-danger)}.field textarea{min-height:6rem;resize:vertical}.field .helper{color:var(--text-secondary)}.field-error,.error{color:var(--status-danger)}.search{margin-bottom:var(--space-4)}.form-grid{display:grid;gap:var(--space-4)}.list,.sublist{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}.list-row,.sublist>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.list-row:last-child,.sublist>div:last-child{border:0}.list-row>a,.sublist a{display:grid;gap:var(--space-1);color:var(--text-primary);text-decoration:none;flex:1}.list-row span,.sublist span{font-size:.875rem;color:var(--text-secondary)}.list-row>div{display:grid;justify-items:end;gap:var(--space-1)}.editor,.editor-grid,.editor-main,.panel,.cost-row>*{min-width:0}.editor-grid{display:grid;gap:var(--space-4)}.summary{margin:0}.summary div{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.summary dt{color:var(--text-secondary)}.summary dd{margin:0;font-weight:var(--weight-semibold)}.numeric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.cost-row{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.settings{display:grid;gap:var(--space-6);max-width:32rem}.actions{position:sticky;bottom:calc(var(--control-height-md) + var(--space-2));background:var(--surface-page);padding:var(--space-2) 0}.save-feedback{position:fixed;z-index:20;top:var(--space-4);left:50%;width:max-content;max-width:calc(100vw - (2 * var(--space-4)));transform:translate(-50%);margin:0;padding:var(--space-3) var(--space-4);border:1px solid;border-radius:var(--radius-control);box-shadow:var(--shadow-medium);font-weight:var(--weight-medium)}.save-feedback-progress{color:var(--status-info);background:var(--status-info-surface);border-color:var(--focus-ring)}.save-feedback-success{color:var(--status-success);background:var(--status-success-surface);border-color:var(--status-success)}.save-feedback-error{color:var(--status-danger);background:var(--status-danger-surface);border-color:var(--status-danger)}.save-dialog-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5);background:#141f1b47;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.save-dialog{width:min(100%,24rem);padding:var(--space-6);border:1px solid var(--status-success);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-medium);text-align:center}.save-dialog h2{margin:0;color:var(--status-success);font-size:1.25rem}.save-dialog p{margin:var(--space-3) 0 var(--space-5);color:var(--text-secondary)}.save-dialog button{min-width:7rem}@media(min-width:48rem){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start}.summary-panel{position:sticky;top:var(--space-4)}.cost-row{grid-template-columns:2fr 1fr 1fr auto}.actions{bottom:0}.search{max-width:28rem}}:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}