*{box-sizing:border-box}body{color:#1a1a1a;margin:0;font-family:system-ui,sans-serif}.app-shell{min-height:100vh;display:flex}.app-nav{border-right:1px solid #ddd;flex-direction:column;width:180px;padding:1rem;display:flex}.app-nav a{color:inherit;padding:.5rem 0;text-decoration:none}.app-nav a.active{font-weight:600}.app-main{flex:1;padding:1.5rem}.login-form{flex-direction:column;gap:.75rem;max-width:320px;margin:4rem auto;display:flex}.login-form label{flex-direction:column;gap:.25rem;display:flex}.login-form [role=alert]{color:#b00020;margin:0}:focus-visible{outline-offset:2px;outline:2px solid #1a5fb4}.list-toolbar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ddd;padding:.5rem}.badge{border:1px solid #ccc;border-radius:3px;margin-right:.25rem;padding:.1rem .4rem;font-size:.75rem;display:inline-block}form:not(.login-form){flex-direction:column;gap:.75rem;max-width:420px;margin-top:1rem;display:flex}form:not(.login-form) label{flex-direction:column;gap:.25rem;display:flex}form:not(.login-form) label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.5rem}form [role=alert]{color:#b00020;margin:0}.confirm-bar{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.doc-form{max-width:none}.line-grid input,.line-grid select{width:100%}.warning-banner{color:#7a5b00;background:#fff6de;border:1px solid #e0c65c;padding:.5rem .75rem}.hint{color:#555;margin:0}.total-line{font-weight:600}.report-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.report-filters label{flex-direction:column;gap:.25rem;display:flex}.table-scroll{overflow-x:auto}.num{text-align:right}.home-figures{flex-wrap:wrap;gap:1.5rem;margin:0;display:flex}.home-figure{min-width:10rem}.home-figure dt{color:#555}.home-figure dd{margin:0;font-size:1.5rem;font-weight:600}.totp-secret,.backup-codes{background:#f3f3f3;border:1px solid #ddd;width:fit-content;padding:.5rem .75rem;font-family:monospace;font-size:1.25rem}