:root{--canard: #0f4c5c;--canard-2: #082c36;--or: #fcc30b;--flamme: #fd9d24;--fond: #fafcfc;--fond-2: #eaf2f3;--texte: #12191c;--texte-2: #61808c;--bordure: #d8e6e8;--danger: #d8453a}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fond-2);color:var(--texte)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--fond)}.app-content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 16px 88px}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;max-width:640px;margin:0 auto;background:var(--canard-2);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-size:11px;font-weight:600;color:#96b5bf;text-decoration:none;border:none;background:none}.tab-bar-item svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab-bar-item.active{color:var(--or)}.tab-bar-icon-wrap{position:relative;display:inline-flex}.tab-bar-badge{position:absolute;top:-4px;right:-8px;min-width:15px;padding:1px 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1.4;text-align:center}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:linear-gradient(170deg,var(--canard) 0%,var(--canard-2) 100%)}.login-card{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -20px #082c3673}.login-brand{display:flex;align-items:center;gap:10px;color:var(--canard)}.login-brand h1{font-size:20px;color:var(--canard-2)}.login-sub{color:var(--texte-2);font-size:13.5px;margin-top:-10px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--canard-2)}.login-card input{padding:11px 12px;border:1px solid var(--bordure);border-radius:10px;font:inherit;font-size:15px}.login-card button{margin-top:6px;padding:12px;border:none;border-radius:999px;background:var(--or);color:var(--canard-2);font-weight:700;font-size:15px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);font-size:13.5px}.page-placeholder{padding:40px 4px;text-align:center;color:var(--texte-2)}.page-placeholder h1{color:var(--canard-2);font-size:19px;margin-bottom:8px}.home-page{display:flex;flex-direction:column;gap:16px}.home-page h1{color:var(--canard-2);font-size:22px;font-weight:800}.home-address{color:var(--texte-2);font-size:13.5px;margin-top:-8px}.home-preparing{background:#fff;border-radius:20px;padding:28px 24px;text-align:center;color:var(--canard-2);font-weight:600;font-size:14.5px;box-shadow:0 20px 40px -24px #082c3659}.home-consumption{background:linear-gradient(170deg,var(--canard) 0%,var(--canard-2) 100%);border-radius:20px;padding:20px 22px;text-align:center;color:#fff;box-shadow:0 20px 40px -24px #082c3673}.home-consumption h2{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#96b5bf;margin-bottom:6px}.home-consumption p{font-size:32px;font-weight:800;letter-spacing:-.01em}.home-devices{background:#fff;border-radius:20px;padding:18px 18px 8px;box-shadow:0 20px 40px -24px #082c3659}.home-devices h2{color:var(--canard-2);font-size:15px;font-weight:700;margin-bottom:12px}.home-devices-list{list-style:none;display:flex;flex-direction:column}.home-device-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--bordure)}.home-device-row:last-child{border-bottom:none}.home-device-name{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--texte)}.home-device-badge{font-size:10.5px;font-weight:700;color:var(--canard-2);background:#fcc30b40;border-radius:999px;padding:3px 9px}.home-device-row button[role=switch]{flex:none;border:none;border-radius:999px;background:var(--fond-2);color:var(--canard-2);font-size:12px;font-weight:600;padding:7px 14px;cursor:pointer}.home-device-row button[role=switch][aria-checked=true]{background:var(--or)}.home-device-row button[role=switch]:disabled{opacity:.7;cursor:default}.home-loading,.home-empty{color:var(--texte-2);font-size:13.5px;padding:8px 0 18px}.waiting-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:#fff;border-radius:20px;padding:40px 24px;margin-top:24px;box-shadow:0 20px 40px -24px #082c3659}.waiting-illustration{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--fond-2);color:var(--canard);margin-bottom:4px}.waiting-page h1{color:var(--canard-2);font-size:19px}.waiting-page p{color:var(--texte-2);font-size:14px;line-height:1.5;max-width:340px}.sites-page{display:flex;flex-direction:column;gap:16px}.sites-page h1{color:var(--canard-2);font-size:22px;font-weight:800}.sites-list{list-style:none;display:flex;flex-direction:column;gap:10px}.sites-list-button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#fff;border:1px solid var(--bordure);border-radius:16px;padding:14px 16px;cursor:pointer;text-align:left;box-shadow:0 20px 40px -28px #082c3659}.sites-list-button.active{border-color:var(--or);background:#fcc30b14}.sites-list-pending{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--fond-2);border-radius:16px;padding:14px 16px}.sites-list-name{font-size:15px;font-weight:700;color:var(--canard-2)}.sites-list-address{font-size:13px;color:var(--texte-2)}.sites-list-status{font-size:12px;font-weight:600;color:var(--texte-2)}.sites-note{color:var(--texte-2);font-size:12.5px;text-align:center;padding-top:4px}.settings-page{display:flex;flex-direction:column;gap:18px}.settings-page h1{color:var(--canard-2);font-size:22px;font-weight:800}.settings-info,.settings-password{background:#fff;border-radius:20px;padding:18px 18px 20px;box-shadow:0 20px 40px -24px #082c3659}.settings-info h2,.settings-password h2{color:var(--canard-2);font-size:15px;font-weight:700;margin-bottom:12px}.settings-info-list{display:flex;flex-direction:column;gap:10px}.settings-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--bordure)}.settings-info-list>div:last-child{border-bottom:none}.settings-info-list dt{font-size:13px;color:var(--texte-2)}.settings-info-list dd{font-size:13.5px;font-weight:600;color:var(--texte);text-align:right}.settings-info-note{color:var(--texte-2);font-size:12.5px;margin-top:14px}.settings-password form{display:flex;flex-direction:column;gap:14px}.settings-password label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--canard-2)}.settings-password input{padding:11px 12px;border:1px solid var(--bordure);border-radius:10px;font:inherit;font-size:15px}.settings-password button{margin-top:2px;padding:12px;border:none;border-radius:999px;background:var(--or);color:var(--canard-2);font-weight:700;font-size:15px;cursor:pointer}.settings-password button:disabled{opacity:.6;cursor:default}.settings-password-success{color:var(--canard);font-size:13.5px}.settings-logout{width:100%;padding:13px;border:1px solid var(--danger);border-radius:999px;background:#fff;color:var(--danger);font-weight:700;font-size:14px;cursor:pointer}.settings-footer{text-align:center;color:var(--texte-2);font-size:11.5px;line-height:1.6;padding:4px 0 0}.alerts-page h1{margin-bottom:16px}.alerts-empty{color:var(--texte-2);font-size:15px;text-align:center;padding:40px 0}.alerts-list{list-style:none;display:flex;flex-direction:column;gap:10px}.alert-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;background:#fff;border:1px solid var(--bordure);border-radius:14px;padding:12px 14px}.alert-severity{grid-column:1;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase}.alert-severity.critical{background:#d8453a1f;color:var(--danger)}.alert-severity.warning{background:#fd9d2426;color:var(--flamme)}.alert-severity.info{background:var(--fond-2);color:var(--texte-2)}.alert-time{grid-column:3;color:var(--texte-2);font-size:12px}.alert-message{grid-column:1 / -1;font-size:14px}.alert-ack-button{grid-column:1 / -1;justify-self:start;margin-top:2px;padding:7px 14px;border:1px solid var(--canard);border-radius:999px;background:#fff;color:var(--canard);font-weight:600;font-size:13px;cursor:pointer}.alert-ack-button:disabled{opacity:.6;cursor:default}.pilo-page h1{margin-bottom:16px}.pilo-savings{background:linear-gradient(170deg,var(--canard) 0%,var(--canard-2) 100%);border-radius:16px;padding:20px;margin-bottom:20px}.pilo-savings-value{color:#fff;font-size:17px;font-weight:700}.pilo-journal h2{font-size:15px;color:var(--canard-2);margin-bottom:10px}.pilo-journal-loading,.pilo-journal-empty{color:var(--texte-2);font-size:14px}.pilo-journal-list{list-style:none;display:flex;flex-direction:column;gap:10px}.pilo-journal-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bordure);border-radius:14px;padding:12px 14px}.pilo-actor-badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.pilo-actor-badge.pilo{background:var(--or);color:var(--canard-2)}.pilo-actor-badge.client{background:var(--fond-2);color:var(--texte-2);border:1px solid var(--bordure)}.pilo-journal-message{flex:1;font-size:14px}.pilo-journal-time{flex-shrink:0;color:var(--texte-2);font-size:12px}