@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #2a334a;--red: #f65158;--blue: #a7caf2;--skin: #eabaa6;--black: #000000;--grey: #f5f5f5;--bg: #f5f5f5;--surface: #ffffff;--border: #dde1e9;--border-strong:#b8bec9;--text: #2a334a;--muted: #6b7280;--hint: #9ca3af;--primary: #2a334a;--primary-fg: #ffffff;--accent: #f65158;--accent-fg: #ffffff;--tag-bg: #edf4fd;--tag-text: #2a334a;--input-bg: #ffffff;--danger: #c0392b;--ff-display: "Libre Baskerville", Georgia, serif;--ff-body: "Inter", system-ui, sans-serif}html{font-size:15px}body{font-family:var(--ff-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--ff-body)}input,select,textarea{font-family:var(--ff-body)}.container{max-width:960px;margin:0 auto;padding:0 24px}.page{padding:40px 0 80px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:12px}.h1{font-family:var(--ff-display);font-size:48px;line-height:1.05;letter-spacing:-.5px;color:var(--navy);margin-bottom:16px}.h2{font-family:var(--ff-display);font-size:32px;line-height:1.1;letter-spacing:-.3px;color:var(--navy);margin-bottom:8px}.h3{font-family:var(--ff-display);font-size:22px;line-height:1.15;letter-spacing:-.2px;color:var(--navy)}.lead{font-size:16px;color:var(--muted);line-height:1.65;max-width:560px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:7px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s,background .15s,transform .1s;white-space:nowrap}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--navy);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--tag-bg);border-color:var(--blue)}.btn-danger{background:#fdecea;color:#c0392b;border:.5px solid #f09595}.btn-danger:hover{background:#f7c1c1}.btn-sm{padding:7px 14px;font-size:13px}.btn-xs{padding:5px 10px;font-size:12px;border-radius:5px}.nav-link{border-radius:6px;transition:background .15s,color .15s}.nav-link:hover{background:#a7caf233;color:var(--navy)!important}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--navy)}.field input,.field select,.field textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--input-bg);font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #2a334a14}.field textarea{resize:vertical;min-height:100px}.field-hint{font-size:12px;color:var(--hint)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.chip{display:inline-block;padding:3px 10px;background:var(--tag-bg);border:1px solid var(--blue);border-radius:99px;font-size:12px;color:var(--navy);font-weight:500}.alert-success{background:#eaf3de;border:.5px solid #97c459;border-radius:8px;padding:16px 20px;margin-bottom:24px}.alert-success .alert-title{font-weight:600;color:#3b6d11}.alert-success .alert-body{font-size:13px;color:#639922;margin-top:4px}.error-text{color:var(--danger);font-size:13px}.section-divider{border-top:1px solid var(--border);padding-top:32px;margin-top:32px;display:grid;grid-template-columns:160px 1fr;gap:32px}.section-label .n{font-family:var(--ff-body);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}.section-label .t{font-family:var(--ff-display);font-size:22px;color:var(--navy);margin-top:6px}.section-body{display:flex;flex-direction:column;gap:16px}.print-header{display:none}@media print{.print-header{display:block;margin-bottom:24px}.print-header img{max-width:240px;height:auto}}.progress-wrap{width:160px;height:4px;background:var(--tag-bg);border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:var(--red);border-radius:99px;transition:width .3s}.avatar{width:36px;height:36px;border-radius:50%;background:var(--tag-bg);border:1.5px solid var(--blue);object-fit:cover;flex-shrink:0}.avatar-initials{width:36px;height:36px;border-radius:50%;background:var(--navy);border:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.avatar-lg{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--blue)}.avatar-initials-lg{width:80px;height:80px;border-radius:50%;background:var(--navy);border:none;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;flex-shrink:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:10px 14px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);background:var(--navy);color:#ffffffb3;font-weight:500;white-space:nowrap}.data-table td{padding:12px 14px;border-top:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover td{background:var(--tag-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;box-shadow:0 1px 4px #2a334a0f}.steps-band{background:var(--navy);border-top:none;border-bottom:none;padding:48px 24px}.steps-band .h3{color:#fff}.steps-band p{color:#ffffffa6}.steps-band>.container>.grid3>div>div:first-child{color:var(--red)}.file-drop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1.5px dashed var(--border-strong);border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.file-drop:hover{background:var(--tag-bg);border-color:var(--blue)}.yesno{display:flex;gap:8px}.yesno-btn{flex:1;padding:9px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;font-size:14px;cursor:pointer;transition:all .15s;font-family:var(--ff-body);color:var(--text)}.yesno-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tags-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:7px;min-height:42px;align-items:center;cursor:text;background:var(--input-bg);transition:border-color .15s,box-shadow .15s}.tags-wrap:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #2a334a14}.tags-wrap input{border:none;outline:none;background:transparent;font-size:14px;flex:1;min-width:120px;padding:2px 0;color:var(--text)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--tag-bg);border:1px solid var(--blue);border-radius:99px;font-size:12px;color:var(--navy);font-weight:500}.tag-remove{background:none;border:none;cursor:pointer;color:var(--muted);font-size:14px;line-height:1;padding:0 0 0 2px}.tag-remove:hover{color:var(--navy)}.tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-sug-btn{padding:4px 10px;border:1px solid var(--blue);border-radius:99px;background:transparent;font-size:12px;color:var(--navy);cursor:pointer;font-family:var(--ff-body);transition:all .15s}.tag-sug-btn:hover{background:var(--tag-bg);border-color:var(--navy)}.search-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:16px;box-shadow:0 1px 3px #2a334a0d}.stat-card{background:var(--navy);border-radius:10px;padding:16px 20px;min-width:140px}.stat-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.stat-value{font-family:var(--ff-display);font-size:28px;line-height:1;color:#fff}.badge-complete{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;background:#eaf3de;color:#3b6d11}.badge-draft{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;background:#faeeda;color:#633806}.completion-num{font-family:var(--ff-display);font-size:36px;line-height:1;color:var(--red)}.demo-hint{margin-top:24px;padding:14px;background:var(--tag-bg);border-radius:8px;border:1px solid var(--blue);font-size:12px;color:var(--muted);line-height:1.7}.ref-card{border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.tab-active{border-bottom:2px solid var(--red)!important;color:var(--navy)!important}@media (max-width: 640px){.h1{font-size:36px}.grid2,.grid3{grid-template-columns:1fr}.section-divider{grid-template-columns:1fr;gap:16px}}
