@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap";html,body,#root{height:100%}body{color:#111827;background:#f4f5f7;margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}:root{--bg:#f4f5f7;--surface:#fff;--surface2:#f8f9fa;--border:#e4e7ec;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--blue:#2563eb;--blue-light:#eff6ff;--green:#16a34a;--green-light:#f0fdf4;--amber:#d97706;--amber-light:#fffbeb;--gray-light:#f3f4f6;--gray-mid:#e5e7eb}.logo{background:var(--blue);border-radius:6px;width:28px;height:28px}.title{white-space:nowrap;font-size:16px;font-weight:600}.date{color:var(--text-secondary);font-size:13px}.avatar{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:500;display:flex}.filterbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.filters{gap:8px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:13px}.chip.active{background:var(--blue-light);color:var(--blue);border-color:var(--blue)}.search-input{border:1px solid var(--border);border-radius:10px;width:260px;padding:10px 14px}.main{grid-template-columns:1fr 1fr;gap:16px;padding:24px 20px;display:grid}.col-full{grid-column:1/-1}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;display:flex}.badge{background:var(--gray-light);border-radius:20px;padding:3px 10px;font-size:12px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);background:var(--surface2);padding:12px 16px;font-size:12px}td{border-bottom:1px solid var(--border);padding:16px}tr:hover{background:#fafafa}td:last-child{flex-wrap:wrap;gap:6px;display:flex}.prog-bar{background:var(--gray-mid);background:var(--gray-mid);border-radius:6px;height:6px;margin-bottom:4px;display:flex;overflow:hidden}.prog-seg{height:100%}.prog-seg.green{background:var(--green)}.prog-seg.amber{background:var(--amber)}.prog-seg.blue{background:var(--blue)}.pill{border-radius:20px;padding:5px 10px;font-size:12px}.p-done{background:var(--green-light);color:var(--green)}.p-warn{background:var(--amber-light);color:var(--amber)}.tag{border-radius:20px;padding:4px 10px;font-size:12px}.table-bottom{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-info{color:var(--text-secondary);font-size:13px}.pagination{gap:6px;display:flex}.pagination button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;min-width:32px;height:32px}.pagination button.active{background:var(--blue);color:#fff}.overlay{z-index:9999;background:#11182773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:1100px;max-width:72%;max-height:90vh;animation:.2s fadeIn;overflow-y:auto;box-shadow:0 25px 60px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-tabs{border-bottom:1px solid var(--border);gap:24px;padding:0 24px;display:flex}.mtab{cursor:pointer;color:var(--text-secondary);padding:14px 0;display:inline-block;position:relative}.mtab.active{color:var(--blue);font-weight:500}.mtab.active:after{content:"";background:var(--blue);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.modal-body{padding:24px 28px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:14px;padding:18px}.kpi-val{font-size:28px;font-weight:600}.steps-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.step-card{border:1px solid var(--border);border-radius:14px;gap:14px;padding:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.navbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.nav-brand{flex-direction:row;align-items:center;gap:10px;display:flex}.nav-links{flex:1;gap:24px;margin-left:40px;display:flex}.nav-right{align-items:center;gap:16px;display:flex}.nav-links a{color:var(--text-secondary);padding-bottom:6px;font-size:14px;text-decoration:none}.nav-links a.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:500}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-actions{gap:10px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.btn.secondary{background:#fff}.btn.primary{background:var(--blue);color:#fff;border:none;box-shadow:0 2px 6px #2563eb4d}.btn.secondary:hover{background:#f9fafb}.kpi-card{border:1px solid var(--border);background:#fafafa;border-radius:14px;padding:18px}.kpi-card:first-child{background:#f0fdf4}.kpi-card:nth-child(2){background:#eff6ff}.kpi-card:nth-child(3){background:#f8fafc}.kpi-card:nth-child(4){background:#fff7ed}.step-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:14px;padding:16px;display:flex}.icon{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex}.step-card.done .icon{color:#fff;background:#22c55e}.step-card.pending .icon{color:#fff;background:#f59e0b}.positive{color:#16a34a;font-weight:500}.negative{color:#dc2626;font-weight:500}.status-active{color:#16a34a;background:#ecfdf5;border-radius:20px;padding:4px 10px;font-size:12px}.kpi-card.green{background:var(--green-light)}.kpi-card.blue{background:var(--blue-light)}.kpi-card.amber{background:var(--amber-light)}.step-card.done{background:var(--green-light);border-color:#86efac}.step-card.pending{background:var(--amber-light);border-color:#fcd34d}.icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.step-card.done .icon{background:var(--green);color:#fff}.step-card.pending .icon{background:var(--amber);color:#fff}.positive{color:var(--green)}.negative{color:#dc2626}.status-active{background:var(--green-light);color:var(--green);border-radius:20px;padding:4px 10px;font-size:12px}.sub{color:var(--text-secondary);font-size:12px}.prog-seg.done{background:var(--green)}.prog-seg.warn{background:var(--amber)}.dot{border-radius:50%;width:6px;height:6px}.tag-done{background:var(--green-light);color:var(--green)}.tag-done .dot{background:var(--green)}.tag-warn{background:var(--amber-light);color:var(--amber)}.tag-warn .dot{background:var(--amber)}.tag-gray{color:#6b7280;background:#f3f4f6}.tag-gray .dot{background:#9ca3af}.tag-blue{background:var(--blue-light);color:var(--blue)}.tag-blue .dot{background:var(--blue)}.tag.blue{background:var(--blue-light);color:var(--blue)}.tag.blue .dot{background:var(--blue)}.prog-seg.gray{background:#d1d5db}.tag{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tag .dot{border-radius:50%;width:6px;height:6px}.tag.green{background:var(--green-light);color:var(--green)}.tag.green .dot{background:var(--green)}.tag.amber{background:var(--amber-light);color:var(--amber)}.tag.amber .dot{background:var(--amber)}.tag.gray{color:#6b7280;background:#f3f4f6}.tag.gray .dot{background:#9ca3af}