:root{font-family:system-ui,sans-serif;color:#203931;background:#f3f5f7;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#123e51;color:white;padding:20px max(20px,calc((100vw - 900px)/2));display:flex;gap:18px;align-items:center;flex-wrap:wrap}header strong{letter-spacing:2px}header small{margin-left:auto;background:#ffffff20;padding:5px 10px;border-radius:20px}main{max-width:940px;margin:auto;padding:24px 20px 60px}h1{font-size:30px;margin:22px 0 4px}h2{margin:26px 0 12px;font-size:21px}p{margin:8px 0 18px;color:#52635b}form{display:flex;gap:10px;margin:20px 0}input{font:inherit;padding:13px;border:1px solid #a8b7af;border-radius:9px;min-width:0;flex:1}button,.file{font:inherit;border:0;border-radius:9px;background:#123e51;color:white;padding:12px 18px;cursor:pointer;min-height:46px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{background:#dce7ef;color:#123e51}.card{background:white;border:1px solid #dce4df;border-radius:12px;padding:18px;margin:12px 0;box-shadow:0 2px 4px #15291b05}.operation{width:100%;text-align:left;color:#203931;display:block}.line{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:#64756b;font-size:14px}.badge{font-size:13px;background:#e6eee9;padding:4px 9px;border-radius:15px}.paid{background:#d9f0df;color:#215735}.pending{background:#fff0cf;color:#785408}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.value{background:#e7eef4;padding:12px;border-radius:9px}.value strong{display:block;font-size:20px}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}dd{margin:0;text-align:right}dt{color:#64756b}.note{white-space:pre-wrap;overflow-wrap:anywhere}#notice:not(:empty){padding:12px;background:#fff0cf;border-radius:8px;margin-bottom:12px}details summary{cursor:pointer;padding:6px 0;font-weight:600}.file{margin-top:10px;font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cf9500;outline-offset:3px}[hidden]{display:none!important}@media(max-width:550px){header{padding:16px;gap:10px}header small{width:100%;margin:0}main{padding:16px}.values{grid-template-columns:1fr 1fr}h1{font-size:26px}.line{align-items:flex-start}form button{padding:12px}dl{font-size:14px}}
.editor{margin:16px 0;padding:12px;border:1px solid #bdcfc4;border-radius:10px}.editor form{display:grid}.editor label{display:grid;gap:6px}.editor select,.editor textarea{font:inherit;border:1px solid #a8b7af;padding:10px;border-radius:8px;width:100%;background:white}.payment{display:flex;align-items:center;gap:10px;font-weight:600;margin-top:16px}.payment input{flex:none;width:24px;height:24px;accent-color:#123e51}.payment+small{display:block;color:#52635b;margin:6px 0}

header .brand{width:70px;height:70px;object-fit:contain;background:white;border-radius:8px;padding:5px}header{border-bottom:4px solid #6486a3}@media(max-width:550px){header .brand{width:54px;height:54px}}
.login-form{display:grid;max-width:420px}.login-form input{width:100%}header #logout{background:#ffffff20}