@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--blanc-ivoire: #fffdf1;--gris-fonce: #3a3935;--outremer: #305ca6;--vert-anglais: #2c776a;--rouge-vermillon: #b20c1e;--gris-moyen: #7c8185;--gris-clair: #cccdc8;--paper-white: #ffffff;--ink-strong: #262521;--ink-soft: #5f6469;--shadow: 0 1px 0 rgba(58, 57, 53, .05), 0 8px 24px rgba(58, 57, 53, .05)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Archivo,Segoe UI,sans-serif;color:var(--ink-strong);background:linear-gradient(160deg,#f7f2df 0%,transparent 28%),linear-gradient(-160deg,#e4ebe5 0%,transparent 24%),var(--blanc-ivoire)}button,input,select,textarea{font:inherit}.console-root{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--gris-fonce);color:#f1eee5;padding:20px 14px;border-right:1px solid #54524b}.brand{font-size:2rem;font-weight:800;letter-spacing:.01em;margin-bottom:16px}.workspace-panel{background:#2f2e2a;border:1px solid #5d5b54;padding:12px;border-radius:10px;margin-bottom:16px}.workspace-panel label{font-size:.74rem;color:#d4d0c6;text-transform:uppercase;letter-spacing:.09em;display:block;margin-bottom:6px}.workspace-panel select{width:100%;border:1px solid #7f7a70;background:#ece8dc;color:#1f1d19;border-radius:8px;padding:8px 10px}.workspace-chip{margin-top:8px;border-radius:999px;padding:4px 10px;width:fit-content;font-weight:700;font-size:.72rem;color:#f9f9f8}.nav-group{margin-bottom:14px}.nav-group h4{margin:0 0 8px;padding:0 8px;color:#b8b4ab;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.nav-item{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:#f0eee9;text-align:left;padding:10px 12px;margin-bottom:6px;cursor:pointer;font-weight:600}.nav-item:hover{background:#2a2925;border-color:#4f4d47}.nav-item.active{background:#282724;border-color:#6a685f;box-shadow:inset 3px 0 0 var(--outremer)}.main{padding:22px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{margin:0;color:var(--gris-moyen);text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.topbar h1{margin:5px 0 0;font-size:2.2rem;line-height:1.05}.context{margin:6px 0 0;color:var(--ink-soft)}.top-controls{display:flex;align-items:center;gap:10px}.env-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:168px}.env-switch button{border:1px solid var(--gris-clair);border-radius:8px;background:var(--paper-white);color:var(--ink-strong);font-weight:700;padding:8px 10px;cursor:pointer}.env-switch button.active.dev{background:#d3ebe4;border-color:var(--vert-anglais);color:#125246}.env-switch button.active.prod{background:#f3d4d8;border-color:var(--rouge-vermillon);color:#8c1423}.search-input{border:1px solid var(--gris-clair);border-radius:999px;padding:9px 12px;min-width:280px;background:var(--paper-white)}.search-input.narrow{min-width:0;width:100%;margin-bottom:10px}.runtime-panel{background:var(--paper-white);border:1px solid var(--gris-clair);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr;gap:10px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.78rem;color:var(--gris-moyen);text-transform:uppercase;letter-spacing:.08em}.field input{border:1px solid var(--gris-clair);border-radius:8px;padding:8px 10px;background:#fff}.env-guard{border-radius:8px;font-size:.84rem;padding:10px;border:1px solid var(--gris-clair)}.env-guard.dev{color:#125246;background:#e5f2ec;border-color:#b5d8ce}.env-guard.prod{color:#7c1522;background:#f8e4e6;border-color:#e6b9be}.api-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f7f4ea;border:1px solid #dfd8c4;border-radius:10px;padding:8px 10px}.api-strip strong{font-size:.82rem;color:#534f42}.api-strip span{font-family:IBM Plex Mono,monospace;font-size:.76rem;color:#40444a;background:#fff;border:1px solid #d5d2c8;border-radius:999px;padding:4px 9px}.notice{border-radius:10px;padding:10px 12px;border:1px solid transparent;font-weight:500}.notice.warning{background:#fff4d8;border-color:#dfc785;color:#7b5a1a}.notice.error{background:#fce8e8;border-color:#e4aab2;color:#8a1f2f}.notice.success{background:#e5f4ec;border-color:#9fceb6;color:#196148}.module-stack{display:flex;flex-direction:column;gap:12px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.button-row{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:8px;background:var(--outremer);color:#fff;padding:8px 12px;font-weight:700;cursor:pointer;transform:translateY(0)}button:hover{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--rouge-vermillon)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:var(--paper-white);border:1px solid var(--gris-clair);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;align-items:flex-start}.card-header h3{margin:0;font-size:1.18rem}.card-header p{margin:4px 0 0;color:var(--gris-moyen);font-size:.8rem}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi-card{border:1px solid var(--gris-clair);border-radius:10px;background:#fff;padding:12px}.kpi-card span{display:block;color:var(--gris-moyen);font-size:.78rem;margin-bottom:4px}.kpi-card strong{display:block;font-size:1.5rem;margin-bottom:4px}.kpi-card small{color:#276146}.bar-chart{display:flex;align-items:flex-end;gap:8px;min-height:170px;border:1px solid #e1ddcd;border-radius:8px;padding:10px;background:#fefcf4}.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:100%;background:var(--outremer);border:1px solid #244a86;border-radius:5px 5px 0 0;min-height:8px}.bar-wrap span{color:var(--gris-moyen);font-size:.73rem}.split-layout{display:flex;gap:14px;align-items:center}.donut{width:132px;height:132px;border-radius:50%;position:relative}.donut-inner{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:50%;background:#fff;border:1px solid var(--gris-clair);display:grid;place-items:center;font-weight:700}.legend{display:flex;flex-direction:column;gap:8px}.legend div{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.dot-ios{background:var(--outremer)}.dot-android{background:var(--vert-anglais)}.table-wrap{overflow:auto;border:1px solid #e1ddd2;border-radius:8px}.data-table{width:100%;border-collapse:collapse;min-width:560px}.data-table th,.data-table td{border-bottom:1px solid #ece7d9;padding:9px 10px;text-align:left;font-size:.9rem}.data-table th{background:#f7f4ea;color:#4f524f;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.data-table tr:hover{background:#f6f7f8}.data-table tr.selected{background:#e6eef8}.data-table.compact{min-width:0}.data-table.compact td input{width:100%;border:1px solid #d7d4cc;border-radius:6px;padding:6px 8px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-grid div{border:1px solid #dfdacd;border-radius:8px;padding:10px;background:#fcfbf5}.summary-grid span{display:block;color:var(--gris-moyen);font-size:.78rem;margin-bottom:4px}.summary-grid strong{font-size:1.2rem}.action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.action-row{border:1px solid #ded8cb;border-radius:8px;background:#f9f6ed;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.action-row strong{display:block}.action-row small{color:var(--gris-moyen)}.json-view{margin:0;background:#111823;color:#d9e2f0;border-radius:8px;padding:10px;max-height:320px;overflow:auto;font-family:IBM Plex Mono,monospace;font-size:12px}.empty{border:1px dashed #d4d0c2;border-radius:8px;padding:16px;text-align:center;color:var(--gris-moyen);background:#fcfaf1}.config-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}.config-key-list{display:flex;flex-direction:column;gap:6px}.key-item{border:1px solid #d4d0c3;border-radius:8px;background:#fff;color:#2f2d28;text-align:left;padding:8px 10px}.key-item.active{background:#d9e6fb;border-color:var(--outremer);color:#1e3f72}.json-editor{width:100%;min-height:280px;border:1px solid #d8d4c8;border-radius:8px;padding:10px;font-family:IBM Plex Mono,monospace;font-size:13px}.inline-field-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.inline-field-row label{display:flex;flex-direction:column;gap:6px}.wide-input{max-width:520px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid input{border:1px solid #d8d4c8;border-radius:8px;padding:8px 10px}@media (max-width: 1240px){.console-root{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #57554f}.runtime-panel{grid-template-columns:1fr 1fr}.kpi-grid,.summary-grid,.grid-two,.form-grid,.config-layout{grid-template-columns:1fr}.topbar{flex-direction:column}.top-controls{width:100%;flex-direction:column;align-items:stretch}.search-input{min-width:0;width:100%}}@media (max-width: 760px){.main{padding:14px}.runtime-panel{grid-template-columns:1fr}.topbar h1,.brand{font-size:1.7rem}}