:root{--ink: #111827;--muted: #6b7280;--line: #d8dee8;--soft: #f5f7fb;--blue: #3b82f6;--navy: #101827;--green: #0f9f76;--green-soft: #e8f8f1;--red: #e11d48;--red-soft: #fff1f2;--orange-soft: #fff7ed;--yellow-soft: #fffbeb}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#f8fafc}button,input,select,textarea{font:inherit}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:24px;align-items:center;height:64px;padding:0 34px;color:#fff;background:var(--navy);box-shadow:0 1px 8px #0f172a3d}.brand{display:flex;align-items:center;gap:12px}.brandIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#5eead4;background:#2dd4bf1f}.brandTitle{font-weight:900;letter-spacing:.02em}.brandSub{font-size:12px;color:#aab5c5}.modeSwitch{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f}.modeSwitch button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:0;border-radius:6px;color:#cbd5e1;background:transparent;cursor:pointer;font-size:13px;font-weight:900}.modeSwitch button.active{color:#111827;background:#fff}.modeSwitch button:disabled{cursor:wait;opacity:.7}.topStats{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:700}.topStats span{padding:7px 11px;border-radius:7px;background:#ffffff14}.topActions{display:flex;align-items:center;gap:10px}.valuationToggle{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid rgba(147,197,253,.45);border-radius:7px;color:#dbeafe;background:#3b82f61f;font-size:12px;font-weight:800;cursor:pointer}.valuationToggle.ready{color:#ecfdf5;border-color:#34d39980;background:#10b98124}.readyDot{width:7px;height:7px;border-radius:999px;background:#34d399}.page{width:min(1500px,calc(100vw - 52px));margin:22px auto 48px}.uploadPanel{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.dropzone{position:relative;display:flex;gap:12px;align-items:center;min-height:72px;padding:16px;border:1px dashed #9ca3af;border-radius:8px;background:#f8fbff}.dropzone p,.field span,.emptyState p,.sectionTitle p{margin:4px 0 0;color:var(--muted);font-size:13px}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.field{display:grid;gap:7px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.field textarea{min-height:88px;padding:10px 12px;resize:vertical}.primaryButton,.clearButton,.actionBar button,.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;cursor:pointer;font-weight:800}.primaryButton{min-width:170px;color:#fff;background:#4f46e5}.primaryButton:disabled{opacity:.7;cursor:wait}.uploadActions{display:grid;gap:8px}.clearButton{min-height:36px;border:1px solid var(--line);color:#475569;background:#fff}.clearButton:disabled{opacity:.7;cursor:wait}.valuationPopover{position:absolute;top:70px;right:max(26px,calc((100vw - 1500px)/2 + 26px));z-index:20;display:grid;gap:12px;width:min(370px,calc(100vw - 32px));margin-top:12px;padding:14px;border:1px solid #bfdbfe;border-radius:8px;background:#fff;box-shadow:0 18px 38px #0f172a29}.valuationPopoverHead{display:flex;justify-content:space-between;align-items:center;color:#172554}.closePopover{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;color:#64748b;background:#f1f5f9;cursor:pointer}.valuationPopover p{margin:0;color:#475569;font-size:12px}.catalogStatus{display:grid;gap:4px;padding:10px;border:1px solid #bbf7d0;border-radius:7px;color:#065f46;background:#ecfdf5;font-size:12px}.catalogStatus span{color:#047857}.sourceLink{display:block;color:#1d4ed8;font-size:12px;font-weight:800}.valueFile{position:relative;display:flex;align-items:center;gap:9px;min-height:46px;padding:0 12px;border:1px dashed #60a5fa;border-radius:8px;color:#1e3a8a;background:#fff;cursor:pointer;font-weight:700;font-size:13px}.valueFile input{position:absolute;inset:0;opacity:0;cursor:pointer}.periodField input{background:#fff}.removeCatalogButton{min-height:34px;border:1px solid #fecdd3;border-radius:7px;color:#be123c;background:#fff1f2;cursor:pointer;font-weight:800}.removeCatalogButton:disabled{opacity:.7;cursor:wait}.fileStrip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.fileStrip span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;color:#374151}.error{display:flex;align-items:center;gap:8px;margin:12px 0;padding:12px 14px;border:1px solid #fecdd3;border-radius:8px;color:#9f1239;background:var(--red-soft)}.emptyState{display:grid;place-items:center;text-align:center;min-height:420px;padding:70px 20px;color:#1f2937}.emptyState h1{max-width:760px;margin:18px 0 8px;font-size:clamp(28px,4vw,48px);line-height:1.05}.emptyState p{max-width:720px;font-size:16px}.petitionModule{display:grid;gap:16px}.petitionHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;border:1px solid #bfdbfe;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#fff)}.petitionHero h1{max-width:850px;margin:8px 0;font-size:clamp(24px,3vw,38px);line-height:1.08}.petitionHero p,.petitionActions p{margin:0;color:var(--muted)}.eyebrow{color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.petitionUpload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:230px;min-height:46px;padding:0 16px;border:1px dashed #2563eb;border-radius:8px;color:#1e3a8a;background:#fff;cursor:pointer;font-weight:900}.templateUploadBox{display:grid;gap:10px;min-width:260px}.smallUpload{min-width:0;min-height:42px}.debtorTools{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(220px,1fr);gap:10px;align-items:end}.petitionUpload input{position:absolute;inset:0;opacity:0;cursor:pointer}.petitionWorkspace{display:grid;gap:14px}.petitionSelector{display:grid;grid-template-columns:minmax(260px,420px) minmax(260px,1fr);gap:16px;align-items:start}.petitionSelector h2{grid-column:1 / -1}.templateStatus{display:grid;gap:4px;padding:11px;border:1px solid #bbf7d0;border-radius:8px;color:#065f46;background:#ecfdf5;font-size:13px}.templateStatus span{color:#047857}.petitionGrid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px}.clientEditor{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.clientActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.clientActions .primaryButton,.clientActions .clearButton{min-height:38px;padding:0 14px}.wideField{grid-column:span 2}.petitionActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.petitionActions .primaryButton{min-height:46px;padding:0 18px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;margin-top:16px}.sidebar{align-self:start}.sidebarTitle{margin:0 0 10px;color:#64748b;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.vehicleCard{width:100%;display:grid;gap:8px;margin-bottom:10px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff}.vehicleCard.active{border-color:#4338ca;box-shadow:0 0 0 1px #4338ca inset,0 8px 22px #4338ca1a}.vehicleCard .plate{width:max-content;padding:4px 8px;border-radius:6px;color:#fff;background:#4f46e5;font-weight:900}.vehicleCard .flag{justify-self:end;margin-top:-28px;color:#be123c;font-size:11px;font-weight:900;text-transform:uppercase}.vehicleCard small{color:#6b7280}.content{min-width:0}.tabs{display:flex;gap:8px;align-items:center;margin:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.tabs button{padding:12px 16px;color:#475569;background:transparent}.tabs button.active{color:#fff;background:var(--navy)}.tabMeta{margin:-8px 0 16px;text-align:right;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.summaryGrid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.4fr);gap:16px;margin-bottom:16px}.panel,.timelinePanel,.tablePanel{border:1px solid var(--ink);border-radius:8px;background:#fff}.panel{padding:18px}.panel h2,.sectionTitle h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;text-transform:uppercase}.kv{display:grid;grid-template-columns:150px 1fr;row-gap:12px;column-gap:14px;font-size:13px}.kv span{color:#94a3b8}.kv strong{overflow-wrap:anywhere}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:center}.panelHeader h2{margin-bottom:0;color:#9f1239}.panelHeader span{padding:5px 8px;border-radius:999px;color:#9f1239;background:#fff1f2;font-size:11px;font-weight:900;text-transform:uppercase}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 16px}.person{display:grid;gap:6px;padding:14px;border-radius:8px}.person small{font-weight:900;text-transform:uppercase}.person strong{font-size:16px}.person span{color:#475569;font-size:13px}.person.debtor{border:1px solid #bbf7d0;background:var(--green-soft)}.person.suspicious{border:1px solid #fecdd3;background:var(--red-soft)}.analysisNote,.note{margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:6px;color:#334155;background:#f8fafc;font-size:13px}.valuationNote{margin:14px 0 0;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;background:#f8fafc;font-size:12px}.valuationNote.matched{border-color:#93c5fd;color:#1e3a8a;background:#eff6ff}.valuationResult{display:grid;gap:4px;margin-top:12px;padding:12px;border:1px solid #93c5fd;border-radius:8px;color:#1e3a8a;background:#eff6ff}.valuationResult small{font-weight:900}.valuationResult strong{font-size:24px}.valuationResult span{color:#475569;font-size:12px}.encumbranceList{display:grid;gap:10px;margin-top:18px}.encumbranceList h3{margin:0;color:#334155;font-size:14px}.resultToolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px}.excelActions{display:flex;gap:10px;margin-left:auto}.excelActions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;cursor:pointer;font-weight:800;padding:11px 14px;color:#fff;background:#0f766e}.excelActions button+button{color:#312e81;background:#eef2ff}.excelActions .petitionCreateButton{color:#fff;background:#7c3aed}.modalBackdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:#0f172a8c}.petitionDraftModal{display:grid;gap:14px;width:min(1380px,100%);max-height:min(92vh,980px);padding:18px;border-radius:12px;background:#f8fafc;box-shadow:0 22px 70px #0f172a59;overflow:auto}.modalHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.modalHeader h2{margin:6px 0}.modalHeader p{margin:0;color:var(--muted)}.draftBody{display:grid;grid-template-columns:minmax(480px,.9fr) minmax(420px,1.1fr);gap:14px;min-height:0}.draftFields{display:grid;gap:12px}.draftGroup{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.draftGroup h3{margin:0 0 12px;font-size:14px;text-transform:uppercase}.helperText{margin:8px 0 0;color:var(--muted);font-size:12px}.petitionGrid.compact{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.previewPane{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:560px;border:1px solid #c7d2fe;border-radius:10px;overflow:hidden;background:#fff}.previewHead{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;color:#312e81;background:#eef2ff;font-size:13px}.previewHead span{color:#64748b}.previewPane pre{margin:0;padding:18px;overflow:auto;white-space:pre-wrap;color:#111827;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.5}.modalActions{display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.modalActions .primaryButton,.modalActions .clearButton{min-height:42px;padding:0 16px}.timelinePanel,.tablePanel{padding:16px}.sectionTitle{margin-bottom:14px}.timeline{position:relative;display:grid;gap:14px}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:13px;width:2px;background:#e2e8f0}.timelineItem{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px}.index{z-index:1;display:grid;place-items:center;width:26px;height:26px;border:1px solid #cbd5e1;border-radius:999px;color:#64748b;background:#fff;font-size:12px;font-weight:900}.card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.isDebtor .card,tr.isDebtor{border-color:#10b981;background:var(--green-soft)}.isSuspicious .card,tr.isSuspicious{border-color:#ef4444;background:var(--red-soft)}.isAfterDebtor .card,tr.isAfterDebtor{border-color:#f59e0b;background:var(--orange-soft)}.isLow .card,tr.isLow{background:var(--yellow-soft)}.cardTop{display:flex;justify-content:space-between;gap:12px}.date{padding:4px 8px;border-radius:6px;color:#fff;background:var(--navy);font-weight:900;font-size:12px}.badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.badges span{padding:5px 8px;border-radius:6px;background:#eef2ff;color:#312e81;font-size:11px;font-weight:900;text-transform:uppercase}.badges .danger{color:#fff;background:var(--red)}.card h3{margin:14px 0 10px;font-size:16px}.miniGrid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 20px;margin-bottom:12px;color:#64748b;font-size:12px}.miniGrid b{color:#111827}.tablePanel{overflow:auto}table{width:100%;min-width:1050px;border-collapse:collapse;font-size:13px}.secondaryTable{margin-top:16px}th,td{padding:10px;border:1px solid #dbe3ef;text-align:left;vertical-align:top}th{color:#fff;background:var(--navy)}@media(max-width:980px){.topbar,.uploadPanel,.workspace,.summaryGrid,.compare,.petitionHero,.petitionSelector,.petitionGrid,.clientEditor,.debtorTools{grid-template-columns:1fr}.topbar{position:static;height:auto;padding:16px;align-items:flex-start;flex-direction:column}.topActions{width:100%;align-items:flex-start;flex-direction:column}.valuationPopover{position:static;width:100%;margin-top:12px}.page{width:min(100% - 24px,1500px)}.primaryButton,.clearButton{min-height:46px}.resultToolbar,.tabs,.excelActions,.draftBody,.petitionGrid.compact{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.tabMeta{text-align:left}.miniGrid{grid-template-columns:1fr}.wideField{grid-column:span 1}}
