:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fb;font-family:Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}#app,.app-shell{min-height:100vh}.login-page{background:linear-gradient(135deg,#17395b 0%,#244b77 45%,#557aa3 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:24px;width:min(460px,100%);padding:32px;box-shadow:0 28px 70px #0003}.login-badge{color:#22508c;background:#e9f1ff;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-weight:700;display:inline-flex}.login-card h1{color:#10243d;margin-bottom:12px;font-size:28px}.subtitle{color:#5b6b80;margin-bottom:24px}.workspace{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce8f5;background:#10243d;flex-direction:column;gap:24px;padding:28px 18px;display:flex}.brand{letter-spacing:1px;font-size:24px;font-weight:800}.brand-subtitle{color:#9cb2cd;margin-top:8px;font-size:14px}.nav-list{gap:10px;display:grid}.nav-btn,.project-item,.ghost-btn,.primary-btn,.text-btn{border:none}.nav-btn{text-align:left;color:#dce8f5;background:0 0;border-radius:12px;width:100%;padding:12px 14px}.nav-btn.active,.nav-btn:hover{background:#ffffff1a}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.user-card{background:#ffffff14;border-radius:16px;gap:4px;padding:14px;display:grid}.user-card span{color:#b9cce2;font-size:13px}.content{gap:20px;padding:24px;display:grid}.page-header{background:#fff;border:1px solid #dde6f0;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.page-header h2{color:#10243d;margin-bottom:6px;font-size:24px}.page-header p{color:#5b6b80}.stack{gap:20px;display:grid}.two-column{grid-template-columns:minmax(320px,420px) 1fr;align-items:start}.panel{background:#fff;border:1px solid #dde6f0;border-radius:20px;gap:18px;padding:20px;display:grid}.detail-panel{min-width:0}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title h3{color:#10243d;font-size:18px}.panel-title span{color:#6b7c91;font-size:13px}.project-list-title{margin-top:8px}.form-grid{gap:14px;display:grid}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{gap:8px;display:grid}.form-grid span{color:#40536a;font-size:14px;font-weight:600}.full-width{grid-column:1/-1}input,select,textarea{background:#fbfdff;border:1px solid #ccd8e6;border-radius:12px;outline:none;width:100%;padding:11px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#3f73b6;box-shadow:0 0 0 3px #3f73b61f}.primary-btn,.ghost-btn{border-radius:12px;padding:11px 16px;font-weight:700}.primary-btn{color:#fff;background:#22508c}.primary-btn:hover{background:#1b4477}.primary-btn:disabled,.ghost-btn:disabled{opacity:.65;cursor:not-allowed}.ghost-btn{color:#17395b;background:#eef4fb}.ghost-btn:hover{background:#e0ebf7}.text-btn{color:#22508c;background:0 0;padding:0;font-weight:700}.notice{border:1px solid #0000;border-radius:14px;padding:12px 14px;font-size:14px}.notice.success{color:#166534;background:#ecfdf3;border-color:#b7ebc8}.notice.error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.notice.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #dde6f0;border-radius:20px;gap:10px;padding:20px;display:grid}.stat-card span{color:#6b7c91;font-size:14px}.stat-card strong{color:#10243d;font-size:34px}.demo-panel{gap:16px;display:grid}.demo-accounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.demo-account-card{background:#f8fbff;border:1px solid #d9e6f2;border-radius:16px;gap:6px;padding:14px;display:grid}.demo-account-card strong{color:#10243d}.demo-account-card span{color:#5b6b80;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}thead th{text-align:left;color:#6b7c91;background:#f6f9fc;border-bottom:1px solid #dde6f0;padding:12px;font-size:13px}tbody td{vertical-align:top;border-bottom:1px solid #eef3f8;padding:12px}.project-list{gap:12px;display:grid}.project-item{text-align:left;background:#f8fbff;border:1px solid #d9e6f2;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.project-item.active{background:#edf4ff;border-color:#22508c}.project-item p{color:#6b7c91;margin-top:6px;font-size:13px}.status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.success{color:#166534;background:#dcfce7}.status-pill.warning{color:#92400e;background:#fef3c7}.status-pill.danger{color:#be123c;background:#ffe4e6}.status-pill.muted{color:#374151;background:#e5e7eb}.detail-grid,.review-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-card,.review-summary>div{background:#f8fbff;border:1px solid #d9e6f2;border-radius:16px;gap:6px;padding:14px;display:grid}.detail-card span,.review-summary span{color:#6b7c91;font-size:13px}.detail-card strong,.review-summary strong{color:#10243d}.description{color:#40536a}.sub-panel{border-top:1px solid #e7edf5;gap:14px;padding-top:18px;display:grid}.sub-panel h4{color:#10243d;font-size:16px}.inline-actions,.upload-row,.review-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.review-meta span,.hint{color:#5b6b80;font-size:14px}.timeline{gap:12px;display:grid}.timeline-item{background:#f8fbff;border:1px solid #d9e6f2;border-radius:16px;padding:14px}.timeline-head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.timeline-item p{color:#40536a;margin-bottom:6px}.timeline-item small{color:#6b7c91}.warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;gap:6px;padding:14px;display:grid}.warning-box strong{color:#78350f}.warning-box p{font-size:14px}.genealogy-tree-wrap{padding-bottom:8px;overflow:auto}.tree-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tree-toolbar input{flex:1;min-width:280px}.tree-root,.tree-children{margin:0;padding-left:0;list-style:none}.tree-root{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.tree-node{position:relative}.tree-children{border-left:2px dashed #c7d6e8;gap:14px;margin-left:28px;padding-left:18px;display:grid}.tree-card{background:linear-gradient(#fff 0%,#f3f8ff 100%);border:1px solid #d9e6f2;border-radius:16px;gap:6px;min-width:180px;max-width:260px;padding:12px 14px;display:grid;box-shadow:0 8px 20px #10243d0f}.tree-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tree-card strong{color:#10243d}.tree-card span,.tree-card small{color:#5b6b80}.tree-card mark{color:#78350f;background:#fde68a;border-radius:4px;padding:0 2px}.tree-toggle-btn{color:#22508c;background:#e6eef8;border:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.empty-text{color:#6b7c91}@media (width<=1100px){.workspace,.two-column,.stats-grid,.demo-accounts,.form-grid.compact,.detail-grid,.review-summary,.workspace{grid-template-columns:1fr}.sidebar{gap:16px}.page-header{flex-direction:column}}