:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.4;color:#1f2937;background:#fffaf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #d97706;--accent-dark: #b45309;--accent-soft: #fff7ed;--accent-border: #fed7aa;--accent-ink: #9a3412;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--control-py: .55rem;--control-px: .7rem;--panel-pad: .95rem;--text-sm: .84rem;--text-xs: .76rem}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fffaf5;color:#1f2937}#root{width:100%}.app-shell{margin:0 auto;max-width:920px;padding:1.25rem}.app-header{display:grid;gap:.5rem;margin-bottom:1rem}.header-row{display:flex;justify-content:flex-start}.btn-back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:#fff;color:var(--accent-ink);text-decoration:none;font-weight:600;padding:.46rem .72rem;line-height:1}.btn-back:hover{background:var(--accent-soft)}.back-icon{width:16px;height:16px;display:grid;place-items:center}.eyebrow{margin:0 0 .2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:.08em}h1{margin:0;font-size:1.8rem}.lead{margin:.4rem 0 0;color:#6b7280}.layout-grid{display:grid;grid-template-columns:1fr;gap:1rem}.panel{background:#fff;border:1px solid #f2d6bd;border-radius:var(--radius-lg);padding:var(--panel-pad);box-shadow:0 2px 8px #b4530914}.stack{display:grid;gap:.72rem}.section-title h2{margin:0;font-size:1.02rem}.section-title p{margin:.2rem 0 0;color:#6b7280;font-size:.86rem}.grid{display:grid;gap:.7rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two.align-controls{align-items:start;gap:.55rem}.grid.two.align-controls .field{font-size:.79rem}.grid.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.22rem;font-size:var(--text-sm);font-weight:600}.helper-text{font-size:var(--text-xs);font-weight:500;color:#9ca3af;line-height:1.2}.helper-spacer{visibility:hidden}.required-block{border:1px solid #f2d6bd;border-radius:var(--radius-md);padding:.72rem;background:#fffbf6}.file-upload{display:grid;gap:.35rem}.file-upload-label{font-size:var(--text-sm);font-weight:600;color:#6b7280}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #cfd6e3;border-radius:var(--radius-sm);background:#fff;color:#111827;padding:var(--control-py) var(--control-px);min-height:44px}.file-upload-input{width:100%;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:#fff;color:#9ca3af;font-size:.86rem;padding:.42rem .5rem}.file-upload-input::file-selector-button{border:0;border-radius:8px;margin-right:.55rem;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;padding:.42rem .65rem;cursor:pointer}.file-upload-input::file-selector-button:hover{background:var(--accent-dark)}textarea{resize:vertical}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border-radius:999px;border:1px solid #dbe2ef;background:#fff;padding:.22rem .56rem;font-size:var(--text-xs);font-weight:600}.chip.highlight{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-ink)}.attachment-list,.audit-list{list-style:none;margin:0;padding:0}.attachment-list li,.audit-list li{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid #e5e7eb;background:#fff}.attachment-list li button{border:1px solid #cbd5e1;border-radius:8px;padding:.3rem .55rem;cursor:pointer;background:#fff}.btn-primary,.btn-secondary{border:0;border-radius:var(--radius-sm);padding:.56rem .88rem;font-weight:700;cursor:pointer}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--accent-soft);color:var(--accent-ink)}.btn-secondary:hover{background:#ffedd5}.btn-secondary.danger{background:#fee2e2;color:#991b1b}.btn-secondary.danger:hover{background:#fecaca}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;gap:.35rem}.table-wrap{overflow:auto}.cell-title{margin:0;font-weight:600}.cell-sub{margin:.14rem 0 0;color:#6b7280;font-size:.78rem}.badge{border-radius:999px;font-size:.7rem;text-transform:capitalize;font-weight:700;padding:.18rem .48rem;display:inline-flex;align-items:center;gap:.35rem}.badge.submitted{background:#fef3c7;color:#92400e}.badge.acknowledged{background:#dcfce7;color:#166534}.muted{margin:0;color:#6b7280}.muted.small{font-size:.78rem}.entry-list{display:grid;gap:.75rem}.entry-card{border:1px solid #e5e7eb;border-radius:var(--radius-md);background:#fff;padding:.72rem;border-left-width:4px}.entry-card.submitted{border-left-color:#f59e0b}.entry-card.acknowledged{border-left-color:#22c55e}.entry-top,.entry-bottom{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.entry-note{margin:.58rem 0;white-space:pre-wrap;line-height:1.6}.badge-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor}.attachment-links{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.attachment-link{display:inline-block;font-size:var(--text-xs);color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:.16rem .48rem;text-decoration:none}.attachment-link:hover{background:#ffedd5}.acknowledge-field{max-width:360px}.empty-state{border:1px dashed var(--accent-border);border-radius:var(--radius-md);background:#fffcf8;padding:1.05rem;text-align:center}.empty-illustration{width:52px;height:52px;margin:0 auto .5rem;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);display:grid;place-items:center;color:var(--accent-ink);font-size:.7rem;font-weight:800;letter-spacing:.06em}.empty-state h3{margin:0;font-size:1rem}.empty-state p{margin:.45rem 0 0;color:#6b7280;font-size:.85rem}.skeleton-card{border-left-color:#e5e7eb!important}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#f3f4f6,#eceff4,#f3f4f6);background-size:220% 100%;animation:shimmer 1.2s linear infinite;margin:.32rem 0}.skeleton-line.w-full{width:100%}.skeleton-line.w-80{width:80%}.skeleton-line.w-40{width:40%}.skeleton-line.w-28{width:28%}.modal-backdrop{position:fixed;inset:0;background:#11182775;display:grid;place-items:center;padding:1rem;z-index:1000}.modal-panel{width:min(760px,100%);background:#fff;border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:.95rem;box-shadow:0 18px 44px #00000038;display:grid;gap:.75rem}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.modal-actions{display:flex;gap:.45rem;flex-wrap:wrap}.modal-header h3{margin:0}.modal-meta{display:flex;flex-wrap:wrap;gap:.45rem}.modal-meta span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:.18rem .52rem;font-size:var(--text-xs)}.modal-note{margin:0;white-space:pre-wrap;line-height:1.65}.undo-banner{position:fixed;right:1rem;bottom:1rem;z-index:1200;background:#111827;color:#fff;border-radius:var(--radius-md);padding:.6rem .7rem;display:flex;align-items:center;gap:.65rem;box-shadow:0 12px 28px #0000004d}.undo-banner .btn-secondary{background:#374151;color:#fff}.undo-banner .btn-secondary:hover{background:#4b5563}.error{margin:0;color:#b91c1c;font-size:var(--text-sm);font-weight:600}time{font-size:.78rem;color:#6b7280;white-space:nowrap}@media(max-width:760px){.panel{padding:.72rem}.grid.two,.grid.filters{grid-template-columns:1fr}.entry-top,.entry-bottom{flex-direction:column;align-items:flex-start}.entry-bottom .btn-secondary{width:100%}.modal-header{flex-direction:column;align-items:flex-start}.modal-actions{width:100%}.modal-panel{padding:.8rem}.undo-banner{left:1rem;right:1rem;bottom:1rem;justify-content:space-between}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}