:root{--bg:#f4f7f9;--ink:#193047;--muted:#687b8a;--blue:#087b97;--edge:#dde5e9;--white:#fff;--green:#117d66;--bad:#b43535}*{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}.top{background:#1e303b;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100vw - 1250px)/2));flex-wrap:wrap}.brand{font-weight:900;letter-spacing:1px;text-decoration:none;color:white;font-size:21px}.brand span{color:#4bd0d7}.top nav{display:flex;gap:6px;flex-wrap:wrap}.top nav a{color:#cbd9df;text-decoration:none;padding:8px 10px;border-radius:7px;font-size:13px}.top nav a:hover,.top nav a.active{background:#35505f;color:white}.wrap{max-width:1250px;margin:auto;padding:22px}.wrap.narrow{max-width:550px}.hero,.pagehead{padding:12px 2px 26px}.hero h1,.pagehead h1{font-size:30px;margin:0 0 8px}.hero p,.pagehead p,.muted{color:var(--muted)}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:10px}.pagehead p{margin:0}.panel{padding:21px;margin:0 0 18px;background:#fff;border:1px solid var(--edge);border-radius:13px;box-shadow:0 2px 7px #1a303908}.panel h2{margin:0 0 15px;font-size:19px}.panel p{line-height:1.75}label{display:block;font-size:14px;font-weight:650;margin:12px 0}input,select,button{font:inherit}input:not([type=checkbox]):not([type=radio]),select{display:block;border:1px solid #becbd2;border-radius:8px;background:#fff;color:#1b303c;padding:11px;width:100%;margin-top:6px;min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}button,.btn{border:0;cursor:pointer;display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:11px 18px;font-weight:650;border-radius:8px}button:hover,.btn:hover{filter:brightness(.94)}.btn.light{background:#eaf2f5;color:#20536a}.btn.tiny{font-size:12px;padding:6px 10px;white-space:nowrap}.filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.filter label{flex:1;min-width:170px;margin:0}.filter button{align-self:end}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 18px}.stats div{background:white;border:1px solid var(--edge);border-radius:13px;padding:19px;min-width:0}.stats small{color:var(--muted);font-size:13px;display:block;margin-bottom:14px}.stats b{font-size:23px;display:block;overflow-wrap:anywhere;direction:ltr;text-align:right}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:right}th,td{border-bottom:1px solid var(--edge);padding:11px 9px;vertical-align:top}th{background:#f0f5f7;color:#385368;white-space:nowrap}td{line-height:1.55}td a{color:var(--blue)}td small{display:block;color:var(--muted)}.gain{color:var(--green);font-weight:800}.loss{color:var(--bad);font-weight:800}.alert{padding:14px 18px;margin-bottom:15px;border-radius:9px;background:#e9f8f3;border:1px solid #bde1d3}.alert.error{background:#fff0ed;border-color:#f1c6c1}.alert.warning{background:#fff5dc;border-color:#f0d69b}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.callout{background:#eff6f9;padding:15px;border-radius:9px;font-size:13px;line-height:1.8;margin:14px 0}.modes{display:flex;gap:15px}.modes label{margin:8px}.modes input{vertical-align:middle}#complex input{min-width:100px}.checklist form{padding:7px;border-bottom:1px solid var(--edge)}.checklist label{font-size:15px}footer{font-size:12px;color:var(--muted);text-align:center;padding:32px}section[hidden]{display:none!important}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.pagehead{flex-wrap:wrap}.wrap{padding:14px}.top{padding:13px 15px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero h1,.pagehead h1{font-size:25px}}
.templates{border:1px solid #dae9ed;background:#f8fcfd;padding:12px;border-radius:10px;margin:13px 0}.template-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.template-buttons .btn{font-size:12px;padding:8px 11px}