:root{--violet: #553e8b;--violet-light: #8a78c7;--violet-tint: #f0edf6;--linen: #d9cdb0;--ochre: #f5a623;--ochre-tint: #fef5e7;--bg: #ffffff;--surface: #f4efe9;--surface-2: #efe9e1;--border: #e5dfd7;--border-strong: #d4ccc0;--fg: #1a1a1a;--fg-secondary: #4a4a4a;--muted: #8a8a8a;--muted-light: #b0b0b0;--white: #ffffff;--success: #2d8659;--success-tint: #e8f5ee;--danger: #c0392b;--danger-tint: #fbeae8;--font-display: "DM Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 32px;--text-kpi: 36px;--leading: 1.5;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{min-height:100vh;background:var(--bg)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--white);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--space-4)}.logo{height:40px;width:auto;object-fit:contain}.header-title h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--violet);line-height:1.2}.header-title p{font-size:var(--text-sm);color:var(--muted);margin-top:2px}.header-right{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:9px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--violet);color:var(--white);border-color:var(--violet)}.btn-primary:hover{background:#47327a;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--fg-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--border-strong)}.btn-outline{background:transparent;color:var(--violet);border-color:var(--violet);width:100%;justify-content:center}.btn-outline:hover{background:var(--violet-tint)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-5) var(--space-6)}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.kpi-label{font-size:var(--text-sm);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.kpi-value{font-family:var(--font-display);font-size:var(--text-kpi);font-weight:700;line-height:1}.kpi-suffix{font-size:var(--text-lg);font-weight:500;margin-left:2px}.pipeline-section{padding:0 var(--space-6) var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--fg);display:flex;align-items:center;gap:var(--space-2)}.section-count{font-size:var(--text-sm);font-weight:500;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:100px}.pipeline{display:flex;align-items:center;gap:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-3);overflow-x:auto}.pipeline-stop{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-width:90px;transition:all .15s ease;position:relative}.pipeline-stop:hover{background:var(--surface)}.pipeline-stop.active{background:var(--violet-tint)}.pipeline-dot{width:12px;height:12px;border-radius:50%;background:var(--border-strong);border:2px solid var(--white);box-shadow:0 0 0 1px var(--border-strong);transition:all .2s ease}.pipeline-stop.active .pipeline-dot{background:var(--violet);box-shadow:0 0 0 1px var(--violet),0 0 0 4px var(--violet-tint);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 1px var(--violet),0 0 0 4px var(--violet-tint)}50%{box-shadow:0 0 0 1px var(--violet),0 0 0 7px #553e8b26}}.pipeline-label{font-size:var(--text-xs);font-weight:500;color:var(--fg-secondary);text-align:center;white-space:nowrap}.pipeline-stop.active .pipeline-label{color:var(--violet);font-weight:600}.pipeline-count{font-size:var(--text-xs);font-weight:600;color:var(--muted);background:var(--surface);padding:1px 6px;border-radius:100px;min-width:20px;text-align:center}.pipeline-stop.active .pipeline-count{background:var(--violet);color:var(--white)}.pipeline-connector{flex:1;min-width:20px;height:2px;background:var(--border);margin-top:-20px}.workspace{display:grid;grid-template-columns:1fr 340px;gap:var(--space-4);padding:0 var(--space-6) var(--space-6);align-items:start}.bids-area{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-controls{display:flex;gap:var(--space-2);align-items:center}.search-input{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-body);outline:none;width:200px;transition:border-color .15s}.search-input:focus{border-color:var(--violet)}.bids-area .section-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);margin-bottom:0}.table-wrap{overflow-x:auto;max-height:560px;overflow-y:auto}.bids-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.bids-table thead th{position:sticky;top:0;background:var(--surface);text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;z-index:1}.bids-table thead th.num{text-align:right}.bids-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.bids-table tbody tr:hover{background:var(--surface)}.bids-table tbody tr.selected{background:var(--violet-tint);box-shadow:inset 3px 0 0 var(--violet)}.bids-table td{padding:var(--space-3) var(--space-4);vertical-align:middle}.bids-table td.ref{font-family:var(--font-body);font-size:var(--text-xs);color:var(--muted);font-weight:500;white-space:nowrap}.bids-table td.client{font-weight:600;color:var(--fg);white-space:nowrap}.bids-table td.objet{color:var(--fg-secondary);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bids-table td.num.montant{text-align:right;font-weight:600;white-space:nowrap}.bids-table td.owner{color:var(--fg-secondary);white-space:nowrap}.bids-table td.actions-col{text-align:center}.echeance{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.echeance.urgent{color:var(--ochre);font-weight:600}.echeance.past{color:var(--muted)}.days-badge{font-size:var(--text-xs);font-weight:600;background:var(--ochre-tint);color:var(--ochre);padding:1px 6px;border-radius:100px}.days-badge.past-badge{background:var(--surface);color:var(--muted)}.stage-tag{display:inline-block;padding:3px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:500;white-space:nowrap}.gng-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:600;border:1px solid;white-space:nowrap}.row-actions{display:flex;gap:4px;justify-content:center}.icon-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 7px;font-size:var(--text-xs);cursor:pointer;color:var(--muted);transition:all .15s;line-height:1}.icon-btn:hover:not(:disabled){background:var(--violet-tint);color:var(--violet);border-color:var(--violet)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;color:var(--muted);font-size:var(--text-base)}.deliverables-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.deliverables-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.deliverables-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--fg)}.deliverables-stage{font-size:var(--text-xs);font-weight:500;color:var(--violet);background:var(--violet-tint);padding:3px 10px;border-radius:100px}.deliverables-empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--muted);font-size:var(--text-sm)}.deliverables-bid-info{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.deliverables-bid-client{font-weight:600;font-size:var(--text-base);color:var(--fg);margin-bottom:2px}.deliverables-bid-objet{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-3)}.deliverables-progress{display:flex;align-items:center;gap:var(--space-2)}.deliverables-progress-bar{flex:1;height:6px;background:var(--surface);border-radius:100px;overflow:hidden}.deliverables-progress-fill{height:100%;background:var(--violet);border-radius:100px;transition:width .3s ease}.deliverables-progress-text{font-size:var(--text-xs);font-weight:600;color:var(--muted);white-space:nowrap}.deliverables-list{padding:var(--space-3) var(--space-5)}.deliverable-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer;border-bottom:1px solid var(--border)}.deliverable-item:last-child{border-bottom:none}.deliverable-item input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.deliverable-checkmark{width:18px;height:18px;border:2px solid var(--border-strong);border-radius:4px;flex-shrink:0;position:relative;transition:all .15s}.deliverable-checkmark.checked{background:var(--violet);border-color:var(--violet)}.deliverable-checkmark.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.deliverable-label{font-size:var(--text-sm);color:var(--fg);transition:all .15s}.deliverable-label.done{text-decoration:line-through;color:var(--muted)}.deliverables-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--fg)}.modal-close{background:transparent;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all .15s}.modal-close:hover{background:var(--surface);color:var(--fg)}.add-form{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-row:has(.form-group:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--text-xs);font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-body);color:var(--fg);background:var(--white);outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--violet)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}@media (max-width: 1024px){.workspace{grid-template-columns:1fr}.deliverables-panel{position:static;max-height:none}}@media (max-width: 768px){.kpi-row{grid-template-columns:1fr 1fr;padding:var(--space-4)}.app-header{padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-3);align-items:flex-start}.header-right{width:100%}.header-right .btn{width:100%;justify-content:center}.pipeline-section,.workspace{padding-left:var(--space-4);padding-right:var(--space-4)}.form-row{grid-template-columns:1fr}.form-row:has(.form-group:nth-child(3)){grid-template-columns:1fr}.search-input{width:140px}.header-title h1{font-size:var(--text-lg)}.header-title p{font-size:var(--text-xs)}}