@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;color:#192b42;background:#f5f7fb;font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:default}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}aside{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e5eaf1;padding:35px 20px}.brand{font:800 28px Manrope,Arial;letter-spacing:1px;display:block;margin:0 14px;color:#123b76}.brand span{color:#2479d3}.brand small{font:600 9px Arial;letter-spacing:4px;display:block;margin-top:7px;color:#8191a5}.workspace{padding:23px 14px;margin:30px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.workspace small,.asidefoot small{display:block;font-size:11px;color:#8290a3;margin-top:7px}.navlabel{font-size:10px;letter-spacing:2px;color:#8d99ac;margin:0 14px 15px}.nav{display:flex;gap:12px;align-items:center;width:100%;padding:14px 12px;margin:7px 0;border-radius:8px;font-size:12px;font-weight:600;color:#718096}.nav span{font-size:20px}.nav.active{background:#eaf2ff;color:#2265c7}.nav em{margin-left:auto;font:600 10px Arial;padding:4px 6px;background:#fff;border-radius:5px}.asidefoot{position:absolute;bottom:28px;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{background:#edf2fa;color:#3265a9;border-radius:50%;padding:12px}main{margin-left:236px;width:calc(100% - 236px)}header{height:78px;background:#fff;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;color:#8492a5}header i{padding:0 15px;color:#c2cbd7;font-style:normal}.private{background:#f0f6f4;color:#478773;padding:8px 12px;border-radius:20px;font-size:10px}.content{padding:38px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#6c87aa}h1{font:800 31px Manrope,Arial;margin:10px 0;color:#172b49;letter-spacing:-1px}.heading p:last-child{color:#8490a1;font-size:12px;margin:0}.primary{background:#2167d3;color:#fff;padding:13px 19px;border-radius:7px;font-weight:600;font-size:12px;box-shadow:0 4px 9px #2267d323}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metrics article{background:#fff;border:1px solid #e4eaf2;padding:22px;border-radius:10px}.metrics small{color:#728297;font-size:11px;display:block}.metrics strong{font:800 clamp(19px,1.8vw,28px) Manrope,Arial;display:block;margin:17px 0 12px;letter-spacing:-.7px}.metrics span{font-size:10px;color:#8a97aa}.metrics .green{color:#21866e}.metrics sub{font:400 11px Arial;vertical-align:baseline;color:#8da1c4}.metrics .bluecard{background:#edf4ff;border-color:#dbe7fc}.notice{background:#fff9eb;border:1px solid #f2e5c5;padding:15px 18px;border-radius:8px;font-size:11px;color:#90723b;margin-bottom:26px;line-height:1.9}.notice b{font-weight:600}.notice button{font-size:11px;color:#957027;text-decoration:underline;margin-left:6px}.panel{background:white;border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.panelhead{padding:23px 24px;display:flex;align-items:center;justify-content:space-between}h2{font:700 16px Manrope,Arial;margin:0 0 6px}.panelhead span{font-size:10px;color:#8c98aa}.secondary,footer button{background:white;border:1px solid #dce3ed;border-radius:6px;padding:9px 13px;font-size:11px}.filters{display:flex;gap:12px;padding:0 24px 21px}.filters input{flex:1;min-width:150px}.filters input,.filters select{background:#fcfdff;font-size:11px}input,select,textarea{border:1px solid #dfe5ee;border-radius:6px;padding:11px;color:#344760;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#5a95ed;box-shadow:0 0 0 3px #e7f0ff}.filters select{width:170px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}thead{background:#f8fafc;color:#8b98aa;font-size:9px;text-transform:uppercase;letter-spacing:.5px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #edf0f5}th:first-child,td:first-child{padding-left:24px;min-width:260px;max-width:340px}td b{font-size:12px;color:#314763;font-weight:600}td small{display:block;font-size:10px;color:#8a97aa;margin-top:6px;line-height:1.5}.quote{display:block;color:#7090b7;font-size:9px;margin-top:4px}.amount{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.oc{font-size:10px;color:#8593a7}.zone{padding:5px 7px;background:#f2f5fa;border-radius:4px;color:#8093ad;font-size:9px}.badge{padding:5px 8px;border-radius:5px;white-space:nowrap;font-size:9px}.paid{background:#eaf7f0;color:#36936c}.pending{background:#fff4de;color:#b28536}.other{background:#edf1fa;color:#6c7ba8}.edit{font-size:10px;color:#4381d1;white-space:nowrap}.nowrap{white-space:nowrap;font-size:10px;color:#7f8da2}footer{display:flex;justify-content:space-between;padding:17px 24px;color:#8c99ad;font-size:10px;align-items:center}footer button{margin-left:8px}.sourcenote{margin-top:20px;font-size:10px;color:#98a4b6}.empty{padding:40px;text-align:center;color:#8996a9}.overlay{position:fixed;inset:0;z-index:10;background:#14243d77;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal{background:white;border-radius:14px;max-width:670px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 25px 80px #10244040}.modalhead{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f5}.modalhead h2{font-size:22px}.fields{padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{font-size:11px;color:#73849c;display:flex;flex-direction:column;gap:7px}.fields .wide{grid-column:1/-1}textarea{min-height:65px;resize:vertical}.modalfoot{border-top:1px solid #edf0f5;padding:18px 26px;display:flex;justify-content:flex-end;gap:10px}.error{padding:15px;background:#fff0ef;color:#b84040}button:hover{filter:brightness(.96)}@media(min-width:1600px){.content{max-width:1700px;margin:auto}}@media(max-width:1100px){aside{width:190px;padding:30px 12px}main{margin-left:190px;width:calc(100% - 190px)}.content{padding:26px 22px}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:27px}.nav{font-size:11px}header{padding:0 22px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px;display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e3e9f1}.brand{font-size:22px;margin:0 10px 10px 0;width:100%}.brand small,.workspace,.navlabel,.asidefoot{display:none}.nav{width:auto;margin:0;padding:8px;font-size:10px}.nav span{font-size:15px}.shell{display:block}main{margin:0;width:100%}header{height:48px}.content{padding:25px 16px}.heading{align-items:flex-start;gap:12px}h1{font-size:24px}.heading .primary{padding:11px;font-size:10px;white-space:nowrap;margin-top:22px}.eyebrow{font-size:8px}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:21px}.metrics span{font-size:9px}.filters{flex-wrap:wrap;padding:0 15px 15px}.filters input{flex:1 0 100%}.filters select{width:calc(50% - 6px)}.panelhead{padding:18px 15px}.fields{padding:20px;gap:12px}.notice{font-size:10px}footer{padding:14px 12px}.sourcenote{line-height:1.8}.overlay{padding:10px}}

/* REDPAN identity. The original text remains available to screen readers. */
.brand {
  display: block;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
}
.brand::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 1771 / 650;
  background: url("assets/redpan-logo.png?v=1") center / contain no-repeat;
}
.brand small {
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 3px;
  margin-top: 12px;
}
.panel .brand::before { max-width: 230px; }
@media (max-width: 650px) {
  .brand { font-size: 0; line-height: 0; }
  .brand::before { width: 155px; max-width: 100%; }
  .panel .brand::before { width: 210px; max-width: 100%; }
}