*{box-sizing:border-box}body{color:#18263b;background:#f3f6fb;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#fff;background:#20385d;border:0;border-radius:9px;padding:11px 17px}button:disabled{opacity:.55;cursor:wait}.shell{max-width:1300px;margin:auto;padding:30px 24px 70px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}header h1{margin:6px 0;font-size:35px}header h1 span{color:#2474c7}.eyebrow{letter-spacing:2px;color:#60738b;font-size:11px;font-weight:700}header p{color:#63748a}.status{white-space:nowrap;background:#fff;border:1px solid #dce4ee;border-radius:24px;padding:12px 17px;font-size:12px}.intro{color:#fff;background:linear-gradient(120deg,#102f57,#2263a1);border-radius:18px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex}.intro h2{margin:0 0 10px;font-size:25px}.intro p{opacity:.8}.metrics{gap:13px;display:flex}.metrics>div{background:#ffffff18;border:1px solid #ffffff28;border-radius:12px;gap:7px;min-width:108px;padding:16px;display:grid}.metrics strong{font-size:26px}.metrics small{opacity:.8;font-size:12px}.panel{background:#fff;border:1px solid #e0e7f0;border-radius:15px;padding:25px;box-shadow:0 5px 18px #122d5010}.panel h2,.panel h3{margin:0 0 21px}.connect{gap:10px;display:flex}.connect input{flex:1}.connect input,.field input,.field select,.field textarea{color:#1a2a40;background:#fff;border:1px solid #ccd6e3;border-radius:8px;width:100%;padding:11px 12px}.error{color:#a42d32;background:#fff1f1;border-radius:8px;margin:15px 0;padding:13px}nav{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}nav button{color:#334b6d;background:#fff;border:1px solid #dce4ef}nav button.selected{color:#fff;background:#183b65}.columns{grid-template-columns:minmax(300px,430px) minmax(340px,1fr);gap:20px;display:grid}.field{color:#3c5069;gap:7px;margin:0 0 16px;font-size:13px;font-weight:700;display:grid}.field input,.field textarea,.field select{font-size:14px;font-weight:400}.primary{background:#1469b3;width:100%;font-weight:700}.calculation{background:#eaf4ff;border-radius:10px;gap:8px;margin-bottom:20px;padding:18px;display:grid}.calculation strong{font-size:23px}.calculation small,.hint{color:#526982;font-size:12px}.listhead,.recordtop{justify-content:space-between;align-items:center;gap:15px;display:flex}.listhead h2 span{color:#8090a5;font-size:16px}.light{color:#244d7b;background:#e9f1fb}.empty{text-align:center;color:#8493a5;padding:55px 10px}.records{gap:13px;display:grid}.record{border:1px solid #e1e8f1;border-radius:11px;padding:16px}.recordtop button{color:#b43838;background:#fff0f0;padding:4px 10px;font-size:20px}.record p{color:#52637a;margin:9px 0;font-size:13px}.record .date{color:#2367a8;font-weight:700}.alerts{background:#fff6e5;border:1px solid #f5dbad;border-radius:13px;margin-top:22px;padding:20px}.alerts h3{margin-top:0}.alerts p{font-size:13px}.alerts small{color:#7b6039}.integrations{background:#fff;border:1px solid #e0e7f0;border-radius:13px;margin-top:24px;padding:20px 25px}.integrations p{color:#52637a;font-size:13px}.integrations h3{margin-top:0}@media (max-width:850px){.intro{display:block}.metrics{margin-top:20px}.columns{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}.shell{padding:18px 12px}.metrics>div{flex:1;min-width:0}}