:root{--navy: #0a1628;--navy-mid: #12243d;--navy-hover: #1a304f;--navy-active: #1e3a5f;--blue: #1d4ed8;--blue-hover: #1e40af;--blue-light: #eff6ff;--blue-mid: #bfdbfe;--blue-faint: #dbeafe;--teal: #0f766e;--teal-hover: #0d6b63;--teal-light: #f0fdfa;--text: #0f172a;--text-mid: #1e293b;--text-muted: #64748b;--text-faint: #94a3b8;--border: #e2e8f0;--border-dark: #cbd5e1;--bg: #f1f5f9;--surface: #ffffff;--surface-alt: #f8fafc;--green: #065f46;--green-mid: #059669;--green-light: #ecfdf5;--green-border: #a7f3d0;--amber: #92400e;--amber-mid: #d97706;--amber-light: #fffbeb;--red: #991b1b;--red-light: #fef2f2;--sb-bg: #0a1628;--sb-hover: #162236;--sb-active-bg: rgba(29, 78, 216, .22);--sb-text: #b8ccdf;--sb-muted: #627d96;--sb-border: rgba(255,255,255,.07);--topbar-h: 56px;--sidebar-w: 272px;--radius: 10px;--radius-sm: 7px;--radius-xs: 5px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 14px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-xl: 0 24px 56px rgba(0,0,0,.22), 0 8px 20px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:var(--blue)}.app-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.top-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border),var(--shadow-xs);display:flex;flex-shrink:0;gap:12px;height:var(--topbar-h);padding:0 16px;position:relative;z-index:100}.top-bar-left{align-items:center;display:flex;flex-shrink:0;gap:10px;min-width:0;width:var(--sidebar-w)}.top-bar-center{flex:1;max-width:460px}.top-bar-right{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:auto}.brand{align-items:center;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.brand strong{color:var(--blue);font-weight:800}.brand-icon{color:var(--blue);flex-shrink:0}.btn-icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;min-height:unset;padding:0;transition:background .12s,color .12s;width:36px}.btn-icon:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-icon.btn-danger{color:var(--red)}.btn-icon.btn-danger:hover:not(:disabled){background:var(--red-light)}.btn-menu{color:var(--text-mid)}.client-search{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);display:flex;gap:8px;padding:0 12px;transition:border-color .12s,box-shadow .12s,background .12s;width:100%}.client-search:focus-within{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a}.cs-icon{color:var(--text-faint);flex-shrink:0}.client-search input{background:transparent;border:none;color:var(--text);flex:1;min-height:36px;outline:none;padding:0;width:100%}.client-search input::placeholder{color:var(--text-faint)}.cs-lookup-btn{background:var(--blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;min-height:26px;padding:0 11px;transition:background .12s;white-space:nowrap}.cs-lookup-btn:hover:not(:disabled){background:var(--blue-hover)}.cs-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.save-status{align-items:center;border-radius:var(--radius);display:flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px;white-space:nowrap}.save-idle{color:var(--text-faint)}.save-saving{color:var(--blue)}.save-saved{color:var(--green-mid)}.save-error{color:var(--red)}.client-badge{align-items:center;background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:999px;color:var(--blue);display:flex;font-size:12px;font-weight:600;gap:5px;max-width:160px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.btn-generate{align-items:center;background:var(--blue);border:none;border-radius:var(--radius-sm);box-shadow:0 1px 3px #1d4ed840;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:36px;padding:0 16px;transition:background .12s,box-shadow .12s,transform .1s;white-space:nowrap}.btn-generate:hover:not(:disabled){background:var(--blue-hover);box-shadow:0 3px 8px #1d4ed859;transform:translateY(-1px)}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{cursor:not-allowed;opacity:.5}.btn-generate-save{background:#374151;box-shadow:none}.btn-generate-save:hover:not(:disabled){background:#1f2937}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.sidebar-overlay{background:#00000073;bottom:0;display:none;left:0;position:fixed;right:0;top:var(--topbar-h);z-index:140}.sidebar{background:var(--sb-bg);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#1e3a5f transparent;scrollbar-width:thin;transition:width .22s ease;width:var(--sidebar-w)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}.sidebar-closed{width:0}.sidebar-label{color:var(--sb-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:5px;padding:0 15px;text-transform:uppercase}.sidebar-case{border-bottom:1px solid var(--sb-border);padding:14px 0 13px}.sidebar-case-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 15px}.btn-change{background:#1d4ed82e;border:1px solid rgba(29,78,216,.3);border-radius:4px;color:#93c5fd;cursor:pointer;font-size:11px;font-weight:600;min-height:unset;padding:3px 8px;transition:background .12s}.btn-change:hover{background:#1d4ed852}.case-card{align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--sb-text);cursor:pointer;display:flex;gap:10px;margin:0 11px;min-height:unset;padding:10px 11px;text-align:left;transition:background .12s,border-color .12s;width:calc(100% - 22px)}.case-card:hover{background:#ffffff14;border-color:#ffffff24}.case-card-icon{align-items:center;background:#1d4ed847;border-radius:7px;color:#93c5fd;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.case-card-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.case-card-text strong{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-card-text span{color:var(--sb-muted);font-size:11px}.case-card-arrow{color:var(--sb-muted);flex-shrink:0}.case-empty-btn{align-items:center;background:#1d4ed81f;border:1.5px dashed rgba(29,78,216,.4);border-radius:8px;color:#93c5fd;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin:0 11px;min-height:42px;padding:0 14px;transition:background .12s;width:calc(100% - 22px)}.case-empty-btn:hover{background:#1d4ed838}.sidebar-progress{align-items:center;border-bottom:1px solid var(--sb-border);display:flex;gap:14px;padding:14px 15px}.progress-ring-wrap{flex-shrink:0;height:52px;position:relative;width:52px}.progress-ring{height:52px;transform:rotate(-90deg);width:52px}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:4}.ring-fill{fill:none;stroke:#3b82f6;stroke-linecap:round;stroke-width:4;transition:stroke-dasharray .5s ease}.ring-pct{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.progress-text{display:flex;flex-direction:column;gap:1px}.progress-text strong{color:#fff;font-size:17px;font-weight:700;line-height:1}.progress-text span{color:var(--sb-muted);font-size:11px}.section-nav{border-bottom:1px solid var(--sb-border);display:flex;flex-direction:column;gap:1px;padding:10px 0}.snav-item{align-items:center;background:transparent;border:none;border-left:3px solid transparent;border-radius:0;color:var(--sb-text);cursor:pointer;display:flex;font-size:12.5px;gap:8px;min-height:38px;padding:0 12px 0 9px;text-align:left;transition:background .1s,color .1s;width:100%}.snav-item:hover{background:var(--sb-hover);color:#fff}.snav-active{background:var(--sb-active-bg)!important;border-left-color:var(--blue)!important;color:#fff;font-weight:600}.snav-done{color:#6ee7b7}.snav-done:hover{color:#a7f3d0}.snav-partial{color:#fcd34d}.snav-bullet{align-items:center;color:var(--sb-muted);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.snav-done .snav-bullet{color:#6ee7b7}.snav-active .snav-bullet{color:#93c5fd}.snav-num{background:#ffffff14;border-radius:999px;color:var(--sb-muted);font-size:10px;font-weight:700;height:18px;line-height:18px;text-align:center;width:18px}.snav-active .snav-num{background:#1d4ed873;color:#93c5fd}.snav-icon{display:flex;flex-shrink:0;opacity:.7}.snav-active .snav-icon{opacity:1}.snav-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snav-prog{background:#ffffff0d;border-radius:3px;color:var(--sb-muted);flex-shrink:0;font-size:10px;font-weight:600;padding:1px 5px}.snav-active .snav-prog{background:#1d4ed84d;color:#93c5fd}.snav-done .snav-prog{background:#34d3991a;color:#6ee7b7}.sidebar-forms{border-bottom:1px solid var(--sb-border);display:flex;flex-direction:column;gap:2px;padding:11px 0}.sf-item{align-items:center;display:flex;gap:8px;padding:4px 15px}.sf-ready{color:#34d399;flex-shrink:0}.sf-pending{color:#fbbf24;flex-shrink:0}.sf-key{color:var(--sb-text);font-size:12px;font-weight:600;letter-spacing:.02em}.sf-badge{border-radius:3px;font-size:9.5px;font-weight:700;letter-spacing:.04em;margin-left:auto;padding:2px 5px;text-transform:uppercase}.sf-b-ready{background:#34d3991f;color:#34d399}.sf-b-pending{background:#fbbf241a;color:#fbbf24}.sf-optionals{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding:0 15px}.sf-optional-item{align-items:flex-start;color:var(--sb-muted);display:flex;font-size:11px;gap:5px;line-height:1.4;padding:2px 0}.evidence-drawer{border-bottom:1px solid var(--sb-border);display:flex;flex-direction:column}.evidence-toggle{align-items:center;background:transparent;border:none;border-radius:0;color:var(--sb-text);cursor:pointer;display:flex;font-size:12.5px;gap:8px;min-height:40px;padding:0 15px;text-align:left;transition:background .1s;width:100%}.evidence-toggle:hover{background:var(--sb-hover);color:#fff}.ev-count{background:#1d4ed840;border-radius:3px;color:#93c5fd;font-size:10px;font-weight:700;margin-left:auto;padding:1px 5px}.ev-chevron{color:var(--sb-muted);flex-shrink:0;transition:transform .18s}.ev-chevron.open{transform:rotate(180deg)}.evidence-list{display:flex;flex-direction:column;gap:5px;padding:5px 11px 11px}.ev-item{align-items:center;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:6px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px;transition:background .1s}.ev-done{background:#34d3990f;border-color:#34d3992e}.ev-info{align-items:flex-start;display:flex;flex:1;gap:7px;min-width:0}.ev-icon-done{color:#34d399;flex-shrink:0;margin-top:1px}.ev-icon-todo{color:var(--sb-muted);flex-shrink:0;margin-top:1px}.ev-info>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ev-label{color:var(--sb-text);font-size:11.5px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-badge{background:#ffffff0d;border-radius:3px;color:var(--sb-muted);display:inline-block;font-size:9.5px;font-weight:700;padding:1px 4px;text-transform:uppercase}.ev-req{background:#dc262624;color:#f87171}.ev-view{color:#60a5fa;font-size:11px;text-decoration:none}.ev-view:hover{text-decoration:underline}.btn-upload{align-items:center;background:#ffffff12;border-radius:4px;color:var(--sb-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-height:27px;overflow:hidden;padding:0 9px;position:relative;transition:background .12s;white-space:nowrap}.btn-upload:hover{background:#ffffff21}.btn-upload input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.main-content{flex:1;min-width:0;overflow-y:auto;padding:28px 32px 52px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.main-content::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.welcome-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px;justify-content:center;margin:60px auto;max-width:500px;padding:56px 44px;text-align:center}.welcome-icon{align-items:center;background:var(--blue-light);border-radius:50%;color:var(--blue);display:flex;height:80px;justify-content:center;width:80px}.welcome-card h2{color:var(--text);font-size:24px;font-weight:700;margin:0}.welcome-card p{color:var(--text-muted);line-height:1.65;margin:0;max-width:340px}.btn-primary-lg{align-items:center;background:var(--blue);border:none;border-radius:var(--radius);box-shadow:0 2px 6px #1d4ed847;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:background .12s,box-shadow .12s,transform .1s}.btn-primary-lg:hover{background:var(--blue-hover);box-shadow:0 4px 12px #1d4ed85c;transform:translateY(-1px)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:820px;padding:28px 30px 24px}.section-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:18px}.section-header-left{align-items:flex-start;display:flex;gap:13px}.section-icon-wrap{align-items:center;background:var(--blue-light);border-radius:9px;border:1px solid var(--blue-faint);color:var(--blue);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.section-breadcrumb{color:var(--text-faint);font-size:11.5px;letter-spacing:.01em;margin-bottom:3px}.section-title{color:var(--text);font-size:19px;font-weight:700;margin:0 0 4px}.section-desc{color:var(--text-muted);font-size:13.5px;line-height:1.55;margin:0}.section-header-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding-top:4px}.section-mini-progress{align-items:center;display:flex;gap:8px}.section-mini-progress span{color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.smp-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden;width:72px}.smp-fill{background:var(--blue);border-radius:999px;height:100%;transition:width .3s ease}.q-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.q-field{display:flex;flex-direction:column;gap:5px;position:relative}.q-wide{grid-column:1 / -1}.q-label{color:var(--text-mid);font-size:12.5px;font-weight:600}.q-field input,.q-field select,.q-field textarea{background:var(--surface);border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text);min-height:42px;padding:9px 34px 9px 12px;transition:border-color .12s,box-shadow .12s;width:100%}.q-field textarea{min-height:96px;padding:10px 12px;resize:vertical}.q-field select{padding-right:28px}.q-field input:focus,.q-field select:focus,.q-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a;outline:none}.q-field input:hover:not(:focus),.q-field select:hover:not(:focus){border-color:var(--border-dark)}.q-check{bottom:11px;color:var(--green-mid);pointer-events:none;position:absolute;right:11px}.repeatable-wrap{display:flex;flex-direction:column;gap:12px;margin-top:20px}.repeatable-card{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px}.repeatable-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.repeatable-label{color:var(--text-mid);font-size:13px;font-weight:700}.btn-add{align-items:center;align-self:flex-start;background:var(--blue-light);border:1.5px dashed var(--blue-mid);border-radius:var(--radius-sm);color:var(--blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:38px;padding:0 16px;transition:background .12s,border-color .12s}.btn-add:hover{background:#dbeafe;border-color:var(--blue)}.section-nav-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;margin-top:28px;padding-top:20px}.btn-nav{align-items:center;background:var(--surface);border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:40px;padding:0 16px;transition:border-color .12s,color .12s,background .12s}.btn-nav:hover:not(:disabled){background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.btn-nav:disabled{cursor:not-allowed;opacity:.4}.btn-next{background:var(--blue);border-color:var(--blue);color:#fff}.btn-next:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}.btn-finish{background:var(--teal);border-color:var(--teal);color:#fff}.btn-finish:hover:not(:disabled){background:var(--teal-hover);border-color:var(--teal-hover);color:#fff}.section-dots{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:260px}.dot{background:var(--border-dark);border:none;border-radius:999px;cursor:pointer;height:7px;min-height:unset;padding:0;transition:background .12s,width .15s;width:7px}.dot-active{background:var(--blue);width:20px}.dot-done{background:var(--green-mid)}.dot:hover{background:var(--blue-mid)}.generated-card{background:var(--surface);border:1px solid var(--green-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:20px;max-width:820px;overflow:hidden}.generated-header{align-items:center;background:var(--green-light);border-bottom:1px solid var(--green-border);display:flex;gap:10px;padding:14px 20px}.generated-header h3{color:var(--green);font-size:15px;font-weight:700;margin:0}.gen-check{color:var(--green-mid)}.gen-list{display:flex;flex-direction:column;gap:0}.gen-item{align-items:center;color:var(--text);display:flex;gap:14px;padding:13px 20px;text-decoration:none;transition:background .1s}.gen-item:hover{background:var(--surface-alt)}.gen-item+.gen-item{border-top:1px solid var(--border)}.gen-item-icon{align-items:center;background:var(--blue-light);border-radius:8px;color:var(--blue);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.gen-item-text{display:flex;flex:1;flex-direction:column;gap:2px}.gen-item-text strong{font-size:14px;font-weight:700}.gen-item-text span{color:var(--text-muted);font-size:12px}.gen-download-icon{color:var(--blue);flex-shrink:0}.packet-overlay{align-items:center;animation:fadeIn .16s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a16288c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.packet-modal{animation:slideUp .2s ease;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:calc(100dvh - 80px);max-height:800px;max-width:880px;overflow:hidden;width:calc(100vw - 48px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.packet-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.packet-modal-header h2{font-size:20px;font-weight:700;margin:0 0 4px}.packet-modal-header p{color:var(--text-muted);font-size:13px;margin:0}.packet-search{align-items:center;background:var(--bg);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:12px 20px}.packet-search-icon{color:var(--text-faint);flex-shrink:0}.packet-search input{background:transparent;border:none;color:var(--text);flex:1;font-size:14px;outline:none;padding:4px 0}.packet-modal-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 24px 28px}.pcat-section{display:flex;flex-direction:column;gap:8px}.pcat-header{align-items:center;color:var(--text-muted);display:flex;font-size:10.5px;font-weight:700;gap:6px;letter-spacing:.08em;padding-left:2px;text-transform:uppercase}.pcat-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pcard{align-items:flex-start;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:unset;padding:13px 14px;text-align:left;transition:border-color .12s,background .12s,box-shadow .12s}.pcard:hover{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed812}.pcard-active{background:var(--blue-light);border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a}.pcard-top{align-items:center;display:flex;justify-content:space-between;width:100%}.pcard-top strong{color:var(--text);font-size:13px;font-weight:700;line-height:1.3}.pcard-check{color:var(--blue);flex-shrink:0}.pcard span{color:var(--text-muted);font-size:12px;line-height:1.4}.pcard-forms{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.form-chip{background:var(--surface);border:1px solid var(--border-dark);border-radius:4px;color:var(--blue);font-size:10px;font-weight:700;padding:2px 6px}.pcard-active .form-chip{background:var(--blue);border-color:var(--blue);color:#fff}.empty-search{align-items:center;color:var(--text-faint);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:52px 0}.empty-search p{font-size:14px;margin:0}.spin{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{background:var(--surface);border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text);transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a;outline:none}@media (max-width: 900px){.main-content{padding:20px 20px 44px}.section-card{padding:20px 18px}.top-bar-left{width:auto}.save-status span,.client-badge span{display:none}}@media (max-width: 767px){.sidebar{bottom:0;left:0;position:fixed;top:var(--topbar-h);transform:translate(0);transition:transform .24s ease;width:var(--sidebar-w);z-index:150}.sidebar-closed{transform:translate(-100%);width:var(--sidebar-w)}.sidebar-overlay{display:block}.main-content{padding:16px 16px 60px}.q-grid{grid-template-columns:1fr}.q-wide{grid-column:1}.section-card{border-left:none;border-right:none;border-radius:0;box-shadow:none;padding:18px 16px}.welcome-card{margin:32px auto;padding:40px 24px}.welcome-card h2{font-size:20px}.section-icon-wrap{height:36px;width:36px}.section-title{font-size:17px}.section-header-right,.section-dots{display:none}.section-nav-row{flex-wrap:wrap}.btn-nav{flex:1;justify-content:center;min-height:44px}.top-bar-center,.save-status,.client-badge{display:none}.generated-card{border-left:none;border-right:none;border-radius:0}.packet-modal{border-radius:0;height:100dvh;max-height:none;width:100vw}.pcat-grid{grid-template-columns:1fr}}@media (max-width: 400px){.brand span{display:none}.section-card{padding:14px 12px}.btn-generate{font-size:12px;padding:0 12px}}.top-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-tab{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;padding:0 14px;transition:background .12s,color .12s;white-space:nowrap}.nav-tab:hover{background:var(--bg);color:var(--text)}.nav-tab-active{background:var(--blue-light);color:var(--blue);font-weight:600}.nav-tab-active:hover{background:var(--blue-faint)}.page-scroll{flex:1;overflow-y:auto;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.page-scroll::-webkit-scrollbar{width:5px}.page-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.q-has-error input,.q-has-error select,.q-has-error textarea{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.q-error-msg{align-items:center;color:#dc2626;display:flex;font-size:11.5px;font-weight:500;gap:4px}.doc-verify{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:8px;padding:10px 12px;width:100%}.dv-header{align-items:center;color:var(--text-mid);display:flex;font-size:11.5px;font-weight:600;gap:6px;margin-bottom:8px}.dv-progress{background:var(--blue-light);border-radius:999px;color:var(--blue);font-size:10px;font-weight:700;margin-left:auto;padding:1px 7px}.dv-fields{display:flex;flex-direction:column;gap:4px}.dv-field{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);display:flex;gap:8px;justify-content:space-between;padding:6px 8px;transition:background .1s}.dv-field.dv-ok{background:var(--green-light);border-color:var(--green-border)}.dv-field.dv-empty{opacity:.6}.dv-field-info{display:flex;flex-direction:column;flex:1;gap:1px;min-width:0}.dv-field-label{color:var(--text-mid);font-size:11px;font-weight:600}.dv-field-value{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-btn{align-items:center;background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10.5px;font-weight:600;gap:4px;padding:3px 8px;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.dv-btn:hover{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.dv-btn-ok{background:var(--green-light);border-color:var(--green-border);color:var(--green-mid)}.dv-btn-ok:hover{background:var(--green-light)}.dv-complete{align-items:center;color:var(--green-mid);display:flex;font-size:11.5px;font-weight:600;gap:5px;margin-top:8px}.ev-actions{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.ev-verify-btn{align-items:center;background:#1d4ed81a;border:1px solid rgba(29,78,216,.3);border-radius:4px;color:#93c5fd;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:4px;padding:2px 7px;transition:background .12s;white-space:nowrap}.ev-verify-btn:hover{background:#1d4ed833}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a162899;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:300}.review-modal{animation:slideUp .18s ease;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100dvh - 80px);max-width:800px;overflow:hidden;width:calc(100vw - 48px)}.rm-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.rm-header-left{align-items:flex-start;display:flex;gap:12px}.rm-icon{color:var(--blue);flex-shrink:0;margin-top:2px}.rm-header h2{font-size:18px;font-weight:700;margin:0 0 3px}.rm-header p{color:var(--text-muted);font-size:13px;margin:0}.rm-stats{align-items:center;background:var(--surface-alt);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:14px 24px}.rm-stat{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.rm-stat em{color:var(--text-muted);font-style:normal;font-weight:400}.rm-stat-green{color:var(--green-mid)}.rm-stat-amber{color:var(--amber-mid)}.rm-stat-red{color:#dc2626}.rm-progress-pill{align-items:center;display:flex;gap:8px;margin-left:auto}.rm-progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden;width:120px}.rm-progress-bar>div{background:var(--blue);border-radius:999px;height:100%;transition:width .4s ease}.rm-progress-pill span{color:var(--text-mid);font-size:12px;font-weight:700}.rm-error-block{background:#fef2f2;border-bottom:1px solid #fecaca;flex-shrink:0;padding:12px 24px}.rm-error-title{align-items:center;color:#dc2626;display:flex;font-size:12.5px;font-weight:700;gap:6px;margin-bottom:8px}.rm-error-item{align-items:baseline;display:flex;gap:6px;padding:3px 0}.rm-error-label{color:var(--text-mid);flex-shrink:0;font-size:12px;font-weight:600;min-width:140px}.rm-error-msg{color:#dc2626;font-size:12px}.rm-forms{align-items:center;background:var(--blue-light);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;padding:10px 24px}.rm-forms-label{color:var(--text-mid);font-size:12px;font-weight:600}.rm-form-chip{align-items:center;background:var(--blue);border-radius:4px;color:#fff;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;letter-spacing:.02em;padding:3px 8px}.rm-body{flex:1;overflow-y:auto;padding:16px 24px 20px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.rm-body::-webkit-scrollbar{width:4px}.rm-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rm-section{margin-bottom:18px}.rm-section-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.rm-field-list{display:flex;flex-direction:column}.rm-field{align-items:baseline;border-radius:var(--radius-xs);display:flex;gap:10px;padding:5px 8px}.rm-field:nth-child(2n){background:var(--surface-alt)}.rm-err{background:#fef2f2!important}.rm-blank{opacity:.5}.rm-fl{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:500;min-width:150px}.rm-fv{align-items:center;color:var(--text);display:flex;flex:1;font-size:12.5px;font-weight:500;gap:4px;min-width:0;word-break:break-word}.rm-fv-icon{color:var(--green-mid);flex-shrink:0}.rm-fv-icon-err{color:#dc2626;flex-shrink:0}.rm-fv-empty{color:var(--text-faint);font-style:italic}.rm-footer{align-items:center;background:var(--surface-alt);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:14px 24px}.btn-generate-disabled{background:var(--text-faint)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.75}.dashboard{margin:0 auto;max-width:1100px;padding:32px 36px 60px}.db-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.db-title{color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0 0 4px}.db-subtitle{color:var(--text-muted);font-size:14px;margin:0}.db-stats{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:18px 20px;transition:box-shadow .15s,transform .12s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-blue .stat-icon{background:var(--blue-light);color:var(--blue)}.stat-green .stat-icon{background:var(--green-light);color:var(--green-mid)}.stat-teal .stat-icon{background:var(--teal-light);color:var(--teal)}.stat-purple .stat-icon{background:#f5f3ff;color:#7c3aed}.stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;word-break:break-word}.stat-purple .stat-value{font-size:13px;font-weight:600;letter-spacing:0;line-height:1.4}.stat-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.stat-sub{color:var(--text-faint);font-size:11.5px}.db-section-title{color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px}.db-actions-section{margin-bottom:32px}.db-quick-actions{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.qa-card{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:border-color .12s,box-shadow .12s,transform .1s}.qa-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed814,var(--shadow-sm);transform:translateY(-1px)}.qa-card>div:last-child{display:flex;flex-direction:column;gap:2px}.qa-card strong{color:var(--text);font-size:13.5px;font-weight:700}.qa-card span{color:var(--text-muted);font-size:12px}.qa-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.qa-blue{background:var(--blue-light);color:var(--blue)}.qa-green{background:var(--green-light);color:var(--green-mid)}.qa-teal{background:var(--teal-light);color:var(--teal)}.qa-purple{background:#f5f3ff;color:#7c3aed}.db-workflow{margin-bottom:32px}.db-steps{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.db-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:8px;padding:18px 16px}.db-step-num{align-items:center;background:var(--blue);border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.db-step-icon{color:var(--blue)}.db-step strong{color:var(--text);font-size:13.5px;font-weight:700}.db-step span{color:var(--text-muted);font-size:12.5px;line-height:1.5}.db-recent{margin-bottom:32px}.db-recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.db-see-all{background:none;border:none;color:var(--blue);cursor:pointer;font-size:13px;font-weight:600;padding:0;transition:color .1s}.db-see-all:hover{color:var(--blue-hover);text-decoration:underline}.db-client-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.db-client-row{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:12px;padding:13px 16px;text-align:left;transition:background .1s;width:100%}.db-client-row:hover{background:var(--surface-alt)}.db-client-row+.db-client-row{border-top:1px solid var(--border)}.db-cl-avatar{align-items:center;background:var(--blue);border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.db-cl-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.db-cl-info strong{color:var(--text);font-size:14px;font-weight:600}.db-cl-info span{color:var(--text-muted);font-size:12px}.db-cl-id{color:var(--text-faint);font-size:12px;font-weight:600}.db-cl-arrow{color:var(--text-faint);flex-shrink:0}.db-forms-preview{margin-bottom:32px}.db-form-chips{display:flex;flex-wrap:wrap;gap:6px}.db-form-chip{align-items:center;border:1px solid var(--border-dark);border-radius:var(--radius-xs);display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.04em;padding:4px 10px}.db-form-ready{background:var(--green-light);border-color:var(--green-border);color:var(--green)}.db-form-pending{background:var(--surface-alt);color:var(--text-muted)}.clients-page{margin:0 auto;max-width:1000px;padding:32px 36px 60px}.cl-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.cl-search-bar{align-items:center;background:var(--surface);border:1.5px solid var(--border-dark);border-radius:var(--radius);display:flex;gap:8px;margin-bottom:20px;padding:0 14px;transition:border-color .12s,box-shadow .12s}.cl-search-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a}.cl-search-bar input{background:transparent;border:none;color:var(--text);flex:1;font-size:14px;outline:none;padding:10px 0}.cl-search-bar input::placeholder{color:var(--text-faint)}.cl-search-icon{color:var(--text-faint);flex-shrink:0}.cl-clear{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-faint);cursor:pointer;display:flex;padding:4px;transition:background .1s,color .1s}.cl-clear:hover{background:var(--bg);color:var(--text)}.cl-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:80px 0}.cl-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:80px 0;text-align:center}.cl-empty h3{color:var(--text);font-size:20px;font-weight:700;margin:0}.cl-empty p{font-size:14px;margin:0}.cl-empty-icon{color:var(--text-faint)}.cl-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cl-card{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:border-color .12s,box-shadow .12s,transform .1s}.cl-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed814,var(--shadow-sm);transform:translateY(-1px)}.cl-avatar{align-items:center;background:linear-gradient(135deg,var(--blue),#7c3aed);border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:44px;justify-content:center;width:44px}.cl-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.cl-info strong{color:var(--text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-email{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-meta{color:var(--text-faint);font-size:11px}.cl-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.cl-id{color:var(--text-faint);font-size:11px;font-weight:700}.cl-arrow{color:var(--text-faint)}@media (max-width: 1100px){.db-stats,.db-quick-actions,.db-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.dashboard,.clients-page{padding:24px 20px 44px}.db-title{font-size:22px}.top-nav{display:none}}@media (max-width: 767px){.db-stats{grid-template-columns:1fr}.db-quick-actions{grid-template-columns:repeat(2,1fr)}.db-steps{grid-template-columns:1fr}.dashboard,.clients-page{padding:16px 16px 44px}.review-modal{width:100vw;max-width:100vw;border-radius:0;max-height:100dvh}.rm-header{padding:16px}.rm-stats{padding:10px 16px}.rm-body,.rm-footer{padding:12px 16px}.rm-forms{padding:8px 16px}.rm-error-block{padding:10px 16px}.rm-fl{min-width:110px}}
