*{box-sizing:border-box}:root{--blue:#245a8d;--blue2:#173f66;--bg:#f4f6f8;--card:#fff;--text:#26323d;--muted:#71808c;--border:#dbe2e8;--red:#b42318;--green:#087a4b}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.4}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#17212b;color:white}header h1,header p{margin:0}header p{color:#c9d2da;margin-top:3px}header a{color:white;text-decoration:none;border:1px solid #687580;padding:8px 11px;border-radius:8px}nav{display:flex;gap:6px;padding:12px 24px;background:white;border-bottom:1px solid var(--border);overflow:auto}nav a{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--text);white-space:nowrap}nav a.active{background:var(--blue);color:white}main{width:min(1450px,calc(100% - 28px));margin:22px auto 50px}.hero,.grid{display:grid;gap:16px}.hero{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.hero div{background:var(--blue);color:white;padding:22px;border-radius:14px}.hero span{display:block;opacity:.8}.hero strong{display:block;font-size:28px;margin-top:6px}.cards{grid-template-columns:repeat(5,1fr);margin-bottom:16px}.cards article,.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.04)}.cards h3{margin:0 0 4px;font-size:16px}.cards p{margin:0 0 12px;color:var(--muted);font-size:13px}.cards strong{font-size:20px}.two{grid-template-columns:repeat(2,1fr)}.panel{margin-bottom:16px}.panel h2{margin-top:0}.due,.bigline{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}label{display:block;font-weight:bold;margin-bottom:13px}input,select,textarea,button,.button{font:inherit}input,select,textarea{width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:white}textarea{min-height:70px}button,.button{display:inline-block;border:0;border-radius:7px;padding:9px 13px;background:var(--blue);color:white;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:var(--blue2)}.secondary{background:#e8edf2;color:var(--text)}.danger{background:var(--red)}.small{padding:6px 9px;font-size:13px}.inline{display:inline-flex;gap:6px;align-items:center;margin:0}.mini{width:130px;margin:0}.hint,small{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f8fafb}.neg{color:var(--red);font-weight:bold}.pos{color:var(--green);font-weight:bold}.tablewrap{overflow:auto}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,calc(100% - 30px));background:white;padding:28px;border-radius:14px;border:1px solid var(--border)}.loginbox input{margin-bottom:12px}.alert.error{background:#fff0ef;color:var(--red);padding:10px;border-radius:8px;margin-bottom:12px}.narrow{max-width:700px;margin:25px auto}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:650px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr}header{padding:15px}main{width:calc(100% - 16px)}nav{padding:8px}}


/* --- Change et transferts multidevises --- */
.rate-warning{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    background:#fff7df;
    border:1px solid #ead18a;
    padding:14px 16px;
    border-radius:10px;
    margin-bottom:16px
}
.rate-warning strong{font-size:16px}
.rate-warning span{flex:1;min-width:260px}
.hero .equivalent{background:#346d59}
.hero .equivalent small{display:block;color:rgba(255,255,255,.8);margin-top:5px}
.rate-example{
    margin-top:18px;
    padding:14px;
    border-radius:9px;
    background:#f5f8fa;
    border:1px solid var(--border)
}
.alert.info{
    background:#edf6ff;
    color:#1f527a;
    padding:11px 13px;
    border:1px solid #cfe4f5;
    border-radius:8px;
    margin-bottom:16px
}
.transfer-panel{border-top:4px solid var(--blue)}


/* --- AVS LPP mensuels --- */
.income-table .money-input{
    width:125px;
    margin:0;
    text-align:right;
    font-weight:700
}
.status-ok{
    display:inline-block;
    padding:4px 8px;
    border-radius:20px;
    background:#e8f6ed;
    color:#27623a;
    font-size:12px;
    font-weight:700
}
.status-future{
    display:inline-block;
    padding:4px 8px;
    border-radius:20px;
    background:#f1f3f5;
    color:#68737d;
    font-size:12px;
    font-weight:700
}
.income-table tfoot th{
    border-top:2px solid var(--border);
    background:#f7f9fb
}