:root{--font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-pdf:"AvenirNextProCondensed", "Avenir Next Condensed", Arial, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:20px;--font-weight-normal:400;--font-weight-bold:700;--line-height-tight:1.3;--line-height-base:1.5;--color-text:#000;--color-text-secondary:#222;--color-text-muted:#5a5a5a;--color-text-faint:#9d9d9d;--color-text-inverted:#fff;--color-surface:#fff;--color-surface-muted:#fbf9f9;--color-surface-hover:#f1eded;--color-surface-hover-light:#f6f6f6;--color-border:#d6d6d6;--color-border-strong:#979797;--color-border-focus:#b0b0b0;--color-accent:#c6152f;--color-accent-gradient-from:#cd1241;--color-accent-gradient-to:#c6152f;--color-accent-hover:#d92a44;--color-accent-focus:#b10a23;--color-status-done-bg:#d7f6e6;--color-status-done-text:#087c64;--color-status-draft-bg:#f6d7d7;--color-status-draft-text:#c6152f;--color-toggle-on:#38d082;--color-overlay:#0006;--color-energy-1:#41c47a;--color-energy-2:#58c66b;--color-energy-3:#c8c758;--color-energy-4:#fab14d;--color-energy-5:#f7814e;--color-energy-6:#f64f55;--color-proposal-bg:#f8f4e8;--color-star:#fbbc04;--radius-badge:3px;--radius-check:4px;--radius-control:5px;--radius-pill:9.5px;--radius-card:15px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--control-height:39px;--control-height-primary:40px;--border-width:1px;--accent-rule-height:5px;--toggle-width:39px;--toggle-height:19px;--icon-box-size:15px;--sidebar-width:377px;--design-width:1900px;--sidebar-inset-x:85px;--sidebar-logo-size:78px;--opacity-disabled:.5;--press-inset:1px}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter/Inter-Roman.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/inter/Inter-Italic.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin:0}.app{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.app__sidebar{background:var(--color-surface-muted);border-right:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.app__main{padding:var(--space-8) var(--sidebar-inset-x) var(--space-8) var(--space-8)}.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-control);border:var(--border-width) solid transparent;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;display:inline-flex}.button:disabled{opacity:var(--opacity-disabled);cursor:default}.button--primary{height:var(--control-height-primary);color:var(--color-text-inverted);font-weight:var(--font-weight-bold);background:linear-gradient(to bottom, var(--color-accent-gradient-from), var(--color-accent-gradient-to))}.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--primary:focus-visible{background:var(--color-accent-focus);outline:none}.button--primary:active:not(:disabled){background:var(--color-accent-hover);transform:scale(calc(1 - (2 * var(--press-inset) / 146)))}.button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.button--secondary:focus-visible{border-color:var(--color-border-focus);outline:none}.button--secondary:active:not(:disabled){background:var(--color-surface-hover);transform:scale(calc(1 - (2 * var(--press-inset) / 104)))}.button--add{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--add:hover:not(:disabled){background:var(--color-surface-hover-light)}.button--add:focus-visible{border-color:var(--color-border-focus);outline:none}.button--add:active:not(:disabled){background:var(--color-surface-hover-light);transform:scale(.99)}.button__icon-box{width:var(--icon-box-size);height:var(--icon-box-size);border:var(--border-width) solid currentColor;border-radius:var(--radius-badge);flex:none;justify-content:center;align-items:center;display:inline-flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.input,.select,.textarea{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-muted);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000000' d='M5 6 0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) * 2 + 10px)}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.input:hover,.select:hover,.textarea:hover{background-color:var(--color-surface-hover-light)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:var(--opacity-disabled)}.input--computed{background:var(--color-surface);color:var(--color-text-secondary);cursor:default}.tabs{gap:var(--space-10);border-bottom:var(--border-width) solid var(--color-border);display:flex}.tab{padding:var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-8)}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table th{text-align:left;font-weight:var(--font-weight-bold);color:var(--color-text);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.table td{padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.table tbody tr:hover{background:var(--color-surface-muted);cursor:pointer}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-badge);font-size:var(--font-size-sm);display:inline-block}.badge--done{background:var(--color-status-done-bg);color:var(--color-status-done-text)}.badge--draft{background:var(--color-status-draft-bg);color:var(--color-status-draft-text)}.toggle{width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:0;position:relative}.toggle[aria-checked=true]{background:var(--color-toggle-on)}.toggle:focus-visible{border-color:var(--color-border-focus);outline:none}.toggle:after{content:"";width:var(--toggle-height);height:var(--toggle-height);background:var(--color-surface);border:var(--border-width) solid var(--color-border);box-sizing:border-box;border-radius:50%;transition:transform .15s;position:absolute;top:-1px;left:-1px}.toggle[aria-checked=true]:after{transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}