:root{--p:#603F99;--ph:#734EB1;--s:#20b486;--e:#EF403D;--w:#F0B026;--bg:#f5f5f8;--text:#21162d;--muted:#6B7280}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}
.display-header{height:7vh;min-height:58px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.brand{display:flex;align-items:center;gap:.45rem}.brand-mark{font-size:2rem;color:#20bd91}.brand b{font-size:2rem;color:var(--p);letter-spacing:-.12rem}.brand small{font-size:.55rem;color:#816aa7;max-width:95px;line-height:1.1}.clock{font-size:.95rem;color:#60616a}.brand-line{height:3px;background:linear-gradient(90deg,#734EB1 35%,#19b589 76%,#EF403D)}
.screen{height:calc(93vh - 3px);padding:2.4vh 3vw;display:flex;flex-direction:column;gap:1.7vh}.hero-row{display:flex;justify-content:space-between;align-items:center;min-height:10vh}.eyebrow{font-size:.65rem;font-weight:900;letter-spacing:.18em;color:#139976}.hero-row h1{font-size:clamp(2.1rem,4.2vw,4.8rem);letter-spacing:-.045em;margin:.2rem 0 0;line-height:.93}.hero-row p{margin:.45rem 0;color:#77717d;font-size:clamp(.8rem,1.2vw,1.2rem)}
.qr-box{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e2ddeb;padding:.7rem 1rem;max-width:330px}.qr-box img{width:72px;height:72px}.qr-box b,.qr-box span{display:block}.qr-box span{font-size:.72rem;color:var(--muted);margin-top:.2rem}
.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8vw}.counter{background:white;border:1px solid #e2e0e7;border-top:4px solid var(--s);padding:1.1vh 1vw;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto}.counter span{font-size:clamp(.75rem,1vw,1rem);font-weight:700;align-self:end}.counter strong{grid-row:1/3;grid-column:2;font-size:clamp(2.1rem,4vw,4.3rem);line-height:.8;color:var(--p);margin-left:1rem}.counter small{font-size:.7rem;color:var(--muted)}
.content-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);gap:1vw}.loans-panel,.announce-panel{min-height:0;display:flex;flex-direction:column}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:clamp(1.2rem,2vw,2rem);margin:.2rem 0 .7rem}.section-title span{font-size:.75rem;color:#7a7480}.loans{min-height:0;display:grid;grid-auto-rows:minmax(0,1fr);gap:.55vh;overflow:hidden}.loan{background:white;border:1px solid #e3e0e8;border-left:4px solid var(--s);display:grid;grid-template-columns:clamp(42px,4vw,66px) minmax(0,1fr) auto;gap:.8vw;align-items:center;padding:.55vh .7vw;min-height:0}.loan.late{border-left-color:var(--e)}.photo{aspect-ratio:1;background:#f3eefb;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo span{color:var(--p);font-size:1.5rem}.pill{font-size:.5rem;letter-spacing:.08em;font-weight:900;color:#188664}.late .pill{color:var(--e)}.loan h3{margin:.12rem 0;font-size:clamp(.95rem,1.4vw,1.35rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loan-main b{font-size:clamp(.72rem,1vw,.95rem)}.dates{display:flex;gap:1vw;font-size:clamp(.58rem,.75vw,.75rem);color:#88818c}.dates b{color:#3e3545}.clean,.quiet{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:1px solid #e3e0e8;color:#7d7780}.clean b{font-size:1.5rem;color:#3d3542}.clean span{margin-top:.4rem}
.announcements{min-height:0;display:grid;grid-auto-rows:minmax(0,1fr);gap:.55vh;overflow:hidden}.announcement{background:white;border:1px solid #e3e0e8;border-top:4px solid #1789b6;padding:1vh 1vw;min-height:0;overflow:hidden}.announcement.warning{border-top-color:var(--w)}.announcement.error{border-top-color:var(--e)}.announcement.success{border-top-color:var(--s)}.announcement b{font-size:clamp(.8rem,1.1vw,1.05rem)}.ticker{height:calc(100% - 1.5rem);overflow:hidden;margin-top:.45rem;color:#625c66;font-size:clamp(.68rem,.9vw,.9rem);line-height:1.35}.ticker span{display:block;animation:slowroll 18s linear infinite alternate}.announcement:hover .ticker span{animation-play-state:paused}
@keyframes slowroll{from{transform:translateY(0)}to{transform:translateY(min(-45%, -70px))}}
@media(orientation:portrait){.display-header{height:6vh}.screen{height:calc(94vh - 3px);padding:2vh 3vw;gap:1.2vh}.hero-row{min-height:11vh}.hero-row h1{font-size:clamp(2.3rem,7vw,4.4rem)}.qr-box{max-width:42vw}.content-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,2fr) minmax(120px,.8fr)}.announce-panel{min-height:120px}.announcements{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr}.loans{gap:.45vh}.loan{grid-template-columns:52px minmax(0,1fr) auto;padding:.5vh 1vw}.counters{grid-template-columns:repeat(2,1fr)}}

.brand-logo{display:block;width:auto;height:38px;object-fit:contain}.display-header .brand-logo{height:42px}