:root{--color-bg: #fbf7f1;--color-surface: #ffffff;--color-surface-alt: #f4ede2;--color-border: #e3d8c6;--color-text: #2b2620;--color-text-muted: #6b6155;--color-terracotta: #c1694a;--color-terracotta-dark: #a04f34;--color-olive: #6f7a4f;--color-olive-dark: #565f3c;--color-beige: #e9dcc4;--color-critical: #b3423a;--color-high: #c1694a;--color-normal: #6f7a4f;--color-low: #8a8171;--color-success: #4c7a4a;--color-warning: #a8791f;--color-danger: #b3423a;--color-focus: #1f5f8b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(43, 38, 32, .08);--shadow-md: 0 4px 16px rgba(43, 38, 32, .1);--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:600;line-height:1.25;margin:0 0 .5em;color:var(--color-text)}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 1em}a{color:var(--color-terracotta-dark)}a:hover{color:var(--color-terracotta)}button,input,select,textarea{font-family:inherit;font-size:1rem}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:20}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar__brand{font-size:1.25rem;font-weight:700;color:var(--color-terracotta-dark);text-decoration:none;white-space:nowrap}.topbar__user{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-muted);min-width:0}.topbar__user>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar__user .btn{flex-shrink:0;white-space:nowrap}.main-nav{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);overflow-x:auto}.main-nav__list{list-style:none;display:flex;margin:0;padding:0 .5rem;gap:.25rem}.main-nav__link{display:flex;align-items:center;gap:.4rem;padding:.75rem .9rem;color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.92rem;white-space:nowrap;border-bottom:3px solid transparent}.main-nav__link:hover{color:var(--color-text)}.main-nav__link.active{color:var(--color-terracotta-dark);border-bottom-color:var(--color-terracotta)}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 4rem}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.banner{background:var(--color-beige);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.88rem;color:var(--color-text-muted);margin-bottom:1.25rem}.banner--warning{background:#fbe9dd;border-color:#eac6ab;color:#7a4626}.banner--error{background:#f8dedb;border-color:#eab3ab;color:#7a2b22}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:1rem}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-card{display:flex;flex-direction:column;gap:.35rem}.stat-card__value{font-size:1.9rem;font-weight:700;color:var(--color-terracotta-dark)}.stat-card__label{font-size:.85rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.1rem;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--color-terracotta);color:#fff}.btn-primary:hover{background:var(--color-terracotta-dark)}.btn-primary:disabled{background:#d9b7a6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-alt)}.btn-olive{background:var(--color-olive);color:#fff}.btn-olive:hover{background:var(--color-olive-dark)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:#f8dedb}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-alt)}.btn-sm{min-height:36px;padding:.4rem .75rem;font-size:.85rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-weight:600;font-size:.88rem;color:var(--color-text)}.field-hint{font-size:.8rem;color:var(--color-text-muted)}.field-error{font-size:.82rem;color:var(--color-danger);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=url],input[type=search],select,textarea{width:100%;min-height:44px;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}textarea{min-height:90px;resize:vertical}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-alt);color:var(--color-text-muted)}.checkbox-row{display:flex;align-items:flex-start;gap:.6rem;min-height:44px}.checkbox-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--color-olive)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;margin:0 0 1.25rem}legend{font-weight:700;padding:0 .4rem;color:var(--color-terracotta-dark)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;border:1px solid transparent}.badge[class*=badge--status-]{border-color:currentColor;border-radius:var(--radius-sm);font-weight:800;text-transform:uppercase;letter-spacing:.03em}.badge--status-todo{background:#eee7db;color:#55503f}.badge--status-in_progress{background:#dde6d0;color:var(--color-olive-dark)}.badge--status-waiting{background:#f3e6c8;color:#7a5c14}.badge--status-blocked{background:#f2d7d1;color:var(--color-critical)}.badge--status-done{background:#d7e6cf;color:var(--color-success)}.badge--status-not_applicable{background:#e6e2da;color:var(--color-text-muted)}.badge--priority-critical{background:#f2d7d1;color:var(--color-critical)}.badge--priority-high{background:#f7e3d5;color:var(--color-high)}.badge--priority-normal{background:#e9eddf;color:var(--color-normal)}.badge--priority-low{background:#ece8de;color:var(--color-low)}.badge--ceremony-civil{background:#dde9f2;color:#2b5b7a}.badge--ceremony-religious{background:#ece0f2;color:#5b3a7a}.badge--ceremony-both{background:#eee7db;color:#6b6151}.badge--ceremony-reception{background:#f2e4d8;color:var(--color-terracotta-dark)}.badge--outline{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.progress-bar{height:10px;border-radius:999px;background:var(--color-surface-alt);overflow:hidden;border:1px solid var(--color-border)}.progress-bar__fill{height:100%;background:var(--color-olive);border-radius:999px;transition:width .25s ease}.progress-row{display:flex;align-items:center;gap:.75rem}.progress-row__label{min-width:140px;font-size:.88rem;color:var(--color-text-muted)}.progress-row__value{font-size:.85rem;font-weight:700;color:var(--color-text);min-width:42px;text-align:right}.task-list{display:flex;flex-direction:column;gap:.6rem}.task-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.task-row:hover{border-color:var(--color-terracotta);box-shadow:var(--shadow-sm)}.task-row__link{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.task-row__title{font-weight:600;flex:1 1 260px;min-width:0}.task-row__meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.status-picker{position:relative;flex-shrink:0}.status-picker__trigger{cursor:pointer;gap:.35rem}.status-picker__trigger:hover{filter:brightness(.96)}.status-picker__trigger:disabled{cursor:wait;opacity:.7}.status-picker__caret{font-size:.65em;line-height:1}.status-picker__menu{position:absolute;top:calc(100% + .35rem);left:0;z-index:30;list-style:none;margin:0;padding:.35rem;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.15rem}.status-picker__option{display:flex;width:100%;padding:.3rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.status-picker__option:hover,.status-picker__option:focus-visible{background:var(--color-surface-alt)}.status-picker__option--active{border-color:var(--color-border)}.status-picker__option .badge{pointer-events:none}.status-picker__conflict{display:block;margin-top:.3rem;font-size:.75rem;font-weight:600;color:var(--color-danger)}.category-block{margin-bottom:1.75rem}.category-block__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;align-items:flex-end}.filters .field{margin-bottom:0;min-width:160px}.chip-toggle{display:inline-flex;align-items:center;gap:.35rem;min-height:40px;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:.85rem;font-weight:600}.chip-toggle[aria-pressed=true]{background:var(--color-olive);border-color:var(--color-olive);color:#fff}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-bg),var(--color-beige));padding:1.5rem}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:2rem}.auth-card h1{text-align:center;color:var(--color-terracotta-dark)}.auth-card__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}.wizard-steps{display:flex;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap}.wizard-step{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.wizard-step.active{background:var(--color-terracotta);color:#fff;border-color:var(--color-terracotta)}.wizard-step.done{background:var(--color-olive);color:#fff;border-color:var(--color-olive)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.spinner{display:inline-block;width:1.1em;height:1.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.progress-bar__fill{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}@media print{.topbar,.main-nav,.no-print{display:none!important}.page{max-width:none;padding:0}body{background:#fff}.card{box-shadow:none;border:1px solid #ccc}}@media (max-width: 640px){.page{padding:1rem .75rem 3rem}.topbar{padding:.6rem .75rem;flex-wrap:wrap;row-gap:.4rem}.topbar__brand{font-size:1.05rem}.topbar__user{font-size:.82rem;gap:.5rem}.topbar__user-prefix{display:none}.main-nav__link{padding:.7rem;font-size:.85rem}.auth-card{padding:1.5rem}h1{font-size:1.4rem}}
