@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink: #0a0a0a;--paper: #f7f6f3;--paper-dim: #efeeea;--slate: #6b6b6b;--line: #d9d7d1;--white: #ffffff;--danger: #a33;--font-display: "Fraunces", serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:var(--paper);padding:28px 20px}.sidebar .logo{font-family:var(--font-display);font-size:1.4rem;margin-bottom:32px}.sidebar nav a{display:block;padding:11px 12px;border-radius:6px;font-size:.92rem;color:#cfcdc7;margin-bottom:2px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff14;color:var(--paper)}.content{padding:36px 40px;max-width:1200px}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0}h1{font-size:1.8rem}h2{font-size:1.3rem}.card{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:32px}.kpi-value{font-family:var(--font-display);font-size:2rem;margin-top:8px}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid var(--line)}tr:hover td{background:var(--paper-dim)}.btn{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:10px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:3px}.btn:hover{opacity:.85}.btn-outline{background:transparent;color:var(--ink)}.btn-danger{background:var(--danger);border-color:var(--danger)}input,textarea,select{font-family:var(--font-body);padding:10px 12px;border:1px solid var(--line);border-radius:3px;width:100%}.badge{display:inline-block;padding:3px 9px;border-radius:3px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}.badge-confirmed{background:#e4efe4;color:#2f6b2f}.badge-pending{background:#f3ecd8;color:#8a6d1f}.badge-cancelled{background:#f3dede;color:#a33}.badge-completed{background:#e0e6ef;color:#33507a}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{border:1px solid var(--line);border-radius:4px;padding:8px;min-height:90px;background:var(--white)}.slot-chip{font-size:.72rem;padding:3px 6px;border-radius:3px;margin-bottom:3px;display:block}.slot-available{background:#eef3ee;color:#2f6b2f}.slot-booked{background:#e0e6ef;color:#33507a}.slot-held{background:#f3ecd8;color:#8a6d1f}.slot-blocked{background:#efeeea;color:#6b6b6b}.slot-chip{border:1.5px solid transparent}.slot-chip.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.payment-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}.payment-paye{background:#2f6b2f}.payment-en_attente{background:#8a6d1f}.payment-echoue{background:#a33}.payment-rembourse{background:#3b6ea5}.payment-non_requis{background:#aaa}.day-header{cursor:pointer;border-radius:3px;padding:2px 4px}.day-header.is-focused{background:var(--ink);color:var(--paper)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a73;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-panel{background:var(--white);border-radius:6px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;padding:28px}.modal-close{border:none;background:none;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--slate)}.action-list{display:grid;gap:8px}.action-list .btn{justify-content:flex-start;text-align:left}.view-switch{display:flex;gap:6px;margin-bottom:20px}.view-switch button{flex:1;padding:8px 4px;border:1px solid var(--line);background:var(--white);cursor:pointer;font-size:.82rem;border-radius:3px}.view-switch button.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.upload-zone{border:2px dashed var(--line);border-radius:6px;padding:28px 16px;text-align:center;cursor:pointer;background:var(--paper);transition:border-color .2s ease,background .2s ease}.upload-zone:hover,.upload-zone.is-dragover{border-color:var(--ink);background:var(--paper-dim)}.upload-zone-arrow{width:34px;height:34px;margin:0 auto 10px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink);background:var(--white)}.upload-zone-label{font-size:.85rem;color:var(--slate)}.upload-zone-sub{font-size:.74rem;color:var(--slate);margin-top:4px;opacity:.8}.upload-zone.is-uploading{opacity:.6;pointer-events:none}.media-preview{position:relative;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--white)}.file-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:3px;padding:6px 10px;font-size:.82rem;background:var(--paper)}.file-chip button{border:none;background:none;color:var(--danger);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.media-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;line-height:1;font-size:.9rem}
