*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f4f0;color:#20233c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;font-size:16px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
.top{background:#20233c;color:#fff;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
.top img{border-radius:8px}
.top div{flex:1;display:flex;flex-direction:column;line-height:1.2}
.top span{font-size:13px;color:#c3c9dc}
main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:18px 16px}
h1{font-size:22px;margin:0 0 8px;letter-spacing:-.3px}
.lead{margin:0 0 16px;color:#3a3f52}
label{display:block;font-weight:700;font-size:14px;margin:12px 0 4px}
input{width:100%;font:inherit;font-size:17px;padding:12px;border:1px solid #cfc9bd;border-radius:10px;background:#fff;color:#20233c}
input:focus{outline:2px solid #ee5f2b;outline-offset:1px}
.btn{width:100%;margin-top:18px;font:inherit;font-weight:800;font-size:17px;color:#fff;background:linear-gradient(120deg,#d9701c,#cf4a17);border:0;border-radius:10px;padding:14px}
.btn[disabled]{opacity:.6}
.link{font:inherit;font-size:15px;font-weight:700;background:none;border:0;color:#c8501f;padding:8px 0}
.top .link{color:#fff}
.top .link+.link{margin-inline-start:14px}
#forgot{display:block;margin:14px auto 0}
.err{color:#b3261e;font-weight:700;margin:12px 0 0}
input.secret{-webkit-text-security:disc}
.meta .tag{margin-inline-start:8px}
.note{font-size:14px;color:#5a6070;margin:16px 0 0}
.meta{font-size:13.5px;color:#5a6070;margin:0 0 12px}
.bar{display:flex;align-items:center;justify-content:space-between}
.card{display:block;width:100%;text-align:right;font:inherit;color:inherit;background:#fff;border:1px solid #ede8df;border-radius:14px;padding:14px;margin:0 0 10px}
.card .ttl{font-size:16.5px;font-weight:700;margin:0 0 2px;overflow-wrap:anywhere}
.card .when{font-size:13px;color:#5a6070}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.kpi{background:#f9f7f4;border-radius:10px;padding:8px 6px;text-align:center}
.kpi b{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.kpi small{font-size:12.5px;color:#5a6070}
.tag{display:inline-block;font-size:12px;font-weight:700;background:#fdf3e3;color:#9a4a12;border-radius:999px;padding:1px 9px;margin-inline-start:6px}
.big{background:#20233c;color:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px;text-align:center}
.big b{display:block;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.big small{color:#c3c9dc;font-size:13px}
.row{background:#fff;border:1px solid #ede8df;border-radius:12px;padding:10px 12px;margin:0 0 8px}
.row .l{display:flex;justify-content:space-between;font-weight:700}
.row .l span:last-child{font-variant-numeric:tabular-nums}
.track{height:8px;background:#f1ede6;border-radius:99px;margin-top:6px;overflow:hidden}
.fill{height:100%;border-radius:99px;background:#ee5f2b}
.fill.g{background:#22b07d}.fill.n{background:#7c84a3}.fill.r{background:#b3261e}
.load{text-align:center;color:#5a6070;margin-top:30px}
footer{text-align:center;font-size:12.5px;color:#7c8196;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
@media (prefers-color-scheme:dark){body{background:#15172a;color:#eceef6}h1{color:#fff}.lead,.meta,.note,.card .when,.kpi small,.load{color:#aab0c6}.card,.row,input{background:#20233c;border-color:#34385a;color:#eceef6}.kpi{background:#2a2e4d}.track{background:#34385a}.link{color:#f5883b}.big{background:#2a2e4d}.tag{background:#3a2c1c;color:#f4a63a}.err{color:#ff8a80}}