*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f7f6f3;--bg3: #f0efe9;--text: #1a1a18;--text2: #6b6b66;--border: rgba(0,0,0,.12);--border2: rgba(0,0,0,.22);--success: #2d7a3a;--radius: 8px;--radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--bg: #1c1c1a;--bg2: #252523;--bg3: #2e2e2b;--text: #f0efe9;--text2: #9a9a93;--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.2)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg3);color:var(--text);font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg);border-bottom:.5px solid var(--border);padding:.75rem 1.5rem}.header-inner{display:flex;align-items:center;gap:12px}.header-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.header-text h1{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.header-text p{font-size:11px;color:var(--text2);margin-top:1px;letter-spacing:.04em}@media (prefers-color-scheme: dark){.header-logo{filter:invert(1)}}.app-main{flex:1;padding:1.25rem 1.5rem;max-width:860px}.file-tabs{display:flex;gap:6px;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.ftab{padding:6px 13px;border-radius:var(--radius);border:.5px solid var(--border);background:var(--bg);font-size:13px;cursor:pointer;color:var(--text2)}.ftab.active{background:var(--bg2);color:var(--text);font-weight:500;border-color:var(--border2)}.ftab.add{border-style:dashed}.pct{font-size:11px;color:var(--text2);margin-left:4px}.card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:12px}.card-title{font-size:12px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.metric{background:var(--bg2);border-radius:var(--radius);padding:.75rem 1rem}.ml{font-size:12px;color:var(--text2);margin-bottom:4px}.mv{font-size:18px;font-weight:500}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.field input,.field select,.field textarea{font-family:inherit;font-size:13px;padding:7px 10px;border:.5px solid var(--border2);border-radius:var(--radius);background:var(--bg);color:var(--text);width:100%}.field textarea{resize:vertical}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem}.drop-zone{border:1.5px dashed var(--border2);border-radius:var(--radius-lg);padding:1.25rem .75rem;text-align:center;cursor:pointer;color:var(--text2);font-size:13px;transition:background .15s;display:flex;flex-direction:column;align-items:center;gap:6px}.drop-zone:hover,.drop-zone.active{background:var(--bg2)}.drop-zone.has-file{border-color:var(--success);color:var(--success)}.drop-icon{font-size:22px}.drop-label{font-size:12px;line-height:1.4}.btn{padding:7px 14px;border-radius:var(--radius);border:.5px solid var(--border2);background:var(--bg);font-size:13px;cursor:pointer;color:var(--text)}.btn:hover{background:var(--bg2)}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.tab-bar{display:flex;gap:0;border-bottom:.5px solid var(--border);margin-bottom:1.25rem}.stab{padding:7px 14px;font-size:13px;cursor:pointer;color:var(--text2);border:none;background:none;border-bottom:2px solid transparent}.stab.active{color:var(--text);border-bottom-color:var(--text);font-weight:500}.cv-row{display:flex;align-items:center;padding:6px 0;border-bottom:.5px solid var(--border);font-size:13px}.cv-row:last-child{border-bottom:none}.cv-label{color:var(--text2);font-size:12px;min-width:180px}.cv-val{flex:1;color:var(--text)}.copy-btn-sm{background:none;border:none;cursor:pointer;color:var(--text2);padding:2px 6px;border-radius:4px;font-size:14px}.copy-btn-sm:hover{background:var(--bg2);color:var(--text)}.checklist{list-style:none}.cl-section{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;padding:10px 0 4px;border-top:.5px solid var(--border);margin-top:4px}.cl-section:first-child{border-top:none;margin-top:0;padding-top:0}.cl-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:.5px solid var(--border);font-size:13px;cursor:pointer}.cl-item:last-child{border-bottom:none}.cl-item.done{color:var(--text2);text-decoration:line-through}.cl-item input{margin-top:2px;flex-shrink:0;cursor:pointer}.letter-preview{font-family:Times New Roman,serif;font-size:12px;line-height:1.9;white-space:pre-wrap;background:var(--bg2);border-radius:var(--radius);padding:1.25rem;max-height:380px;overflow-y:auto;margin-bottom:12px;border:.5px solid var(--border)}.addr-line{font-size:13px;line-height:1.8}.no-letter{font-size:11px;color:var(--text2);font-weight:400;margin-left:6px}.hint{font-size:12px;color:var(--text2);margin-bottom:12px}.error{color:#c0392b;font-size:13px;margin:8px 0}.checkbox-row{display:flex;gap:1.5rem;margin:8px 0;font-size:13px}.checkbox-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.form-actions{display:flex;gap:8px;margin-top:1rem}.survey-box{background:var(--bg2);border-radius:var(--radius);padding:.75rem;margin-top:8px}.sl{font-size:11px;color:var(--text2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.sv{font-size:12px;line-height:1.6}.new-file-form{margin-bottom:12px}.new-file-form h3{font-size:15px;font-weight:500;margin-bottom:6px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text2)}.empty-state p{margin-bottom:1rem}.ocr-warning{background:#fff8e1;border:.5px solid #f5c842;border-radius:var(--radius);padding:.75rem 1rem;font-size:13px;color:#7a5c00;margin-bottom:12px;line-height:1.5}@media (prefers-color-scheme: dark){.ocr-warning{background:#2e2800;border-color:#7a5c00;color:#f5c842}}
