:root{color-scheme:light;--app-bg: #f4f6f8;--app-surface: #ffffff;--app-surface-subtle: #f8fafc;--app-border: #d8dee8;--app-border-strong: #b8c2d1;--app-text: #172033;--app-muted: #647084;--app-primary: #2563eb;--app-primary-dark: #1d4ed8;--app-primary-soft: #e8f0ff;--app-success: #15803d;--app-success-soft: #e8f7ee;--app-warning: #b45309;--app-warning-soft: #fff4df;--app-danger: #b91c1c;--app-danger-soft: #feecec;--app-shadow: 0 10px 24px rgba(21, 30, 48, .08);font-family:Aptos,Avenir Next,Segoe UI Variable,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{min-height:100%;margin:0;background:var(--app-bg);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}body{color:var(--app-text)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}::selection{background:#2563eb2e}.page-stack{display:grid;gap:16px}.page-header{display:grid;gap:6px}.page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.plan-hero{position:relative;display:grid;gap:18px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(37,99,235,.14),transparent 38%),var(--app-surface)}.plan-hero:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--app-primary);content:""}.plan-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.plan-hero__copy{display:grid;gap:5px}.plan-hero__copy .page-title{font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}.plan-hero__actions{display:grid;justify-items:end;gap:10px}.plan-start{box-shadow:0 8px 18px #2563eb3d}.plan-start__icon{font-size:.72rem}.plan-stats{display:flex;gap:8px;flex-wrap:wrap}.plan-stat{display:grid;min-width:92px;padding:10px 14px;border:1px solid rgba(37,99,235,.14);border-radius:10px;background:#ffffffb8}.plan-stat strong{font-size:1.25rem;line-height:1}.plan-stat span{margin-top:4px;color:var(--app-muted);font-size:.75rem;font-weight:600}.plan-stat--wide{min-width:155px}.plan-description{margin:0;padding:12px 14px;border-left:3px solid var(--app-primary);border-radius:0 8px 8px 0;background:var(--app-primary-soft);color:#334155}.page-kicker{margin:0;color:var(--app-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.page-title{margin:0;font-size:1.35rem;line-height:1.2}.page-subtitle{margin:0;color:var(--app-muted);max-width:78ch}.surface{border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);box-shadow:var(--app-shadow)}.surface--flat{box-shadow:none}.surface--subtle{background:var(--app-surface-subtle)}.section-pad{padding:16px}.workbench{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:16px;align-items:start}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.field{display:grid;gap:5px;min-width:0}.field--span-2{grid-column:span 2}.field--span-3{grid-column:span 3}.field--span-4{grid-column:span 4}.field--span-6{grid-column:span 6}.field--span-8{grid-column:span 8}.field--span-12{grid-column:1/-1}.field label,label.field{color:#374151;font-size:.82rem;font-weight:700}.input,.select,.textarea,input.input,select.select,textarea.textarea{width:100%;min-width:0;border:1px solid var(--app-border-strong);border-radius:8px;background:#fff;color:var(--app-text);padding:.68rem .75rem;outline:none;min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}.textarea{resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #2563eb21}.input.ng-invalid.ng-touched,.select.ng-invalid.ng-touched,.textarea.ng-invalid.ng-touched,.input--invalid{border-color:var(--app-danger);background:var(--app-danger-soft)}.input.ng-invalid.ng-touched:focus,.select.ng-invalid.ng-touched:focus,.textarea.ng-invalid.ng-touched:focus,.input--invalid:focus{border-color:var(--app-danger);box-shadow:0 0 0 3px #b91c1c1f}.field-error{margin:0;color:var(--app-danger);font-size:.78rem;font-weight:600}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar--end{justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--app-primary);color:#fff;padding:.58rem .85rem;font-weight:700;text-decoration:none;white-space:nowrap}.button:hover{background:var(--app-primary-dark)}.button:disabled{opacity:.55}.button--secondary{border-color:var(--app-border-strong);background:#fff;color:var(--app-text)}.button--secondary:hover{background:var(--app-surface-subtle)}.button--ghost{border-color:transparent;background:transparent;color:var(--app-primary)}.button--ghost:hover{background:var(--app-primary-soft)}.button--danger{border-color:#f3b6b6;background:var(--app-danger-soft);color:var(--app-danger)}.button--danger:hover{background:#fbdada}.icon-button{width:38px;height:38px;padding:0}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tab-button{border:1px solid var(--app-border);border-radius:8px;background:#fff;color:var(--app-text);min-height:36px;padding:.48rem .72rem;font-weight:700;white-space:nowrap}.tab-button.active{border-color:var(--app-primary);background:var(--app-primary-soft);color:var(--app-primary-dark)}.list{display:grid;gap:8px;margin:0;padding:0}.list-row{list-style:none;display:grid;gap:6px;border:1px solid var(--app-border);border-radius:8px;background:#fff;padding:12px}.list-row--button{width:100%;text-align:left}.list-row--button:hover,.list-row--active{border-color:var(--app-primary);background:var(--app-primary-soft)}.row-main{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;min-width:0}.row-title{margin:0;font-weight:800;min-width:0;overflow-wrap:anywhere}.row-meta{margin:0;color:var(--app-muted);font-size:.88rem}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-subtle);color:#42516a;padding:.23rem .48rem;font-size:.78rem;font-weight:700}.chip--primary{border-color:#c8d8ff;background:var(--app-primary-soft);color:var(--app-primary-dark)}.chip--success{border-color:#bce8ca;background:var(--app-success-soft);color:var(--app-success)}.chip--warning{border-color:#f7d7a7;background:var(--app-warning-soft);color:var(--app-warning)}.notice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-subtle);color:var(--app-muted);padding:12px}.notice--error{border-color:#fac7c7;background:var(--app-danger-soft);color:var(--app-danger)}.notice--success{border-color:#bce8ca;background:var(--app-success-soft);color:var(--app-success)}.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;color:var(--app-muted);text-align:center}.divider{height:1px;background:var(--app-border);margin:8px 0}.muted{color:var(--app-muted)}.strong{font-weight:800}@media(max-width:980px){.workbench,.split-grid{grid-template-columns:1fr}}@media(max-width:720px){.plan-hero__actions,.plan-hero__actions .toolbar{width:100%}.plan-hero__actions{justify-items:stretch}.section-pad{padding:12px}.form-grid{grid-template-columns:1fr}.field,.field--span-2,.field--span-3,.field--span-4,.field--span-6,.field--span-8,.field--span-12{grid-column:1/-1}.button{min-height:44px}.button:not(.icon-button):not(.tab-button){width:100%}.toolbar .button,.topbar__actions .button{width:auto}.icon-button{width:44px;height:44px}.row-main{flex-direction:column}}
