:root{font-family:Sora,Segoe UI,sans-serif;color:#102018;background:radial-gradient(circle at top,rgba(255,214,102,.35),transparent 28%),linear-gradient(180deg,#fff8e8,#f6f8f3 36%,#eef4ef);line-height:1.45;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:transparent}button,input,textarea,select{font:inherit}button,label input[type=file]{cursor:pointer}input,textarea,select{width:100%;border:1px solid rgba(16,32,24,.14);border-radius:18px;padding:.95rem 1rem;background:#ffffffd1;color:#102018;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#0a735699;box-shadow:0 0 0 4px #0a73561f}textarea{resize:vertical}.screen{max-width:1360px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.hero,.toolbar,.list-panel,.detail-panel,.banner{border:1px solid rgba(16,32,24,.08);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 52px #10201814}.hero{border-radius:32px;padding:1.4rem;display:grid;gap:1.25rem}.eyebrow,.section-kicker{margin:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#0a7356}.hero h1,.panel-header h2,.card-header h3{margin:0}.hero h1{font-size:clamp(2rem,4vw,3.6rem);max-width:14ch}.hero-copy{margin:.75rem 0 0;max-width:62ch;color:#486157}.hero-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.hero-metric,.sync-pill,.card,.job-card,.capture-card,.evidence-item,.note-box,.address-box,.banner{border-radius:24px}.hero-metric{padding:1rem;background:linear-gradient(135deg,#fff3cdeb,#dff8efeb);display:grid;gap:.3rem}.hero-metric span,.sync-pill small,.job-card p,.job-meta,.job-footer,.muted,.helper-text,.timeline-item p,.evidence-item p,.banner,.description,dt{color:#5e7269}.hero-metric strong{font-size:1.1rem}.sync-pill{padding:1rem 1.1rem;display:grid;align-content:center;justify-items:start;gap:.2rem;font-weight:700}.sync-pill.online{background:#e2faf0f0;color:#0a7356}.sync-pill.offline{background:#ffeedcf0;color:#a55416}.banner{padding:.95rem 1.1rem}.banner.warning{border-color:#a554162e;background:#fff1e5eb}.banner.success{border-color:#0a73562e;background:#e8faf0eb}.toolbar{border-radius:28px;padding:1rem;display:grid;gap:1rem}.search-box{display:grid;gap:.45rem}.search-box label{font-size:.88rem;font-weight:700}.filter-row,.action-row,.capture-grid,.cta-row{display:flex;flex-wrap:wrap;gap:.7rem}.filter-chip,.state-action,.secondary-button,.job-card,.capture-card,.evidence-item button{border:1px solid rgba(16,32,24,.1);background:#ffffffd6}.filter-chip{border-radius:999px;padding:.7rem .9rem;color:#30443b}.filter-chip.active{background:#102018;color:#fff9ef}.content-grid,.detail-grid,.facts-grid,.form-grid,.signature-grid,.job-list{display:grid;gap:1rem}.content-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start}.list-panel,.detail-panel{border-radius:30px;padding:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header.sticky{position:sticky;top:.5rem;z-index:4;padding-bottom:.75rem;background:linear-gradient(180deg,#fffffff5,#ffffffb3)}.counter{min-width:2.4rem;height:2.4rem;border-radius:999px;display:inline-grid;place-items:center;background:#0a73561a;color:#0a7356;font-weight:700}.job-card{text-align:left;padding:1rem;display:grid;gap:.65rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.job-card:hover,.job-card.selected{transform:translateY(-1px);border-color:#0a735633;box-shadow:0 18px 32px #0a735614}.job-top,.job-meta,.job-footer,.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.job-card h3,.card-header h3{font-size:1.1rem}.job-card h3,.job-card p,.job-meta,.job-footer{margin:0}.draft-dot{color:#0a7356;font-weight:700}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:1rem;background:linear-gradient(180deg,#fffffffa,#f8faf6eb);border:1px solid rgba(16,32,24,.08);display:grid;gap:1rem}.card.wide{grid-column:1 / -1}.priority-chip{padding:.4rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.priority-chip.low,.priority-chip.medium{background:#ffefd0eb;color:#8a4e13}.priority-chip.high{background:#ffe1d7eb;color:#a13d1d}.priority-chip.urgent{background:#ffd7cdeb;color:#b21d18}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dt,dd{margin:0}dt{font-size:.82rem;margin-bottom:.2rem}dd{font-weight:700}.description,.helper-text,.note-box p{margin:0}.address-box,.note-box{padding:.9rem 1rem;background:#f7f9f5eb;border:1px solid rgba(16,32,24,.08)}.check-list{margin:0;padding-left:1.15rem}.state-action,.secondary-button{border-radius:18px;padding:.9rem 1rem;font-weight:700}.state-action:disabled{opacity:.55;cursor:not-allowed}.form-grid,.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.signature-grid label{display:grid;gap:.5rem;font-weight:700}.full-width{grid-column:1 / -1}.evidence-area{display:grid;gap:.8rem}.capture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.capture-card{padding:1rem;display:grid;gap:.2rem;position:relative;overflow:hidden}.capture-card span{font-weight:700}.capture-card small{color:#5e7269}.capture-card input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.evidence-list{display:grid;gap:.7rem}.evidence-item{padding:.9rem 1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.evidence-item button{border-radius:14px;padding:.6rem .75rem}.timeline{display:grid;gap:.9rem}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:.8rem}.timeline-dot{width:14px;height:14px;margin-top:.35rem;border-radius:999px;background:linear-gradient(135deg,#0a7356,#f2b95d);box-shadow:0 0 0 5px #0a73561a}.timeline-item strong,.timeline-item p{margin:0}.empty-state{min-height:280px;display:grid;place-content:center;gap:.4rem;text-align:center;color:#5e7269}.skeleton-block{border-radius:30px;background:linear-gradient(110deg,#ffffff8c 8%,#eef3eff2 18%,#ffffff8c 33%),#ffffffd1;background-size:220% 100%;animation:loading-shimmer 1.2s linear infinite}.skeleton-block.tall{min-height:720px}@keyframes loading-shimmer{to{background-position-x:-220%}}@media (max-width: 1024px){.content-grid,.detail-grid,.capture-grid,.form-grid,.signature-grid,.facts-grid,.hero-aside{grid-template-columns:1fr}}@media (max-width: 720px){.screen{padding:.75rem}.hero,.toolbar,.list-panel,.detail-panel{border-radius:24px}.panel-header,.job-top,.job-meta,.job-footer,.card-header,.evidence-item{flex-direction:column;align-items:flex-start}.cta-row .secondary-button,.cta-row button{width:100%}}
