:root{color-scheme:light;font-family:Onest,system-ui,sans-serif;--font-display: "area-inktrap", "Onest", sans-serif;--white: #fffbf2;--black: #0f0a0a;--orange: #ff4e0d;--blue: #2f31f5;--vanilla: #ffe9a8;--muted: #2f2a2a;--line: rgba(15, 10, 10, .12);--panel: #ffffff}*{box-sizing:border-box}*,*:before,*:after{border-radius:0!important}body{margin:0;min-height:100vh;background:var(--white);color:var(--black)}a{color:inherit}.app,.dashboard{min-height:100vh}.dashboard__layout{display:grid;grid-template-columns:minmax(240px,280px) 1fr;min-height:100vh}.sidebar{background:var(--orange);color:var(--white);padding:28px 22px;display:flex;flex-direction:column;gap:24px}.sidebar__brand{display:flex;align-items:center;gap:12px}.brand__logo{height:32px;width:auto;display:block;filter:invert(1)}.brand__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.brand__subtitle{margin:4px 0 0;font-size:.85rem;opacity:.85}.sidebar__nav{display:flex;flex-direction:column;gap:12px}.nav-item{border:1px solid rgba(255,255,255,.3);background:#ffffff14;text-align:left;padding:12px 14px;border-radius:16px;display:flex;gap:12px;cursor:pointer;transition:all .2s ease;color:inherit}.nav-item__icon{width:36px;height:36px;border-radius:12px;background:#fff3;display:grid;place-items:center}.nav-item__text{display:flex;flex-direction:column;gap:3px}.nav-item__title{font-family:var(--font-display);font-size:.98rem;font-weight:600}.nav-item__subtitle{font-size:.8rem;opacity:.8}.nav-item--active{background:var(--white);color:var(--orange);border-color:transparent}.nav-item--active .nav-item__icon{background:#ff4e0d1f}.nav-item:hover{transform:translateY(-1px)}.main{background:var(--white);padding:28px 32px 40px;display:flex;flex-direction:column;gap:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.topbar__title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.topbar__subtitle{margin:6px 0 0;color:var(--muted)}.topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar__locale{display:inline-flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.75rem}.topbar__locale select{min-width:96px}.topbar__email{font-size:.85rem;color:var(--muted)}.main__content{display:flex;flex-direction:column;gap:22px;animation:fadeUp .6s ease}.welcome-strip{border:1px solid var(--line);padding:16px 18px;background:#fff}.welcome-strip__title{margin:0 0 6px;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.welcome-strip__subtitle{margin:0;color:var(--muted);font-size:.85rem}.welcome-strip__hint{margin:8px 0 0;color:#6f6761;font-size:.8rem}.table-wrapper{border:1px solid var(--line);background:#fff;overflow-x:auto}.widget-table{width:100%;border-collapse:collapse;font-size:.85rem}.widget-table th,.widget-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.widget-table th{font-family:var(--font-display);font-weight:600;background:#fff7eb}.widget-table tbody tr:hover{background:#ff4e0d0f}.table-action{text-align:right;width:1%;white-space:nowrap}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a0a73;display:grid;place-items:center;z-index:50;padding:24px}.modal{width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--white);border:1px solid var(--line);box-shadow:0 30px 60px #00000026}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal__title{margin:0;font-family:var(--font-display);font-size:1.1rem}.modal__actions{display:inline-flex;gap:10px;align-items:center}.modal__close{min-width:42px;padding:8px 0;justify-content:center}.modal__body{padding:18px}.modal .panel{background:transparent;border:none;padding:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:var(--panel);border-radius:18px;padding:18px;border:1px solid var(--line)}.metric-card__label{margin:0 0 12px;color:var(--muted);font-size:.85rem}.metric-card__value{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.metric-card__meta{margin-top:10px;display:flex;gap:8px;align-items:center;font-size:.78rem}.metric-card__delta{font-weight:600}.metric-card--up .metric-card__delta{color:#0b7a4a}.metric-card--down .metric-card__delta{color:#c23a28}.metric-card--flat .metric-card__delta{color:var(--muted)}.panel{background:var(--panel);border-radius:24px;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel__actions{display:inline-flex;align-items:center;gap:10px}.period-select{display:inline-flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.75rem}.period-select select{min-width:130px;padding:8px 10px;font-size:.85rem}.panel__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.panel__subtitle{margin:6px 0 0;color:var(--muted);max-width:520px}.recap-grid,.insight-readout{display:grid;gap:16px}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-readout{grid-template-columns:repeat(3,minmax(0,1fr))}.recap-card{background:#fff7eb;padding:18px;border-radius:18px;border:1px solid rgba(255,78,13,.15)}.recap-card__title{margin:0 0 8px;color:var(--muted);font-size:.85rem}.recap-card__value{margin:0 0 6px;font-family:var(--font-display);font-size:1.4rem;font-weight:700}.recap-card__meta{margin:0;font-size:.78rem;color:var(--muted)}.recap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recap-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem}.primary-button,.ghost-button{border-radius:999px;padding:10px 18px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:all .2s ease}.login-panel .primary-button{align-self:center;width:100%;justify-content:center;text-align:center}.primary-button{background:var(--black);color:var(--white)}.primary-button:hover{transform:translateY(-1px)}.ghost-button{background:transparent;color:var(--black);border:1px solid var(--line)}.ghost-button:hover{border-color:var(--black)}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.builder-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:18px;align-items:stretch}.builder-preview{display:flex;flex-direction:column;gap:16px;min-width:0}.builder-card{background:#fff7eb;padding:18px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(255,78,13,.12);height:100%}.builder-card__cta{margin-top:auto;padding-top:8px;display:flex;justify-content:center}.builder-card__cta .primary-button{min-width:180px;justify-content:center}.builder-card h3{margin:0;font-family:var(--font-display);font-size:1rem}.builder-step-title{display:inline-flex;align-items:center;gap:10px}.builder-step-badge{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:999px!important;font-size:.8rem;font-weight:700;line-height:1}label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--muted)}input,select{border-radius:12px;border:1px solid var(--line);padding:10px 12px;font-family:Onest,sans-serif;font-size:.9rem;background:#fff}.snippet-card{padding:18px;border:1px solid var(--black);background:var(--black);color:var(--white);display:flex;flex-direction:column;gap:12px;height:100%}.preview-full{width:100%;height:calc(100vh - 140px)}.preview-full__frame{width:100%;height:100%;border:none;background:#fffbf2}.product-import{display:flex;flex-direction:column;gap:16px;min-width:0;margin:0}.product-import-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(420px,1.2fr);gap:18px;align-items:stretch}.import-guide{border:1px solid var(--line);background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px}.import-guide__title-row{display:inline-flex;align-items:center;gap:10px}.import-guide__step{width:24px;height:24px;display:inline-grid;place-items:center;background:var(--black);color:var(--white);font-family:var(--font-display);font-size:.82rem;border-radius:999px!important}.import-guide__title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600}.import-guide__text{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.import-guide__download{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 14px;background:#fff7eb;text-decoration:none;font-size:.85rem;font-weight:600}.tenant-pill{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border:1px solid var(--line);background:#fff;font-size:.85rem}.tenant-pill strong{font-family:var(--font-display)}.dropzone{border:1px dashed rgba(15,10,10,.28);background:#fff7eb;padding:32px;display:grid;place-items:center;gap:10px;text-align:center;min-height:260px;cursor:pointer}.dropzone--active{border-color:var(--orange);background:#ff4e0d14}.dropzone__title{margin:0 0 6px;font-family:var(--font-display);font-size:1rem;display:inline-flex;align-items:center;gap:10px}.dropzone__step{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:999px!important;font-size:.8rem;font-weight:700;line-height:1}.dropzone__subtitle{margin:0;color:var(--muted);font-size:.85rem}.dropzone__button{background:var(--black);color:var(--white);padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:999px!important}.dropzone__button input{display:none}.import-guide__download:hover,.import-guide__download:focus-visible{border-color:var(--black)}@media(max-width:980px){.product-import-layout{grid-template-columns:1fr}}.snippet-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.snippet-card__title{margin:0;font-family:var(--font-display);font-size:1rem}.snippet-card__title--step{display:inline-flex;align-items:center;gap:10px}.snippet-card__subtitle{margin:4px 0 0;color:#ffffffb3;font-size:.82rem}.snippet-card__code{margin:0;background:#ffffff1f;padding:12px;border-radius:12px;font-size:.8rem;overflow-x:auto}.snippet-card__copy{background:var(--white);color:var(--black);border:none;font-size:.8rem;font-weight:600;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease}.snippet-card__copy:hover{transform:translateY(-1px)}.snippet-guide{border:1px solid var(--line);background:#fff7eb;padding:14px;display:flex;flex-direction:column;gap:8px}.snippet-guide__title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:700}.snippet-guide__text{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.insights-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.insights-section-title{margin:4px 0 10px;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.01em}.insight-card{border-radius:16px;padding:16px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.insight-card__title{margin:0 0 6px;font-family:var(--font-display);font-weight:600}.insight-card__description{margin:0;color:var(--muted);font-size:.85rem}.insight-card__rate{margin:0 0 4px;font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1}.insight-card__strength{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--vanilla)}.insight-card--fort .insight-card__strength{background:#d2f2e6}.insight-card--moyen .insight-card__strength{background:#ffe1d5}.insight-card--faible .insight-card__strength{background:#e6e9ff}.insight-card--disabled{background:#f3f3f3;border-color:#0f0a0a14;color:#7a7474}.insight-card--disabled .insight-card__description{color:#8d8686}.insight-card--disabled .insight-card__strength{background:#e4e4e4;color:#7a7474}.insights-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff7eb;padding:16px;border-radius:16px;border:1px solid rgba(255,78,13,.12)}.insights-footer__title{margin:0 0 4px;font-family:var(--font-display);font-weight:600}.insights-footer__text{margin:0;color:var(--muted);font-size:.85rem;max-width:520px}.insights-footer__badge{font-size:.75rem;font-weight:600;padding:6px 12px;background:#e4e4e4;color:#7a7474}.insight-blocks{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-block{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:14px}.insight-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.insight-block__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:.95rem}.insight-block__subtitle{margin:4px 0 0;color:var(--muted);font-size:.8rem}.insight-block__rows{display:flex;flex-direction:column;gap:10px}.insight-row{display:flex;flex-direction:column;gap:6px}.insight-row__labels{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem}.insight-row__labels strong{font-family:var(--font-display)}.insight-row__bar{width:100%;height:8px;border-radius:999px;background:#f2ece7;overflow:hidden}.insight-row__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8b4a,#ff5f28)}.insight-row__meta{margin:0;color:#928a84;font-size:.75rem}.insight-block__empty{margin:0;color:#8a8380;font-size:.85rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;gap:16px}.login-page__stack{display:flex;flex-direction:column;gap:18px;align-items:center;width:min(420px,100%)}.login-page__brand{display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-weight:700}.brand-logo{height:36px;width:auto;display:block}.login-page__layout{width:100%}.login-panel{background:var(--panel);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:20px}.login-panel__header{display:flex;align-items:center;gap:14px}.login-panel__badge{width:42px;height:42px;background:var(--black);display:grid;place-items:center;color:var(--white)}.login-panel__title{margin:0;font-family:var(--font-display);font-weight:700}.login-panel__subtitle{margin:4px 0 0;color:var(--muted);font-size:.85rem}.login-panel__form{display:flex;flex-direction:column;gap:16px}.input-with-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;background:#fff}.input-with-icon input{border:none;flex:1;padding:4px 0}.input-with-icon input:focus{outline:none}.login-panel__error{margin:0;color:#c23a28;font-size:.85rem}.login-panel__footer{font-size:.78rem;color:var(--muted)}.loading-screen{min-height:100vh;display:grid;place-items:center;gap:10px;background:var(--white);color:var(--black);font-family:var(--font-display)}.loading-screen__dot{width:18px;height:18px;border-radius:50%;background:var(--orange);animation:pulse 1.2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__layout{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.sidebar__footnote{display:none}}@media(max-width:900px){.login-page{padding:20px}}@media(max-width:760px){.metrics-grid,.builder-grid,.builder-layout,.recap-grid,.insight-readout{grid-template-columns:1fr}.topbar,.insights-footer{flex-direction:column;align-items:flex-start}.insights-grid,.insight-blocks{grid-template-columns:1fr}.sidebar__nav{display:none}}