:root{--paper:#f3f0ea;--ink:#242522;--muted:#77756f;--line:#dedbd4;--accent:#7b283a;--surface:#fffefa;--tint:#eee2e2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;background:transparent;color:inherit;border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-weight:600}button:hover{background:#e9e5de}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#62202e}.app{display:grid;grid-template-columns:218px 1fr;min-height:100vh}aside{padding:32px 20px;background:#eae7e0;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:6px;font-size:36px;font-weight:700;letter-spacing:-2px}.brand span{color:var(--accent)}.brand small{font-size:12px;letter-spacing:1px;margin-left:5px}.workspace,.eyebrow,.section-label{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.workspace{margin:50px 10px 16px}nav{display:grid;gap:8px}nav button{border:0;text-align:left;display:flex;align-items:center;gap:10px;padding:12px}nav button.active{background:var(--surface);color:var(--accent)}nav b{margin-left:auto;font-size:11px}.aside-bottom{margin-top:auto;padding:60px 8px 0;display:flex;gap:10px;align-items:center}.aside-bottom small{display:block;color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e5ddd4;font-size:12px;color:#635649;font-weight:700}main{padding:24px 38px;min-width:0}.demo{border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:12px}.demo span{font-size:10px;color:var(--accent);background:var(--tint);padding:5px 9px;border-radius:4px;letter-spacing:1px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 28px}h1{font-size:34px;letter-spacing:-1.3px;margin:4px 0 5px;font-weight:600}h2{margin:5px 0;font-size:23px;letter-spacing:-.5px}p{margin:5px 0 16px;color:var(--muted)}header p{margin:0}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.tabs button{border:0;padding:8px 12px;font-size:12px}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.tabs small{opacity:.65;margin-left:6px}.toolbar{display:flex;gap:10px;align-items:center;margin:22px 0}.toolbar input{max-width:400px;flex:1;min-width:110px}.toolbar select{max-width:200px}.toolbar button{white-space:nowrap}.toolbar .spacer{flex:1}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--ink);width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}textarea{resize:vertical}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:600;padding:14px 10px;border-bottom:1px solid var(--line)}td{padding:19px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.person{display:flex;align-items:center;gap:12px}.person button{padding:0;border:0;text-align:left;font-weight:600}.person button:hover{text-decoration:underline;background:none}.person small,.sub{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.pill{display:inline-block;font-size:11px;padding:5px 9px;border-radius:5px;background:#e9e6df;white-space:nowrap}.pill.dialog{background:#eee0df;color:#7b283a}.pill.client{background:#e0e6dc;color:#4a5b3d}.pill.partner{background:#e9e2d5;color:#6b583a}.row:hover{background:#efebe4}.next{font-size:12px}.next small{display:block;color:var(--muted);margin-top:4px}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.bottom-info{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:20px;gap:20px}.text-button{border:0;padding:6px 0;font-size:12px;font-weight:500}.danger{color:var(--accent)}dialog{padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 100px #0003;background:var(--surface);color:var(--ink);width:min(610px,calc(100% - 24px));max-height:90vh}dialog::backdrop{background:#24252266;backdrop-filter:blur(2px)}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 28px}.icon{border:0;font-size:24px;padding:2px 10px;font-weight:400}.form-body{padding:22px 28px}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}label input,label select,label textarea{margin-top:6px;font-weight:400;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;margin:0;accent-color:var(--accent)}.required{color:var(--accent)}.section-label{margin:24px 0 13px}details{padding:16px 0;border-block:1px solid var(--line);margin-top:16px}summary{cursor:pointer;font-size:12px}details .two{margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px;border-top:1px solid var(--line)}.history-entry{border-left:2px solid #d7c2c4;margin:12px 0;padding-left:12px;white-space:pre-wrap}.history-entry small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.history-entry p{color:var(--ink);font-size:12px}.file-button{margin:0;background:var(--accent);color:white;padding:11px 14px;border-radius:7px;cursor:pointer}.file-button input{display:none}.import-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.import-actions button{font-size:12px}.review{padding:14px 0;border-bottom:1px solid var(--line)}.review small{color:var(--muted);display:block}.review ul{padding-left:20px;font-size:12px}.error{color:#9a2834;white-space:pre-wrap}.good{color:#496642}.info-box{padding:20px 24px;background:#eae6de;border-radius:8px;margin-bottom:24px;max-width:820px}.info-box p:last-child{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.role-card h3{margin:0 0 10px;font-size:16px}.role-card p{font-size:12px}.backup-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.backup-row strong{font-weight:600}.backup-row p{font-size:12px;margin:5px 0 0}.task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.task strong{display:block}.task small{color:var(--muted)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:8px;box-shadow:0 6px 25px #0002;display:none;max-width:90%;z-index:10;font-size:13px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-top h3{font-size:16px}.link-button{border:0;color:var(--accent)}
@media(min-width:1200px){main{padding:26px 48px}}@media(max-width:1050px){.app{grid-template-columns:180px 1fr}aside{padding:24px 12px}main{padding:20px}.toolbar{flex-wrap:wrap}.toolbar .spacer{display:none}.source-col{display:none}.cards{grid-template-columns:1fr}}@media(max-width:700px){.app{display:block}aside{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.brand small{font-size:10px}.workspace,.aside-bottom{display:none}nav{display:flex;gap:4px;flex-wrap:wrap;margin-top:14px}nav button{font-size:11px;padding:8px}nav button b{display:none}main{padding:16px}.demo{align-items:flex-start;font-size:11px}header{margin:24px 0;align-items:flex-start}h1{font-size:28px}header p{font-size:12px}header button{font-size:12px;padding:10px}.eyebrow{font-size:9px}.toolbar input{max-width:none;width:100%;flex-basis:100%}.toolbar select{flex:1;max-width:none}.toolbar button{font-size:12px}.tabs button{padding:8px;font-size:11px}th{font-size:9px;padding:10px 4px}td{padding:15px 4px}.person{gap:8px}.person .avatar{display:none}.person button{font-size:12px}.person small{font-size:10px}.pill{font-size:10px;white-space:normal}.next{font-size:11px}.bottom-info{flex-direction:column;gap:6px}.two{grid-template-columns:1fr;gap:0}.panel-head,.form-body,footer{padding:18px}.backup-row{flex-direction:column;align-items:flex-start}.task{padding:16px 0}.task button{font-size:11px}.cards{grid-template-columns:1fr}}

.person small.added-date{font-size:10px;color:var(--muted);margin-top:5px;letter-spacing:.1px}
[hidden]{display:none!important}
#login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.login-card h1{margin:8px 0 24px}
.login-card button{width:100%}
.account-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}
.account-form label{margin:0}
.member-form select{width:auto}
.member-form label{margin:0}
.member-form input[type=checkbox]{width:auto}
.save-error{padding:0 20px}

@media(max-width:720px){.aside-bottom{display:flex;padding:8px 0 0;margin:0}.aside-bottom>div{display:flex;gap:8px;align-items:center}.aside-bottom .avatar{display:none}}