@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102344;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.preview-banner{background:#092c62;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;padding:9px 12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:64px;height:64px;object-fit:contain}.brand-name{font-size:20px;font-weight:800;letter-spacing:.05em}.brand-sub{font-size:9px;font-weight:700;letter-spacing:.12em;color:#53657e}.login-page{min-height:calc(100dvh - 31px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#edf4ff,#fff)}.hero{padding:8vh 6vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,#e3edfc 0,transparent 45%),linear-gradient(160deg,#eaf1fa,#cbdcf1)}.hero:after{content:'✈';position:absolute;right:5%;bottom:10%;font-size:170px;color:#91b1d7;opacity:.24;transform:rotate(-18deg)}.hero h1{font-size:clamp(35px,5vw,66px);letter-spacing:-.055em;line-height:1.08;margin:50px 0 15px}.hero p{max-width:440px;color:#526682;line-height:1.8}.hero-foot{color:#60738c;font-size:12px}.login-side{display:grid;place-items:center;padding:32px}.login-card{background:rgba(255,255,255,.94);border:1px solid #e4eaf4;box-shadow:0 24px 75px #213d6418;border-radius:26px;padding:clamp(25px,4vw,50px);width:min(100%,470px)}.login-card .brand{justify-content:center}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:28px 0 7px}.muted{color:#71819b;font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin:22px 0}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid #d9e2ef;border-radius:12px;background:#fbfcff;color:#102344;outline-offset:2px}.field textarea{resize:vertical;min-height:110px}.primary{background:#092c62;color:#fff;border:0;border-radius:13px;padding:15px 20px;font-weight:700;box-shadow:0 7px 15px #092c6222}.primary:hover{background:#15417e}.primary:focus-visible,.ghost:focus-visible,.navbtn:focus-visible{outline:3px solid #79aafa;outline-offset:3px}.ghost{background:#fff;color:#1e385d;border:1px solid #dce5f0;border-radius:13px;padding:14px 20px;font-weight:600}.full{width:100%}.notice{margin-top:23px;background:#f2f6fc;padding:16px;border-radius:14px;font-size:12px;line-height:1.7;color:#526785}.linkbtn{border:0;background:none;color:#2166b2;padding:8px;font-weight:600}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100dvh - 31px)}.sidebar{background:#fff;border-right:1px solid #e7edf5;padding:22px 15px}.sidebar .brand{margin:0 7px 35px}.navbtn{display:block;text-align:left;width:100%;border:0;background:transparent;border-radius:13px;padding:15px;color:#5e708b;margin-bottom:8px;font-weight:600}.navbtn.active{background:#e6f0ff;color:#092c62}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e7edf5;padding:17px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar{background:#092c62;color:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.account{display:flex;align-items:center;gap:12px;font-size:12px}.page{max-width:1300px;margin:0 auto;padding:30px}.page h1{font-size:30px;letter-spacing:-.045em;margin:4px 0 6px}.crumb{font-size:12px;color:#8b9ab1;margin-bottom:15px}.balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.balance{background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:19px;box-shadow:0 5px 20px #172e4b08}.balance .symbol{color:#2874d2;font-size:22px}.balance p{font-size:12px;margin:16px 0 7px}.balance strong{font-size:29px}.balance small{display:block;color:#8391a5;margin-top:3px}.form-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:15px}.panel{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:24px;box-shadow:0 5px 20px #172e4b08}.panel h3{font-size:16px;margin:0 0 22px}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calendar{border:1px solid #e5ebf4;border-radius:15px;padding:18px;margin-top:15px}.cal-title{text-align:center;font-weight:700;margin-bottom:16px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.cal-grid span{font-size:12px;padding:10px 0}.cal-grid .dow{color:#7a8ba5}.cal-grid .today{background:#dcecff;border-radius:10px;color:#0b4a9b}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.info{background:#edf5ff;color:#33577f;border-radius:15px;padding:18px;margin-top:16px;font-size:13px;line-height:1.8}.mobile-head{display:none}.status{color:#a14900;font-size:13px;line-height:1.6;min-height:22px}.mobile-nav{display:none}@media(max-width:950px){.app-layout{grid-template-columns:185px 1fr}.balance-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.hero{padding:45px}.page{padding:20px}}@media(max-width:680px){.login-page{grid-template-columns:1fr}.hero{min-height:170px;padding:22px 22px 0}.hero h1{font-size:25px;margin:14px 0 5px}.hero p,.hero-foot{display:none}.hero:after{font-size:90px;bottom:0}.login-side{padding:16px 16px 40px;align-items:start}.login-card{padding:24px;border-radius:20px}.login-card h2{font-size:25px}.app-layout{display:block}.sidebar{display:none}.topbar{padding:12px 16px}.topbar .brand img{width:48px;height:48px}.topbar .brand-name{font-size:16px}.topbar .brand-sub{font-size:7px}.account span{display:none}.page{padding:19px 15px 90px}.page h1{font-size:26px}.balance-grid{gap:10px;margin:18px 0}.balance{padding:14px}.balance strong{font-size:25px}.panel{padding:16px}.date-row{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:3;background:#fff;border-top:1px solid #e7edf5;padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:10px}.mobile-nav button{flex:1;border:0;border-radius:10px;background:#edf4ff;padding:12px;color:#092c62;font-weight:700}.mobile-nav button.active{background:#092c62;color:#fff}.actions{flex-direction:column-reverse}.actions button{width:100%}}
/* Clean V1 navigation and placeholder screens */
.sidebar{max-height:100dvh;overflow-y:auto}.sidebar .navbtn{margin-bottom:2px;padding:11px 13px;font-size:12px}.construction{max-width:650px;margin:7vh auto;background:#fff;border:1px solid #e6edf7;border-radius:26px;padding:clamp(28px,5vw,65px);text-align:center;box-shadow:0 16px 60px #1337590b}.construction-icon{width:82px;height:82px;border-radius:22px;background:#edf4fc;color:#16467a;display:grid;place-items:center;margin:0 auto 24px;font-size:46px}.construction-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6d82a3}.construction h1{margin:12px 0!important;font-size:clamp(30px,4vw,43px)!important}.construction h2{font-size:17px;color:#526682}.construction p{color:#6a7d96;line-height:1.7;margin:20px 0 28px}.construction .muted{font-size:12px;margin:20px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-nav select{width:100%;border:1px solid #c7d7ec;border-radius:12px;padding:12px;background:#fff;color:#15345b;font-weight:700}