:root{--bg:#09121f;--panel:#101b2b;--line:#243a55;--text:#e8f2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Sora,Arial,sans-serif;font-size:13px}.page-shell{width:min(1090px,calc(100% - 48px));margin:auto}.corner{position:fixed;width:12px;height:12px;border-color:#79c6f5;border-style:solid;z-index:2}.top-left{top:6px;left:6px;border-width:2px 0 0 2px}.top-right{top:6px;right:9px;border-width:2px 2px 0 0}.bottom-left{bottom:8px;left:6px;border-width:0 0 2px 2px}.bottom-right{right:9px;bottom:8px;border-width:0 2px 2px 0}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:17px;line-height:1;margin:0 0 7px;font-weight:800;letter-spacing:-.65px}.topbar h1 em{font-weight:500;color:#74c5fa}.topbar p{margin:0;color:#a1b8d8;font-size:9px;letter-spacing:2.9px;font-weight:600}.account{display:flex;align-items:center;gap:15px;color:#7ea4d3;font-size:10px}.account button{height:35px;background:transparent;border:1px solid var(--line);color:#d5e7ff;font:600 11px Sora;padding:0 13px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.summary-card{height:91px;border:1px solid var(--line);box-shadow:4px 4px 0 #050b14;background:var(--panel);display:flex;justify-content:space-between;padding:17px 15px}.summary-card span,.field-label{font-size:9px;letter-spacing:2px;color:#86a7d1;font-weight:700}.summary-card strong{display:block;color:#69c2fb;font-size:24px;line-height:1.1;margin-top:13px;letter-spacing:-1.2px}.summary-card:nth-child(2) strong,.summary-card:nth-child(3) strong,.summary-card:nth-child(4) strong{color:#edf5ff}.summary-card i{font-style:normal;font-size:18px;color:#9aaec7}.workspace{display:grid;grid-template-columns:360px 1fr;gap:40px;margin-top:50px}.section-title{height:39px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.section-title span{font-weight:700;font-size:18px;letter-spacing:-.6px}.section-title b{color:#61baff;font:italic 12px Sora;margin-right:11px}.section-title small{font-size:9px;color:#7d9bca;letter-spacing:2.2px;padding-top:6px}.record-card{margin-top:16px;padding:22px 20px 20px;background:var(--panel);border:1px solid var(--line);box-shadow:8px 8px 0 #050a12}.field-label{display:block;margin-bottom:9px}.field-label small{font-size:9px;letter-spacing:0;color:#8299b9}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.type-option{height:59px;border:1px solid var(--line);padding:12px;color:#85a0c3;cursor:pointer}.type-option input{position:absolute;opacity:0}.type-option.active{border-color:#70c5fa;background:#143550;color:#76caff}.type-option b{display:block;font-size:14px}.type-option small{display:block;font-size:10px;margin-top:3px}.record-card input,.record-card textarea{width:100%;border:1px solid #29415f;background:#0a1422;color:#dcecff;font:500 13px Sora;padding:0 12px;border-radius:0;outline:none}.record-card input:focus,.record-card textarea:focus{border-color:#70c5fa}.record-card input{height:42px;margin-bottom:16px}.record-card input::placeholder,.record-card textarea::placeholder{color:#91a8c9}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two-fields label .field-label{margin-bottom:9px}.record-card textarea{resize:none;height:62px;padding-top:12px;margin-bottom:22px}.add-button{height:43px;width:100%;border:0;background:#72bdf0;color:#08203a;font:600 13px Sora;cursor:pointer}.filters{display:flex;gap:8px;margin-top:16px;margin-bottom:16px}.filter{height:30px;background:transparent;color:#91a7c7;border:1px solid var(--line);font:500 11px Sora;padding:0 12px}.filter.active{border-color:#65bdf4;color:#80cdff;background:#123049}.empty-state{height:190px;border:1px dashed #29425e;text-align:center;padding-top:39px}.empty-icon{color:#9cb1cd;font-size:30px;height:38px}.empty-state h2{font-size:13px;margin:8px 0 10px}.empty-state p{margin:0;color:#80a0c9;font-size:11px;line-height:17px}.record-list{border:1px solid #29425e}.record-row{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;align-items:center;padding:14px 15px;border-bottom:1px solid #29425e;color:#bcd2eb}.record-row:last-child{border-bottom:0}.record-row b{color:#e5f2ff}.record-row small{display:block;color:#7895be;font-size:10px;margin-top:4px}.record-row button{background:transparent;border:1px solid #315172;color:#9acaf0;padding:6px;font:10px Sora;cursor:pointer}.payment-report{margin-top:28px;border-top:1px solid var(--line);padding-top:17px}.report-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.report-heading>div span{color:#61baff;font:italic 11px Sora;margin-right:9px}.report-heading nav{display:flex;gap:5px}.period{height:25px;border:1px solid var(--line);background:transparent;color:#86a2c6;font:500 9px Sora;padding:0 8px}.period.active{color:#8ad3ff;border-color:#63bdf4;background:#123049}.report-summary{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.report-summary span{display:block;color:#86a7d1;font-size:8px;letter-spacing:1.5px;font-weight:700}.report-summary strong{display:block;margin-top:6px;color:#74c6f7;font-size:20px;letter-spacing:-1px}.report-summary small{color:#7894b9;font-size:9px;padding-bottom:3px}.bar-chart{height:142px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:flex-end;padding:16px 4px 20px;margin-top:5px}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.bar-value{height:18px;color:#7fcafd;font-size:8px;white-space:nowrap}.bar{width:100%;max-width:27px;min-height:3px;background:linear-gradient(180deg,#72c9fc,#26638d);border:1px solid #8bd7ff}.bar-label{color:#7897bd;font-size:8px;margin-top:7px;white-space:nowrap}.bar-column.empty .bar{background:#203044;border-color:#29425e}@media(max-width:800px){.summary{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr;gap:34px}.page-shell{width:calc(100% - 32px)}}@media(max-width:460px){.summary{grid-template-columns:1fr}.topbar{height:84px}.account span{display:none}.record-row{grid-template-columns:1fr 1fr;gap:10px}.filters{flex-wrap:wrap}}