:root{color-scheme:light;--ink:#192b3d;--muted:#657586;--line:#dce3e8;--nav:#102b36;--accent:#17695e;--amber:#9b5f0d;--bg:#f4f6f7}*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.shell{display:flex;min-height:100vh}aside{width:244px;background:var(--nav);color:#e8f0ef;padding:35px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white!important;text-decoration:none;font-weight:750;letter-spacing:2px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.4px;color:#b3c8c9}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4b7379;border-radius:12px;font-size:25px;background:#20424b}.mode{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:34px 0 16px;color:#edc884}nav{display:grid;gap:6px}nav a{color:#d1dfe0;text-decoration:none;padding:12px;border-radius:8px}nav a:hover{background:#22444c;color:#fff}.aside-bottom{margin-top:auto;font-size:12px;color:#bdcdce}.aside-bottom small{color:#8ba8ab}main{margin-left:244px;padding:38px 44px;width:calc(100% - 244px);max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-size:30px;letter-spacing:-1px;line-height:1.3;margin:6px 0 0}h2{font-size:19px;margin:0 0 15px;letter-spacing:-.4px}h3{font-size:15px}.test-banner{background:#fff4dd;border:1px solid #eddbb3;color:#795714;font-size:12px;padding:11px 16px;border-radius:8px;margin-bottom:25px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:22px;box-shadow:0 2px 3px #132c3903}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{font-size:34px;font-weight:700;letter-spacing:-1px}.muted,small{color:var(--muted)}.pill{display:inline-block;font-size:11px;font-weight:650;padding:4px 9px;border-radius:6px;background:#eaf5ef;color:#176244}.pill.warn{background:#fff1d6;color:#80520d}.pill.error{background:#fde9e7;color:#a2342e}label{display:block;font-size:12px;font-weight:650;margin:13px 0 5px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #ccd7df;border-radius:7px;background:white;color:var(--ink);font:inherit;font-size:14px}textarea{min-height:105px;resize:vertical}input:focus,textarea:focus{outline:2px solid #438f8655;border-color:var(--accent)}button,.button{display:inline-block;border:1px solid transparent;border-radius:7px;padding:10px 17px;background:var(--accent);color:white;text-decoration:none;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.button.secondary,button.secondary{background:white;border-color:#ccd7df;color:var(--ink)}.quiet{background:transparent;color:var(--muted);border-color:var(--line)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.actions form{margin:0}.danger{background:#a63c37}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf0f2;vertical-align:top}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}a{color:var(--accent)}code{font:12px ui-monospace,monospace;background:#eef2f4;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}form .hint{font-size:12px;margin:5px 0;color:var(--muted)}.notice{padding:15px 20px;border-left:3px solid var(--accent);background:#ecf6f2;margin-bottom:22px}.error-box{border-left-color:#a63c37;background:#fff0ef}footer{font-size:11px;color:#87949e;padding:15px 0}.empty{text-align:center;padding:35px 15px;color:var(--muted)}.amount{text-align:right;font-variant-numeric:tabular-nums}.login{max-width:480px;margin:35px auto}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}iframe{width:100%;height:620px;border:1px solid var(--line);border-radius:8px}.compact{margin:0}.logo{max-width:180px;max-height:80px}@media(max-width:900px){aside{width:190px;padding:25px 15px}main{margin-left:190px;width:calc(100% - 190px);padding:25px}.grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}}@media(max-width:600px){.shell{display:block}aside{position:static;width:auto;padding:16px}.brand{font-size:13px}.mark{width:32px;height:32px}.mode{margin:12px 0 5px}nav{display:flex;overflow:auto;gap:0}nav a{font-size:12px;white-space:nowrap;padding:10px}.aside-bottom{display:none}main{margin:0;width:100%;padding:22px 15px}h1{font-size:25px}.card{padding:18px}.test-banner{font-size:11px}header{align-items:flex-start}}

/* Authentication and touch navigation */
.mobile-navigation{display:none}.card{min-width:0}button,.button,input,select{min-height:44px}button,.button,summary{touch-action:manipulation}.signed-out main{width:100%;max-width:600px;margin:0 auto;padding:48px 24px}.signed-out .login{margin:22px 0}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px;font-weight:750;letter-spacing:2px}.auth-brand .mark{background:var(--nav);color:white}.auth-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.4px}.mobile-navigation summary{cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #4b7379;border-radius:7px;font-weight:600;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary:after{content:'⌄';float:right}.mobile-navigation[open] summary{margin-bottom:8px}.mobile-navigation nav{display:grid;overflow:visible;gap:4px}.mobile-navigation nav a{min-height:44px;padding:12px 14px}.desktop-navigation a:focus-visible,.mobile-navigation summary:focus-visible{outline:2px solid #edc884;outline-offset:2px}
@media(max-width:600px){.desktop-navigation{display:none}.mobile-navigation{display:block}aside{gap:0}.mode{margin:12px 0}.signed-out main{padding:28px 18px}.signed-out .auth-brand{margin-bottom:26px}input,textarea,select{font-size:16px}textarea{min-height:120px}.actions{align-items:stretch}.actions form{flex:1 1 100%}.actions form button{width:100%}.actions>.button{width:100%;text-align:center}.table-wrap table{min-width:540px}.card form>button{width:100%}.auth-brand{font-size:14px}}