@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#173b5c;--navy2:#102e4a;--blue:#2975a5;--red:#d34448;--ink:#263849;--muted:#718191;--line:#e0e7ed;--bg:#f3f6f8;--white:#fff;--green:#16855d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}.top{height:76px;background:var(--navy);color:white;border-bottom:3px solid var(--red);padding:0 max(calc((100vw - 1160px)/2),28px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid #ffffff6b;border-radius:50%;display:grid;place-items:center;font:800 21px Manrope;background:#ffffff0d}.brand small{display:block;color:#c4d3df;font-size:9px;letter-spacing:.13em;margin-bottom:3px}.brand b{font:700 16px Manrope;letter-spacing:-.02em}.top-right{display:flex;align-items:center;gap:19px;font-size:11px}.secure{color:#dce7ef}.secure:first-letter{color:#6ce0a8}.top-right form{margin:0}.out{background:transparent;border:1px solid #ffffff72;border-radius:4px;color:white;padding:8px 13px;text-decoration:none;font:600 11px inherit;cursor:pointer}.nav{height:48px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:stretch;gap:26px;padding:0 max(calc((100vw - 1160px)/2),28px);overflow-x:auto}.nav a{display:flex;align-items:center;color:#526579;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;padding-top:2px}.nav a.on{color:var(--navy);border-color:var(--red)}.container{max-width:1160px;margin:0 auto;min-height:calc(100vh - 190px);padding:34px 0 54px}.hero{min-height:430px;background:linear-gradient(116deg,#102f4f 0%,#194d71 62%,#23698a 100%);border-radius:9px;color:white;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:48px 7%;overflow:hidden;position:relative}.hero:after{content:"";width:500px;height:500px;border:1px solid #ffffff1b;border-radius:50%;position:absolute;right:-170px;top:-100px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06}.hero-content{position:relative;z-index:2;max-width:550px}.eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#4383af;margin-bottom:10px}.hero .eyebrow{color:#9dcbe4}.hero h1{font:800 clamp(32px,4.1vw,49px)/1.14 Manrope;letter-spacing:-.045em;margin:0 0 16px}.hero h1 em{font-style:normal;color:#b2d7eb}.hero-content>p{font-size:13px;line-height:1.8;color:#d0e1eb;max-width:475px;margin:0 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 17px;border:0;border-radius:4px;font:700 11px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.primary{color:white;background:var(--navy)}.hero .primary{background:#fff;color:#1b4869}.hero .primary span{font-size:17px}.hero-trust{display:flex;gap:9px;align-items:center;color:#bfd5e2;font-size:10px;margin-top:20px}.hero-trust i{font-style:normal;color:#81dbb2;font-weight:800}.hero-art{height:300px;position:relative;z-index:1}.art-orb{width:240px;height:240px;position:absolute;right:20px;top:23px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#92cad9 0,#3984a2 24%,#1d5477 58%,#17486b 72%);box-shadow:inset -25px -19px 48px #12304c,0 25px 65px #0b273c70}.art-orb:after,.art-orb:before{content:"";position:absolute;border:1px solid #c2e4ed45;border-radius:50%;inset:-19px;transform:rotate(-28deg) scaleY(.43)}.art-orb:before{inset:-42px;transform:rotate(35deg) scaleY(.52)}.art-card{position:absolute;z-index:2;background:#ffffffed;color:var(--ink);box-shadow:0 18px 45px #0c2b4160;border-radius:7px;padding:15px 17px;min-width:206px}.card-a{top:45px;right:0}.card-b{bottom:34px;left:4px}.art-card span{display:block;color:#7b8c9b;font-size:8px;letter-spacing:.12em;margin-bottom:9px}.art-card b{display:block;font-size:12px;color:#274d68}.art-card b i{display:inline-block;width:7px;height:7px;background:#2bb17d;border-radius:50%;margin-right:5px}.art-card small{display:block;color:#8492a0;font-size:9px;margin-top:5px}.landing-section{padding:53px 10px 0}.section-title{text-align:center;max-width:580px;margin:0 auto 27px}.section-title h2{font:700 23px Manrope;letter-spacing:-.04em;margin:0 0 9px;color:#29425a}.section-title p,.muted{font-size:11px;line-height:1.7;color:#7a8997;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature,.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 7px #1d385006}.feature{padding:22px}.feature>span{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#edf4f8;color:#33749b;font-size:17px}.feature h3{font:700 13px Manrope;color:#30485d;margin:13px 0 7px}.feature p{font-size:10px;line-height:1.6;color:#7a8997;margin:0}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth{width:min(100%,430px);padding:30px}.auth h1{font:700 24px Manrope;letter-spacing:-.04em;margin:0 0 8px}.auth>p{font-size:11px;color:var(--muted);margin:0 0 20px}.auth .btn{width:100%;margin-top:7px}.auth label,.form-stack label,.staff-form label{display:block;color:#475c6e;font-size:10px;font-weight:700;margin:13px 0}.auth input,.form-stack input,.form-stack textarea,.staff-form input,.staff-form select{display:block;width:100%;height:40px;border:1px solid #cfd9e2;border-radius:4px;padding:0 10px;margin-top:6px;background:#fff;color:#293f53;font:12px 'DM Sans',sans-serif;outline:none}.form-stack textarea{height:auto;padding:10px}.auth input:focus,.form-stack input:focus,.staff-form input:focus,.staff-form select:focus{border-color:#438bb6;box-shadow:0 0 0 3px #438bb61b}.auth label small,.form-stack label small{font-weight:400;color:#82909d}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 22px}.page-head h1{font:750 27px Manrope;letter-spacing:-.04em;color:#243c52;margin:0 0 6px}.page-head p{font-size:11px;color:var(--muted);margin:0}.status-pill{background:#e5f4ed;color:#237552;padding:7px 10px;border-radius:20px;font-size:9px;font-weight:700}.status-pill i{display:inline-block;width:6px;height:6px;background:#52bc89;border-radius:50%;margin-right:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px}.stat span,.stat small{display:block;color:#7a8997;font-size:10px}.stat strong{display:block;color:#29435b;font:750 27px Manrope;margin:7px 0 3px}.stat small{font-size:9px}.cols{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin:15px 0}.panel{padding:21px;margin-bottom:15px}.panel h2{font:700 14px Manrope;color:#30475c;margin:0 0 6px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{margin:0 0 5px}.section-head p{font-size:10px;color:#83919e;margin:0}.text-link{font-size:10px;font-weight:700;color:#2875a4;text-decoration:none;white-space:nowrap}.link-list a{display:flex;justify-content:space-between;padding:13px 1px;border-top:1px solid #edf0f3;color:#465c70;text-decoration:none;font-size:10px}.link-list i{font-style:normal;color:#8191a0}.notice-box{background:#eef5f9;border-left:3px solid #4c91b7;padding:12px;margin-top:17px}.notice-box b{font-size:10px;color:#3b5b73}.notice-box p{font-size:9px;line-height:1.6;color:#718393;margin:5px 0 0}.announcement{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #edf0f3;padding:14px 0;margin:0}.date-box{flex:0 0 42px;border:1px solid #dfe6ec;border-radius:4px;display:grid;place-content:center;text-align:center;padding:6px;color:#37556e;font-size:16px;font-weight:700}.date-box small{display:block;font-size:8px;letter-spacing:.07em}.announcement b{font-size:11px;color:#40576d}.announcement p{font-size:10px;color:#80909e;line-height:1.6;margin:5px 0 0}.announcement-body{flex:1}.announcement-body>small{display:block;font-size:9px;color:#95a0aa;margin-top:3px}.empty{padding:25px;text-align:center;color:#87939d;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f5f7f9;color:#768595;font-size:9px;text-transform:uppercase;letter-spacing:.05em}td{font-size:10px;color:#485c6e}th,td{padding:11px 10px;border-bottom:1px solid #edf0f3}.tag{display:inline-block;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700}.done{background:#e6f4ec;color:#217551}.pending{background:#fff2d9;color:#8e650e}.staff-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.staff-form label{margin:0}.staff-form .check{display:flex;align-items:center;gap:7px}.staff-form .check input{display:inline;width:auto;height:auto;margin:0}.staff-form .btn{height:40px}.inline{display:inline;margin-left:8px}.danger-link{border:0;background:none;padding:0;color:#b33e49;font:700 10px 'DM Sans';cursor:pointer}.alert,.success{padding:11px 13px;border-radius:4px;font-size:10px;margin-bottom:13px}.alert{background:#fff0f0;color:#a52836;border:1px solid #efc9cc}.success{background:#e9f6ef;color:#237250;border:1px solid #c9e8d5}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.unit-card{margin:0}.unit-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:5px;background:#edf4f8;color:#39799e}.unit-card h2{margin:12px 0 5px}.unit-card p{font-size:10px;color:#7e8b97;min-height:30px}.unit-meta{border-top:1px solid #edf0f3;padding-top:10px;display:flex;align-items:center;gap:12px;font-size:9px;color:#82909b}.unit-meta .text-link{margin-left:auto}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.permission{display:flex;align-items:center;gap:8px;border:1px solid #e5eaee;border-radius:4px;padding:10px;cursor:pointer}.permission input{accent-color:#1f5d82}.permission b,.permission small{display:block}.permission b{font-size:9px;color:#475c6e}.permission small{font-size:8px;color:#8996a1;margin-top:3px}.bar-row{margin:17px 0}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#596e7f;margin-bottom:7px}.bar-row b{color:#334c62}.bar{height:7px;background:#edf1f4;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#327da6,#51a3b4);border-radius:5px}.report-stat{border-top:1px solid #edf0f3;padding:14px 0;display:flex;justify-content:space-between;align-items:center}.report-stat strong{font:750 21px Manrope;color:#2a4962}.report-stat span{font-size:10px;color:#7c8996}.summary-row{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;padding:12px 0;color:#7a8997;font-size:10px}.summary-row b{color:#465a6d}footer{background:white;border-top:1px solid var(--line);padding:16px max(calc((100vw - 1160px)/2),28px);color:#748493;font-size:9px;display:flex;justify-content:space-between}footer span{color:#93a0aa}.secondary{background:white;border:1px solid #cfd9e2;border-radius:4px;color:#3a566d;padding:10px 13px;text-decoration:none;font-size:10px;font-weight:700}@media(max-width:1180px){.container{margin:0 26px}.top,.nav{padding-left:26px;padding-right:26px}}@media(max-width:760px){.top{height:68px;padding:0 16px}.secure{display:none}.nav{padding:0 16px;gap:19px}.container{margin:0 15px;padding:23px 0 38px}.hero{grid-template-columns:1fr;min-height:0;padding:35px 25px}.hero h1{font-size:34px}.hero-art{height:205px;margin-top:10px}.art-orb{width:170px;height:170px;right:34px}.card-a{top:19px;right:0}.card-b{bottom:2px;left:0}.feature-grid,.stats,.unit-grid,.permission-grid{grid-template-columns:1fr 1fr}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:23px}.cols{grid-template-columns:1fr}.staff-form{grid-template-columns:1fr 1fr}.page-head h1{font-size:23px}.page-head{align-items:flex-start;gap:10px}footer{padding:15px 16px;gap:8px;flex-direction:column}}@media(max-width:480px){.feature-grid,.stats,.unit-grid,.permission-grid,.staff-form{grid-template-columns:1fr}.hero h1{font-size:30px}.brand b{font-size:14px}.top-right{gap:8px}}