:root{--cd-navy:#0f1b2d;--cd-blue:#2563eb;--cd-blue-l:#3b82f6;--cd-bg:#f0f4ff;--cd-white:#ffffff;--cd-border:#d1daf0;--cd-text:#1e293b;--cd-muted:#64748b;--cd-red:#ef4444;--cd-green:#22c55e;--cd-radius:12px;--cd-shadow:0 2px 16px rgba(15,27,45,.08)}.cd-portal{max-width:860px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:var(--cd-text)}.cd-portal-header{display:flex;align-items:center;justify-content:space-between;background:var(--cd-navy);color:#fff;border-radius:var(--cd-radius);padding:24px 28px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cd-portal-welcome{display:flex;align-items:center;gap:16px}.cd-portal-avatar{width:52px;height:52px;border-radius:50%;background:var(--cd-blue);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.cd-portal-name{font-size:1.2rem;font-weight:700;margin:0 0 4px}.cd-portal-sub{font-size:.85rem;opacity:.7;margin:0}.cd-portal-stats{display:flex;gap:24px}.cd-stat{text-align:center}.cd-stat-num{display:block;font-size:2rem;font-weight:700;line-height:1;color:#fff}.cd-stat-label{font-size:.75rem;opacity:.65}.cd-upload-zone{background:var(--cd-white);border:2px dashed var(--cd-border);border-radius:var(--cd-radius);padding:2.5rem 2rem;text-align:center;transition:border-color .2s,background .2s;margin-bottom:24px}.cd-upload-zone.drag-over{border-color:var(--cd-blue);background:#eff6ff}.cd-upload-icon{width:60px;height:60px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--cd-blue)}.cd-upload-icon svg{width:28px;height:28px}.cd-upload-title{font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.cd-upload-sub{color:var(--cd-muted);margin:0 0 .4rem;font-size:.9rem}.cd-upload-types{font-size:.78rem;color:var(--cd-muted);margin:0 0 1.5rem}.cd-upload-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.cd-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;border:none;transition:transform .1s,box-shadow .1s,background .15s}.cd-btn:active{transform:scale(.97)}.cd-btn--primary{background:var(--cd-blue);color:#fff;box-shadow:0 1px 4px rgb(37 99 235 / .4)}.cd-btn--primary:hover{background:var(--cd-blue-l);color:#fff}.cd-btn--icon{background:var(--cd-bg);color:var(--cd-text);padding:.45rem}.cd-btn--icon svg{width:16px;height:16px}.cd-btn--icon:hover{background:#dbeafe;color:var(--cd-blue)}.cd-btn--danger{color:var(--cd-red)!important}.cd-btn--danger:hover{background:#fee2e2!important}.cd-select{padding:.5rem .75rem;border:1px solid var(--cd-border);border-radius:8px;font-size:.875rem;background:#fff;color:var(--cd-text);outline:none;cursor:pointer}.cd-select:focus{border-color:var(--cd-blue)}.cd-progress{margin-top:1rem}.cd-progress-bar{height:8px;background:var(--cd-blue);border-radius:99px;width:0;transition:width .2s}#cd-progress-text{display:block;font-size:.75rem;color:var(--cd-muted);margin-top:.3rem}.cd-feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.cd-feedback.success{background:#dcfce7;color:#166534}.cd-feedback.error{background:#fee2e2;color:#991b1b}.cd-notice{padding:1rem 1.25rem;border-radius:8px;font-size:.9rem}.cd-notice--warning{background:#fef9c3;color:#854d0e;border-left:4px solid #facc15}.cd-notice--error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.cd-documents{background:var(--cd-white);border-radius:var(--cd-radius);box-shadow:var(--cd-shadow);overflow:hidden}.cd-documents-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--cd-border);flex-wrap:wrap;gap:.75rem}.cd-documents-title{font-size:1rem;font-weight:700;margin:0}.cd-filters{display:flex;gap:.5rem;flex-wrap:wrap}.cd-filter{padding:.3rem .8rem;border-radius:99px;font-size:.8rem;font-weight:500;background:var(--cd-bg);color:var(--cd-muted);cursor:pointer;transition:background .15s,color .15s;user-select:none}.cd-filter.active,.cd-filter:hover{background:var(--cd-blue);color:#fff}.cd-empty{text-align:center;padding:3rem 1rem;color:var(--cd-muted)}.cd-empty svg{width:48px;height:48px;margin-bottom:.75rem;opacity:.4}.cd-empty p{margin:0;line-height:1.6}.cd-doc-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--cd-border);transition:background .15s}.cd-doc-item:last-child{border-bottom:none}.cd-doc-item:hover{background:#f8faff}.cd-doc-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.cd-icon--pdf{background:#fee2e2;color:#dc2626}.cd-icon--xls{background:#dcfce7;color:#16a34a}.cd-icon--doc{background:#dbeafe;color:#2563eb}.cd-icon--img{background:#f3e8ff;color:#7c3aed}.cd-doc-info{flex:1;min-width:0}.cd-doc-name{font-weight:600;font-size:.9rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-doc-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0;font-size:.78rem;color:var(--cd-muted)}.cd-doc-actions{display:flex;gap:.4rem;flex-shrink:0}.cd-badge{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.cd-badge--facture{background:#fef3c7;color:#92400e}.cd-badge--recu{background:#d1fae5;color:#065f46}.cd-badge--justificatif{background:#ede9fe;color:#5b21b6}.cd-badge--releve{background:#dbeafe;color:#1e40af}.cd-badge--contrat{background:#fce7f3;color:#9d174d}.cd-badge--autre{background:#f1f5f9;color:#475569}@media(max-width:600px){.cd-portal-header{flex-direction:column}.cd-doc-item{flex-wrap:wrap}.cd-doc-actions{width:100%;justify-content:flex-end}.cd-documents-header{flex-direction:column;align-items:flex-start}}