:root{--ivory: #faf7f2;--sage-50: #f2f5ee;--sage-100: #e0e8d8;--sage-200: #c4d4b4;--sage-400: #7d9b65;--sage-600: #4a6741;--sage-700: #3b5434;--sage-800: #2a3d26;--bark: #8b7355;--clay: #c4a882;--text: #2d2a26;--text-muted: #8a847a;--border: #e8e3db;--error: #c4534a}*,*:before,*:after{box-sizing:border-box}html{font-family:Outfit,sans-serif;color:var(--text);background:var(--ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}*:focus-visible{outline:2px solid var(--sage-400);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sage-200);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out both}.animate-slide-up{animation:slideUp .6s ease-out both}.animate-scale-in{animation:scaleIn .3s ease-out both}.stagger>*{animation:fadeIn .4s ease-out both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}.react-flow__background{opacity:.4}.react-flow__controls{border-radius:12px!important;overflow:hidden!important;border:1px solid var(--border)!important;box-shadow:0 2px 12px #0000000f!important}.react-flow__controls-button{background:#fff!important;border-bottom:1px solid var(--border)!important;fill:var(--text-muted)!important}.react-flow__controls-button:hover{background:var(--sage-50)!important;fill:var(--sage-600)!important}.react-flow__pane{touch-action:none}.family-unit-node{width:12px;height:12px;border-radius:50%;background:#d4a574;border:2px solid white;box-shadow:0 0 0 1px #d4a574}.modal-backdrop{animation:fadeInSoft .2s ease-out both}.modal-content{animation:scaleIn .25s ease-out both}.field-input,.field-select,.field-textarea{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border);background:#fdfcfa;font-size:.875rem;font-family:Outfit,sans-serif;color:var(--text);outline:none;transition:border-color .2s,background .2s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--sage-400);background:#fff}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-muted);opacity:.6}.field-textarea{resize:vertical;min-height:100px}.field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A847A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.field-label{display:block;font-size:.75rem;font-weight:500;color:var(--bark);margin-bottom:.375rem;margin-left:.25rem}.btn-primary{display:block;width:100%;padding:.75rem;border-radius:12px;border:none;background:var(--sage-600);color:#fff;font-weight:500;font-size:.875rem;font-family:Outfit,sans-serif;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--sage-700)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:block;width:100%;padding:.75rem;border-radius:12px;border:none;background:var(--error);color:#fff;font-weight:500;font-size:.875rem;font-family:Outfit,sans-serif;cursor:pointer;transition:background .2s,transform .1s}.btn-danger:hover{background:#b34840}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{display:block;width:100%;padding:.75rem;border-radius:12px;border:none;background:transparent;color:var(--bark);font-weight:500;font-size:.875rem;font-family:Outfit,sans-serif;cursor:pointer;transition:background .2s}.btn-ghost:hover{background:var(--ivory)}.btn-outline{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--bark);font-weight:500;font-size:.875rem;font-family:Outfit,sans-serif;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.btn-outline:hover{border-color:var(--sage-200);color:var(--sage-600)}.btn-toggle{padding:10px;border-radius:12px;border:none;background:var(--ivory-100, #f5f0e8);color:var(--bark);font-size:.875rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s;flex:1}.btn-toggle:hover:not(:disabled){background:var(--sage-100);color:var(--sage-700)}.btn-toggle:disabled{opacity:.5;cursor:not-allowed}.btn-toggle--active{background:var(--sage-600);color:#fff}.btn-toggle--active:hover:not(:disabled){background:var(--sage-700);color:#fff}.btn-toggle--active-danger{background:var(--error);color:#fff}.btn-toggle--active-danger:hover:not(:disabled){background:#b34840;color:#fff}.btn-toggle-sm{padding:4px 12px;border-radius:8px;border:none;background:var(--ivory-100, #f5f0e8);color:var(--bark);font-size:.75rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s;min-height:28px}.btn-toggle-sm:hover:not(:disabled){background:var(--sage-100);color:var(--sage-700)}.btn-toggle-sm:disabled{opacity:.5;cursor:not-allowed}.btn-toggle-sm--active{background:var(--sage-600);color:#fff}.btn-toggle-sm--active:hover:not(:disabled){background:var(--sage-700);color:#fff}.btn-toggle-sm--active-danger{background:var(--error);color:#fff}.btn-toggle-sm--active-danger:hover:not(:disabled){background:#b34840;color:#fff}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000014;padding:4px;z-index:20;animation:scaleIn .15s ease-out both;transform-origin:top right}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;border:none;background:transparent;font-size:.875rem;font-family:Outfit,sans-serif;color:var(--text);cursor:pointer;transition:background .15s;text-decoration:none}.dropdown-item:hover{background:var(--sage-50)}.dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.search-results{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000000f;z-index:10;margin-top:4px}.search-result-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .15s;font-size:.875rem;font-family:Outfit,sans-serif;color:var(--text)}.search-result-item:hover{background:var(--sage-50)}.search-result-item:first-child{border-radius:10px 10px 0 0}.search-result-item:last-child{border-radius:0 0 10px 10px}.search-result-item:only-child{border-radius:10px}@media(max-width:767px){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.field-input,.field-select,.field-textarea{min-height:44px;font-size:16px}.btn-primary,.btn-danger,.btn-ghost,.btn-outline{min-height:44px}.react-flow__controls-button{width:36px!important;height:36px!important}}