:root{--teal:#0D6A80;--deep:#084e60;--gold:#D6AE60;--lightgold:#FFE0A3;--ink:#183942;--muted:#728994;--bg:#f2f6f7;--border:#e2ebee;font-family:'Exo 2',system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.top{background:linear-gradient(115deg,#07566a,#0d6a80);color:#fff;box-shadow:0 8px 30px #0c53651f;position:sticky;top:0;z-index:15}.top-inner{max-width:480px;margin:auto;display:flex;align-items:center;gap:11px;padding:10px 18px;min-height:76px}.brand-logo{height:45px;width:76px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.15;flex:1}.brand-copy strong{font-size:17px;font-weight:800}.brand-copy small{font-size:9px;letter-spacing:2.3px;color:var(--lightgold);font-weight:800;margin-top:5px}.top-logout,.menu-button{border:1px solid #ffffff36;color:#fff;background:#ffffff16;border-radius:11px;padding:9px 12px}.menu-button{font-size:21px;line-height:1}main{max-width:480px;margin:auto;padding:20px 16px 95px}.auth-card,.panel,.branch,.hero,.kpi{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 7px 28px #194f5a0a}.auth-card{margin:30px 0;padding:27px 22px}.auth-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e7f3f5;color:var(--teal);font-size:29px;margin-bottom:19px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold)}h1{font-size:25px;letter-spacing:-.7px;margin:7px 0 7px}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}h3{font-size:16px;margin:0 0 10px}.sub,.muted{color:var(--muted)}.sub{font-size:13px;line-height:1.6;margin:0 0 22px}.footnote{font-size:11px;color:var(--muted);margin-top:18px;text-align:center}label{display:block;font-size:12px;font-weight:750;margin:14px 0 7px}input,select,textarea{width:100%;background:#fbfdfd;color:var(--ink);border:1px solid #d8e5e8;border-radius:12px;min-height:47px;padding:11px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d6a8015}textarea{min-height:90px;resize:vertical}.primary,.secondary,.outline{border:0;border-radius:12px;min-height:45px;padding:11px 15px;font-weight:800;font-size:13px}.primary{background:linear-gradient(110deg,#0b6075,#0d6a80);color:white;box-shadow:0 5px 13px #0d6a8025}.secondary{background:#eaf3f5;color:var(--teal)}.outline{background:#fff;color:var(--teal);border:1px solid #c8dfe5}.full{width:100%;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.panel,.branch{padding:19px;margin:14px 0}.hero{padding:20px;background:linear-gradient(130deg,#084e60,#0d6a80);color:white;border-color:#1b7587;position:relative;overflow:hidden;margin-bottom:15px}.hero:after{content:'✦';position:absolute;right:-8px;top:-38px;font-size:170px;color:#ffffff09}.hero .eyebrow{color:var(--lightgold)}.hero h1{margin:8px 0;font-size:25px}.hero p{margin:0;color:#d5edf0;font-size:12px}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hero-metrics>div{border:1px solid #ffffff29;background:#ffffff13;border-radius:13px;padding:13px}.hero-metrics strong{display:block;font-size:28px;color:#fff}.hero-metrics small{font-size:11px;color:#d6e9ed}.kicker{font-size:10px;letter-spacing:1.6px;color:#75909a;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.section-head h2{margin:0}.chip{display:inline-flex;align-items:center;border-radius:99px;background:#e9f2f4;color:var(--teal);font-size:10px;font-weight:800;padding:7px 10px}.chip.gold{background:#fff5e1;color:#9d752d}.branch-head,.between{display:flex;justify-content:space-between;align-items:center;gap:8px}.branch-head h3{font-size:18px;margin:0}.branch{border-top:3px solid var(--gold)}.metric-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 7px;font-size:12px}.metric-row strong{font-size:14px;color:var(--teal)}.progress{height:9px;background:#eaf0f1;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#0c6379,#18a0a7);border-radius:99px}.progress.gold>div{background:linear-gradient(90deg,#d0a04b,#f3d18e)}.note{padding:12px 14px;border-radius:12px;background:#eff6f7;border:1px solid #dbe9eb;font-size:12px;line-height:1.55;color:#315963;margin:12px 0}.note.warn{background:#fff8ea;border-color:#f1dfbb;color:#82632c}.line{border-bottom:1px solid #edf1f2;padding:12px 0;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.line:last-child{border-bottom:0}.line strong{color:var(--teal)}.row{display:flex;gap:10px;align-items:center}.row>*{min-width:0}.row select{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:16px}.kpi small{font-size:11px;color:var(--muted)}.kpi strong{display:block;font-size:27px;color:var(--teal);margin-top:5px}.list-button{width:100%;border:1px solid #e3ecee;background:#fff;border-radius:12px;padding:13px;margin:5px 0;display:flex;justify-content:space-between;text-align:left;color:var(--ink);font-size:12px;font-weight:700}.list-button.active{border-color:var(--teal);background:#eef7f8}.list-button span{color:var(--teal)}#notice:not(:empty){background:#eaf6f4;border:1px solid #bfe1d7;border-radius:12px;padding:12px 14px;margin:0 0 12px;color:#165f55;font-size:12px}#notice.error{background:#fff1ef;border-color:#f1cac4;color:#a33e31}.overlay{position:fixed;inset:0;background:#102f3d88;z-index:25}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(310px,83vw);background:#f9fcfc;z-index:30;box-shadow:12px 0 45px #102f3d35;display:flex;flex-direction:column}.drawer-hero{padding:30px 23px 22px;background:linear-gradient(135deg,#074e61,#0d6a80);color:#fff;display:flex;flex-direction:column;gap:5px;border-bottom:4px solid var(--gold)}.drawer-hero img{width:100px;height:54px;object-fit:contain;object-position:left}.drawer-hero strong{font-size:19px}.drawer-hero small{color:#d4e6e9;font-size:11px}.drawer nav{padding:18px 13px;flex:1}.drawer nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:#30545e;border:0;border-radius:12px;padding:15px;font-size:13px;font-weight:800;margin-bottom:4px}.drawer nav button.active{background:#e2f0f2;color:var(--teal);border-left:3px solid var(--gold)}.drawer-bottom{padding:20px;color:#93a9ae;font-size:9px;letter-spacing:1px}.mini{font-size:11px;color:var(--muted)}.field-block{margin:14px 0}.field-block label{margin-bottom:6px}.hint{font-size:11px;color:var(--muted);line-height:1.5}.danger{color:#b64d43}.actions{display:flex;gap:8px;margin-top:15px}.actions button{flex:1}.empty{text-align:center;color:var(--muted);font-size:12px;padding:22px 8px}.divider{height:1px;background:#e6edef;margin:16px 0}@media(min-width:650px){.top-inner,main{max-width:540px}}