*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#f4f6f9;color:#1e293b}input,select,textarea,button{font-family:inherit}.db-wrap{max-width:1100px;margin:0 auto;padding:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.topbar-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#0f3460}.topbar-badge{font-size:11px;padding:3px 10px;border-radius:99px;font-weight:600}.topbar-badge-admin{background:#0f3460;color:#e8b84b}.topbar-badge-client{background:#e6f1fb;color:#185fa5}.export-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#0f3460;color:#e8b84b;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.nav-tabs{display:flex;gap:0;border-bottom:.5px solid #e2e8f0;margin-bottom:1rem}.tab-btn{display:flex;align-items:center;gap:7px;padding:10px 18px;border:none;background:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active{color:#0f3460;border-bottom-color:#0f3460}.table-wrap{background:#fff;border:.5px solid #e2e8f0;border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:.5px solid #e2e8f0;white-space:nowrap}td{padding:10px 12px;border-bottom:.5px solid #f1f5f9}tr.clickable:hover td{background:#f8fafc;cursor:pointer}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.badge-pos{background:#e1f5ee;color:#0f6e56}.badge-neg{background:#faeeda;color:#854f0b}.badge-t1{background:#e6f1fb;color:#185fa5}.badge-t2{background:#eeedfe;color:#534ab7}.badge-t3{background:#faece7;color:#993c1d}.badge-envoye{background:#e6f1fb;color:#185fa5}.badge-vu{background:#eeedfe;color:#534ab7}.badge-encours{background:#faeeda;color:#854f0b}.badge-signe{background:#eaf3de;color:#3b6d11}.badge-perdu{background:#fcebeb;color:#a32d2d}.badge-ep80{background:#f1efea;color:#444441}.badge-ep100{background:#e6f1fb;color:#185fa5}.badge-ep120{background:#eeedfe;color:#534ab7}.badge-ep150{background:#faeeda;color:#854f0b}.badge-sep{background:#eaf3de;color:#3b6d11}.badge-rpt{background:#faece7;color:#993c1d}.badge-admin-tag{background:#0f3460;color:#e8b84b}.badge-client-tag{background:#f1efea;color:#5f5e5a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:4px 0}.kpi-card{background:#fff;border:.5px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem}.kpi-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.kpi-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.kpi-val{font-size:26px;font-weight:700;margin-bottom:4px}.kpi-sub{font-size:11px;color:#94a3b8}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:.5px solid #e2e8f0;border-radius:8px;padding:7px 14px;font-size:13px;color:#64748b;cursor:pointer;margin-bottom:1rem}.detail-overlay{background:#fff;border:.5px solid #e2e8f0;border-radius:12px;padding:1.5rem}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:1.5rem;flex-wrap:wrap}.detail-ref{font-size:18px;font-weight:700;color:#0f3460;font-family:monospace}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.5rem}.detail-section{background:#f8fafc;border-radius:8px;padding:1rem}.detail-section-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;border-bottom:.5px solid #f1f5f9}.detail-row label{color:#64748b}.field-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.note-input{width:100%;min-height:80px;padding:9px 12px;font-size:13px;border:.5px solid #e2e8f0;border-radius:8px;resize:vertical}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:.5px solid #e2e8f0}.action-primary{background:#0f3460;color:#e8b84b;border-color:#0f3460}.action-secondary{background:#fff;color:#1e293b}.action-whatsapp{background:#25d366;color:#fff;border-color:#25d366}.client-readonly-notice{background:#f8fafc;border-radius:8px;padding:1rem;font-size:13px;color:#64748b;border-left:3px solid #e2e8f0}.db-state-msg{display:flex;align-items:center;gap:10px;padding:1.5rem;color:#64748b;font-size:14px}.db-state-error{background:#fcebeb;color:#a32d2d;padding:10px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:1rem}.btn-retry{margin-left:12px;background:#fff;border:.5px solid #a32d2d;color:#a32d2d;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}.db-action-msg{padding:10px 14px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:1rem}.msg-ok{background:#eaf3de;color:#3b6d11}.msg-err{background:#fcebeb;color:#a32d2d}