:root{color:#183044;background:#f3f6f8;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#183044;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}main{max-width:1200px;margin:auto;padding:2rem}h1{margin:0 0 1.5rem}button,input,select,textarea{font:inherit;border:1px solid #a5b4bf;border-radius:4px;padding:.6rem}button{cursor:pointer;color:#183044;background:#fff}button:hover{background:#e4eef5}button:disabled{cursor:default;opacity:.55}label{flex-direction:column;gap:.4rem;display:flex}input,select,textarea{background:#fff;min-width:0}form,fieldset{gap:1rem;display:grid}fieldset{border:0;max-width:600px;padding:0}.login{background:#fff;border-radius:8px;max-width:400px;margin:5vh auto;padding:2rem}.title,.pagination{justify-content:space-between;align-items:center;gap:1rem;display:flex}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filters label{flex:170px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #d6e0e7;padding:.8rem}tbody tr:hover{cursor:pointer;background:#eaf2f7}a{color:#155b91}.pagination{margin:1.5rem 0}.page-size{max-width:160px}[role=alert]{color:#a12020}@media (width<=600px){main{padding:1rem}.pagination{flex-wrap:wrap}}.invoice-line{background:#fff;border:1px solid #d6e0e7;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-width:none;padding:1rem}.editor-actions{border-top:1px solid #d6e0e7;flex-wrap:wrap;gap:.75rem;padding:1rem 0;display:flex}[aria-invalid=true]{border-color:#a12020}