*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172338;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#101d33;color:white;padding:18px max(22px,calc((100vw - 1180px)/2));gap:15px;flex-wrap:wrap}a{color:#0e638c;text-decoration:none}.brand{font-size:23px;font-weight:800;color:#fff}.brand span{font-size:12px;font-weight:400;color:#b9cce2;margin-left:8px}nav{display:flex;gap:22px}nav a{color:#dbe9f5}main{max-width:1180px;margin:42px auto;padding:0 20px;min-height:65vh}.heading h1{font-size:32px;letter-spacing:-.8px}.muted{color:#66778c}.panel{background:white;border:1px solid #e2e9f0;border-radius:16px;padding:25px;box-shadow:0 8px 30px #11263c08;margin-bottom:22px}.narrow{max-width:490px;margin:40px auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cards .panel{margin:0}.appicon{font-size:32px;color:#0086a3}h2{margin-top:0;font-size:20px}label{display:block;font-weight:600;font-size:13px;margin:12px 0}input,select{display:block;width:100%;padding:11px 12px;border:1px solid #ccd8e5;border-radius:9px;margin-top:6px;font:inherit;background:#fff}button,.button{border:0;display:inline-block;background:#087a99;color:white;padding:11px 18px;border-radius:9px;font-weight:650;cursor:pointer;font:inherit}button:hover,.button:hover{background:#075b75;color:white}.small,.chip{padding:6px 10px;font-size:12px}.chip{background:#eaf4f7;color:#135773}.inline{display:inline-flex;align-items:center;gap:5px;margin:3px}.inline select{width:auto;margin:0}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.formgrid button{align-self:end;margin-bottom:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:14px;text-align:left;border-bottom:1px solid #e9eef3;vertical-align:top}small{display:block;color:#77889b}.error,.success{padding:12px;border-radius:9px;background:#fff0f0;color:#a12626}.success{background:#e8f8f1;color:#16734c}footer{text-align:center;padding:28px;color:#77889b}@media(max-width:650px){main{margin-top:20px}header{padding:16px 20px}.heading h1{font-size:25px}}
body{background:#f3f6fb}header{background:#0b1729;box-shadow:0 2px 15px #0b172920}.brand{letter-spacing:.5px}.hero{background:linear-gradient(115deg,#102b46,#075b73);color:#fff;padding:32px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;margin:22px 0 28px}.hero h2{font-size:29px;margin:4px 0}.hero p{color:#d5e8f1}.hero .eyebrow{font-size:11px;letter-spacing:2px;color:#81e4e4}.hero-mark{font-size:95px;opacity:.25}.section-title{display:flex;justify-content:space-between;align-items:center;color:#52677c}.section-title h2{color:#182c40}.app-card{min-height:230px;display:flex;flex-direction:column}.app-card p{flex:1}.app-card .button{align-self:flex-start}.appicon{background:#e9f7f8;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;margin-bottom:12px}html[dir=rtl] td,html[dir=rtl] th{text-align:right}@media(max-width:600px){.hero-mark{display:none}.hero{padding:22px}}